-b.firstLetter.localeCompare(a.firstLetter))}\r\n groupBy={(option) => option.firstLetter}\r\n getOptionLabel={(option) => option.title}\r\n getOptionSelected={(option) => option.title}\r\n className={classes.autocompleteWrap}\r\n fullWidth\r\n onChange={handleChange}\r\n onInputChange={(event, newInputValue) => {\r\n handleInputChange(newInputValue);\r\n }}\r\n renderInput={\r\n (params) =>\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n }}\r\n />\r\n );\r\n}\r\n\r\nexport default RSIGESTORZYsearchGestor;\r\n","import React from \"react\";\r\nimport Accordion from \"@material-ui/core/Accordion\";\r\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\r\n// eslint-disable-next-line\r\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { useTranslation } from \"react-i18next\";\r\n// eslint-disable-next-line\r\nimport { fade, Grid, Icon, List, ListItem, ListItemText, ListItemIcon, Checkbox } from \"@material-ui/core\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\n// eslint-disable-next-line\r\nimport Divider from \"@material-ui/core/Divider\";\r\n\r\nconst AccessibilityTooltip = React.lazy(() => import(\"../../components/_common/AccessibilityTooltip\"));\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n AccordionRoot: {\r\n // border: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n borderBottom: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n boxShadow: \"none\",\r\n \"&:not(:last-child)\": {\r\n borderBottom: 0,\r\n },\r\n \"&:before\": {\r\n display: \"none\",\r\n },\r\n \"&$expanded\": {\r\n margin: \"auto\",\r\n },\r\n },\r\n AccordionRootExpanded: {\r\n \"& > div:first-child\": {\r\n backgroundColor: fade(theme.palette.primary.main, 0.0675),\r\n },\r\n },\r\n AccordionSummaryRoot: {\r\n // backgroundColor: fade(theme.palette.primary.main, 0.0675),\r\n // borderBottom: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n marginBottom: -1,\r\n minHeight: \"32px!important\",\r\n \"&.$expanded\": {\r\n minHeight: 32,\r\n },\r\n },\r\n AccordionSummaryContent: {\r\n margin: `${theme.spacing(1, 0)}!important`,\r\n },\r\n AccordionSummaryContentExpanded: {\r\n // margin: theme.spacing(0, 0),\r\n // backgroundColor: fade(theme.palette.primary.main, 0.0675),\r\n },\r\n AccordionSummaryTitle: {\r\n fontSize: \"1rem\", //'0.875rem',\r\n fontWeight: 400, //theme.typography.fontWeightMedium\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"0.875rem\",\r\n },\r\n },\r\n AccordionDetailsRoot: {\r\n padding: theme.spacing(2),\r\n },\r\n card: {\r\n height: \"100%\",\r\n },\r\n cardHeaderRoot: {\r\n backgroundColor: fade(theme.palette.primary.main, 0.00675),\r\n padding: theme.spacing(1, 1, 0, 2),\r\n },\r\n cardContent: {\r\n padding: theme.spacing(0, 1, 2, 2),\r\n },\r\n cardHeaderTitle: {\r\n fontSize: \"0.8rem\",\r\n fontWeight: theme.typography.fontWeightMedium,\r\n },\r\n expanded: {},\r\n listItemTextPrimary: {\r\n fontSize: \"0.875rem\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"0.75rem\",\r\n },\r\n },\r\n listItemTextSecondary: {\r\n fontSize: \"0.875rem\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"0.75rem\",\r\n },\r\n },\r\n}));\r\n\r\nconst GestorzyAccordion = ({ gestor, data, checked, onChecked, report }) => {\r\n // eslint-disable-next-line\r\n const { t } = useTranslation();\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(\"panel1\");\r\n\r\n const handleChange = (panel) => (event, newExpanded) => {\r\n // console.log(event.target)\r\n // console.log(data, gestor)\r\n if (event.target.hasAttribute(\"data-preventactions\")) return;\r\n setExpanded(newExpanded ? panel : false);\r\n };\r\n\r\n const handleToggle = (value) => {\r\n onChecked(value);\r\n };\r\n\r\n // console.log(\r\n // checked.filter(c => c.gestor_id === gestor.id).length,\r\n // data.length,\r\n // !!(checked.filter(c => c.gestor_id === gestor.id).length &&\r\n // checked.filter(c => c.gestor_id === gestor.id).length < data.length)\r\n // )\r\n\r\n return (\r\n \r\n {/*
{JSON.stringify(data, null,4)} */}\r\n
\r\n \r\n {t(\"pages.issuers\")}\r\n \r\n\r\n {!!loadingPdf && (\r\n \r\n
\r\n
\r\n
\r\n )}\r\n\r\n \r\n \r\n handleSearchGestorClick(args)}\r\n onInputChange={(args) => handleSearchInputChange(args)}\r\n />\r\n \r\n {checked.length ? \"Pobierz raport\" : \"Raport\"}\r\n \r\n \r\n \r\n
\r\n
} id=\"aList\">\r\n
\r\n
\r\n {data.length && gestorzy.length ? (\r\n gestorzy\r\n .filter((d) =>\r\n props.match.params.id\r\n ? d.typ.toUpperCase() === props.match.params.id.toUpperCase() ||\r\n d.typ.toUpperCase() ===\r\n props.match.params.id.split(\"_\").join(\" \").toUpperCase()\r\n : d\r\n )\r\n .filter((d) =>\r\n searchText ? d.title.toUpperCase().includes(searchText.toUpperCase()) : d\r\n )\r\n .map((gestor) => {\r\n return (\r\n \r\n d.nazwa === gestor.title)\r\n ? data\r\n .find((d) => d.nazwa === gestor.title)\r\n .systemy.map((s) => ({ ...s, gestor_id: gestor.id }))\r\n : []\r\n }\r\n checked={checked}\r\n onChecked={(item) => handleChecked(item)}\r\n report={report}\r\n />\r\n
\r\n );\r\n })\r\n ) : (\r\n <>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default RSIGESTORZY_Page;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useDocTitle } from \"../../components/_common/DocTitle\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport clsx from 'clsx'\r\n\r\nimport { Grid, Typography, List, ListItem, ListItemText, ListItemIcon } from \"@material-ui/core\";\r\nimport { MenuBook, BlurOnOutlined } from '@material-ui/icons'\r\nimport { makeStyles } from \"@material-ui/styles\";\r\n\r\nimport axios from 'axios';\r\nimport APIs from \"../../APIs\";\r\n\r\nconst Preloader = React.lazy(() => import('../../components/_common/Preloader'))\r\n\r\nconst regex = /(<([^>]+)>)|\\t|\\n| /gi\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n bigTitle: {\r\n margin: theme.spacing(0, 4, 4, 4),\r\n textAlign: \"center\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.125rem',\r\n fontWeight: theme.typography.fontWeightMedium\r\n },\r\n },\r\n name: {\r\n fontSize: '1.5rem',\r\n margin: theme.spacing(8, 2, 8, 2),\r\n textAlign: \"center\",\r\n fontWeight: theme.typography.fontWeightBold,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1rem',\r\n margin: theme.spacing(4, 1, 2, 1),\r\n },\r\n },\r\n title: {\r\n fontWeight: theme.typography.fontWeightBold,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '0.75rem',\r\n },\r\n },\r\n text: {\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '0.75rem',\r\n paddingLeft: theme.spacing(2)\r\n },\r\n },\r\n topMargin: {\r\n marginTop: theme.spacing(6),\r\n [theme.breakpoints.down('sm')]: {\r\n marginTop: theme.spacing(3),\r\n }\r\n },\r\n inlineFlex: {\r\n display: 'inline-flex'\r\n }\r\n}))\r\n\r\nconst RSIGESTORZY_InfoPage = props => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n useDocTitle(t('pages.issuers'));\r\n\r\n const [data, setData] = useState(null);\r\n const [loading, setLoading] = useState(true)\r\n\r\n useEffect(() => {\r\n data ||\r\n axios\r\n .get(`${APIs.dataURL.rsisystemy}/${props.match.params.id}`)\r\n // .get('./devData/s1374.json')\r\n .then(result => {\r\n const apiData = result.data//.results.map(item => ({ ...item, nazwa_systemu: item.nazwa_systemu.replace(/(<([^>]+)>)|\\t|\\n/gi, \"\") }));\r\n\r\n setData(apiData)\r\n })\r\n .catch(error => {\r\n console.log(error)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n }, \r\n // eslint-disable-next-line\r\n [data])\r\n\r\n const [isMobile, setIsMobile] = useState(window.innerWidth < 599.95);\r\n useEffect(() => {\r\n window.addEventListener('resize', () => {\r\n setIsMobile(window.innerWidth < 599.96)\r\n });\r\n }, [isMobile])\r\n\r\n return (\r\n <>\r\n {t('pages.systems')} \r\n {t('pages.infopage')} \r\n {\r\n loading\r\n ? \r\n {data.nazwa_systemu ? data.nazwa_systemu.replace(regex, \"\") : ''}\r\n \r\n \r\n \r\n \r\n {t('Nazwa skrócona')}{':'}\r\n \r\n \r\n {data.nazwa_systemu_skr ? data.nazwa_systemu_skr.replace(regex, \"\") : ''}\r\n \r\n \r\n \r\n \r\n {t('Gestor')}{':'}\r\n \r\n \r\n {/* {data.gestor ? data.gestor.replace(regex, \"\") : ''} */}\r\n {data.gestor ? data.gestor.replace(regex, \"\") : ''}\r\n \r\n \r\n \r\n \r\n {t('Sposób prowadzenia')}{':'}\r\n \r\n \r\n {/* {data.sposob_prowadzenia_systemu ? data.sposob_prowadzenia_systemu.replace(regex, \"\") : ''} */}\r\n {data.sposob_prowadzenia_systemu ? data.sposob_prowadzenia_systemu.replace(regex, \"\") : ''}\r\n {/* {data.poziom_gromadzenia_danych ? ', ' + data.poziom_gromadzenia_danych.replace(regex, \"\") : ''} */}\r\n {data.poziom_gromadzenia_danych ? ', ' + data.poziom_gromadzenia_danych.replace(regex, \"\") : ''}\r\n \r\n \r\n \r\n \r\n {t('Zasięg')}{':'}\r\n \r\n \r\n {data.czy_krajowy && t('krajowy')}\r\n {data.czy_lokalny && t('lokalny')}\r\n {/* {!data.czy_krajowy && !data.czy_lokalny && ''} */}\r\n \r\n \r\n \r\n {\r\n data.aktyprawne && data.aktyprawne.length &&\r\n \r\n \r\n \r\n {t('Podstawa prawna')}{':'}\r\n \r\n \r\n \r\n {\r\n data.aktyprawne.map(akt => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {akt.nazwa ? akt.nazwa.replace(regex, \"\") : ''}\r\n \r\n }\r\n secondary={\r\n \r\n {t('Miejsce publikacji')}{':'} \r\n }\r\n classes={{ primary: classes.text, secondary: classes.text }}\r\n />\r\n \r\n
\r\n )\r\n })\r\n }\r\n\r\n \r\n \r\n }\r\n {\r\n data.cel_systemu &&\r\n \r\n \r\n \r\n {t('Cel systemu')}{':'}\r\n \r\n \r\n {data.cel_systemu?data.cel_systemu.replace(regex, \"\"):''}\r\n \r\n \r\n \r\n }\r\n {\r\n data.zrodla_danych_czestotliwosc_aktualizacji &&\r\n \r\n \r\n \r\n {t('Źródła i częstotliwość aktualizacji')}{':'}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n }\r\n {\r\n data.termin_formy_udostepniania_danych &&\r\n \r\n \r\n \r\n {t('Terminy i formy udostępniania')}{':'}\r\n \r\n \r\n {data.termin_formy_udostepniania_danych.replace(regex, \"\")}\r\n \r\n \r\n \r\n }\r\n {\r\n data.obiekty && data.obiekty.length &&\r\n \r\n \r\n \r\n {t('Obiekty opisywane w systemie')}{':'}\r\n \r\n \r\n \r\n {\r\n data.obiekty.map(object => {\r\n return (\r\n \r\n \r\n \r\n \r\n {t('Typy')}{':'} \r\n \r\n \r\n {object.typ_obiektu ? object.typ_obiektu.replace(regex, \"\") : ''}\r\n \r\n \r\n }\r\n classes={{ primary: classes.text, secondary: classes.text }}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n {t('Nazwa')}{':'} \r\n \r\n \r\n {object.nazwa_obiektu ? object.nazwa_obiektu.replace(regex, \"\") : ''}\r\n \r\n \r\n }\r\n classes={{ primary: classes.text, secondary: classes.text }}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n {t('Opis')}{':'} \r\n \r\n \r\n {object.opis_obiektu ? object.opis_obiektu.replace(regex, \"\") : ''}\r\n \r\n \r\n }\r\n classes={{ primary: classes.text, secondary: classes.text }}\r\n />\r\n \r\n {\r\n object.cechyobiektu && object.cechyobiektu.length &&\r\n \r\n \r\n \r\n {t('Cechy informacyjne opisujące obiekt')}{':'}\r\n \r\n }\r\n classes={{ primary: classes.text, secondary: classes.text }}\r\n />\r\n \r\n {object.cechyobiektu.map(cecha => {\r\n return (\r\n \r\n \r\n \r\n \r\n {cecha.nazwa_cechy?cecha.nazwa_cechy.replace(regex, \"\"):''}\r\n \r\n }\r\n classes={{ primary: classes.text, secondary: classes.text }}\r\n secondary={\r\n cecha.aktyprawne && cecha.aktyprawne.length\r\n\r\n ? \r\n \r\n \r\n {t('Podstawa prawna')}{':'} \r\n \r\n \r\n \r\n {\r\n cecha.aktyprawne.map(akt => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {akt.nazwa ? akt.nazwa.replace(regex, \"\") : ''}\r\n \r\n \r\n }\r\n secondary={\r\n \r\n \r\n \r\n \r\n {t('Miejsce publikacji')}{':'} \r\n \r\n \r\n \r\n }\r\n classes={{ primary: classes.text, secondary: classes.text }}\r\n />\r\n \r\n
\r\n )\r\n })\r\n }\r\n\r\n \r\n \r\n : ''\r\n }\r\n />\r\n\r\n\r\n \r\n )\r\n })}\r\n
\r\n }\r\n
\r\n\r\n )\r\n })\r\n }\r\n\r\n \r\n\r\n \r\n }\r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nexport default RSIGESTORZY_InfoPage\r\n","import React from 'react';\r\n// eslint-disable-next-line\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Drawer, fade, IconButton, Grid, Card, CardHeader, CardContent, Divider } from '@material-ui/core';\r\nimport { Close } from '@material-ui/icons'\r\nimport { useTranslation } from 'react-i18next';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n fullList: {\r\n width: 'auto',\r\n },\r\n drawerPaper: {\r\n width: 400,\r\n padding: theme.spacing(2)\r\n },\r\n AccordionRoot: {\r\n border: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n boxShadow: 'none',\r\n '&:not(:last-child)': {\r\n borderBottom: 0,\r\n },\r\n '&:before': {\r\n display: 'none',\r\n },\r\n '&$expanded': {\r\n margin: 'auto',\r\n }\r\n },\r\n expanded: {},\r\n AccordionSummaryRoot: {\r\n backgroundColor: fade(theme.palette.primary.main, 0.0675),\r\n borderBottom: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n marginBottom: -1,\r\n minHeight: '32px!important',\r\n '&$expanded': {\r\n minHeight: 32,\r\n }\r\n },\r\n AccordionSummaryContent: {\r\n margin: `${theme.spacing(1, 0)}!important`,\r\n },\r\n AccordionSummaryContentExpanded: {\r\n margin: theme.spacing(0, 0),\r\n },\r\n AccordionSummaryTitle: {\r\n fontSize: '0.8rem',\r\n fontWeight: theme.typography.fontWeightMedium\r\n },\r\n AccordionDetailsRoot: {\r\n padding: theme.spacing(2),\r\n },\r\n card: {\r\n height: '100%'\r\n },\r\n cardHeaderRoot: {\r\n backgroundColor: fade(theme.palette.primary.main, 0.00675),\r\n padding: theme.spacing(1, 1, 0, 2)\r\n },\r\n cardContent: {\r\n padding: theme.spacing(0, 1, 2, 2),\r\n\r\n },\r\n cardHeaderTitle: {\r\n fontSize: '0.8rem',\r\n fontWeight: theme.typography.fontWeightMedium\r\n },\r\n infoLetter: {\r\n width: 22,\r\n height: 22,\r\n backgroundColor: '#fff',\r\n borderRadius: '50%',\r\n fontSize: '0.875rem',\r\n fontWeight: theme.typography.fontWeightBold,\r\n lineHeight: '22px'\r\n },\r\n // AccordionSummaryContent: {\r\n // margin: `${theme.spacing(1, 0)}!important`,\r\n // },\r\n // AccordionSummaryContentExpanded: {\r\n // margin: theme.spacing(0, 0),\r\n // },\r\n\r\n AccordionSummaryExpandIcon: {\r\n transform: 'rotate(0deg)!important',\r\n marginRight: '0!important'\r\n },\r\n // AccordionDetailsRoot: {\r\n // padding: theme.spacing(2),\r\n // },\r\n}))\r\n\r\nconst ObjectsDrawer = ({ id_obiektu, cechyobiektu }) => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n\r\n const [state, setState] = React.useState(false);\r\n\r\n const toggleDrawer = (open) => (event) => {\r\n if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n return;\r\n }\r\n\r\n setState(open);\r\n };\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default ObjectsDrawer;","import React from 'react';\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { makeStyles } from \"@material-ui/styles\";\r\n// eslint-disable-next-line\r\nimport Accordion from '@material-ui/core/Accordion';\r\n// eslint-disable-next-line\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\n// eslint-disable-next-line \r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\n// eslint-disable-next-line\r\nimport Typography from '@material-ui/core/Typography';\r\n// eslint-disable-next-line \r\nimport { fade, Grid, Icon } from \"@material-ui/core\";\r\n// eslint-disable-next-line \r\nimport Card from \"@material-ui/core/Card\";\r\n// eslint-disable-next-line \r\nimport CardHeader from \"@material-ui/core/CardHeader\";\r\n// eslint-disable-next-line \r\nimport CardContent from \"@material-ui/core/CardContent\";\r\n// eslint-disable-next-line \r\nimport Divider from \"@material-ui/core/Divider\";\r\n\r\nimport ObjectsDrawer from './ObjectsDrawer'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n AccordionRoot: {\r\n border: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n boxShadow: 'none',\r\n '&:not(:last-child)': {\r\n borderBottom: 0,\r\n },\r\n '&:before': {\r\n display: 'none',\r\n },\r\n '&$expanded': {\r\n margin: 'auto',\r\n }\r\n },\r\n expanded: {},\r\n AccordionSummaryRoot: {\r\n backgroundColor: fade(theme.palette.primary.main, 0.0675),\r\n borderBottom: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n marginBottom: -1,\r\n minHeight: '32px!important',\r\n '&$expanded': {\r\n minHeight: 32,\r\n }\r\n },\r\n AccordionSummaryContent: {\r\n margin: `${theme.spacing(1, 0)}!important`,\r\n },\r\n AccordionSummaryContentExpanded: {\r\n margin: theme.spacing(0, 0),\r\n },\r\n AccordionSummaryTitle: {\r\n fontSize: '0.8rem',\r\n fontWeight: theme.typography.fontWeightMedium\r\n },\r\n AccordionSummaryExpandIcon:{\r\n transform:'rotate(0deg)!important',\r\n marginRight:'0!important'\r\n },\r\n AccordionDetailsRoot: {\r\n padding: theme.spacing(2),\r\n },\r\n card: {\r\n height: '100%'\r\n },\r\n cardHeaderRoot: {\r\n backgroundColor: fade(theme.palette.primary.main, 0.00675),\r\n padding: theme.spacing(1, 1, 0, 2)\r\n },\r\n cardContent: {\r\n padding: theme.spacing(0, 1, 2, 2),\r\n\r\n },\r\n cardHeaderTitle: {\r\n fontSize: '0.8rem',\r\n fontWeight: theme.typography.fontWeightMedium\r\n }\r\n}))\r\n\r\nconst ObjectsAccordion = ({ id_obiektu, cechyobiektu, onExpand }) => {\r\n // eslint-disable-next-line\r\n const { t } = useTranslation();\r\n // eslint-disable-next-line\r\n const classes = useStyles();\r\n // eslint-disable-next-line\r\n const [expanded, setExpanded] = React.useState('panel1');\r\n\r\n // eslint-disable-next-line\r\n const handleChange = (panel) => (event, newExpanded) => {\r\n setExpanded(newExpanded ? panel : false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n {/*
\r\n : null}\r\n\r\n classes={{ \r\n root: classes.AccordionSummaryRoot, \r\n content: classes.AccordionSummaryContent, \r\n expanded: classes.AccordionSummaryContentExpanded,\r\n expandIcon: classes.AccordionSummaryExpandIcon\r\n }}\r\n style={{cursor:'default'}}\r\n >\r\n \r\n {t('obiekt.cechy')}\r\n ({cechyobiektu.length}) :\r\n \r\n \r\n */}\r\n \r\n {({ measure, registerChild }) => {\r\n const handleMeasure = () => {\r\n const delay = data[index].obiekty.length * 33 < 666 ? 666 : data[index].obiekty.length * 33;\r\n\r\n setTimeout(() => {\r\n try {\r\n measure();\r\n } catch (e) {}\r\n }, delay);\r\n };\r\n return (\r\n \r\n {((data[index - 1] && data[index].typ_obiektu[0] !== data[index - 1].typ_obiektu[0]) ||\r\n index === 0) && (\r\n \r\n \r\n {data[index].typ_obiektu}\r\n \r\n
\r\n )}\r\n {data[index].nazwa_obiektu}}\r\n secondary={\r\n <>\r\n {!!data[index].systemy.length && (\r\n \r\n \r\n {t(\"obiekt.nazwa_systemu\")} :{\" \"}\r\n <>{data[index].systemy[0].nazwa_systemu}\r\n \r\n \r\n {t(\"obiekt.nazwa_systemu_skr\")} :{\" \"}\r\n <>{data[index].systemy[0].nazwa_systemu_skr}\r\n \r\n \r\n {t(\"obiekt.gestor\")} : <>{data[index].systemy[0].gestor}\r\n \r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n /** Handlers */\r\n const handleOnSubmitSearch = ({ searchText }) => {\r\n setSEARCH_LOADING(true);\r\n setSEARCH_ERROR(false);\r\n setSEARCH_TEXT(searchText);\r\n\r\n let apiURL = `${APIs.dataURL.rsiobiekty}${history.location.search}`;\r\n let pathname = location.pathname.slice(-1) === \"/\" ? location.pathname.slice(0, -1) : location.pathname;\r\n\r\n if (pathname.split(\"/\").length === 3) {\r\n apiURL = `${APIs.dataURL.rsiobiekty}?typ_obiektu__icontains=${pathname.split(\"/\")[2].split(\"_\").join(\"+\")}`;\r\n // if (FULL_DATA.length) return;\r\n } else {\r\n if (query.get(\"typ_obiektu__icontains\"))\r\n window.location.hash = `#${pathname}/${query.get(\"typ_obiektu__icontains\").split(\" \").join(\"_\")}`;\r\n }\r\n\r\n axios\r\n .get(`${apiURL}${apiURL.split(\"\").find((a) => a === \"?\") ? \"&\" : \"?\"}search=${searchText}`)\r\n .then((result) => {\r\n if (!result.data.count) throw new Error(t(`Brak wyników wyszukiwania dla \"${searchText}\"`));\r\n const apiData = result.data.results\r\n .map((result) => {\r\n result.systemy.forEach((system, index) => {\r\n Object.keys(system).forEach((key) => {\r\n result.systemy[index][key] =\r\n typeof result.systemy[index][key] === \"string\"\r\n ? result.systemy[index][key].replace(regex, \"\")\r\n : result.systemy[index][key];\r\n });\r\n return result;\r\n });\r\n\r\n result.cechyobiektu.forEach((feature, index) => {\r\n Object.keys(feature).forEach((key) => {\r\n result.cechyobiektu[index][key] =\r\n typeof result.cechyobiektu[index][key] === \"string\"\r\n ? result.cechyobiektu[index][key].replace(regex, \"\")\r\n : result.cechyobiektu[index][key];\r\n });\r\n return result;\r\n });\r\n return {\r\n ...result,\r\n typ_obiektu: result.typ_obiektu || t(\"common.noname\"),\r\n nazwa_obiektu: result.nazwa_obiektu.replace(regex, \"\"),\r\n };\r\n })\r\n .sort(\r\n (a, b) =>\r\n a.typ_obiektu.localeCompare(b.typ_obiektu) ||\r\n a.nazwa_obiektu.toUpperCase().localeCompare(b.nazwa_obiektu.toUpperCase())\r\n );\r\n\r\n setSEARCH_DATA(apiData);\r\n })\r\n .catch((error) => {\r\n setSEARCH_ERROR({ message: error.message });\r\n })\r\n .finally(() => {\r\n setSEARCH_LOADING(false);\r\n });\r\n };\r\n const handleOnClearSearch = () => {\r\n setSEARCH_DATA([]);\r\n setSEARCH_ERROR(false);\r\n setSEARCH_TEXT(\"\");\r\n setSEARCH_CLEAR(false);\r\n };\r\n\r\n // Track page view\r\n const { trackPageView } = useMatomo();\r\n React.useEffect(() => {\r\n trackPageView();\r\n // eslint-disable-next-line\r\n }, []);\r\n return (\r\n <>\r\n \r\n {t(\"pages.types\")}\r\n \r\n \r\n \r\n handleOnSubmitSearch({ searchText })}\r\n onClearSearch={handleOnClearSearch}\r\n isError={SEARCH_ERROR}\r\n isClear={SEARCH_CLEAR}\r\n />\r\n \r\n {/* \r\n handleSearchObjectClick(args)}\r\n searchEnabled={true}\r\n />\r\n */}\r\n\r\n \r\n {!data.length || SEARCH_LOADING ? (\r\n <>\r\n {!!SEARCH_ERROR ? (\r\n \r\n \r\n {SEARCH_ERROR.message}\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n {!!SEARCH_TEXT && (\r\n \r\n \r\n {!!SEARCH_ERROR ? (\r\n \r\n {` \"${SEARCH_TEXT}\"`} \r\n \r\n \r\n )}\r\n \r\n \r\n )}\r\n\r\n \r\n <>\r\n \r\n {({ height, isScrolling, registerChild, onChildScroll, scrollTop }) => {\r\n if (isScrolling && scrollToIdx >= 0) {\r\n setTimeout(() => {\r\n setScrollToIdx(-1);\r\n }, 100);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {({ width }) => (\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n }}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default RSIOBIEKTY_Page;\r\n","import React from 'react';\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardHeader from \"@material-ui/core/CardHeader\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport clsx from \"clsx\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n card: {\r\n height: '100%',\r\n borderTop: 'none',\r\n borderLeft: 'none',\r\n borderRight: 'none',\r\n borderRadius: 0,\r\n backgroundColor: '#FFF'\r\n },\r\n cardSelected: {\r\n backgroundColor: `transparent`\r\n },\r\n cardHeaderRoot: {\r\n padding: theme.spacing(2, 1)\r\n },\r\n cardHeaderTitle: {\r\n fontSize: '0.875rem',\r\n // minHeight: 40\r\n // fontWeight: theme.typography.fontWeightMedium\r\n },\r\n cardContent: {\r\n padding: 0\r\n },\r\n listRoot: {\r\n padding: 0\r\n },\r\n primary: {\r\n // minHeight: 40\r\n }\r\n}))\r\n\r\nconst ObjectCard = ({ obiekt, selected }) => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n
\r\n {t('obiekt.nazwa_obiektu')} : {obiekt.nazwa_obiektu}}\r\n />\r\n \r\n {\r\n obiekt.systemy.length &&\r\n\r\n \r\n {\r\n obiekt.systemy.map(system => {\r\n return (\r\n \r\n {t('system.nazwa_systemu')} : {system.nazwa_systemu}}\r\n secondary={{t('system.gestor')} : {system.gestor} \r\n\r\n )\r\n })\r\n }\r\n
\r\n }\r\n\r\n {/*{obiekt.systemy.length}*/}\r\n {/*{JSON.stringify(obiekt, null, 2)} */}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n {noTitle ? '' : <>{t('akt.title')} {':'} {t('akt.nazwa')} : {akt.nazwa} \r\n }\r\n secondary={<>\r\n {t('akt.miejsce_publikacji')} : {akt.miejsce_publikacji} {t('akt.typ')} : {akt.typ} {t('akt.rodzaj')} : {akt.rodzaj} \r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default AktyCard\r\n","import React, { useEffect } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { fade, Accordion, AccordionDetails, AccordionSummary, Grid, Icon, Typography } from \"@material-ui/core\";\r\n\r\nimport AktyCard from \"./AktyCard\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n AccordionRoot: {\r\n border: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n boxShadow: \"none\",\r\n \"&:not(:last-child)\": {\r\n borderBottom: 0,\r\n },\r\n \"&:before\": {\r\n display: \"none\",\r\n },\r\n \"&$expanded\": {\r\n margin: \"auto\",\r\n },\r\n },\r\n expanded: {},\r\n AccordionSummaryRoot: {\r\n borderBottom: `1px solid ${fade(theme.palette.primary.main, 0.125)}`,\r\n marginBottom: -1,\r\n minHeight: \"32px!important\",\r\n \"&$expanded\": {\r\n minHeight: 32,\r\n },\r\n },\r\n AccordionSummaryContent: {\r\n margin: `${theme.spacing(1, 0)}!important`,\r\n },\r\n AccordionSummaryContentExpanded: {\r\n margin: theme.spacing(0, 0),\r\n },\r\n AccordionSummaryTitle: {\r\n fontSize: \"0.875rem\",\r\n fontWeight: theme.typography.fontWeightRegular,\r\n },\r\n AccordionDetailsRoot: {\r\n padding: theme.spacing(2),\r\n },\r\n card: {\r\n height: \"100%\",\r\n },\r\n cardHeaderRoot: {\r\n backgroundColor: fade(theme.palette.primary.main, 0.0675),\r\n },\r\n cardHeaderTitle: {\r\n fontSize: \"0.8rem\",\r\n fontWeight: theme.typography.fontWeightMedium,\r\n },\r\n}));\r\n\r\nconst AktyAccordion = ({ id_cechy, akty, onExpand }) => {\r\n const { t } = useTranslation();\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(\"\");\r\n\r\n const handleChange = (panel) => (event, newExpanded) => {\r\n setExpanded(newExpanded ? panel : false);\r\n };\r\n\r\n useEffect(\r\n () => {\r\n onExpand();\r\n },\r\n // eslint-disable-next-line\r\n [expanded]\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default AktyAccordion;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { Button, IconButton, InputAdornment, TextField } from \"@material-ui/core\";\r\nimport { Close, Search } from \"@material-ui/icons\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n searchWrap: {\r\n width: \"100%\",\r\n margin: theme.spacing(4, 1),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n margin: theme.spacing(1, 4, 4, 4),\r\n },\r\n },\r\n btnSearch: {\r\n marginTop: theme.spacing(1),\r\n },\r\n}));\r\n\r\nconst RSICECHYsearchFeatureInApi = (props) => {\r\n const { onSubmitSearch, onClearSearch, isError } = props;\r\n\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n\r\n const [SEARCH_TEXT, setSEARCH_TEXT] = useState(\"\");\r\n const [SEARCH_BUTTON, setSEARCH_BUTTON] = useState(false);\r\n const [SEARCH_CLEAR, setSEARCH_CLEAR] = useState(false);\r\n\r\n /** Handlers */\r\n const handleChange = (event) => {\r\n setSEARCH_TEXT(event.target.value);\r\n };\r\n\r\n const handleClear = () => {\r\n setSEARCH_TEXT(\"\");\r\n onClearSearch();\r\n };\r\n\r\n const handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (SEARCH_TEXT.length >= 3) onSubmitSearch(SEARCH_TEXT);\r\n };\r\n\r\n useEffect(() => {\r\n setSEARCH_BUTTON(SEARCH_TEXT?.length >= 3);\r\n setSEARCH_CLEAR(SEARCH_TEXT.length);\r\n }, [SEARCH_TEXT]);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default RSICECHYsearchFeatureInApi;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport axios from \"axios\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { useMatomo } from \"@datapunt/matomo-tracker-react\";\r\n\r\n/** react-virtualized */\r\nimport { AutoSizer, CellMeasurer, CellMeasurerCache, List as VirtualizedList, WindowScroller } from \"react-virtualized\";\r\nimport \"react-virtualized/styles.css\";\r\n\r\n/** APi */\r\nimport APIs from \"../../APIs\";\r\n\r\n/** Material-UI */\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { fade, Avatar, Grid, List, ListItem, ListItemText, ListSubheader, Typography } from \"@material-ui/core\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\n\r\n/** UI */\r\nimport { useDocTitle } from \"../../components/_common/DocTitle\";\r\nimport Preloader from \"../../components/_common/Preloader\";\r\nimport ObjectsAccordion from \"./ObjectsAccordion\";\r\nimport ObjectCard from \"./ObjectCard\";\r\nimport AktyAccordion from \"./AktyAccordion\";\r\nimport AktyCard from \"./AktyCard\";\r\n// import RSICECHYsearchFeature from \"./RSICECHY_SearchFeature\";\r\nimport RSICECHYsearchFeatureInApi from \"./RSICECHY_SearchFeatureAPi\";\r\n\r\nconst regex = /(<([^>]+)>)|\\t|\\n| /gi;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n bigTitle: {\r\n margin: theme.spacing(0, 4, 4, 4),\r\n textAlign: \"center\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: theme.typography.fontWeightMedium,\r\n },\r\n },\r\n alphabet: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n overflow: \"hidden\",\r\n },\r\n listOverlay: {\r\n content: '\"\"',\r\n position: \"absolute\",\r\n width: \"100%\",\r\n height: 1,\r\n bottom: -1,\r\n boxShadow: `0 1px 56px 64px ${theme.palette.background.paper}`,\r\n zIndex: 1,\r\n },\r\n listRoot: {\r\n maxHeight: \"calc(100vh - 0px)\",\r\n overflow: \"hidden\",\r\n overflowY: \"scroll\",\r\n marginTop: theme.spacing(4),\r\n paddingBottom: \"100vh\",\r\n position: \"relative\",\r\n scrollBehavior: \"smooth\",\r\n },\r\n listSection: {\r\n backgroundColor: \"inherit\",\r\n },\r\n ul: {\r\n backgroundColor: \"inherit\",\r\n padding: 0,\r\n },\r\n listSubheaderSticky: {\r\n backgroundColor: \"rgb(234 237 244)\",\r\n color: theme.palette.primary.contrastText,\r\n padding: theme.spacing(2),\r\n width: \"100%\",\r\n },\r\n listItemSelected: {\r\n backgroundColor: `${fade(theme.palette.primary.main, 0.0675)}!important`,\r\n },\r\n alphabetChip: {\r\n backgroundColor: fade(theme.palette.primary.light, 0.5),\r\n color: theme.palette.primary.contrastText,\r\n \"&:hover\": {\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n \"&:focus\": {\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n },\r\n alphabetChipAcvtive: {\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n alphabetAvatar: {\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n searchFixed: {\r\n position: \"fixed\",\r\n zIndex: 1,\r\n width: \"100%\",\r\n backgroundColor: \"#fff\",\r\n maxWidth: 1186,\r\n top: 52,\r\n },\r\n listItemAvatarAvatar: {\r\n backgroundColor: fade(theme.palette.primary.main, 0.25),\r\n },\r\n formControl: {\r\n marginTop: theme.spacing(2),\r\n minWidth: \"100%\",\r\n },\r\n listItemLI: {\r\n display: \"flex\",\r\n alignItems: \"flex-start\",\r\n flexWrap: \"wrap\",\r\n transition: \"all 0.1s linear\",\r\n },\r\n ReactVirtualizedList: {\r\n \"&::-webkit-scrollbar\": {},\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100vw\",\r\n },\r\n },\r\n}));\r\n\r\nconst RSICECHY_Page = (props) => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n useDocTitle(t(\"pages.features\"));\r\n\r\n const [isMobile, setIsMobile] = useState(window.innerWidth < 599.95);\r\n const [data, setData] = useState([]);\r\n const [searchEnabled, setSearchEnabled] = useState(false);\r\n const [selected, setSelected] = useState(\"\");\r\n const [scrollToIdx, setScrollToIdx] = useState(-1);\r\n\r\n const [FULL_DATA, setFULL_DATA] = useState([]);\r\n const [SEARCH_DATA, setSEARCH_DATA] = useState([]);\r\n const [SEARCH_ERROR, setSEARCH_ERROR] = useState(false);\r\n const [SEARCH_LOADING, setSEARCH_LOADING] = useState(false);\r\n const [SEARCH_TEXT, setSEARCH_TEXT] = useState(\"\");\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"resize\", () => {\r\n setIsMobile(window.innerWidth < 599.96);\r\n });\r\n }, [isMobile]);\r\n\r\n useEffect(() => {\r\n if (FULL_DATA.length) return;\r\n\r\n setSearchEnabled(false);\r\n\r\n axios\r\n .get(`${APIs.dataURL.rsicechy.split(\"?\")[0]}?limit=100`)\r\n .then((result) => {\r\n const apiData = result.data.results\r\n .map((result) => {\r\n result.obiekty.forEach((object, index) => {\r\n result.obiekty[index].nazwa_obiektu = result.obiekty[index].nazwa_obiektu.replace(\r\n regex,\r\n \"\"\r\n );\r\n\r\n result.obiekty[index].systemy.forEach((system, i) => {\r\n result.obiekty[index].systemy[i].nazwa_systemu = result.obiekty[index].systemy[\r\n i\r\n ].nazwa_systemu.replace(regex, \"\");\r\n });\r\n\r\n return result;\r\n });\r\n\r\n return {\r\n ...result,\r\n nazwa_cechy: result.nazwa_cechy.replace(regex, \"\"),\r\n };\r\n })\r\n .sort((a, b) => -b.nazwa_cechy.localeCompare(a.nazwa_cechy));\r\n setFULL_DATA(apiData);\r\n })\r\n .catch((error) => {});\r\n\r\n axios\r\n .get(`${APIs.dataURL.rsicechy.split(\"?\")[0]}?limit=13000`)\r\n .then((result) => {\r\n const apiData = result.data.results\r\n .map((result) => {\r\n result.obiekty.forEach((object, index) => {\r\n result.obiekty[index].nazwa_obiektu = result.obiekty[index].nazwa_obiektu.replace(\r\n regex,\r\n \"\"\r\n );\r\n\r\n result.obiekty[index].systemy.forEach((system, i) => {\r\n result.obiekty[index].systemy[i].nazwa_systemu = result.obiekty[index].systemy[\r\n i\r\n ].nazwa_systemu.replace(regex, \"\");\r\n });\r\n\r\n return result;\r\n });\r\n\r\n return {\r\n ...result,\r\n nazwa_cechy: result.nazwa_cechy.replace(regex, \"\"),\r\n };\r\n })\r\n\r\n .sort((a, b) => -b.nazwa_cechy.localeCompare(a.nazwa_cechy));\r\n setFULL_DATA(apiData);\r\n\r\n setSearchEnabled(true);\r\n })\r\n .catch((error) => {});\r\n }, [FULL_DATA.length]);\r\n\r\n useEffect(() => {\r\n if (SEARCH_ERROR) {\r\n setData([]);\r\n return;\r\n }\r\n if (SEARCH_DATA.length) {\r\n setData(SEARCH_DATA);\r\n } else {\r\n setData(FULL_DATA);\r\n }\r\n }, [SEARCH_DATA, FULL_DATA, SEARCH_ERROR]);\r\n\r\n // eslint-disable-next-line\r\n const handleSearchCechyClick = ({ itemId, firstLetter }) => {\r\n setScrollToIdx(data.findIndex((d) => d.id_cechy === itemId));\r\n setSelected(itemId.toString());\r\n setTimeout(() => setSelected(\"\"), 2000);\r\n };\r\n\r\n const cache = new CellMeasurerCache({\r\n fixedWidth: true,\r\n minHeight: 150,\r\n });\r\n\r\n const rowRenderer = ({ index, isScrolling, key, parent, style }) => {\r\n return (\r\n \r\n {({ measure, registerChild }) => {\r\n const handleMeasure = () => {\r\n const delay = data[index].obiekty.length * 33 < 666 ? 666 : data[index].obiekty.length * 33;\r\n\r\n setTimeout(() => {\r\n try {\r\n measure();\r\n } catch (e) {}\r\n }, delay);\r\n };\r\n return (\r\n \r\n {((data[index - 1] && data[index].nazwa_cechy[0] !== data[index - 1].nazwa_cechy[0]) ||\r\n index === 0) && (\r\n \r\n \r\n \r\n {data[index].nazwa_cechy[0]}\r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n {data[index].nazwa_cechy}\r\n \r\n }\r\n secondary={\r\n <>\r\n {!!data[index].obiekty.length && data[index].obiekty.length === 1 ? (\r\n \r\n );\r\n };\r\n\r\n /** Handlers */\r\n const handleOnSubmitSearch = ({ searchText }) => {\r\n setSEARCH_LOADING(true);\r\n setSEARCH_ERROR(false);\r\n setSEARCH_TEXT(searchText);\r\n\r\n axios\r\n .get(`${APIs.dataURL.rsicechy.split(\"?\")[0]}?search=${searchText}`)\r\n .then((result) => {\r\n if (!result.data.count) throw new Error(t(`Brak wyników wyszukiwania dla \"${searchText}\"`));\r\n const apiData = result.data.results\r\n .map((result) => {\r\n result.obiekty.forEach((object, index) => {\r\n result.obiekty[index].nazwa_obiektu = result.obiekty[index].nazwa_obiektu.replace(\r\n regex,\r\n \"\"\r\n );\r\n\r\n result.obiekty[index].systemy.forEach((system, i) => {\r\n result.obiekty[index].systemy[i].nazwa_systemu = result.obiekty[index].systemy[\r\n i\r\n ].nazwa_systemu.replace(regex, \"\");\r\n });\r\n\r\n return result;\r\n });\r\n\r\n return {\r\n ...result,\r\n nazwa_cechy: result.nazwa_cechy.replace(regex, \"\"),\r\n };\r\n })\r\n .sort((a, b) => -b.nazwa_cechy.localeCompare(a.nazwa_cechy));\r\n setSEARCH_DATA(apiData);\r\n })\r\n .catch((error) => {\r\n setSEARCH_ERROR({ message: error.message });\r\n })\r\n .finally(() => {\r\n setSEARCH_LOADING(false);\r\n });\r\n };\r\n\r\n const handleOnClearSearch = () => {\r\n setSEARCH_DATA([]);\r\n setSEARCH_ERROR(false);\r\n setSEARCH_TEXT(\"\");\r\n };\r\n\r\n // Track page view\r\n const { trackPageView } = useMatomo();\r\n React.useEffect(() => {\r\n trackPageView();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n {t(\"pages.features\")}\r\n \r\n \r\n \r\n handleOnSubmitSearch({ searchText })}\r\n onClearSearch={handleOnClearSearch}\r\n isError={SEARCH_ERROR}\r\n />\r\n \r\n {/* \r\n handleSearchCechyClick(args)}\r\n searchEnabled={true}\r\n />\r\n */}\r\n\r\n \r\n {!data.length || SEARCH_LOADING ? (\r\n <>\r\n {!!SEARCH_ERROR ? (\r\n \r\n \r\n {SEARCH_ERROR.message}\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n\r\n {!!SEARCH_TEXT && (\r\n \r\n \r\n {!!SEARCH_ERROR ? (\r\n \r\n {` \"${SEARCH_TEXT}\"`} \r\n \r\n \r\n )}\r\n \r\n \r\n )}\r\n\r\n \r\n <>\r\n \r\n {({ height, isScrolling, registerChild, onChildScroll, scrollTop }) => {\r\n if (isScrolling && scrollToIdx >= 0) {\r\n setTimeout(() => {\r\n setScrollToIdx(-1);\r\n }, 100);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {({ width }) => (\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n }}\r\n \r\n \r\n \r\n\r\n {/* Dane personalne dotyczące alertu - osoba: alia */}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default RSICECHY_Page;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useDocTitle } from \"../../components/_common/DocTitle\";\r\nimport { Typography } from \"@material-ui/core\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport axios from 'axios';\r\nimport APIs from \"../../APIs\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n bigTitle: {\r\n margin: theme.spacing(0, 4, 4, 4),\r\n textAlign: \"center\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.125rem',\r\n fontWeight: theme.typography.fontWeightMedium\r\n },\r\n },\r\n}))\r\n\r\nconst RSICECHY_InfoPage = props => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n useDocTitle(t('pages.features'));\r\n\r\n const [data, setData] = useState([]);\r\n\r\n useEffect(() => {\r\n data.length ||\r\n axios\r\n .get(APIs.dataURL.rsicechy)\r\n .then(result => {\r\n const apiData = result.data.results//.map(item => ({ ...item, nazwa_systemu: item.nazwa_systemu.replace(/(<([^>]+)>)|\\t|\\n/gi, \"\") }));\r\n\r\n setData(apiData)\r\n })\r\n }, [data.length])\r\n\r\n const [isMobile, setIsMobile] = useState(window.innerWidth < 599.95);\r\n useEffect(() => {\r\n window.addEventListener('resize', () => {\r\n setIsMobile(window.innerWidth < 599.96)\r\n });\r\n }, [isMobile])\r\n\r\n return (\r\n <>\r\n {t('pages.features')} \r\n {t('pages.infopage')} {props.match.params.id} \r\n \r\n )\r\n}\r\n\r\nexport default RSICECHY_InfoPage\r\n","import React from \"react\";\r\n\r\nimport { useMatomo } from \"@datapunt/matomo-tracker-react\";\r\n\r\nconst Deklaracja_Page = () => {\r\n // Track page view\r\n const { trackPageView } = useMatomo();\r\n React.useEffect(() => {\r\n trackPageView();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n <>\r\n Deklaracja dostępności serwisu Repozytorium Standardów Informacyjnych \r\n \r\n Główny Urząd Statystyczny zobowiązuje się zapewnić dostępność swojej\r\n strony internetowej zgodnie z ustawą z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron\r\n internetowych i aplikacji mobilnych podmiotów publicznych. Oświadczenie w sprawie dostępności ma\r\n zastosowanie do{\" \"}\r\n \r\n strony internetowej Repozytorium Standardów Informacyjnych\r\n \r\n .\r\n
\r\n \r\n Data publikacji strony internetowej: 2022-02-17 .\r\n
\r\n \r\n Data ostatniej istotnej aktualizacji: 2023-03-01 .\r\n
\r\n \r\n Strona internetowa jest częściowo zgodna z ustawą z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron\r\n internetowych i aplikacji mobilnych podmiotów publicznych z powodu niezgodności lub wyłączeń\r\n wymienionych poniżej.\r\n
\r\n \r\n Przyciski graficzne nie posiadają tooltipów z opisem ich działania. \r\n Linki nie mają podkreślenia, ani nie są wyróżnione kolorem. \r\n Niektóre elementy aplikacji mogą być niedostępne w wersji mobilnej. \r\n Nieprawidłowo stworzono nagłówki. \r\n Na stronie są elementy niedostępne z poziomu klawiatury. \r\n \r\n \r\n Oświadczenie sporządzono dnia 2023-03-10 . Deklarację\r\n sporządzono na podstawie samooceny przeprowadzonej przez podmiot publiczny.\r\n
\r\n\r\n Informacje zwrotne i dane kontaktowe \r\n \r\n W przypadku problemów z dostępnością cyfrową dla osób niepełnosprawnych strony internetowej\r\n prosimy o kontakt. Osobą kontaktową jest Paweł Lewandowski , adres poczty\r\n elektronicznej{\" \"}\r\n \r\n dostepnosc_GUS@stat.gov.pl\r\n \r\n . Kontaktować można się także dzwoniąc na numer telefonu +48 22 608 30 97 \r\n . Tą samą drogą można składać wnioski o udostępnienie informacji niedostępnej oraz składać skargi na\r\n brak zapewnienia dostępności.\r\n
\r\n \r\n Każdy ma prawo do wystąpienia z żądaniem zapewnienia dostępności cyfrowej strony internetowej, aplikacji\r\n mobilnej lub jakiegoś ich elementu. Można także zażądać udostępnienia informacji za pomocą\r\n alternatywnego sposobu dostępu, na przykład przez odczytanie niedostępnego cyfrowo dokumentu, opisanie\r\n zawartości filmu bez audiodeskrypcji itp. Żądanie powinno zawierać dane osoby zgłaszającej żądanie,\r\n wskazanie, o którą stronę internetową lub aplikację mobilną chodzi oraz sposób kontaktu. Jeżeli osoba\r\n żądająca zgłasza potrzebę otrzymania informacji za pomocą alternatywnego sposobu dostępu, powinna także\r\n określić dogodny dla niej sposób przedstawienia tej informacji. Podmiot publiczny powinien zrealizować\r\n żądanie niezwłocznie, nie później niż w ciągu 7 dni od dnia wystąpienia z żądaniem. Jeżeli dotrzymanie\r\n tego terminu nie jest możliwe, podmiot publiczny niezwłocznie informuje o tym wnoszącego żądanie, kiedy\r\n realizacja żądania będzie możliwa, przy czym termin ten nie może być dłuższy niż 2 miesiące od dnia\r\n wystąpienia z żądaniem. Jeżeli zapewnienie dostępności cyfrowej nie jest możliwe, podmiot publiczny może\r\n zaproponować alternatywny sposób dostępu do informacji. W przypadku, gdy podmiot publiczny odmówi\r\n realizacji żądania zapewnienia dostępności lub alternatywnego sposobu dostępu do informacji, wnoszący\r\n żądanie możne złożyć skargę w sprawie zapewniana dostępności cyfrowej strony internetowej, aplikacji\r\n mobilnej lub elementu strony internetowej, lub aplikacji mobilnej. Po wyczerpaniu wskazanej wyżej\r\n procedury można także złożyć wniosek do{\" \"}\r\n \r\n Rzecznika Praw Obywatelskich.\r\n \r\n
\r\n\r\n Dostępność architektoniczna \r\n Budynek: Główny Urząd Statystyczny, Aleja Niepodległości 208, 00-925 Warszawa
\r\n \r\n Do budynku prowadzi jedno główne wejście od al. Niepodległości 208. Budynek składa się z siedmiu\r\n kondygnacji i czterech skrzydeł które oznaczone są A B C D na każdym piętrze.\r\n
\r\n Do holu głównego z zewnątrz nie ma schodów.
\r\n \r\n Recepcja znajduje się na wprost i po prawej stronie od wejścia głównego. Dalsze przejście zabezpieczone\r\n jest bramkami.\r\n
\r\n \r\n Budynek GUS jest w znacznym zakresie dostosowany dla potrzeb osób z niepełnosprawnością. Schody w holu\r\n głównym (blok C) są wyposażone w ruchome platformy do transportu wózka, wewnątrz budynku zapewniona jest\r\n odpowiednia szerokość ciągów komunikacyjnych. Windy wyposażone są w informację głosową oraz oznakowanie\r\n dla osób niewidomych. Natomiast blok D gmachu GUS, gdzie jest usytuowana Centralna Biblioteka\r\n Statystyczna, jest przystosowany do potrzeb osób niepełnosprawnych, tj.: posiada odpowiednio szerokie\r\n drzwi wejściowe, klatkę schodową, platformę wejściową dla osób poruszających się na wózkach; czytelnia\r\n posiada antypoślizgową podłogę, a toalety są dostosowane do potrzeb osób niepełnosprawnych. W budynku\r\n znajduje się 5 toalet przystosowanych do potrzeb osób z niepełnosprawnością.\r\n
\r\n \r\n Toalety dla osób niepełnosprawnych znajdują się na parterze holu głównego, po prawej stronie od wejścia\r\n oraz cztery na poszczególnych kondygnacjach (piętro I,III,V i VI) .\r\n
\r\n Przed budynkiem wyznaczono 7 miejsc parkingowych dla osób niepełnosprawnych.
\r\n W budynku GUS nie ma pętli indukcyjnych.
\r\n \r\n W budynku nie ma oznaczeń w alfabecie brajla ani oznaczeń kontrastowych lub w druku powiększonym dla\r\n osób niewidomych i słabowidzących.\r\n
\r\n \r\n Więcej informacji o dostępności cyfrowej można znaleźć na{\" \"}\r\n \r\n stronie Kancelarii Prezesa Rady Ministrów.\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Deklaracja_Page;\r\n","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { Button, Card, CardActions, CardContent, Typography } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n minWidth: \"66vw\",\r\n minHeight: \"calc(66vh - 110px)\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minWidth: \"100vw\",\r\n minHeight: \"calc(100vh - 110px)\",\r\n },\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n textAlign: \"center\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n \"& > *\": {\r\n flexGrow: 1,\r\n width: \"100%\",\r\n },\r\n border: \"none\",\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n title: {\r\n fontSize: 14,\r\n },\r\n errorNumber: {\r\n textAlign: \"center\",\r\n fontSize: \"12rem\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"6rem\",\r\n },\r\n },\r\n pos: {\r\n marginBottom: 12,\r\n },\r\n cardActionsRoot: {\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n}));\r\n\r\nconst Page404 = (props) => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n const history = useHistory();\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"errors.title\")}\r\n \r\n \r\n 404\r\n \r\n \r\n {t(\"errors.404.title\")}\r\n \r\n \r\n {t(\"errors.404.description\")}\r\n \r\n \r\n \r\n history.go(-1)}>\r\n {t(\"errors.go_back\")}\r\n \r\n history.push(\"/\")}>\r\n {t(\"errors.go_home\")}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Page404;\r\n","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { Button, Card, CardActions, CardContent, Typography } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n minWidth: \"66vw\",\r\n minHeight: \"calc(66vh - 110px)\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minWidth: \"100vw\",\r\n minHeight: \"calc(100vh - 110px)\",\r\n },\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n textAlign: \"center\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n \"& > *\": {\r\n flexGrow: 1,\r\n width: \"100%\",\r\n },\r\n border: \"none\",\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n title: {\r\n fontSize: 14,\r\n },\r\n errorNumber: {\r\n textAlign: \"center\",\r\n fontSize: \"12rem\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"6rem\",\r\n },\r\n },\r\n pos: {\r\n marginBottom: 12,\r\n },\r\n cardActionsRoot: {\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n}));\r\n\r\nconst Page403 = (props) => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n const history = useHistory();\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"errors.title\")}\r\n \r\n \r\n 403\r\n \r\n \r\n {t(\"errors.403.title\")}\r\n \r\n \r\n {t(\"errors.403.description\")}\r\n \r\n \r\n \r\n history.go(-1)}>\r\n {t(\"errors.go_back\")}\r\n \r\n history.push(\"/\")}>\r\n {t(\"errors.go_home\")}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Page403;\r\n","import React from \"react\";\r\nimport { HashRouter as Router, Switch, Redirect } from \"react-router-dom\";\r\n\r\n/** Layouts */\r\nimport ErrorLayout from \"./Views/ErrorView/route\";\r\nimport CommonLayout from \"./Views/CommonView/route\";\r\nimport HomeLayout from \"./Views/HomeView/route\";\r\n\r\n/** Pages */\r\nimport Home from \"./Pages/Home\";\r\nimport Systemy from \"./Pages/RSISYSTEMY\";\r\nimport SystemyInfo from \"./Pages/RSISYSTEMY/infopage\";\r\nimport Gestorzy from \"./Pages/RSIGESTORZY\";\r\nimport GestorzyInfo from \"./Pages/RSIGESTORZY/infopage\";\r\nimport Obiekty from \"./Pages/RSIOBIEKTY\";\r\nimport Cechy from \"./Pages/RSICECHY\";\r\nimport CechyInfo from \"./Pages/RSICECHY/infopage\";\r\nimport Deklaracja from \"./Pages/Deklaracja\";\r\nimport Error404 from \"./Pages/Errors/404\";\r\nimport Error403 from \"./Pages/Errors/403\";\r\n\r\nexport default function Routes() {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport React, {Suspense} from \"react\";\r\nimport \"./components/_common/i18n\"\r\nimport ProjectThemeProvider from \"./components/_themes/ProjectThemeProvider\";\r\nimport Routes from \"./Routes\";\r\n\r\nconst App = () => {\r\n return (\r\n\r\n \r\n Loading)}>\r\n \r\n \r\n );\r\n}\r\n\r\nexport default App;\r\n","import \"react-app-polyfill/ie11\";\r\nimport \"react-app-polyfill/stable\";\r\n// import 'react-app-polyfill/stable';\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { MatomoProvider, createInstance } from \"@datapunt/matomo-tracker-react\";\r\n\r\nimport App from \"./App\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\n\r\nconst matomoInstance = createInstance({\r\n urlBase: \"https://stats.stat.gov.pl\",\r\n siteId:\r\n process?.env?.REACT_APP_MATOMO_IDSITE && !isNaN(Number(process?.env?.REACT_APP_MATOMO_IDSITE))\r\n ? Number(process?.env?.REACT_APP_MATOMO_IDSITE)\r\n : 5,\r\n disabled: false,\r\n heartBeat: {\r\n active: true,\r\n seconds: 10,\r\n },\r\n linkTracking: false,\r\n configurations: {\r\n disableCookies: true,\r\n // disableCookies: false,\r\n setSecureCookie: true,\r\n setRequestMethod: \"POST\",\r\n },\r\n});\r\n\r\nif (process.env.NODE_ENV === \"production\") {\r\n console.assert = () => {};\r\n console.count = () => {};\r\n console.debug = () => {};\r\n console.dir = () => {};\r\n console.dirxml = () => {};\r\n console.error = () => {};\r\n console.info = () => {};\r\n console.log = () => {};\r\n console.table = () => {};\r\n console.trace = () => {};\r\n console.warn = () => {};\r\n}\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n ,\r\n document.getElementById(\"root\")\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","import React from 'react';\r\nimport {fade, makeStyles} from '@material-ui/core/styles';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n '& > * + *': {\r\n marginLeft: theme.spacing(2),\r\n },\r\n },\r\n progressColorPrimary: {\r\n color: fade(theme.palette.primary.main, 0.2)// + '!important'\r\n },\r\n skeletonRoot:{\r\n minWidth: 200,\r\n width: '90%',\r\n backgroundColor: fade(theme.palette.primary.main, 0.2),\r\n\r\n },\r\n skeletonWrap:{\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n margin: theme.spacing(10, 0)\r\n\r\n },\r\n circleWrap:{\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n minHeight: 200,\r\n }\r\n}));\r\n\r\nconst Preloader = ({size, thickness, type}) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n {\r\n type === 'linear'\r\n ?
\r\n
\r\n :
\r\n
\r\n }\r\n
\r\n ![\"GUS]({\"./images/gusMono.png\"})
\r\n ![{\"Twitter\"}]({\"./images/icons/RSI_www-05.png\"}){kind=icon}
\r\n \r\n ![{\"Youtube\"}]({\"./images/icons/RSI_www-06.png\"}){kind=icon}
\r\n \r\n ![{\"LinkedIn\"}]({\"./images/icons/RSI_www-07.png\"}){kind=icon}
\r\n \r\n ![{\"Facebook\"}]({\"./images/icons/RSI_www-08.png\"}){kind=icon}
\r\n \r\n 
![{\"Loading...\"}]({\"/images/preloader833.gif\"})
\r\n