@digigov/ui 2.0.0-2445d5cb → 2.0.0-298cfc51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/Header/__stories__/WithServiceNameAndLogo/index.js +2 -2
- package/app/Header/__stories__/WithServiceNameAndLogo.js.map +2 -2
- package/app/Loader/Loader.stories/index.js +2 -0
- package/app/Loader/Loader.stories.d.ts +1 -0
- package/app/Loader/Loader.stories.js.map +2 -2
- package/app/Loader/__stories__/FullPageLoader/index.js +13 -0
- package/app/Loader/__stories__/FullPageLoader/package.json +6 -0
- package/app/Loader/__stories__/FullPageLoader.d.ts +2 -0
- package/app/Loader/__stories__/FullPageLoader.js.map +7 -0
- package/app/Loader/index.d.ts +1 -1
- package/app/Loader/index.js +1 -1
- package/app/Loader/index.js.map +1 -1
- package/app/Loader/index.native/index.js +102 -0
- package/app/Loader/index.native/package.json +6 -0
- package/app/Loader/index.native.d.ts +3 -0
- package/app/Loader/index.native.js.map +7 -0
- package/app/Loader/index.web/index.js +2 -0
- package/{api → app/Loader/index.web}/package.json +1 -1
- package/app/Loader/index.web.d.ts +1 -0
- package/app/Loader/index.web.js.map +7 -0
- package/app/Masthead/Masthead.stories/index.js +2 -0
- package/app/Masthead/Masthead.stories.d.ts +1 -0
- package/app/Masthead/Masthead.stories.js.map +2 -2
- package/app/Masthead/__stories__/Default/index.js +1 -1
- package/app/Masthead/__stories__/Default.js.map +1 -1
- package/app/Masthead/__stories__/Secondary/index.js +13 -0
- package/{patterns/FilteredResults/FilterFields → app/Masthead/__stories__/Secondary}/package.json +1 -1
- package/app/Masthead/__stories__/Secondary.d.ts +3 -0
- package/app/Masthead/__stories__/Secondary.js.map +7 -0
- package/app/Masthead/__stories__/WithElements/index.js +1 -5
- package/app/Masthead/__stories__/WithElements.js.map +2 -2
- package/app/Masthead/__stories__/WithLogo/index.js +1 -5
- package/app/Masthead/__stories__/WithLogo.js.map +2 -2
- package/app/Modal/__stories__/Auto/index.js +5 -3
- package/app/Modal/__stories__/Auto.js.map +2 -2
- package/app/Modal/auto/index.js +1 -1
- package/app/Modal/auto.js.map +2 -2
- package/app/Modal/index.d.ts +2 -3
- package/app/Modal/index.js +2 -3
- package/app/Modal/index.js.map +2 -2
- package/app/Modal/index.native/index.js +20 -0
- package/{api/APIErrors → app/Modal/index.native}/package.json +1 -1
- package/app/Modal/index.native.d.ts +7 -0
- package/app/Modal/index.native.js.map +7 -0
- package/app/Modal/{Modal → index.web}/index.js +3 -3
- package/{api/APIProvider → app/Modal/index.web}/package.json +1 -1
- package/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
- package/app/OutdatedBrowserBanner/index.d.ts +0 -1
- package/app/QrCodeScanner/index.js.map +2 -2
- package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map +3 -3
- package/cjs/app/Loader/Loader.stories/index.js +4 -1
- package/cjs/app/Loader/Loader.stories.js.map +2 -2
- package/cjs/{api/APIProvider → app/Loader/__stories__/FullPageLoader}/index.js +9 -26
- package/cjs/app/Loader/__stories__/FullPageLoader.js.map +7 -0
- package/cjs/app/Loader/index.js +3 -3
- package/cjs/app/Loader/index.js.map +2 -2
- package/cjs/app/Loader/index.native/index.js +135 -0
- package/cjs/app/Loader/index.native.js.map +7 -0
- package/cjs/{patterns → app/Loader/index.web}/index.js +5 -5
- package/cjs/app/Loader/index.web.js.map +7 -0
- package/cjs/app/Masthead/Masthead.stories/index.js +3 -0
- package/cjs/app/Masthead/Masthead.stories.js.map +2 -2
- package/cjs/app/Masthead/__stories__/Default/index.js +1 -1
- package/cjs/app/Masthead/__stories__/Default.js.map +1 -1
- package/cjs/app/Masthead/__stories__/Secondary/index.js +46 -0
- package/cjs/app/Masthead/__stories__/Secondary.js.map +7 -0
- package/cjs/app/Masthead/__stories__/WithElements/index.js +1 -1
- package/cjs/app/Masthead/__stories__/WithElements.js.map +2 -2
- package/cjs/app/Masthead/__stories__/WithLogo/index.js +1 -1
- package/cjs/app/Masthead/__stories__/WithLogo.js.map +2 -2
- package/cjs/app/Modal/__stories__/Auto/index.js +2 -1
- package/cjs/app/Modal/__stories__/Auto.js.map +2 -2
- package/cjs/app/Modal/auto/index.js +1 -1
- package/cjs/app/Modal/auto.js.map +2 -2
- package/cjs/app/Modal/index.js +3 -5
- package/cjs/app/Modal/index.js.map +2 -2
- package/cjs/{patterns/FilteredResults/FilterFields → app/Modal/index.native}/index.js +20 -11
- package/cjs/app/Modal/index.native.js.map +7 -0
- package/cjs/app/Modal/{Modal → index.web}/index.js +6 -6
- package/cjs/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
- package/cjs/app/QrCodeScanner/index.js.map +2 -2
- package/cjs/content/Accordion/__stories__/Auto/index.js +2 -1
- package/cjs/content/Accordion/__stories__/Auto.js.map +2 -2
- package/cjs/content/Accordion/index.js +1 -3
- package/cjs/content/Accordion/index.js.map +2 -2
- package/cjs/{patterns/FilteredResults/FilteredResults.stories → content/Markdown/Markdown.stories}/index.js +12 -11
- package/cjs/content/Markdown/Markdown.stories.js.map +7 -0
- package/cjs/content/Markdown/__stories__/Default/index.js +63 -0
- package/cjs/content/Markdown/__stories__/Default.js.map +7 -0
- package/cjs/content/SafeHTML/SafeHTML.stories/index.js +46 -0
- package/cjs/content/SafeHTML/SafeHTML.stories.js.map +7 -0
- package/cjs/content/SafeHTML/__stories__/Default/index.js +61 -0
- package/cjs/content/SafeHTML/__stories__/Default.js.map +7 -0
- package/cjs/content/StepNav/__stories__/Auto/index.js +3 -2
- package/cjs/content/StepNav/__stories__/Auto.js.map +2 -2
- package/cjs/content/StepNav/index.js +0 -2
- package/cjs/content/StepNav/index.js.map +2 -2
- package/cjs/content/SummaryList/SummaryList.stories/index.js +19 -35
- package/cjs/content/SummaryList/SummaryList.stories.js.map +3 -3
- package/cjs/content/SummaryList/__stories__/SummaryListExample/index.js +70 -0
- package/cjs/content/SummaryList/__stories__/SummaryListExample.js.map +7 -0
- package/cjs/content/Table/Table.stories/index.js +3 -3
- package/cjs/content/Table/Table.stories.js.map +2 -2
- package/cjs/content/Table/__stories__/{Densed → Dense}/index.js +9 -9
- package/cjs/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
- package/cjs/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
- package/cjs/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
- package/cjs/feedback/WarningText/index.js +3 -0
- package/cjs/feedback/WarningText/index.js.map +2 -2
- package/cjs/form/AutoComplete/index.js +32 -30
- package/cjs/form/AutoComplete/index.js.map +3 -3
- package/cjs/form/AutoComplete/utils/index.js +1 -1
- package/cjs/form/AutoComplete/utils.js.map +2 -2
- package/cjs/form/Checkbox/index.js +2 -0
- package/cjs/form/Checkbox/index.js.map +2 -2
- package/cjs/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
- package/cjs/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
- package/cjs/form/SearchContainer/SearchContainer.stories/index.js +46 -0
- package/cjs/form/SearchContainer/SearchContainer.stories.js.map +7 -0
- package/cjs/form/SearchContainer/__stories__/Default/index.js +44 -0
- package/cjs/form/SearchContainer/__stories__/Default.js.map +7 -0
- package/cjs/i18n/index.js +1 -1
- package/cjs/i18n/index.js.map +2 -2
- package/cjs/i18n/locales/el/index.js +6 -0
- package/cjs/i18n/locales/el.js.map +2 -2
- package/cjs/{layouts/Basic/Masthead → icons/IconBase}/index.js +8 -12
- package/cjs/icons/IconBase/index.js.map +7 -0
- package/cjs/{utils → icons}/SvgIcon/index.js +3 -5
- package/cjs/icons/SvgIcon/index.js.map +7 -0
- package/cjs/icons/index.js +5 -1
- package/cjs/icons/index.js.map +2 -2
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +2 -2
- package/cjs/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
- package/cjs/layouts/Basic/Bottom/__stories__/Default.js.map +3 -3
- package/cjs/layouts/Basic/Container/__stories__/Default/index.js +6 -4
- package/cjs/layouts/Basic/Container/__stories__/Default.js.map +3 -3
- package/cjs/layouts/Basic/Main/__stories__/Default/index.js +6 -4
- package/cjs/layouts/Basic/Main/__stories__/Default.js.map +3 -3
- package/cjs/layouts/Basic/Top/__stories__/Default/index.js +6 -4
- package/cjs/layouts/Basic/Top/__stories__/Default.js.map +3 -3
- package/cjs/layouts/Basic/index.js +1 -3
- package/cjs/layouts/Basic/index.js.map +2 -2
- package/cjs/lazy/index.js +62 -64
- package/cjs/lazy.js.map +2 -2
- package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +9 -0
- package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
- package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem/index.js +61 -0
- package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem.js.map +7 -0
- package/cjs/navigation/Breadcrumbs/__stories__/Auto/index.js +201 -0
- package/cjs/navigation/Breadcrumbs/__stories__/Auto.js.map +7 -0
- package/cjs/navigation/Breadcrumbs/__stories__/WithHook/index.js +208 -0
- package/cjs/navigation/Breadcrumbs/__stories__/WithHook.js.map +7 -0
- package/cjs/navigation/Breadcrumbs/__stories__/WithProvider/index.js +46 -0
- package/cjs/navigation/Breadcrumbs/__stories__/WithProvider.js.map +7 -0
- package/cjs/navigation/Breadcrumbs/auto/index.js +79 -0
- package/cjs/navigation/Breadcrumbs/auto.js.map +7 -0
- package/cjs/navigation/Breadcrumbs/hooks/index.js +74 -0
- package/cjs/navigation/Breadcrumbs/hooks.js.map +7 -0
- package/cjs/navigation/Breadcrumbs/index.js +7 -1
- package/cjs/navigation/Breadcrumbs/index.js.map +2 -2
- package/cjs/navigation/Breadcrumbs/slug/index.js +120 -0
- package/cjs/navigation/Breadcrumbs/slug.js.map +7 -0
- package/cjs/navigation/Breadcrumbs/utils/index.js +52 -0
- package/cjs/navigation/Breadcrumbs/utils.js.map +7 -0
- package/cjs/navigation/Drawer/__stories__/Auto/index.js +7 -5
- package/cjs/navigation/Drawer/__stories__/Auto.js.map +2 -2
- package/cjs/navigation/Drawer/__stories__/Default/index.js +2 -2
- package/cjs/navigation/Drawer/__stories__/Default.js.map +3 -3
- package/cjs/navigation/Drawer/index.js +1 -3
- package/cjs/navigation/Drawer/index.js.map +2 -2
- package/cjs/navigation/Link/__stories__/DarkBackground/index.js +1 -1
- package/cjs/navigation/Link/__stories__/DarkBackground.js.map +1 -1
- package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js +1 -1
- package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map +1 -1
- package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js +24 -24
- package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map +3 -3
- package/cjs/navigation/NavList/__stories__/Vertical/index.js +25 -17
- package/cjs/navigation/NavList/__stories__/Vertical.js.map +2 -2
- package/cjs/navigation/Pagination/__stories__/Auto/index.js +10 -11
- package/cjs/navigation/Pagination/__stories__/Auto.js.map +3 -3
- package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +2 -2
- package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map +2 -2
- package/cjs/navigation/Pagination/__stories__/WithInactiveValues/index.js +2 -2
- package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js.map +2 -2
- package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js +2 -2
- package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js.map +2 -2
- package/cjs/navigation/Pagination/index.js +1 -3
- package/cjs/navigation/Pagination/index.js.map +2 -2
- package/cjs/navigation/Tabs/__stories__/Auto/index.js +2 -1
- package/cjs/navigation/Tabs/__stories__/Auto.js.map +2 -2
- package/cjs/navigation/Tabs/__stories__/Default/index.js +2 -1
- package/cjs/navigation/Tabs/__stories__/Default.js.map +2 -2
- package/cjs/navigation/Tabs/__stories__/Dense/index.js +2 -1
- package/cjs/navigation/Tabs/__stories__/Dense.js.map +2 -2
- package/cjs/navigation/Tabs/__stories__/UsingAccordion/index.js +2 -1
- package/cjs/navigation/Tabs/__stories__/UsingAccordion.js.map +2 -2
- package/cjs/navigation/Tabs/index.js +1 -3
- package/cjs/navigation/Tabs/index.js.map +2 -2
- package/cjs/registry/index.js +24 -36
- package/cjs/registry.js.map +2 -2
- package/cjs/typography/CodeBlock/index.js +4 -2
- package/cjs/typography/CodeBlock/index.js.map +3 -3
- package/cjs/utils/Base/index.js +3 -0
- package/cjs/utils/Base/index.js.map +2 -2
- package/cjs/utils/index.js +0 -2
- package/cjs/utils/index.js.map +2 -2
- package/content/Accordion/__stories__/Auto/index.js +6 -4
- package/content/Accordion/__stories__/Auto.js.map +2 -2
- package/content/Accordion/auto.d.ts +2 -2
- package/content/Accordion/index.d.ts +0 -1
- package/content/Accordion/index.js +0 -1
- package/content/Accordion/index.js.map +2 -2
- package/content/Card/interaction.test.d.ts +1 -0
- package/content/Markdown/Markdown.stories/index.js +13 -0
- package/content/Markdown/Markdown.stories/package.json +6 -0
- package/content/Markdown/Markdown.stories.d.ts +9 -0
- package/content/Markdown/Markdown.stories.js.map +7 -0
- package/content/Markdown/__stories__/Default/index.js +30 -0
- package/content/Markdown/__stories__/Default/package.json +6 -0
- package/{patterns/FilteredResults → content/Markdown}/__stories__/Default.d.ts +1 -0
- package/content/Markdown/__stories__/Default.js.map +7 -0
- package/content/Markdown/index.d.ts +1 -1
- package/content/Markdown/index.test.d.ts +1 -0
- package/content/SafeHTML/SafeHTML.stories/index.js +13 -0
- package/content/SafeHTML/SafeHTML.stories/package.json +6 -0
- package/content/SafeHTML/SafeHTML.stories.d.ts +9 -0
- package/content/SafeHTML/SafeHTML.stories.js.map +7 -0
- package/content/SafeHTML/__stories__/Default/index.js +28 -0
- package/content/SafeHTML/__stories__/Default/package.json +6 -0
- package/content/SafeHTML/__stories__/Default.d.ts +3 -0
- package/content/SafeHTML/__stories__/Default.js.map +7 -0
- package/content/SafeHTML/index.test.d.ts +1 -0
- package/content/StepNav/__stories__/Auto/index.js +4 -2
- package/content/StepNav/__stories__/Auto.js.map +2 -2
- package/content/StepNav/auto.d.ts +2 -2
- package/content/StepNav/index.d.ts +0 -1
- package/content/StepNav/index.js +0 -1
- package/content/StepNav/index.js.map +2 -2
- package/content/SummaryList/SummaryList.stories/index.js +17 -17
- package/content/SummaryList/SummaryList.stories.d.ts +15 -9
- package/content/SummaryList/SummaryList.stories.js.map +2 -2
- package/content/SummaryList/__stories__/SummaryListExample/index.js +43 -0
- package/content/SummaryList/__stories__/SummaryListExample/package.json +6 -0
- package/content/SummaryList/__stories__/SummaryListExample.d.ts +14 -0
- package/content/SummaryList/__stories__/SummaryListExample.js.map +7 -0
- package/content/Table/Table.stories/index.js +2 -2
- package/content/Table/Table.stories.d.ts +1 -1
- package/content/Table/Table.stories.js.map +2 -2
- package/content/Table/__stories__/{Densed → Dense}/index.js +5 -5
- package/{patterns/FilteredResults/DataTable → content/Table/__stories__/Dense}/package.json +1 -1
- package/content/Table/__stories__/Dense.d.ts +3 -0
- package/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
- package/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
- package/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
- package/feedback/ErrorSummary/interaction.test.d.ts +1 -0
- package/feedback/WarningText/index.d.ts +1 -0
- package/feedback/WarningText/index.js +2 -0
- package/feedback/WarningText/index.js.map +2 -2
- package/form/AutoComplete/index.d.ts +9 -9
- package/form/AutoComplete/index.js +13 -11
- package/form/AutoComplete/index.js.map +2 -2
- package/form/AutoComplete/utils/index.js +1 -1
- package/form/AutoComplete/utils.js.map +2 -2
- package/form/Checkbox/index.d.ts +1 -0
- package/form/Checkbox/index.js +1 -0
- package/form/Checkbox/index.js.map +2 -2
- package/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
- package/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
- package/form/SearchContainer/SearchContainer.stories/index.js +13 -0
- package/form/SearchContainer/SearchContainer.stories/package.json +6 -0
- package/form/SearchContainer/SearchContainer.stories.d.ts +9 -0
- package/form/SearchContainer/SearchContainer.stories.js.map +7 -0
- package/form/SearchContainer/__stories__/Default/index.js +11 -0
- package/form/SearchContainer/__stories__/Default/package.json +6 -0
- package/form/SearchContainer/__stories__/Default.d.ts +3 -0
- package/form/SearchContainer/__stories__/Default.js.map +7 -0
- package/form/SearchContainer/index.test.d.ts +1 -0
- package/i18n/index.js +1 -1
- package/i18n/index.js.map +2 -2
- package/i18n/locales/el/index.js +6 -0
- package/i18n/locales/el.d.ts +6 -0
- package/i18n/locales/el.js.map +2 -2
- package/icons/IconBase/index.d.ts +3 -0
- package/icons/IconBase/index.js +7 -0
- package/icons/IconBase/index.js.map +7 -0
- package/{api/fetchAPI → icons/IconBase}/package.json +1 -1
- package/icons/SvgIcon/index.d.ts +3 -0
- package/icons/SvgIcon/index.js +7 -0
- package/icons/SvgIcon/index.js.map +7 -0
- package/{api/utils → icons/SvgIcon}/package.json +1 -1
- package/icons/index.d.ts +2 -0
- package/icons/index.js +2 -0
- package/icons/index.js.map +2 -2
- package/index.d.ts +0 -1
- package/index.js +1 -2
- package/index.js.map +2 -2
- package/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
- package/layouts/Basic/Bottom/__stories__/Default.js.map +2 -2
- package/layouts/Basic/Container/__stories__/Default/index.js +6 -4
- package/layouts/Basic/Container/__stories__/Default.js.map +2 -2
- package/layouts/Basic/Main/__stories__/Default/index.js +6 -4
- package/layouts/Basic/Main/__stories__/Default.js.map +2 -2
- package/layouts/Basic/Top/__stories__/Default/index.js +6 -4
- package/layouts/Basic/Top/__stories__/Default.js.map +2 -2
- package/layouts/Basic/index.d.ts +0 -1
- package/layouts/Basic/index.js +0 -1
- package/layouts/Basic/index.js.map +2 -2
- package/lazy/index.js +62 -64
- package/lazy.d.ts +106 -114
- package/lazy.js.map +2 -2
- package/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +6 -0
- package/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts +3 -0
- package/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
- package/navigation/Breadcrumbs/BreadcrumbsListItem/index.js +28 -0
- package/navigation/Breadcrumbs/BreadcrumbsListItem/package.json +6 -0
- package/navigation/Breadcrumbs/BreadcrumbsListItem.d.ts +8 -0
- package/navigation/Breadcrumbs/BreadcrumbsListItem.js.map +7 -0
- package/navigation/Breadcrumbs/__stories__/Auto/index.js +172 -0
- package/navigation/Breadcrumbs/__stories__/Auto/package.json +6 -0
- package/navigation/Breadcrumbs/__stories__/Auto.d.ts +3 -0
- package/navigation/Breadcrumbs/__stories__/Auto.js.map +7 -0
- package/navigation/Breadcrumbs/__stories__/WithHook/index.js +179 -0
- package/navigation/Breadcrumbs/__stories__/WithHook/package.json +6 -0
- package/navigation/Breadcrumbs/__stories__/WithHook.d.ts +3 -0
- package/navigation/Breadcrumbs/__stories__/WithHook.js.map +7 -0
- package/navigation/Breadcrumbs/__stories__/WithProvider/index.js +17 -0
- package/navigation/Breadcrumbs/__stories__/WithProvider/package.json +6 -0
- package/navigation/Breadcrumbs/__stories__/WithProvider.d.ts +3 -0
- package/navigation/Breadcrumbs/__stories__/WithProvider.js.map +7 -0
- package/navigation/Breadcrumbs/auto/index.js +49 -0
- package/navigation/Breadcrumbs/auto/package.json +6 -0
- package/navigation/Breadcrumbs/auto.d.ts +16 -0
- package/navigation/Breadcrumbs/auto.js.map +7 -0
- package/navigation/Breadcrumbs/hooks/index.js +51 -0
- package/navigation/Breadcrumbs/hooks/package.json +6 -0
- package/navigation/Breadcrumbs/hooks.d.ts +11 -0
- package/navigation/Breadcrumbs/hooks.js.map +7 -0
- package/navigation/Breadcrumbs/index.d.ts +3 -0
- package/navigation/Breadcrumbs/index.js +3 -0
- package/navigation/Breadcrumbs/index.js.map +2 -2
- package/navigation/Breadcrumbs/slug/index.js +97 -0
- package/navigation/Breadcrumbs/slug/package.json +6 -0
- package/navigation/Breadcrumbs/slug.d.ts +1 -0
- package/navigation/Breadcrumbs/slug.js.map +7 -0
- package/navigation/Breadcrumbs/utils/index.js +29 -0
- package/navigation/Breadcrumbs/utils/package.json +6 -0
- package/navigation/Breadcrumbs/utils.d.ts +1 -0
- package/navigation/Breadcrumbs/utils.js.map +7 -0
- package/navigation/Drawer/__stories__/Auto/index.js +4 -2
- package/navigation/Drawer/__stories__/Auto.d.ts +1 -0
- package/navigation/Drawer/__stories__/Auto.js.map +2 -2
- package/navigation/Drawer/__stories__/Default/index.js +1 -1
- package/navigation/Drawer/__stories__/Default.js.map +2 -2
- package/navigation/Drawer/index.d.ts +0 -1
- package/navigation/Drawer/index.js +0 -1
- package/navigation/Drawer/index.js.map +2 -2
- package/navigation/Link/__stories__/DarkBackground/index.js +1 -1
- package/navigation/Link/__stories__/DarkBackground.js.map +1 -1
- package/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js +1 -1
- package/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map +1 -1
- package/navigation/NavList/__stories__/UsingNavListAuto/index.js +24 -24
- package/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
- package/navigation/NavList/__stories__/Vertical/index.js +25 -17
- package/navigation/NavList/__stories__/Vertical.js.map +2 -2
- package/navigation/NavList/interaction.test.d.ts +1 -0
- package/navigation/Pagination/__stories__/Auto/index.js +9 -11
- package/navigation/Pagination/__stories__/Auto.js.map +2 -2
- package/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +1 -1
- package/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map +1 -1
- package/navigation/Pagination/__stories__/WithInactiveValues/index.js +1 -1
- package/navigation/Pagination/__stories__/WithInactiveValues.js.map +1 -1
- package/navigation/Pagination/__stories__/WithResultsPerPage/index.js +1 -1
- package/navigation/Pagination/__stories__/WithResultsPerPage.js.map +1 -1
- package/navigation/Pagination/auto.d.ts +2 -2
- package/navigation/Pagination/index.d.ts +0 -1
- package/navigation/Pagination/index.js +0 -1
- package/navigation/Pagination/index.js.map +2 -2
- package/navigation/Tabs/__stories__/Auto/index.js +5 -3
- package/navigation/Tabs/__stories__/Auto.js.map +2 -2
- package/navigation/Tabs/__stories__/Default/index.js +4 -2
- package/navigation/Tabs/__stories__/Default.js.map +2 -2
- package/navigation/Tabs/__stories__/Dense/index.js +4 -2
- package/navigation/Tabs/__stories__/Dense.js.map +2 -2
- package/navigation/Tabs/__stories__/UsingAccordion/index.js +4 -2
- package/navigation/Tabs/__stories__/UsingAccordion.js.map +2 -2
- package/navigation/Tabs/index.d.ts +0 -1
- package/navigation/Tabs/index.js +0 -1
- package/navigation/Tabs/index.js.map +2 -2
- package/package.json +10 -9
- package/registry/index.js +24 -36
- package/registry.d.ts +15 -19
- package/registry.js.map +2 -2
- package/src/app/Footer/{index.mdx → doc.mdx} +7 -23
- package/src/app/Header/__snapshots__/index.spec.tsx.snap +42 -36
- package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +2 -2
- package/src/app/Header/doc.mdx +32 -0
- package/src/app/Header/interaction.test.tsx +31 -0
- package/src/app/Loader/Loader.stories.js +1 -0
- package/src/app/Loader/__stories__/FullPageLoader.tsx +16 -0
- package/src/app/Loader/index.native.tsx +98 -0
- package/src/app/Loader/index.test.tsx +4 -0
- package/src/app/Loader/index.tsx +1 -1
- package/src/app/Loader/index.web.tsx +1 -0
- package/src/app/Masthead/Masthead.stories.js +1 -0
- package/src/app/Masthead/__stories__/Default.tsx +1 -1
- package/src/app/Masthead/__stories__/Secondary.tsx +26 -0
- package/src/app/Masthead/__stories__/WithElements.tsx +1 -5
- package/src/app/Masthead/__stories__/WithLogo.tsx +1 -5
- package/src/app/Masthead/{index.mdx → doc.mdx} +13 -1
- package/src/app/Masthead/index.test.tsx +4 -0
- package/src/app/Modal/__stories__/Auto.tsx +4 -2
- package/src/app/Modal/auto.tsx +1 -1
- package/src/app/Modal/{index.mdx → doc.mdx} +9 -6
- package/src/app/Modal/index.native.tsx +17 -0
- package/src/app/Modal/index.tsx +2 -3
- package/src/app/NotFound/{index.mdx → doc.mdx} +2 -4
- package/src/app/Panel/{index.mdx → doc.mdx} +3 -1
- package/src/app/PhaseBannerHeader/{index.mdx → doc.mdx} +3 -5
- package/src/app/QrCodeScanner/__snapshots__/index.spec.tsx.snap +6 -10
- package/src/app/QrCodeScanner/index.tsx +1 -0
- package/src/app/QrCodeViewer/{index.mdx → doc.mdx} +4 -12
- package/src/app/Skeleton/doc.mdx +42 -0
- package/src/content/Accordion/__snapshots__/index.spec.tsx.snap +48 -147
- package/src/content/Accordion/__stories__/Auto.tsx +5 -3
- package/src/content/Accordion/{index.mdx → doc.mdx} +2 -13
- package/src/content/Accordion/index.tsx +0 -1
- package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap +6 -9
- package/src/content/Blockquote/{index.mdx → doc.mdx} +5 -5
- package/src/content/Card/doc.mdx +71 -0
- package/src/content/Card/interaction.test.tsx +15 -0
- package/src/content/Chip/doc.mdx +34 -0
- package/src/content/Details/__snapshots__/index.spec.tsx.snap +32 -69
- package/src/content/Details/{index.mdx → doc.mdx} +1 -5
- package/src/content/List/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/content/List/doc.mdx +28 -0
- package/src/content/Markdown/Markdown.stories.js +9 -0
- package/src/content/Markdown/__stories__/Default.tsx +41 -0
- package/src/content/Markdown/index.test.tsx +20 -0
- package/src/content/SafeHTML/SafeHTML.stories.js +9 -0
- package/src/content/SafeHTML/__stories__/Default.tsx +41 -0
- package/src/content/SafeHTML/index.test.tsx +20 -0
- package/src/content/StepNav/__stories__/Auto.tsx +4 -1
- package/src/content/StepNav/{index.mdx → doc.mdx} +5 -19
- package/src/content/StepNav/index.tsx +0 -1
- package/src/content/SummaryList/SummaryList.stories.js +17 -10
- package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +37 -89
- package/src/content/SummaryList/__stories__/SummaryListExample.tsx +75 -0
- package/src/content/SummaryList/{index.mdx → doc.mdx} +6 -18
- package/src/content/SummaryList/index.test.tsx +4 -0
- package/src/content/Table/Table.stories.js +1 -1
- package/src/content/Table/__stories__/{Densed.tsx → Dense.tsx} +2 -2
- package/src/content/Table/doc.mdx +81 -0
- package/src/content/Table/index.test.tsx +3 -3
- package/src/content/Table/interaction.test.tsx +14 -0
- package/src/content/TaskList/{index.mdx → doc.mdx} +4 -6
- package/src/content/Timeline/{index.mdx → doc.mdx} +4 -6
- package/src/feedback/CopyToClipboard/__stories__/Default.tsx +1 -1
- package/src/feedback/CopyToClipboard/doc.mdx +22 -0
- package/src/feedback/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/feedback/ErrorSummary/{index.mdx → doc.mdx} +6 -22
- package/src/feedback/ErrorSummary/interaction.test.tsx +17 -0
- package/src/feedback/NotificationBanner/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/feedback/NotificationBanner/{index.mdx → doc.mdx} +8 -19
- package/src/feedback/PhaseBanner/{index.mdx → doc.mdx} +2 -12
- package/src/feedback/WarningText/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/feedback/WarningText/{index.mdx → doc.mdx} +8 -6
- package/src/feedback/WarningText/index.tsx +1 -0
- package/src/form/AutoComplete/doc.mdx +50 -0
- package/src/form/AutoComplete/index.tsx +13 -13
- package/src/form/AutoComplete/utils.ts +2 -2
- package/src/form/Button/__snapshots__/index.spec.tsx.snap +6 -10
- package/src/form/Button/{index.mdx → doc.mdx} +12 -27
- package/src/form/Button/interaction.test.tsx +15 -0
- package/src/form/Checkbox/{index.mdx → doc.mdx} +10 -36
- package/src/form/Checkbox/index.tsx +1 -0
- package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx +1 -1
- package/src/form/DateInputContainer/{index.mdx → doc.mdx} +7 -21
- package/src/form/DateInputContainer/interaction.test.tsx +28 -7
- package/src/form/ErrorMessage/{index.mdx → doc.mdx} +1 -5
- package/src/form/FileUpload/{index.mdx → doc.mdx} +2 -10
- package/src/form/RadioContainer/{index.mdx → doc.mdx} +10 -36
- package/src/form/SearchContainer/SearchContainer.stories.js +9 -0
- package/src/form/SearchContainer/__stories__/Default.tsx +13 -0
- package/src/form/SearchContainer/doc.mdx +16 -0
- package/src/form/SearchContainer/index.test.tsx +20 -0
- package/src/form/SelectContainer/{index.mdx → doc.mdx} +3 -19
- package/src/form/SingleCharacterInputs/{index.mdx → doc.mdx} +3 -11
- package/src/form/TextArea/doc.mdx +48 -0
- package/src/form/TextArea/interaction.test.tsx +24 -13
- package/src/form/TextInput/{index.mdx → doc.mdx} +12 -44
- package/src/form/TextInput/interaction.test.tsx +22 -7
- package/src/i18n/index.tsx +2 -2
- package/src/i18n/locales/el.ts +14 -7
- package/src/icons/IconBase/index.tsx +4 -0
- package/src/icons/SvgIcon/index.tsx +4 -0
- package/src/icons/index.tsx +2 -0
- package/src/index.ts +0 -1
- package/src/layouts/Basic/Bottom/__stories__/Default.tsx +13 -9
- package/src/layouts/Basic/Bottom/{index.mdx → doc.mdx} +1 -5
- package/src/layouts/Basic/Container/__stories__/Default.tsx +15 -8
- package/src/layouts/Basic/Container/{index.mdx → doc.mdx} +1 -6
- package/src/layouts/Basic/Main/__stories__/Default.tsx +15 -8
- package/src/layouts/Basic/Main/{index.mdx → doc.mdx} +3 -5
- package/src/layouts/Basic/Top/__stories__/Default.tsx +13 -6
- package/src/layouts/Basic/Top/doc.mdx +19 -0
- package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +30 -102
- package/src/layouts/Basic/{index.mdx → doc.mdx} +7 -18
- package/src/layouts/Basic/index.tsx +0 -1
- package/src/layouts/Grid/doc.mdx +26 -0
- package/src/layouts/Stack/doc.mdx +38 -0
- package/src/lazy.js +63 -65
- package/src/navigation/BackLink/{index.mdx → doc.mdx} +1 -5
- package/src/navigation/Breadcrumbs/Breadcrumbs.stories.js +3 -0
- package/src/navigation/Breadcrumbs/BreadcrumbsListItem.tsx +34 -0
- package/src/navigation/Breadcrumbs/__stories__/Auto.tsx +200 -0
- package/src/navigation/Breadcrumbs/__stories__/WithHook.tsx +217 -0
- package/src/navigation/Breadcrumbs/__stories__/WithProvider.tsx +28 -0
- package/src/navigation/Breadcrumbs/auto.tsx +72 -0
- package/src/navigation/Breadcrumbs/{index.mdx → doc.mdx} +5 -5
- package/src/navigation/Breadcrumbs/hooks.ts +66 -0
- package/src/navigation/Breadcrumbs/index.test.tsx +12 -0
- package/src/navigation/Breadcrumbs/index.tsx +5 -0
- package/src/navigation/Breadcrumbs/interaction.test.tsx +28 -4
- package/src/navigation/Breadcrumbs/slug.ts +141 -0
- package/src/navigation/Breadcrumbs/utils.ts +39 -0
- package/src/navigation/Drawer/__stories__/Auto.tsx +4 -2
- package/src/navigation/Drawer/__stories__/Default.tsx +2 -2
- package/src/navigation/Drawer/{index.mdx → doc.mdx} +5 -1
- package/src/navigation/Drawer/index.tsx +0 -1
- package/src/navigation/Dropdown/{index.mdx → doc.mdx} +3 -15
- package/src/navigation/Link/__snapshots__/index.spec.tsx.snap +16 -30
- package/src/navigation/Link/__stories__/DarkBackground.tsx +1 -1
- package/src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx +1 -1
- package/src/navigation/Link/{index.mdx → doc.mdx} +7 -19
- package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +27 -28
- package/src/navigation/NavList/__stories__/Vertical.tsx +16 -12
- package/src/navigation/NavList/{index.mdx → doc.mdx} +19 -22
- package/src/navigation/NavList/interaction.test.tsx +45 -0
- package/src/navigation/Pagination/__stories__/Auto.tsx +30 -30
- package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx +1 -1
- package/src/navigation/Pagination/__stories__/WithInactiveValues.tsx +1 -1
- package/src/navigation/Pagination/__stories__/WithResultsPerPage.tsx +1 -1
- package/src/navigation/Pagination/doc.mdx +32 -0
- package/src/navigation/Pagination/index.tsx +0 -1
- package/src/navigation/Tabs/__stories__/Auto.tsx +5 -3
- package/src/navigation/Tabs/__stories__/Default.tsx +4 -2
- package/src/navigation/Tabs/__stories__/Dense.tsx +4 -3
- package/src/navigation/Tabs/__stories__/UsingAccordion.tsx +4 -2
- package/src/navigation/Tabs/doc.mdx +47 -0
- package/src/navigation/Tabs/index.tsx +0 -1
- package/src/registry.js +24 -36
- package/src/typography/CodeBlock/doc.mdx +30 -0
- package/src/typography/CodeBlock/index.tsx +7 -5
- package/src/typography/Heading/{index.mdx → doc.mdx} +3 -5
- package/src/typography/HeadingCaption/{index.mdx → doc.mdx} +5 -5
- package/src/typography/Hint/{index.mdx → doc.mdx} +4 -10
- package/src/typography/NormalText/doc.mdx +30 -0
- package/src/typography/Paragraph/doc.mdx +34 -0
- package/src/typography/Typography/doc.mdx +14 -0
- package/src/utils/Base/index.tsx +1 -0
- package/src/utils/VisuallyHidden/{index.mdx → doc.mdx} +3 -6
- package/src/utils/index.ts +0 -1
- package/typography/CodeBlock/index.d.ts +4 -4
- package/typography/CodeBlock/index.js +4 -2
- package/typography/CodeBlock/index.js.map +2 -2
- package/utils/Base/index.d.ts +1 -0
- package/utils/Base/index.js +2 -0
- package/utils/Base/index.js.map +2 -2
- package/utils/hooks/useDebounce.d.ts +1 -1
- package/utils/hooks/useKeypress.d.ts +1 -1
- package/utils/index.d.ts +0 -1
- package/utils/index.js +0 -1
- package/utils/index.js.map +2 -2
- package/api/APIErrors/index.js +0 -40
- package/api/APIErrors.d.ts +0 -23
- package/api/APIErrors.js.map +0 -7
- package/api/APIProvider/index.js +0 -24
- package/api/APIProvider.d.ts +0 -16
- package/api/APIProvider.js.map +0 -7
- package/api/fetchAPI/index.js +0 -29
- package/api/fetchAPI.d.ts +0 -14
- package/api/fetchAPI.js.map +0 -7
- package/api/index.d.ts +0 -8
- package/api/index.js +0 -12
- package/api/index.js.map +0 -7
- package/api/index.spec.d.ts +0 -1
- package/api/useResource/index.js +0 -79
- package/api/useResource/package.json +0 -6
- package/api/useResource.d.ts +0 -11
- package/api/useResource.js.map +0 -7
- package/api/useResourceAction/index.js +0 -74
- package/api/useResourceAction/package.json +0 -6
- package/api/useResourceAction.d.ts +0 -2
- package/api/useResourceAction.js.map +0 -7
- package/api/useResourceQuery/index.js +0 -149
- package/api/useResourceQuery/package.json +0 -6
- package/api/useResourceQuery.d.ts +0 -18
- package/api/useResourceQuery.js.map +0 -7
- package/api/utils/index.js +0 -131
- package/api/utils.d.ts +0 -10
- package/api/utils.js.map +0 -7
- package/app/Modal/Modal/package.json +0 -6
- package/cjs/api/APIErrors/index.js +0 -74
- package/cjs/api/APIErrors.js.map +0 -7
- package/cjs/api/APIProvider.js.map +0 -7
- package/cjs/api/fetchAPI/index.js +0 -49
- package/cjs/api/fetchAPI.js.map +0 -7
- package/cjs/api/index.js +0 -41
- package/cjs/api/index.js.map +0 -7
- package/cjs/api/useResource/index.js +0 -102
- package/cjs/api/useResource.js.map +0 -7
- package/cjs/api/useResourceAction/index.js +0 -97
- package/cjs/api/useResourceAction.js.map +0 -7
- package/cjs/api/useResourceQuery/index.js +0 -173
- package/cjs/api/useResourceQuery.js.map +0 -7
- package/cjs/api/utils/index.js +0 -157
- package/cjs/api/utils.js.map +0 -7
- package/cjs/layouts/Basic/Masthead/index.js.map +0 -7
- package/cjs/patterns/FilteredResults/DataTable/index.js +0 -42
- package/cjs/patterns/FilteredResults/DataTable.js.map +0 -7
- package/cjs/patterns/FilteredResults/FilterChips/index.js +0 -82
- package/cjs/patterns/FilteredResults/FilterChips.js.map +0 -7
- package/cjs/patterns/FilteredResults/FilterFields.js.map +0 -7
- package/cjs/patterns/FilteredResults/FilteredResults.stories.js.map +0 -7
- package/cjs/patterns/FilteredResults/__stories__/Default/index.js +0 -250
- package/cjs/patterns/FilteredResults/__stories__/Default.js.map +0 -7
- package/cjs/patterns/FilteredResults/hooks/index.js +0 -132
- package/cjs/patterns/FilteredResults/hooks.js.map +0 -7
- package/cjs/patterns/FilteredResults/index.js +0 -155
- package/cjs/patterns/FilteredResults/index.js.map +0 -7
- package/cjs/patterns/index.js.map +0 -7
- package/cjs/utils/SvgIcon/index.js.map +0 -7
- package/content/Table/__stories__/Densed/package.json +0 -6
- package/content/Table/__stories__/Densed.d.ts +0 -3
- package/layouts/Basic/Masthead/index.d.ts +0 -5
- package/layouts/Basic/Masthead/index.js +0 -9
- package/layouts/Basic/Masthead/index.js.map +0 -7
- package/layouts/Basic/Masthead/package.json +0 -6
- package/patterns/FilteredResults/DataTable/index.js +0 -18
- package/patterns/FilteredResults/DataTable.d.ts +0 -5
- package/patterns/FilteredResults/DataTable.js.map +0 -7
- package/patterns/FilteredResults/FilterChips/index.js +0 -52
- package/patterns/FilteredResults/FilterChips/package.json +0 -6
- package/patterns/FilteredResults/FilterChips.d.ts +0 -3
- package/patterns/FilteredResults/FilterChips.js.map +0 -7
- package/patterns/FilteredResults/FilterFields/index.js +0 -11
- package/patterns/FilteredResults/FilterFields.d.ts +0 -5
- package/patterns/FilteredResults/FilterFields.js.map +0 -7
- package/patterns/FilteredResults/FilteredResults.stories/index.js +0 -12
- package/patterns/FilteredResults/FilteredResults.stories/package.json +0 -6
- package/patterns/FilteredResults/FilteredResults.stories.d.ts +0 -8
- package/patterns/FilteredResults/FilteredResults.stories.js.map +0 -7
- package/patterns/FilteredResults/__stories__/Default/index.js +0 -220
- package/patterns/FilteredResults/__stories__/Default/package.json +0 -6
- package/patterns/FilteredResults/__stories__/Default.js.map +0 -7
- package/patterns/FilteredResults/hooks/index.js +0 -105
- package/patterns/FilteredResults/hooks/package.json +0 -6
- package/patterns/FilteredResults/hooks.d.ts +0 -22
- package/patterns/FilteredResults/hooks.js.map +0 -7
- package/patterns/FilteredResults/index.d.ts +0 -25
- package/patterns/FilteredResults/index.js +0 -122
- package/patterns/FilteredResults/index.js.map +0 -7
- package/patterns/FilteredResults/package.json +0 -6
- package/patterns/index.d.ts +0 -1
- package/patterns/index.js +0 -2
- package/patterns/index.js.map +0 -7
- package/patterns/package.json +0 -6
- package/src/api/APIErrors.tsx +0 -46
- package/src/api/APIProvider.tsx +0 -31
- package/src/api/fetchAPI.ts +0 -43
- package/src/api/index.spec.tsx +0 -417
- package/src/api/index.tsx +0 -9
- package/src/api/introduction.md +0 -6
- package/src/api/useResource.tsx +0 -96
- package/src/api/useResourceAction.tsx +0 -80
- package/src/api/useResourceQuery.tsx +0 -178
- package/src/api/utils.tsx +0 -162
- package/src/app/Footer/Footer.stories.playwright.json +0 -27
- package/src/app/Header/Header.stories.playwright.json +0 -49
- package/src/app/Header/index.mdx +0 -49
- package/src/app/Masthead/Masthead.stories.playwright.json +0 -21
- package/src/app/Modal/Modal.stories.playwright.json +0 -53
- package/src/content/Accordion/Accordion.stories.playwright.json +0 -21
- package/src/content/Card/Card.stories.playwright.json +0 -21
- package/src/content/Card/index.mdx +0 -103
- package/src/content/Chip/index.mdx +0 -53
- package/src/content/Details/Details.stories.playwright.json +0 -21
- package/src/content/List/index.mdx +0 -40
- package/src/content/StepNav/StepNav.stories.playwright.json +0 -33
- package/src/content/SummaryList/SummaryList.stories.playwright.json +0 -27
- package/src/content/Table/Table.stories.playwright.json +0 -37
- package/src/content/Table/index.mdx +0 -111
- package/src/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +0 -53
- package/src/feedback/CopyToClipboard/index.mdx +0 -28
- package/src/feedback/ErrorSummary/ErrorSummary.stories.playwright.json +0 -27
- package/src/feedback/NotificationBanner/NotificationBanner.stories.playwright.json +0 -49
- package/src/feedback/PhaseBanner/PhaseBanner.stories.playwright.json +0 -21
- package/src/form/AutoComplete/AutoComplete.stories.playwright.json +0 -33
- package/src/form/AutoComplete/index.mdx +0 -70
- package/src/form/Button/Button.stories.playwright.json +0 -109
- package/src/form/Checkbox/Checkbox.stories.playwright.json +0 -55
- package/src/form/DateInputContainer/DateInputContainer.stories.playwright.json +0 -61
- package/src/form/RadioContainer/RadioContainer.stories.playwright.json +0 -49
- package/src/form/SelectContainer/SelectContainer.stories.playwright.json +0 -21
- package/src/form/TextArea/TextArea.stories.playwright.json +0 -59
- package/src/form/TextArea/index.mdx +0 -74
- package/src/form/TextInput/TextInput.stories.playwright.json +0 -43
- package/src/govgr/Footer/index.mdx +0 -101
- package/src/layouts/Basic/Masthead/index.tsx +0 -5
- package/src/layouts/Basic/Top/index.mdx +0 -23
- package/src/layouts/Grid/index.mdx +0 -39
- package/src/navigation/BackLink/BackLink.stories.playwright.json +0 -21
- package/src/navigation/Breadcrumbs/Breadcrumbs.stories.playwright.json +0 -33
- package/src/navigation/Dropdown/Dropdown.stories.playwright.json +0 -85
- package/src/navigation/Link/Link.stories.playwright.json +0 -65
- package/src/navigation/NavList/NavList.stories.playwright.json +0 -53
- package/src/navigation/NavList/__stories__/NavLinksOneLevel.json +0 -17
- package/src/navigation/NavList/__stories__/NavLinksWithSubmenu.json +0 -36
- package/src/navigation/Pagination/Pagination.stories.playwright.json +0 -27
- package/src/navigation/Pagination/index.mdx +0 -48
- package/src/navigation/Tabs/Tabs.stories.playwright.json +0 -27
- package/src/navigation/Tabs/index.mdx +0 -31
- package/src/patterns/FilteredResults/DataTable.tsx +0 -47
- package/src/patterns/FilteredResults/FilterChips.tsx +0 -54
- package/src/patterns/FilteredResults/FilterFields.tsx +0 -15
- package/src/patterns/FilteredResults/FilteredResults.stories.js +0 -7
- package/src/patterns/FilteredResults/__stories__/Default.tsx +0 -243
- package/src/patterns/FilteredResults/hooks.ts +0 -131
- package/src/patterns/FilteredResults/index.test.tsx +0 -21
- package/src/patterns/FilteredResults/index.tsx +0 -180
- package/src/patterns/index.tsx +0 -1
- package/src/typography/NormalText/index.mdx +0 -44
- package/src/typography/Paragraph/index.mdx +0 -32
- package/src/typography/Typography/index.mdx +0 -12
- package/src/utils/SvgIcon/index.tsx +0 -5
- package/utils/SvgIcon/index.d.ts +0 -4
- package/utils/SvgIcon/index.js +0 -8
- package/utils/SvgIcon/index.js.map +0 -7
- package/utils/SvgIcon/package.json +0 -6
- /package/{patterns/FilteredResults/index.test.d.ts → app/Header/interaction.test.d.ts} +0 -0
- /package/app/Modal/{Modal.d.ts → index.web.d.ts} +0 -0
- /package/src/app/Modal/{Modal.tsx → index.web.tsx} +0 -0
- /package/src/utils/Base/{index.mdx → doc.mdx} +0 -0
|
@@ -16,7 +16,7 @@ import {
|
|
|
16
16
|
DrawerAuto,
|
|
17
17
|
DrawerHeadingAuto,
|
|
18
18
|
DrawerButtonAuto,
|
|
19
|
-
} from '@digigov/ui/navigation/Drawer';
|
|
19
|
+
} from '@digigov/ui/navigation/Drawer/auto';
|
|
20
20
|
import { NavListAuto } from '@digigov/ui/navigation/NavList';
|
|
21
21
|
import { Heading } from '@digigov/ui/typography/Heading';
|
|
22
22
|
|
|
@@ -64,7 +64,7 @@ export const Auto = () => {
|
|
|
64
64
|
<DrawerProvider>
|
|
65
65
|
<AdminHeader>
|
|
66
66
|
<AdminHeaderContent>
|
|
67
|
-
<GovGRLogo
|
|
67
|
+
<GovGRLogo />
|
|
68
68
|
<DrawerButtonAuto
|
|
69
69
|
drawer="drawer-1"
|
|
70
70
|
className="md:hidden"
|
|
@@ -102,3 +102,5 @@ export const Auto = () => {
|
|
|
102
102
|
</AdminLayout>
|
|
103
103
|
);
|
|
104
104
|
};
|
|
105
|
+
|
|
106
|
+
export default Auto;
|
|
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import { Drawer } from '@digigov/ui/navigation/Drawer';
|
|
3
3
|
import { DrawerHeading } from '@digigov/ui/navigation/Drawer';
|
|
4
4
|
import { NavListAuto } from '@digigov/ui/navigation/NavList';
|
|
5
|
-
import Heading from '@digigov/ui/typography/Heading';
|
|
5
|
+
import { Heading } from '@digigov/ui/typography/Heading';
|
|
6
6
|
|
|
7
7
|
function useDrawer(): [boolean, () => void] {
|
|
8
8
|
const [open, setOpen] = useState(true);
|
|
@@ -52,7 +52,6 @@ const links = [
|
|
|
52
52
|
|
|
53
53
|
export const Default = () => {
|
|
54
54
|
const [open, toggleDrawer] = useDrawer();
|
|
55
|
-
|
|
56
55
|
const layout = 'vertical';
|
|
57
56
|
const border = false;
|
|
58
57
|
const fixed = false;
|
|
@@ -72,4 +71,5 @@ export const Default = () => {
|
|
|
72
71
|
</Drawer>
|
|
73
72
|
);
|
|
74
73
|
};
|
|
74
|
+
|
|
75
75
|
export default Default;
|
|
@@ -3,9 +3,13 @@ id: drawer
|
|
|
3
3
|
title: Drawer
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
+
import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
|
|
7
|
+
|
|
8
|
+
# Drawer
|
|
9
|
+
|
|
6
10
|
## How to use
|
|
7
11
|
|
|
8
|
-
<
|
|
12
|
+
<code src="@digigov/ui/navigation/Drawer/__stories__/Default.tsx" />
|
|
9
13
|
|
|
10
14
|
## API
|
|
11
15
|
|
|
@@ -7,31 +7,19 @@ title: Dropdown
|
|
|
7
7
|
|
|
8
8
|
## How to use
|
|
9
9
|
|
|
10
|
-
<
|
|
11
|
-
packageName="@digigov/ui"
|
|
12
|
-
component="navigation/Dropdown"
|
|
13
|
-
story="Default.tsx"
|
|
14
|
-
/>
|
|
10
|
+
<code src="@digigov/ui/navigation/Dropdown/__stories__/Default.tsx" />
|
|
15
11
|
|
|
16
12
|
### Dropdown with align right
|
|
17
13
|
|
|
18
14
|
You can display the dropdown menu to the right side of the `Dropdown` button.
|
|
19
15
|
|
|
20
|
-
<
|
|
21
|
-
packageName="@digigov/ui"
|
|
22
|
-
component="navigation/Dropdown"
|
|
23
|
-
story="AlignRight.tsx"
|
|
24
|
-
/>
|
|
16
|
+
<code src="@digigov/ui/navigation/Dropdown/__stories__/AlignRight.tsx" />
|
|
25
17
|
|
|
26
18
|
### Dropdown with placement top
|
|
27
19
|
|
|
28
20
|
You can display the dropdown menu to the top of the `Dropdown` button.
|
|
29
21
|
|
|
30
|
-
<
|
|
31
|
-
packageName="@digigov/ui"
|
|
32
|
-
component="navigation/Dropdown"
|
|
33
|
-
story="PlacementTop.tsx"
|
|
34
|
-
/>
|
|
22
|
+
<code src="@digigov/ui/navigation/Dropdown/__stories__/PlacementTop.tsx" />
|
|
35
23
|
|
|
36
24
|
## API
|
|
37
25
|
|
|
@@ -1,38 +1,24 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`Provider 1`] = `
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<div>
|
|
12
|
-
hello
|
|
13
|
-
</div>
|
|
14
|
-
</CustomLink>
|
|
15
|
-
</Link>
|
|
16
|
-
</LinkProvider>
|
|
4
|
+
<body>
|
|
5
|
+
<div>
|
|
6
|
+
<div>
|
|
7
|
+
hello
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</body>
|
|
17
11
|
`;
|
|
18
12
|
|
|
19
13
|
exports[`renders the Link 1`] = `
|
|
20
|
-
<
|
|
21
|
-
<
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<ForwardRef(Base)
|
|
25
|
-
as="a"
|
|
26
|
-
className="ds-link"
|
|
14
|
+
<body>
|
|
15
|
+
<div>
|
|
16
|
+
<a
|
|
17
|
+
class="ds-link"
|
|
27
18
|
href=""
|
|
28
19
|
>
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
hello
|
|
34
|
-
</a>
|
|
35
|
-
</ForwardRef(Base)>
|
|
36
|
-
</ForwardRef(LinkBase)>
|
|
37
|
-
</Link>
|
|
20
|
+
hello
|
|
21
|
+
</a>
|
|
22
|
+
</div>
|
|
23
|
+
</body>
|
|
38
24
|
`;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Masthead } from '@digigov/ui/
|
|
2
|
+
import { Masthead } from '@digigov/ui/app/Masthead';
|
|
3
3
|
import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
|
|
4
4
|
import { Link } from '@digigov/ui/navigation/Link';
|
|
5
5
|
export const DarkBackground = () => (
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Masthead } from '@digigov/ui/
|
|
2
|
+
import { Masthead } from '@digigov/ui/app/Masthead';
|
|
3
3
|
import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
|
|
4
4
|
import { Link } from '@digigov/ui/navigation/Link';
|
|
5
5
|
export const DarkBackgroundNoUnderline = () => (
|
|
@@ -3,39 +3,27 @@ id: link
|
|
|
3
3
|
title: Link
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
# Link
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
## How to use
|
|
9
9
|
|
|
10
|
-
<
|
|
11
|
-
packageName="@digigov/ui"
|
|
12
|
-
component="navigation/Link"
|
|
13
|
-
story="Default.tsx"
|
|
14
|
-
/>
|
|
10
|
+
<code src="@digigov/ui/navigation/Link/__stories__/Default.tsx" />
|
|
15
11
|
|
|
16
12
|
### No Underline
|
|
17
13
|
|
|
18
|
-
<
|
|
19
|
-
packageName="@digigov/ui"
|
|
20
|
-
component="navigation/Link"
|
|
21
|
-
story="NoUnderline.tsx"
|
|
22
|
-
/>
|
|
14
|
+
<code src="@digigov/ui/navigation/Link/__stories__/NoUnderline.tsx" />
|
|
23
15
|
|
|
24
16
|
### Opens in a new tab
|
|
25
17
|
|
|
26
|
-
<
|
|
27
|
-
packageName="@digigov/ui"
|
|
28
|
-
component="navigation/Link"
|
|
29
|
-
story="OpensInNewTab.tsx"
|
|
30
|
-
/>
|
|
18
|
+
<code src="@digigov/ui/navigation/Link/__stories__/OpensInNewTab.tsx" />
|
|
31
19
|
|
|
32
20
|
### At dark background
|
|
33
21
|
|
|
34
|
-
<
|
|
22
|
+
<code src="@digigov/ui/navigation/Link/__stories__/DarkBackground.tsx" />
|
|
35
23
|
|
|
36
24
|
### At dark background and no underline
|
|
37
25
|
|
|
38
|
-
<
|
|
26
|
+
<code src="@digigov/ui/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx" />
|
|
39
27
|
|
|
40
28
|
### Accessibility
|
|
41
29
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the ErrorSummary with sample data 1`] = `
|
|
4
|
-
<ForwardRef(
|
|
4
|
+
<ForwardRef(NavList2)>
|
|
5
5
|
this is some random warning text
|
|
6
|
-
</ForwardRef(
|
|
6
|
+
</ForwardRef(NavList2)>
|
|
7
7
|
`;
|
|
@@ -1,51 +1,50 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import BurgerIcon from '@digigov/ui/
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { BurgerIcon } from '@digigov/ui/icons';
|
|
3
3
|
import { Button } from '@digigov/ui/form/Button';
|
|
4
4
|
import { NavListAuto } from '@digigov/ui/navigation/NavList';
|
|
5
5
|
|
|
6
6
|
const links = [
|
|
7
|
-
{
|
|
7
|
+
{ name: 'home', href: '#home', label: 'Αρχική' },
|
|
8
8
|
{
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
name: 'educational',
|
|
10
|
+
label: 'Εκπαιδευτικό υλικό',
|
|
11
|
+
subMenuHeading: 'Εκπαιδευτικό υλικό',
|
|
12
|
+
subMenu: [
|
|
13
13
|
{
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
name: 'elearning',
|
|
15
|
+
href: '#elearning',
|
|
16
|
+
label: 'Εκπαιδευτική πλατφόρμα',
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
name: 'videos',
|
|
20
|
+
href: '#videos',
|
|
21
|
+
label: 'Βίντεο',
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
name: 'presentations',
|
|
25
|
+
href: '#presentations',
|
|
26
|
+
label: 'Παρουσιάσεις',
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
name: 'promoting',
|
|
30
|
+
href: '#promoting',
|
|
31
|
+
label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά',
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
]
|
|
34
|
+
name: 'other-texts',
|
|
35
|
+
href: '#other-texts',
|
|
36
|
+
label: 'Άλλα κείμενα',
|
|
37
|
+
},
|
|
38
|
+
],
|
|
39
39
|
},
|
|
40
|
-
{
|
|
41
|
-
]
|
|
42
|
-
|
|
40
|
+
{ name: 'news', href: '#news', label: 'Νέα' },
|
|
41
|
+
];
|
|
43
42
|
|
|
44
43
|
export const UsingNavListAuto = () => {
|
|
45
44
|
const layout = 'horizontal';
|
|
46
45
|
const drawer = 'smDown';
|
|
47
46
|
const border = true;
|
|
48
|
-
const [open, setOpen] =
|
|
47
|
+
const [open, setOpen] = useState(false);
|
|
49
48
|
return (
|
|
50
49
|
<>
|
|
51
50
|
<Button color="secondary" onClick={() => setOpen(!open)} smUpHidden>
|
|
@@ -8,21 +8,21 @@ import {
|
|
|
8
8
|
|
|
9
9
|
const links = [
|
|
10
10
|
{
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
name: 'home',
|
|
12
|
+
href: '#home',
|
|
13
|
+
label: 'Αρχική',
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
name: 'educational',
|
|
17
|
+
label: 'Εκπαιδευτικό υλικό',
|
|
18
|
+
href: '#educational',
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
]
|
|
21
|
+
name: 'news',
|
|
22
|
+
href: '#news',
|
|
23
|
+
label: 'Νέα',
|
|
24
|
+
},
|
|
25
|
+
];
|
|
26
26
|
|
|
27
27
|
export const Vertical = () => {
|
|
28
28
|
const layout = 'vertical';
|
|
@@ -30,7 +30,11 @@ export const Vertical = () => {
|
|
|
30
30
|
const [useActive, setUseActive] = useState('');
|
|
31
31
|
|
|
32
32
|
return (
|
|
33
|
-
<Nav
|
|
33
|
+
<Nav
|
|
34
|
+
aria-orientation={layout || 'horizontal'}
|
|
35
|
+
aria-label="navigation list"
|
|
36
|
+
border={false}
|
|
37
|
+
>
|
|
34
38
|
<NavList layout={layout}>
|
|
35
39
|
{links.map((item, key) => (
|
|
36
40
|
<NavListItemAction
|
|
@@ -3,39 +3,36 @@ id: nav-list
|
|
|
3
3
|
title: NavList
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
|
|
7
|
+
|
|
8
|
+
# NavList
|
|
7
9
|
|
|
8
|
-
|
|
10
|
+
## How to use
|
|
9
11
|
|
|
10
|
-
<
|
|
11
|
-
packageName="@digigov/ui"
|
|
12
|
-
component="navigation/NavList"
|
|
13
|
-
story="Default.tsx"
|
|
14
|
-
/>
|
|
12
|
+
<code src="@digigov/ui/navigation/NavList/__stories__/Default.tsx" />
|
|
15
13
|
|
|
16
14
|
### Vertical NavList
|
|
17
15
|
|
|
18
|
-
<
|
|
19
|
-
packageName="@digigov/ui"
|
|
20
|
-
component="navigation/NavList"
|
|
21
|
-
story="Vertical.tsx"
|
|
22
|
-
/>
|
|
16
|
+
<code src="@digigov/ui/navigation/NavList/__stories__/Vertical.tsx" />
|
|
23
17
|
|
|
24
18
|
### Horizontal NavList with submenu
|
|
25
19
|
|
|
26
|
-
<
|
|
27
|
-
|
|
28
|
-
component="navigation/NavList"
|
|
29
|
-
story="HorizontalWithoutDrawer.tsx"
|
|
30
|
-
/>
|
|
20
|
+
<code src="@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx" />
|
|
21
|
+
|
|
31
22
|
|
|
32
23
|
### Vertical NavList with submenu
|
|
33
24
|
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
25
|
+
<code src="@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx" />
|
|
26
|
+
|
|
27
|
+
### Auto
|
|
28
|
+
|
|
29
|
+
<PhaseBanner>
|
|
30
|
+
<PhaseBannerTag>EXPERIMENTAL</PhaseBannerTag>
|
|
31
|
+
</PhaseBanner>
|
|
32
|
+
|
|
33
|
+
This is an implementation of NavList, utilizing the `useNavList` hook to register each item along with its associated content.
|
|
34
|
+
|
|
35
|
+
<code src="@digigov/ui/navigation/NavList/__stories__/UsingNavListAuto.tsx" />
|
|
39
36
|
|
|
40
37
|
## Accessibility
|
|
41
38
|
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { test, expect } from '@playwright/experimental-ct-react';
|
|
3
|
+
|
|
4
|
+
import { HorizontalWithoutDrawer } from '@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer';
|
|
5
|
+
import { UsingHeaderButton } from '@digigov/ui/navigation/NavList/__stories__/UsingHeaderButton';
|
|
6
|
+
import { VerticalWithoutDrawer } from '@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer';
|
|
7
|
+
|
|
8
|
+
test('renders the HorizontalWithoutDrawer Open submenu', async ({
|
|
9
|
+
mount,
|
|
10
|
+
page,
|
|
11
|
+
}) => {
|
|
12
|
+
await mount(<HorizontalWithoutDrawer />);
|
|
13
|
+
await page.evaluate(() => document.fonts.ready);
|
|
14
|
+
await page.locator('#root>nav>ul>li:nth-child(2)>button').click();
|
|
15
|
+
const screenshot = await page.screenshot({
|
|
16
|
+
fullPage: true,
|
|
17
|
+
animations: 'disabled',
|
|
18
|
+
});
|
|
19
|
+
expect(screenshot).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
test('renders the VerticalWithoutDrawer Open submenu', async ({
|
|
23
|
+
mount,
|
|
24
|
+
page,
|
|
25
|
+
}) => {
|
|
26
|
+
await mount(<VerticalWithoutDrawer />);
|
|
27
|
+
await page.evaluate(() => document.fonts.ready);
|
|
28
|
+
await page.locator('#root>nav>ul>li:nth-child(2)>button').click();
|
|
29
|
+
const screenshot = await page.screenshot({
|
|
30
|
+
fullPage: true,
|
|
31
|
+
animations: 'disabled',
|
|
32
|
+
});
|
|
33
|
+
expect(screenshot).toMatchSnapshot();
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
test('renders the UsingHeaderButton menu', async ({ mount, page }) => {
|
|
37
|
+
await mount(<UsingHeaderButton />);
|
|
38
|
+
await page.evaluate(() => document.fonts.ready);
|
|
39
|
+
await page.locator('button:text("Επιλογές")').click();
|
|
40
|
+
const screenshot = await page.screenshot({
|
|
41
|
+
fullPage: true,
|
|
42
|
+
animations: 'disabled',
|
|
43
|
+
});
|
|
44
|
+
expect(screenshot).toMatchSnapshot();
|
|
45
|
+
});
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Card from '@digigov/ui/content/Card';
|
|
3
|
-
import Container from '@digigov/ui/layouts/Basic';
|
|
4
|
-
import Main from '@digigov/ui/layouts/Basic';
|
|
3
|
+
import Container from '@digigov/ui/layouts/Basic/Container';
|
|
5
4
|
import Grid from '@digigov/ui/layouts/Grid';
|
|
5
|
+
import { Pagination } from '@digigov/ui/navigation/Pagination';
|
|
6
6
|
import {
|
|
7
|
-
Pagination,
|
|
8
7
|
PaginationContextAuto,
|
|
9
8
|
PaginationLabelAuto,
|
|
10
9
|
PaginationListAuto,
|
|
11
10
|
PaginationResultsPerPageSelectAuto,
|
|
12
11
|
usePaginationContext,
|
|
13
|
-
} from '@digigov/ui/navigation/Pagination';
|
|
12
|
+
} from '@digigov/ui/navigation/Pagination/auto';
|
|
14
13
|
|
|
15
14
|
const fetchedData: { id: number }[] = [];
|
|
16
15
|
|
|
@@ -18,21 +17,26 @@ for (let i = 0; i < 78; i++) {
|
|
|
18
17
|
fetchedData.push({ id: i });
|
|
19
18
|
}
|
|
20
19
|
|
|
21
|
-
const
|
|
20
|
+
const DataGrid = ({ data }) => {
|
|
22
21
|
const { offset, limit } = usePaginationContext();
|
|
23
22
|
|
|
24
|
-
return
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
23
|
+
return (
|
|
24
|
+
<Grid container spacing={4} mb={{ xs: 4, md: 8 }}>
|
|
25
|
+
{data
|
|
26
|
+
.filter((_item, index) => {
|
|
27
|
+
return index > offset && index < offset + limit;
|
|
28
|
+
})
|
|
29
|
+
.map((item, index) => {
|
|
30
|
+
return (
|
|
31
|
+
<Grid item xs={4} md={2} key={index}>
|
|
32
|
+
<Card variant="border" borderColor="light" dense>
|
|
33
|
+
{item.id}
|
|
34
|
+
</Card>
|
|
35
|
+
</Grid>
|
|
36
|
+
);
|
|
37
|
+
})}
|
|
38
|
+
</Grid>
|
|
39
|
+
);
|
|
36
40
|
};
|
|
37
41
|
|
|
38
42
|
export const Auto = () => {
|
|
@@ -43,19 +47,15 @@ export const Auto = () => {
|
|
|
43
47
|
previousLabel="Προηγούμενη"
|
|
44
48
|
nextLabel="Επόμενη"
|
|
45
49
|
>
|
|
46
|
-
<Container>
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
</PaginationResultsPerPageSelectAuto>
|
|
56
|
-
<PaginationListAuto />
|
|
57
|
-
</Pagination>
|
|
58
|
-
</Main>
|
|
50
|
+
<Container grid={false}>
|
|
51
|
+
<DataGrid data={fetchedData} />
|
|
52
|
+
<Pagination>
|
|
53
|
+
<PaginationLabelAuto />
|
|
54
|
+
<PaginationResultsPerPageSelectAuto>
|
|
55
|
+
Αποτελέσματα ανά σελίδα
|
|
56
|
+
</PaginationResultsPerPageSelectAuto>
|
|
57
|
+
<PaginationListAuto />
|
|
58
|
+
</Pagination>
|
|
59
59
|
</Container>
|
|
60
60
|
</PaginationContextAuto>
|
|
61
61
|
);
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
PaginationLabel,
|
|
15
15
|
} from '@digigov/ui/navigation/Pagination';
|
|
16
16
|
|
|
17
|
-
import { ChevronIcon } from '@digigov/ui/
|
|
17
|
+
import { ChevronIcon } from '@digigov/ui/icons';
|
|
18
18
|
|
|
19
19
|
export const PaginationWithSmallFont = () => (
|
|
20
20
|
<div className="example">
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
PaginationListItem,
|
|
10
10
|
PaginationLabel,
|
|
11
11
|
} from '@digigov/ui/navigation/Pagination';
|
|
12
|
-
import { ChevronIcon } from '@digigov/ui/
|
|
12
|
+
import { ChevronIcon } from '@digigov/ui/icons';
|
|
13
13
|
|
|
14
14
|
export const WithInactiveValues = () => (
|
|
15
15
|
<I18NProvider t={(str: string) => str}>
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
PaginationLabel,
|
|
15
15
|
} from '@digigov/ui/navigation/Pagination';
|
|
16
16
|
|
|
17
|
-
import { ChevronIcon } from '@digigov/ui/
|
|
17
|
+
import { ChevronIcon } from '@digigov/ui/icons';
|
|
18
18
|
|
|
19
19
|
export const WithResultsPerPage = () => (
|
|
20
20
|
<I18NProvider t={(str: string) => str}>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: pagination
|
|
3
|
+
title: Pagination
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
## How to use
|
|
7
|
+
|
|
8
|
+
<code src="@digigov/ui/navigation/Pagination/__stories__/Default.tsx" />
|
|
9
|
+
|
|
10
|
+
### With inactive values
|
|
11
|
+
|
|
12
|
+
<code src="@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues.tsx" />
|
|
13
|
+
|
|
14
|
+
### With small fonts
|
|
15
|
+
|
|
16
|
+
<code src="@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx" />
|
|
17
|
+
|
|
18
|
+
### With results per page
|
|
19
|
+
|
|
20
|
+
<code src="@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage.tsx" />
|
|
21
|
+
|
|
22
|
+
## API
|
|
23
|
+
|
|
24
|
+
See below for a complete reference to all of the props available to the components mentioned here.
|
|
25
|
+
|
|
26
|
+
<ComponentProps componentName={
|
|
27
|
+
[
|
|
28
|
+
"Pagination",
|
|
29
|
+
"PaginationLabel",
|
|
30
|
+
"PaginationList",
|
|
31
|
+
"PaginationListItem",
|
|
32
|
+
]} />
|
|
@@ -6,5 +6,4 @@ export * from '@digigov/react-core/Pagination';
|
|
|
6
6
|
export * from '@digigov/react-core/PaginationList';
|
|
7
7
|
export * from '@digigov/react-core/PaginationListItem';
|
|
8
8
|
export * from '@digigov/ui/navigation/Pagination/hooks';
|
|
9
|
-
export * from '@digigov/ui/navigation/Pagination/auto';
|
|
10
9
|
export { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';
|
|
@@ -9,13 +9,15 @@ import {
|
|
|
9
9
|
} from '@digigov/ui/content/SummaryList';
|
|
10
10
|
import { Link } from '@digigov/ui/navigation/Link';
|
|
11
11
|
import {
|
|
12
|
-
TabsAuto,
|
|
13
12
|
TabsHeading,
|
|
14
13
|
TabsList,
|
|
14
|
+
|
|
15
|
+
} from '@digigov/ui/navigation/Tabs';
|
|
16
|
+
import {
|
|
17
|
+
TabsAuto,
|
|
15
18
|
TabsListItem,
|
|
16
19
|
TabsPanel,
|
|
17
|
-
} from '@digigov/ui/navigation/Tabs';
|
|
18
|
-
|
|
20
|
+
} from '@digigov/ui/navigation/Tabs/auto';
|
|
19
21
|
import { Heading } from '@digigov/ui/typography/Heading';
|
|
20
22
|
import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
|
|
21
23
|
|