@digigov/ui 2.0.0-6e3977bc → 2.0.0-834daea4
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/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/{api/APIErrors → app/Loader/index.native}/package.json +1 -1
- 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/fetchAPI → 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__/Secondary/index.js +13 -0
- package/app/Masthead/__stories__/Secondary/package.json +6 -0
- package/app/Masthead/__stories__/Secondary.d.ts +3 -0
- package/app/Masthead/__stories__/Secondary.js.map +7 -0
- package/app/Modal/auto/index.js +1 -1
- package/app/Modal/auto.js.map +2 -2
- package/app/Modal/index.d.ts +2 -2
- package/app/Modal/index.js +2 -2
- package/app/Modal/index.js.map +1 -1
- package/app/Modal/index.native/index.js +20 -0
- package/{api → 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/QrCodeScanner/index.js.map +2 -2
- package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map +3 -3
- 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/app/Loader/index.web/index.js +22 -0
- 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__/Secondary/index.js +46 -0
- package/cjs/app/Masthead/__stories__/Secondary.js.map +7 -0
- 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 -3
- package/cjs/app/Modal/index.js.map +2 -2
- package/cjs/{api/APIProvider → app/Modal/index.native}/index.js +20 -26
- 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/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/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/{api/APIErrors → form/SearchContainer/__stories__/Default}/index.js +12 -42
- package/cjs/form/SearchContainer/__stories__/Default.js.map +7 -0
- package/cjs/i18n/locales/el/index.js +7 -1
- package/cjs/i18n/locales/el.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/lazy/index.js +3 -7
- package/cjs/lazy.js.map +2 -2
- package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
- package/cjs/navigation/Drawer/__stories__/Auto/index.js +3 -1
- 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/NavList/__stories__/UsingNavListAuto/index.js +22 -22
- package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
- 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 +7 -9
- package/cjs/navigation/Pagination/__stories__/Auto.js.map +3 -3
- package/cjs/registry/index.js +6 -18
- package/cjs/registry.js.map +2 -2
- 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/content/Table/__stories__/Dense/package.json +6 -0
- 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/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/locales/el/index.js +7 -1
- package/i18n/locales/el.d.ts +6 -0
- package/i18n/locales/el.js.map +2 -2
- package/index.js +1 -1
- 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/lazy/index.js +3 -7
- package/lazy.d.ts +1 -5
- package/lazy.js.map +2 -2
- package/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
- package/navigation/Drawer/__stories__/Auto/index.js +3 -1
- 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/NavList/__stories__/UsingNavListAuto/index.js +23 -23
- 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/Pagination/__stories__/Auto/index.js +8 -12
- package/navigation/Pagination/__stories__/Auto.js.map +2 -2
- package/package.json +10 -8
- package/registry/index.js +6 -18
- package/registry.d.ts +4 -9
- 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/Loader/index.native.tsx +98 -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__/Secondary.tsx +26 -0
- package/src/app/Masthead/{index.mdx → doc.mdx} +13 -1
- package/src/app/Masthead/index.test.tsx +4 -0
- 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 -2
- 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/{index.mdx → doc.mdx} +2 -13
- 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/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/StepNav/{index.mdx → doc.mdx} +5 -19
- package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +37 -89
- package/src/content/SummaryList/{index.mdx → doc.mdx} +6 -18
- 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/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/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/form/AutoComplete/doc.mdx +50 -0
- package/src/form/Button/__snapshots__/index.spec.tsx.snap +6 -10
- package/src/form/Button/{index.mdx → doc.mdx} +12 -27
- package/src/form/Checkbox/{index.mdx → doc.mdx} +10 -36
- package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx +1 -1
- package/src/form/DateInputContainer/{index.mdx → doc.mdx} +7 -21
- 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/TextInput/{index.mdx → doc.mdx} +12 -44
- package/src/i18n/locales/el.ts +15 -8
- 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/Grid/doc.mdx +26 -0
- package/src/layouts/Stack/doc.mdx +38 -0
- package/src/lazy.js +4 -8
- package/src/navigation/BackLink/{index.mdx → doc.mdx} +1 -5
- package/src/navigation/Breadcrumbs/Breadcrumbs.stories.js +0 -1
- package/src/navigation/Breadcrumbs/{index.mdx → doc.mdx} +5 -5
- package/src/navigation/Drawer/__stories__/Auto.tsx +3 -1
- package/src/navigation/Drawer/__stories__/Default.tsx +2 -2
- package/src/navigation/Drawer/{index.mdx → doc.mdx} +5 -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/{index.mdx → doc.mdx} +7 -19
- package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +26 -27
- package/src/navigation/NavList/__stories__/Vertical.tsx +16 -12
- package/src/navigation/NavList/{index.mdx → doc.mdx} +19 -22
- package/src/navigation/Pagination/__stories__/Auto.tsx +29 -31
- package/src/navigation/Pagination/doc.mdx +32 -0
- package/src/navigation/Tabs/doc.mdx +47 -0
- package/src/registry.js +6 -18
- package/src/typography/CodeBlock/doc.mdx +30 -0
- 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/VisuallyHidden/{index.mdx → doc.mdx} +3 -6
- 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/package.json +0 -6
- 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.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/content/Table/__stories__/Densed/package.json +0 -6
- package/content/Table/__stories__/Densed.d.ts +0 -3
- 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/Header/index.mdx +0 -49
- package/src/content/Card/index.mdx +0 -103
- package/src/content/Chip/index.mdx +0 -53
- package/src/content/List/index.mdx +0 -40
- package/src/content/Table/index.mdx +0 -111
- package/src/feedback/CopyToClipboard/index.mdx +0 -28
- package/src/form/AutoComplete/index.mdx +0 -70
- package/src/form/TextArea/index.mdx +0 -74
- package/src/govgr/Footer/index.mdx +0 -101
- package/src/layouts/Basic/Top/index.mdx +0 -23
- package/src/layouts/Grid/index.mdx +0 -39
- package/src/navigation/Pagination/index.mdx +0 -48
- package/src/navigation/Tabs/index.mdx +0 -31
- 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/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
|
@@ -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
|
|
|
@@ -1,11 +1,8 @@
|
|
|
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';
|
|
6
|
-
import {
|
|
7
|
-
Pagination,
|
|
8
|
-
} from '@digigov/ui/navigation/Pagination';
|
|
5
|
+
import { Pagination } from '@digigov/ui/navigation/Pagination';
|
|
9
6
|
import {
|
|
10
7
|
PaginationContextAuto,
|
|
11
8
|
PaginationLabelAuto,
|
|
@@ -20,21 +17,26 @@ for (let i = 0; i < 78; i++) {
|
|
|
20
17
|
fetchedData.push({ id: i });
|
|
21
18
|
}
|
|
22
19
|
|
|
23
|
-
const
|
|
20
|
+
const DataGrid = ({ data }) => {
|
|
24
21
|
const { offset, limit } = usePaginationContext();
|
|
25
22
|
|
|
26
|
-
return
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
+
);
|
|
38
40
|
};
|
|
39
41
|
|
|
40
42
|
export const Auto = () => {
|
|
@@ -45,19 +47,15 @@ export const Auto = () => {
|
|
|
45
47
|
previousLabel="Προηγούμενη"
|
|
46
48
|
nextLabel="Επόμενη"
|
|
47
49
|
>
|
|
48
|
-
<Container>
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
</PaginationResultsPerPageSelectAuto>
|
|
58
|
-
<PaginationListAuto />
|
|
59
|
-
</Pagination>
|
|
60
|
-
</Main>
|
|
50
|
+
<Container grid={false}>
|
|
51
|
+
<DataGrid data={fetchedData} />
|
|
52
|
+
<Pagination>
|
|
53
|
+
<PaginationLabelAuto />
|
|
54
|
+
<PaginationResultsPerPageSelectAuto>
|
|
55
|
+
Αποτελέσματα ανά σελίδα
|
|
56
|
+
</PaginationResultsPerPageSelectAuto>
|
|
57
|
+
<PaginationListAuto />
|
|
58
|
+
</Pagination>
|
|
61
59
|
</Container>
|
|
62
60
|
</PaginationContextAuto>
|
|
63
61
|
);
|
|
@@ -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
|
+
]} />
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: tabs
|
|
3
|
+
title: Tabs
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
|
|
7
|
+
|
|
8
|
+
# Tabs
|
|
9
|
+
|
|
10
|
+
## How to use
|
|
11
|
+
|
|
12
|
+
<code src="@digigov/ui/navigation/Tabs/__stories__/Default.tsx" />
|
|
13
|
+
|
|
14
|
+
### With dense style
|
|
15
|
+
|
|
16
|
+
<code src="@digigov/ui/navigation/Tabs/__stories__/Dense.tsx" />
|
|
17
|
+
|
|
18
|
+
### Using Accordion
|
|
19
|
+
|
|
20
|
+
<code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
|
|
21
|
+
|
|
22
|
+
### Auto
|
|
23
|
+
|
|
24
|
+
This is an implementation of the Tabs collection, encapsulated within a `TabsContext` provider, designed to facilitate and manage Tabs functionality effectively.
|
|
25
|
+
|
|
26
|
+
<PhaseBanner>
|
|
27
|
+
<PhaseBannerTag>EXPERIMENTAL</PhaseBannerTag>
|
|
28
|
+
</PhaseBanner>
|
|
29
|
+
|
|
30
|
+
<code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
|
|
31
|
+
|
|
32
|
+
## Accessibility
|
|
33
|
+
|
|
34
|
+
You can read more about the accessibility patterns used in our Tabs
|
|
35
|
+
implementation in the ARIA Authoring Practices Guide (APG) at [Tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) section.
|
|
36
|
+
|
|
37
|
+
## API
|
|
38
|
+
|
|
39
|
+
See below for a complete reference to all of the props available to the components mentioned here.
|
|
40
|
+
|
|
41
|
+
<ComponentProps componentName={
|
|
42
|
+
["Tabs",
|
|
43
|
+
"TabsHeading",
|
|
44
|
+
"TabsList",
|
|
45
|
+
"TabsListItem",
|
|
46
|
+
"TabsPanel",]} />
|
|
47
|
+
|
package/src/registry.js
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
import * as _digigov_ui_api_APIErrors from '@digigov/ui/api/APIErrors';
|
|
3
|
-
import * as _digigov_ui_api_APIProvider from '@digigov/ui/api/APIProvider';
|
|
4
|
-
import * as _digigov_ui_api_fetchAPI from '@digigov/ui/api/fetchAPI';
|
|
5
|
-
import * as _digigov_ui_api from '@digigov/ui/api';
|
|
6
|
-
import * as _digigov_ui_api_useResource from '@digigov/ui/api/useResource';
|
|
7
|
-
import * as _digigov_ui_api_useResourceAction from '@digigov/ui/api/useResourceAction';
|
|
8
|
-
import * as _digigov_ui_api_useResourceQuery from '@digigov/ui/api/useResourceQuery';
|
|
9
|
-
import * as _digigov_ui_api_utils from '@digigov/ui/api/utils';
|
|
10
2
|
import * as _digigov_ui_app_App from '@digigov/ui/app/App';
|
|
11
3
|
import * as _digigov_ui_app_BannerContainer from '@digigov/ui/app/BannerContainer';
|
|
12
4
|
import * as _digigov_ui_app_BottomInfo from '@digigov/ui/app/BottomInfo';
|
|
@@ -28,11 +20,12 @@ import * as _digigov_ui_app_hooks_useTheme from '@digigov/ui/app/hooks/useTheme'
|
|
|
28
20
|
import * as _digigov_ui_app_hooks_useVariantVars from '@digigov/ui/app/hooks/useVariantVars';
|
|
29
21
|
import * as _digigov_ui_app from '@digigov/ui/app';
|
|
30
22
|
import * as _digigov_ui_app_Loader from '@digigov/ui/app/Loader';
|
|
23
|
+
import * as _digigov_ui_app_Loader_index_web from '@digigov/ui/app/Loader/index.web';
|
|
31
24
|
import * as _digigov_ui_app_Masthead from '@digigov/ui/app/Masthead';
|
|
32
25
|
import * as _digigov_ui_app_Modal_auto from '@digigov/ui/app/Modal/auto';
|
|
33
26
|
import * as _digigov_ui_app_Modal_hooks from '@digigov/ui/app/Modal/hooks';
|
|
34
27
|
import * as _digigov_ui_app_Modal from '@digigov/ui/app/Modal';
|
|
35
|
-
import * as
|
|
28
|
+
import * as _digigov_ui_app_Modal_index_web from '@digigov/ui/app/Modal/index.web';
|
|
36
29
|
import * as _digigov_ui_app_NotFound from '@digigov/ui/app/NotFound';
|
|
37
30
|
import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';
|
|
38
31
|
import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';
|
|
@@ -209,14 +202,6 @@ function lazyImport(pkgImport) {
|
|
|
209
202
|
)
|
|
210
203
|
}
|
|
211
204
|
export default {
|
|
212
|
-
'@digigov/ui/api/APIErrors': lazyImport(_digigov_ui_api_APIErrors),
|
|
213
|
-
'@digigov/ui/api/APIProvider': lazyImport(_digigov_ui_api_APIProvider),
|
|
214
|
-
'@digigov/ui/api/fetchAPI': lazyImport(_digigov_ui_api_fetchAPI),
|
|
215
|
-
'@digigov/ui/api': lazyImport(_digigov_ui_api),
|
|
216
|
-
'@digigov/ui/api/useResource': lazyImport(_digigov_ui_api_useResource),
|
|
217
|
-
'@digigov/ui/api/useResourceAction': lazyImport(_digigov_ui_api_useResourceAction),
|
|
218
|
-
'@digigov/ui/api/useResourceQuery': lazyImport(_digigov_ui_api_useResourceQuery),
|
|
219
|
-
'@digigov/ui/api/utils': lazyImport(_digigov_ui_api_utils),
|
|
220
205
|
'@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
|
|
221
206
|
'@digigov/ui/app/BannerContainer': lazyImport(_digigov_ui_app_BannerContainer),
|
|
222
207
|
'@digigov/ui/app/BottomInfo': lazyImport(_digigov_ui_app_BottomInfo),
|
|
@@ -238,11 +223,12 @@ export default {
|
|
|
238
223
|
'@digigov/ui/app/hooks/useVariantVars': lazyImport(_digigov_ui_app_hooks_useVariantVars),
|
|
239
224
|
'@digigov/ui/app': lazyImport(_digigov_ui_app),
|
|
240
225
|
'@digigov/ui/app/Loader': lazyImport(_digigov_ui_app_Loader),
|
|
226
|
+
'@digigov/ui/app/Loader/index.web': lazyImport(_digigov_ui_app_Loader_index_web),
|
|
241
227
|
'@digigov/ui/app/Masthead': lazyImport(_digigov_ui_app_Masthead),
|
|
242
228
|
'@digigov/ui/app/Modal/auto': lazyImport(_digigov_ui_app_Modal_auto),
|
|
243
229
|
'@digigov/ui/app/Modal/hooks': lazyImport(_digigov_ui_app_Modal_hooks),
|
|
244
230
|
'@digigov/ui/app/Modal': lazyImport(_digigov_ui_app_Modal),
|
|
245
|
-
'@digigov/ui/app/Modal/
|
|
231
|
+
'@digigov/ui/app/Modal/index.web': lazyImport(_digigov_ui_app_Modal_index_web),
|
|
246
232
|
'@digigov/ui/app/NotFound': lazyImport(_digigov_ui_app_NotFound),
|
|
247
233
|
'@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
|
|
248
234
|
'@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
|
|
@@ -437,6 +423,7 @@ import * as _digigov_ui_form_DateInputContainer_DateInputContainer_stories from
|
|
|
437
423
|
import * as _digigov_ui_form_ErrorMessage_ErrorMessage_stories from '@digigov/ui/form/ErrorMessage/ErrorMessage.stories';
|
|
438
424
|
import * as _digigov_ui_form_FileUpload_FileUpload_stories from '@digigov/ui/form/FileUpload/FileUpload.stories';
|
|
439
425
|
import * as _digigov_ui_form_RadioContainer_RadioContainer_stories from '@digigov/ui/form/RadioContainer/RadioContainer.stories';
|
|
426
|
+
import * as _digigov_ui_form_SearchContainer_SearchContainer_stories from '@digigov/ui/form/SearchContainer/SearchContainer.stories';
|
|
440
427
|
import * as _digigov_ui_form_SelectContainer_SelectContainer_stories from '@digigov/ui/form/SelectContainer/SelectContainer.stories';
|
|
441
428
|
import * as _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories from '@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories';
|
|
442
429
|
import * as _digigov_ui_form_TextArea_TextArea_stories from '@digigov/ui/form/TextArea/TextArea.stories';
|
|
@@ -501,6 +488,7 @@ import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digig
|
|
|
501
488
|
'@digigov/ui/form/ErrorMessage/ErrorMessage.stories': _digigov_ui_form_ErrorMessage_ErrorMessage_stories,
|
|
502
489
|
'@digigov/ui/form/FileUpload/FileUpload.stories': _digigov_ui_form_FileUpload_FileUpload_stories,
|
|
503
490
|
'@digigov/ui/form/RadioContainer/RadioContainer.stories': _digigov_ui_form_RadioContainer_RadioContainer_stories,
|
|
491
|
+
'@digigov/ui/form/SearchContainer/SearchContainer.stories': _digigov_ui_form_SearchContainer_SearchContainer_stories,
|
|
504
492
|
'@digigov/ui/form/SelectContainer/SelectContainer.stories': _digigov_ui_form_SelectContainer_SelectContainer_stories,
|
|
505
493
|
'@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories': _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories,
|
|
506
494
|
'@digigov/ui/form/TextArea/TextArea.stories': _digigov_ui_form_TextArea_TextArea_stories,
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: code-block
|
|
3
|
+
title: CodeBlock
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# CodeBlock
|
|
7
|
+
|
|
8
|
+
Use the CodeBlock component to display code.
|
|
9
|
+
|
|
10
|
+
## How to use
|
|
11
|
+
|
|
12
|
+
<code src="@digigov/ui/typography/CodeBlock/__stories__/Default.tsx" />
|
|
13
|
+
|
|
14
|
+
### Highlighted
|
|
15
|
+
|
|
16
|
+
<code src="@digigov/ui/typography/CodeBlock/__stories__/Highlighted.tsx" />
|
|
17
|
+
|
|
18
|
+
### With copy to clipboard
|
|
19
|
+
|
|
20
|
+
<code src="@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx" />
|
|
21
|
+
|
|
22
|
+
### With phase banner
|
|
23
|
+
|
|
24
|
+
<code src="@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner.tsx" />
|
|
25
|
+
|
|
26
|
+
## API
|
|
27
|
+
|
|
28
|
+
See below for a complete reference to all of the props available to the components mentioned here.
|
|
29
|
+
|
|
30
|
+
<ComponentProps componentName={["CodeBlock"]} />
|
|
@@ -3,13 +3,11 @@ id: heading
|
|
|
3
3
|
title: Heading
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
+
# Heading
|
|
7
|
+
|
|
6
8
|
## How to use
|
|
7
9
|
|
|
8
|
-
<
|
|
9
|
-
packageName="@digigov/ui"
|
|
10
|
-
component="typography/Heading"
|
|
11
|
-
story="Default.tsx"
|
|
12
|
-
/>
|
|
10
|
+
<code src="@digigov/ui/typography/Heading/__stories__/Default.tsx" />
|
|
13
11
|
|
|
14
12
|
## API
|
|
15
13
|
|
|
@@ -3,16 +3,16 @@ id: heading-caption
|
|
|
3
3
|
title: HeadingCaption
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
+
# HeadingCaption
|
|
7
|
+
|
|
6
8
|
## How to use
|
|
7
9
|
|
|
8
|
-
<
|
|
9
|
-
packageName="@digigov/ui"
|
|
10
|
-
component="typography/HeadingCaption"
|
|
11
|
-
story="Default.tsx"
|
|
12
|
-
/>
|
|
10
|
+
<code src="@digigov/ui/typography/HeadingCaption/__stories__/Default.tsx" />
|
|
13
11
|
|
|
14
12
|
### Nested caption to title
|
|
15
13
|
|
|
14
|
+
<code src="@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle.tsx" />
|
|
15
|
+
|
|
16
16
|
## API
|
|
17
17
|
|
|
18
18
|
See below for a complete reference to all of the props available to the components mentioned here.
|
|
@@ -3,21 +3,15 @@ id: hint
|
|
|
3
3
|
title: Hint
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
+
# Hint
|
|
7
|
+
|
|
6
8
|
## How to use
|
|
7
9
|
|
|
8
|
-
<
|
|
9
|
-
packageName="@digigov/ui"
|
|
10
|
-
component="typography/Hint"
|
|
11
|
-
story="Default.tsx"
|
|
12
|
-
/>
|
|
10
|
+
<code src="@digigov/ui/typography/Hint/__stories__/Default.tsx" />
|
|
13
11
|
|
|
14
12
|
### Font sizes
|
|
15
13
|
|
|
16
|
-
<
|
|
17
|
-
packageName="@digigov/ui"
|
|
18
|
-
component="typography/Hint"
|
|
19
|
-
story="FontSizes.tsx"
|
|
20
|
-
/>
|
|
14
|
+
<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
|
|
21
15
|
|
|
22
16
|
## API
|
|
23
17
|
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: normal-text
|
|
3
|
+
title: NormalText
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# NormalText
|
|
7
|
+
|
|
8
|
+
## How to use
|
|
9
|
+
|
|
10
|
+
<code src="@digigov/ui/typography/NormalText/__stories__/Default.tsx" />
|
|
11
|
+
|
|
12
|
+
### Variants
|
|
13
|
+
|
|
14
|
+
<code src="@digigov/ui/typography/NormalText/__stories__/Variants.tsx" />
|
|
15
|
+
|
|
16
|
+
## Font override classes
|
|
17
|
+
|
|
18
|
+
### Font size
|
|
19
|
+
|
|
20
|
+
<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
|
|
21
|
+
|
|
22
|
+
### Font weight
|
|
23
|
+
|
|
24
|
+
<code src="@digigov/ui/typography/NormalText/__stories__/FontWeight.tsx" />
|
|
25
|
+
|
|
26
|
+
## API
|
|
27
|
+
|
|
28
|
+
See below for a complete reference to all of the props available to the components mentioned here.
|
|
29
|
+
|
|
30
|
+
<ComponentProps componentName={["NormalText"]} />
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: paragraph
|
|
3
|
+
title: Paragraph
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Paragraph
|
|
7
|
+
|
|
8
|
+
## How to use
|
|
9
|
+
|
|
10
|
+
<code src="@digigov/ui/typography/Paragraph/__stories__/Default.tsx" />
|
|
11
|
+
|
|
12
|
+
### Lead paragraph
|
|
13
|
+
|
|
14
|
+
<code src="@digigov/ui/typography/Paragraph/__stories__/LeadVariant.tsx" />
|
|
15
|
+
|
|
16
|
+
### Small paragraph
|
|
17
|
+
|
|
18
|
+
<code src="@digigov/ui/typography/Paragraph/__stories__/SmallVariant.tsx" />
|
|
19
|
+
|
|
20
|
+
## Font override classes
|
|
21
|
+
|
|
22
|
+
### Font size
|
|
23
|
+
|
|
24
|
+
<code src="@digigov/ui/typography/Paragraph/__stories__/FontSizes.tsx" />
|
|
25
|
+
|
|
26
|
+
### Font weight
|
|
27
|
+
|
|
28
|
+
<code src="@digigov/ui/typography/Paragraph/__stories__/FontWeight.tsx" />
|
|
29
|
+
|
|
30
|
+
## API
|
|
31
|
+
|
|
32
|
+
See below for a complete reference to all of the props available to the components mentioned here.
|
|
33
|
+
|
|
34
|
+
<ComponentProps componentName={["Paragraph"]} />
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: typography
|
|
3
|
+
title: Typography
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Typography
|
|
7
|
+
|
|
8
|
+
Typography component is a HOC (Higher-Order Component) for typography components such as `NormalText` component.
|
|
9
|
+
|
|
10
|
+
## API
|
|
11
|
+
|
|
12
|
+
See below for a complete reference to all of the props available to the components mentioned here.
|
|
13
|
+
|
|
14
|
+
<ComponentProps componentName={["Typography"]} />
|
|
@@ -3,6 +3,8 @@ id: visually-hidden
|
|
|
3
3
|
title: VisuallyHidden
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
+
# VisuallyHidden
|
|
7
|
+
|
|
6
8
|
Use this component to convey meaning to people using screen readers, helping
|
|
7
9
|
them access information and context.
|
|
8
10
|
|
|
@@ -10,12 +12,7 @@ VisuallyHidden is a web accessibility technique used to hide content from the vi
|
|
|
10
12
|
|
|
11
13
|
## How to use
|
|
12
14
|
|
|
13
|
-
<
|
|
14
|
-
packageName="@digigov/ui"
|
|
15
|
-
component="utils/VisuallyHidden"
|
|
16
|
-
story="Default.tsx"
|
|
17
|
-
/>
|
|
18
|
-
|
|
15
|
+
<code src="@digigov/ui/utils/VisuallyHidden/__stories__/Default.tsx" />
|
|
19
16
|
|
|
20
17
|
## API
|
|
21
18
|
|
package/api/APIErrors/index.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
class APIErrors extends React.Component {
|
|
3
|
-
constructor() {
|
|
4
|
-
super(...arguments);
|
|
5
|
-
this.state = { hasError: false, error: null };
|
|
6
|
-
}
|
|
7
|
-
static getDerivedStateFromError(error) {
|
|
8
|
-
return {
|
|
9
|
-
hasError: true,
|
|
10
|
-
error
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
if (this.state.hasError) {
|
|
15
|
-
const Comp = this.props.fallback;
|
|
16
|
-
return /* @__PURE__ */ React.createElement(Comp, { error: this.state.error });
|
|
17
|
-
}
|
|
18
|
-
return this.props.children;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
var APIErrors_default = APIErrors;
|
|
22
|
-
class APIError extends Error {
|
|
23
|
-
constructor(errors, status, ...args) {
|
|
24
|
-
super(...args);
|
|
25
|
-
this.error = null;
|
|
26
|
-
this.errors = null;
|
|
27
|
-
this.status = 200;
|
|
28
|
-
this.name = "APIError";
|
|
29
|
-
Error.captureStackTrace(this, APIError);
|
|
30
|
-
this.error = errors && errors.length && errors[0] || errors;
|
|
31
|
-
this.errors = errors;
|
|
32
|
-
this.status = status;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
export {
|
|
36
|
-
APIError,
|
|
37
|
-
APIErrors,
|
|
38
|
-
APIErrors_default as default
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=APIErrors.js.map
|
package/api/APIErrors.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare class APIErrors extends React.Component<{
|
|
3
|
-
fallback: any;
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
}> {
|
|
6
|
-
state: {
|
|
7
|
-
hasError: boolean;
|
|
8
|
-
error: null;
|
|
9
|
-
};
|
|
10
|
-
static getDerivedStateFromError(error: Error): Record<string, any>;
|
|
11
|
-
render(): any;
|
|
12
|
-
}
|
|
13
|
-
export default APIErrors;
|
|
14
|
-
export declare class APIError extends Error {
|
|
15
|
-
error: null | {
|
|
16
|
-
data: {
|
|
17
|
-
invalid_fields: Record<string, any>[];
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
errors: null;
|
|
21
|
-
status: number;
|
|
22
|
-
constructor(errors: any, status: any, ...args: any[]);
|
|
23
|
-
}
|
package/api/APIErrors.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/api/APIErrors.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nexport class APIErrors extends React.Component<{\n fallback: any;\n children?: React.ReactNode;\n}> {\n state = { hasError: false, error: null };\n static getDerivedStateFromError(error: Error): Record<string, any> {\n return {\n hasError: true,\n error,\n };\n }\n\n render(): any {\n if (this.state.hasError) {\n const Comp = this.props.fallback;\n return <Comp error={this.state.error} />;\n }\n return this.props.children;\n }\n}\n\nexport default APIErrors;\n\n/*\n The type of `error` variable of the `useRequest` hook result.\n\n We expect a request to fail for at least one reason (`error` property). In\n case of multiple errors, developers may use `errors` property to construct\n a more verbose error report.\n*/\nexport class APIError extends Error {\n error: null | { data: { invalid_fields: Record<string, any>[] } } = null;\n errors = null;\n status = 200;\n\n constructor(errors, status, ...args) {\n super(...args);\n this.name = 'APIError';\n Error.captureStackTrace(this, APIError);\n this.error = (errors && errors.length && errors[0]) || errors;\n this.errors = errors;\n this.status = status;\n }\n}\n"],
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAEX,MAAM,kBAAkB,MAAM,UAGlC;AAAA,EAHI;AAAA;AAIL,iBAAQ,EAAE,UAAU,OAAO,OAAO,KAAK;AAAA;AAAA,EACvC,OAAO,yBAAyB,OAAmC;AACjE,WAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAc;AACZ,QAAI,KAAK,MAAM,UAAU;AACvB,YAAM,OAAO,KAAK,MAAM;AACxB,aAAO,oCAAC,QAAK,OAAO,KAAK,MAAM,OAAO;AAAA,IACxC;AACA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAEA,IAAO,oBAAQ;AASR,MAAM,iBAAiB,MAAM;AAAA,EAKlC,YAAY,QAAQ,WAAW,MAAM;AACnC,UAAM,GAAG,IAAI;AALf,iBAAoE;AACpE,kBAAS;AACT,kBAAS;AAIP,SAAK,OAAO;AACZ,UAAM,kBAAkB,MAAM,QAAQ;AACtC,SAAK,QAAS,UAAU,OAAO,UAAU,OAAO,CAAC,KAAM;AACvD,SAAK,SAAS;AACd,SAAK,SAAS;AAAA,EAChB;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/api/APIProvider/index.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React, { createContext, useContext, useMemo } from "react";
|
|
2
|
-
const APIContext = createContext({
|
|
3
|
-
config: {
|
|
4
|
-
baseURL: ""
|
|
5
|
-
},
|
|
6
|
-
token: null
|
|
7
|
-
});
|
|
8
|
-
const APIProvider = ({
|
|
9
|
-
token = null,
|
|
10
|
-
config = { baseURL: "" },
|
|
11
|
-
children
|
|
12
|
-
}) => {
|
|
13
|
-
const data = useMemo(() => ({ token, config }), [token, config]);
|
|
14
|
-
return /* @__PURE__ */ React.createElement(APIContext.Provider, { value: data }, children);
|
|
15
|
-
};
|
|
16
|
-
const useAPI = () => {
|
|
17
|
-
return useContext(APIContext);
|
|
18
|
-
};
|
|
19
|
-
export {
|
|
20
|
-
APIContext,
|
|
21
|
-
APIProvider,
|
|
22
|
-
useAPI
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=APIProvider.js.map
|
package/api/APIProvider.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface APIConfig {
|
|
3
|
-
baseURL: string;
|
|
4
|
-
}
|
|
5
|
-
export interface APIContextData {
|
|
6
|
-
config: APIConfig;
|
|
7
|
-
token: string | null | undefined;
|
|
8
|
-
}
|
|
9
|
-
export interface APIProviderProps {
|
|
10
|
-
token: string | null | undefined;
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
config: APIConfig;
|
|
13
|
-
}
|
|
14
|
-
export declare const APIContext: React.Context<APIContextData>;
|
|
15
|
-
export declare const APIProvider: React.FC<APIProviderProps>;
|
|
16
|
-
export declare const useAPI: () => APIContextData;
|