@digigov/ui 1.0.2 → 1.1.1
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/CHANGELOG.md +25 -1
- package/api/APIErrors/index.js +5 -7
- package/app/BannerContainer/BannerContainer.stories.d.ts +5 -5
- package/app/Footer/Footer.stories/index.js +1 -0
- package/app/Footer/Footer.stories.d.ts +7 -6
- package/app/Footer/__stories__/FooterAllInclusive/index.js +5 -1
- package/app/Footer/__stories__/FooterWithText/index.js +29 -0
- package/app/Footer/__stories__/FooterWithText/package.json +6 -0
- package/app/Footer/__stories__/FooterWithText.d.ts +3 -0
- package/app/Header/Header.stories.d.ts +7 -7
- package/app/Loader/Loader.stories.d.ts +3 -3
- package/app/Masthead/Masthead.stories.d.ts +6 -6
- package/app/Modal/Modal.stories.d.ts +5 -5
- package/app/Modal/index.js +3 -3
- package/app/NotFound/NotFound.stories.d.ts +3 -3
- package/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck/index.js +4 -3
- package/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck.d.ts +1 -1
- package/app/Panel/Panel.stories.d.ts +5 -5
- package/app/PhaseBannerHeader/PhaseBannerHeader.stories.d.ts +3 -3
- package/app/QrCodeScanner/QrCodeScanner.stories.d.ts +3 -3
- package/app/QrCodeViewer/QRCode.stories.d.ts +2 -2
- package/app/QrCodeViewer/qrcodegen/index.js +13 -13
- package/cjs/api/APIErrors/index.js +5 -7
- package/cjs/app/Footer/Footer.stories/index.js +12 -0
- package/cjs/app/Footer/__stories__/FooterAllInclusive/index.js +5 -1
- package/cjs/app/Footer/__stories__/FooterWithText/index.js +36 -0
- package/cjs/app/Modal/index.js +3 -3
- package/cjs/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck/index.js +4 -3
- package/cjs/app/QrCodeViewer/qrcodegen/index.js +13 -13
- package/cjs/content/Table/TableFloatingScroll/index.js +4 -3
- package/cjs/form/AutoComplete/Status/index.js +4 -5
- package/cjs/form/AutoComplete/index.js +5 -6
- package/cjs/layouts/Screen/Screen.stories/index.js +50 -0
- package/cjs/layouts/Screen/__stories__/Default/index.js +25 -0
- package/cjs/layouts/Screen/__stories__/ScreenDown/index.js +16 -0
- package/cjs/layouts/Screen/__stories__/SpecificScreenSize/index.js +16 -0
- package/cjs/layouts/Screen/index.js +34 -0
- package/cjs/registry/index.js +10 -0
- package/cjs/typography/Code/index.js +23 -0
- package/cjs/typography/CodeBlock/index.js +23 -0
- package/cjs/utils/hooks/useScreen/index.js +60 -0
- package/cjs/utils/withDeprecation/index.js +4 -5
- package/content/Accordion/Accordion.stories.d.ts +6 -6
- package/content/Blockquote/Blockquote.stories.d.ts +5 -5
- package/content/Card/Card.stories.d.ts +6 -6
- package/content/Chip/Chip.stories.d.ts +3 -3
- package/content/Details/Details.stories.d.ts +5 -5
- package/content/List/List.stories.d.ts +5 -5
- package/content/StepNav/StepNav.stories.d.ts +4 -4
- package/content/SummaryList/SummaryList.stories.d.ts +5 -5
- package/content/Table/Table.stories.d.ts +5 -5
- package/content/Table/TableFloatingScroll/index.js +4 -3
- package/content/TaskList/TaskList.stories.d.ts +4 -4
- package/content/Timeline/Timeline.stories.d.ts +4 -4
- package/feedback/CopyToClipboard/CopyToClipboard.stories.d.ts +3 -3
- package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +5 -5
- package/feedback/NotificationBanner/NotificationBanner.stories.d.ts +6 -6
- package/feedback/PhaseBanner/PhaseBanner.stories.d.ts +5 -5
- package/feedback/WarningText/WarningText.stories.d.ts +5 -5
- package/form/AutoComplete/AutoComplete.stories.d.ts +3 -3
- package/form/AutoComplete/Status/index.js +4 -5
- package/form/AutoComplete/index.js +5 -6
- package/form/Button/Button.stories.d.ts +5 -5
- package/form/Checkbox/Checkbox.stories.d.ts +5 -5
- package/form/DateInputContainer/DateInputContainer.stories.d.ts +5 -5
- package/form/ErrorMessage/ErrorMessage.stories.d.ts +5 -5
- package/form/FileUpload/FileUpload.stories.d.ts +4 -4
- package/form/RadioContainer/RadioContainer.stories.d.ts +5 -5
- package/form/SelectContainer/SelectContainer.stories.d.ts +5 -5
- package/form/SingleCharacterInputs/SingleCharacterInput.stories.d.ts +5 -5
- package/form/TextArea/TextArea.stories.d.ts +5 -5
- package/form/TextInput/TextInput.stories.d.ts +5 -5
- package/index.js +1 -1
- package/layouts/Basic/Basic.stories.d.ts +4 -4
- package/layouts/Grid/Grid.stories.d.ts +3 -3
- package/layouts/Screen/Screen.stories/index.js +9 -0
- package/layouts/Screen/Screen.stories/package.json +6 -0
- package/layouts/Screen/Screen.stories.d.ts +10 -0
- package/layouts/Screen/__stories__/Default/index.js +18 -0
- package/layouts/Screen/__stories__/Default/package.json +6 -0
- package/layouts/Screen/__stories__/Default.d.ts +3 -0
- package/layouts/Screen/__stories__/ScreenDown/index.js +9 -0
- package/layouts/Screen/__stories__/ScreenDown/package.json +6 -0
- package/layouts/Screen/__stories__/ScreenDown.d.ts +3 -0
- package/layouts/Screen/__stories__/SpecificScreenSize/index.js +9 -0
- package/layouts/Screen/__stories__/SpecificScreenSize/package.json +6 -0
- package/layouts/Screen/__stories__/SpecificScreenSize.d.ts +3 -0
- package/layouts/Screen/index.d.ts +6 -0
- package/layouts/Screen/index.js +27 -0
- package/layouts/Screen/package.json +6 -0
- package/layouts/Stack/Stack.stories.d.ts +3 -3
- package/navigation/BackLink/BackLink.stories.d.ts +3 -3
- package/navigation/BackToTopLink/BackToTopLink.stories.d.ts +3 -3
- package/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts +5 -5
- package/navigation/Drawer/Drawer.stories.d.ts +5 -5
- package/navigation/Dropdown/Dropdown.stories.d.ts +5 -5
- package/navigation/Link/Link.stories.d.ts +4 -4
- package/navigation/NavList/NavList.stories.d.ts +5 -5
- package/navigation/Pagination/Pagination.stories.d.ts +5 -5
- package/navigation/SkipLink/SkipLink.stories.d.ts +4 -4
- package/navigation/Tabs/Tabs.stories.d.ts +6 -6
- package/package.json +4 -3
- package/registry/index.js +10 -0
- package/registry.d.ts +63 -57
- package/src/app/Footer/Footer.stories.js +1 -0
- package/src/app/Footer/__stories__/FooterAllInclusive.tsx +2 -2
- package/src/app/Footer/__stories__/FooterWithText.tsx +67 -0
- package/src/app/Modal/index.tsx +3 -3
- package/src/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck.ts +5 -4
- package/src/content/Table/TableFloatingScroll.tsx +4 -3
- package/src/layouts/Screen/Screen.stories.js +9 -0
- package/src/layouts/Screen/__stories__/Default.tsx +22 -0
- package/src/layouts/Screen/__stories__/ScreenDown.tsx +11 -0
- package/src/layouts/Screen/__stories__/SpecificScreenSize.tsx +11 -0
- package/src/layouts/Screen/index.tsx +29 -0
- package/src/registry.js +124 -309
- package/src/typography/Code/index.tsx +4 -0
- package/src/typography/CodeBlock/index.tsx +4 -0
- package/src/utils/hooks/useScreen.ts +46 -0
- package/typography/Code/index.d.ts +3 -0
- package/typography/Code/index.js +3 -0
- package/typography/Code/package.json +6 -0
- package/typography/CodeBlock/index.d.ts +3 -0
- package/typography/CodeBlock/index.js +3 -0
- package/typography/CodeBlock/package.json +6 -0
- package/typography/Heading/Heading.stories.d.ts +3 -3
- package/typography/HeadingCaption/HeadingCaption.stories.d.ts +3 -3
- package/typography/Hint/Hint.stories.d.ts +3 -3
- package/typography/NormalText/NormalText.stories.d.ts +3 -3
- package/typography/Paragraph/Paragraph.stories.d.ts +3 -3
- package/utils/VisuallyHidden/VisuallyHidden.stories.d.ts +3 -3
- package/utils/hooks/useScreen/index.js +53 -0
- package/utils/hooks/useScreen/package.json +6 -0
- package/utils/hooks/useScreen.d.ts +7 -0
- package/utils/withDeprecation/index.js +4 -5
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { List as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/content/List/__stories__/Default";
|
|
@@ -12,4 +12,4 @@ export * from "@digigov/ui/content/List/__stories__/NumberedList";
|
|
|
12
12
|
export * from "@digigov/ui/content/List/__stories__/HorizontalList";
|
|
13
13
|
export * from "@digigov/ui/content/List/__stories__/WithExtraSpace";
|
|
14
14
|
export * from "@digigov/ui/content/List/__stories__/NestedBulletList";
|
|
15
|
-
import List from
|
|
15
|
+
import List from '@digigov/ui/content/List';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
4
|
export { StepNav as component };
|
|
5
|
-
export
|
|
5
|
+
export let displayName: string;
|
|
6
6
|
}
|
|
7
7
|
export default _default;
|
|
8
8
|
export * from "@digigov/ui/content/StepNav/__stories__/Default";
|
|
@@ -10,4 +10,4 @@ export * from "@digigov/ui/content/StepNav/__stories__/WithHints";
|
|
|
10
10
|
export * from "@digigov/ui/content/StepNav/__stories__/WithHook";
|
|
11
11
|
export * from "@digigov/ui/content/StepNav/__stories__/Dense";
|
|
12
12
|
export * from "@digigov/ui/content/StepNav/__stories__/Auto";
|
|
13
|
-
import StepNav from
|
|
13
|
+
import StepNav from '@digigov/ui/content/StepNav';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { SummaryList as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/content/SummaryList/__stories__/Default";
|
|
@@ -12,4 +12,4 @@ export * from "@digigov/ui/content/SummaryList/__stories__/WithoutActions";
|
|
|
12
12
|
export * from "@digigov/ui/content/SummaryList/__stories__/WithoutBorders";
|
|
13
13
|
export * from "@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction";
|
|
14
14
|
export * from "@digigov/ui/content/SummaryList/__stories__/RowVariations";
|
|
15
|
-
import SummaryList from
|
|
15
|
+
import SummaryList from '@digigov/ui/content/SummaryList';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { Table as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/content/Table/__stories__/Default";
|
|
@@ -24,4 +24,4 @@ export * from "@digigov/ui/content/Table/__stories__/MultipleProps";
|
|
|
24
24
|
export * from "@digigov/ui/content/Table/__stories__/WithSortFilters";
|
|
25
25
|
export * from "@digigov/ui/content/Table/__stories__/WithFloatingScroll";
|
|
26
26
|
export * from "@digigov/ui/content/Table/__stories__/Full";
|
|
27
|
-
import Table from
|
|
27
|
+
import Table from '@digigov/ui/content/Table';
|
|
@@ -18,6 +18,7 @@ export function TableFloatingScroll(props) {
|
|
|
18
18
|
setPosition = _useState6[1];
|
|
19
19
|
useEffect(function () {
|
|
20
20
|
var _ref$current;
|
|
21
|
+
var scrollBlockRefInstance = scrollBlockRef.current;
|
|
21
22
|
contentRef.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.firstChild;
|
|
22
23
|
// @ts-ignore
|
|
23
24
|
setContainerWidth(ref.current.offsetWidth);
|
|
@@ -37,10 +38,10 @@ export function TableFloatingScroll(props) {
|
|
|
37
38
|
}
|
|
38
39
|
function onBlockScroll() {
|
|
39
40
|
// @ts-ignore
|
|
40
|
-
ref.current.scrollLeft =
|
|
41
|
+
ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;
|
|
41
42
|
}
|
|
42
43
|
// @ts-ignore
|
|
43
|
-
|
|
44
|
+
scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);
|
|
44
45
|
document.addEventListener('scroll', onBodyScroll);
|
|
45
46
|
window.addEventListener('resize', function () {
|
|
46
47
|
// @ts-ignore
|
|
@@ -50,7 +51,7 @@ export function TableFloatingScroll(props) {
|
|
|
50
51
|
});
|
|
51
52
|
return function () {
|
|
52
53
|
// @ts-ignore
|
|
53
|
-
|
|
54
|
+
scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);
|
|
54
55
|
document.removeEventListener('scroll', onBodyScroll);
|
|
55
56
|
};
|
|
56
57
|
}, []);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
4
|
export { TaskList as component };
|
|
5
|
-
export
|
|
5
|
+
export let displayName: string;
|
|
6
6
|
}
|
|
7
7
|
export default _default;
|
|
8
8
|
export * from "@digigov/ui/content/TaskList/__stories__/Default";
|
|
9
9
|
export * from "@digigov/ui/content/TaskList/__stories__/Dense";
|
|
10
|
-
import TaskList from
|
|
10
|
+
import TaskList from '@digigov/ui/content/TaskList';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
4
|
export { Timeline as component };
|
|
5
|
-
export
|
|
5
|
+
export let displayName: string;
|
|
6
6
|
}
|
|
7
7
|
export default _default;
|
|
8
8
|
export * from "@digigov/ui/content/Timeline/__stories__/Default";
|
|
9
9
|
export * from "@digigov/ui/content/Timeline/__stories__/Dense";
|
|
10
|
-
import Timeline from
|
|
10
|
+
import Timeline from '@digigov/ui/content/Timeline';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
3
|
export { CopyToClipboard as component };
|
|
4
|
-
export
|
|
4
|
+
export let displayName: string;
|
|
5
5
|
}
|
|
6
6
|
export default _default;
|
|
7
7
|
export * from "@digigov/ui/feedback/CopyToClipboard/__stories__/Default";
|
|
8
8
|
export * from "@digigov/ui/feedback/CopyToClipboard/__stories__/Banner";
|
|
9
9
|
export * from "@digigov/ui/feedback/CopyToClipboard/__stories__/Dense";
|
|
10
|
-
import CopyToClipboard from
|
|
10
|
+
import CopyToClipboard from '@digigov/ui/feedback/CopyToClipboard';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { ErrorSummary as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/feedback/ErrorSummary/__stories__/Default";
|
|
@@ -12,4 +12,4 @@ export * from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput";
|
|
|
12
12
|
export * from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField";
|
|
13
13
|
export * from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox";
|
|
14
14
|
export * from "@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton";
|
|
15
|
-
import ErrorSummary from
|
|
15
|
+
import ErrorSummary from '@digigov/ui/feedback/ErrorSummary';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let tags: string[];
|
|
4
|
+
export let description: string;
|
|
5
|
+
export let link: string;
|
|
6
6
|
export { NotificationBanner as component };
|
|
7
|
-
export
|
|
7
|
+
export let displayName: string;
|
|
8
8
|
}
|
|
9
9
|
export default _default;
|
|
10
10
|
export * from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
|
|
11
11
|
export * from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
|
|
12
12
|
export * from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";
|
|
13
|
-
import NotificationBanner from
|
|
13
|
+
import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { PhaseBanner as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/feedback/PhaseBanner/__stories__/Default";
|
|
10
10
|
export * from "@digigov/ui/feedback/PhaseBanner/__stories__/Underlined";
|
|
11
|
-
import PhaseBanner from
|
|
11
|
+
import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { WarningText as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/feedback/WarningText/__stories__/Default";
|
|
10
10
|
export * from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
|
|
11
11
|
export * from "@digigov/ui/feedback/WarningText/__stories__/Dense";
|
|
12
|
-
import WarningText from
|
|
12
|
+
import WarningText from '@digigov/ui/feedback/WarningText';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
3
|
export { AutoComplete as component };
|
|
4
|
-
export
|
|
4
|
+
export let displayName: string;
|
|
5
5
|
}
|
|
6
6
|
export default _default;
|
|
7
7
|
export * from "@digigov/ui/form/AutoComplete/__stories__/Default";
|
|
@@ -11,4 +11,4 @@ export * from "@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue";
|
|
|
11
11
|
export * from "@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder";
|
|
12
12
|
export * from "@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues";
|
|
13
13
|
export * from "@digigov/ui/form/AutoComplete/__stories__/WithMinLength";
|
|
14
|
-
import AutoComplete from
|
|
14
|
+
import AutoComplete from '@digigov/ui/form/AutoComplete';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
-
|
|
7
|
-
function
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
7
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
8
|
import React, { Component } from 'react';
|
|
9
9
|
import AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
|
|
10
10
|
import AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
|
|
@@ -31,14 +31,13 @@ var debounce = function debounce(func, wait, immediate) {
|
|
|
31
31
|
var statusDebounceMillis = 1400;
|
|
32
32
|
var Status = /*#__PURE__*/function (_Component) {
|
|
33
33
|
_inherits(Status, _Component);
|
|
34
|
-
var _super = _createSuper(Status);
|
|
35
34
|
function Status() {
|
|
36
35
|
var _this;
|
|
37
36
|
_classCallCheck(this, Status);
|
|
38
37
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
39
38
|
args[_key2] = arguments[_key2];
|
|
40
39
|
}
|
|
41
|
-
_this =
|
|
40
|
+
_this = _callSuper(this, Status, [].concat(args));
|
|
42
41
|
_this.state = {
|
|
43
42
|
bump: false,
|
|
44
43
|
debounced: false,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
7
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
9
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import { Component } from 'react';
|
|
12
12
|
import AutoCompleteAssistiveHint from '@digigov/react-core/AutoCompleteAssistiveHint';
|
|
@@ -20,11 +20,10 @@ import Status from '@digigov/ui/form/AutoComplete/Status';
|
|
|
20
20
|
import { isIosDevice, keyCodes, isPrintableKeyCode } from '@digigov/ui/form/AutoComplete/utils';
|
|
21
21
|
var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(AutoComplete, _Component);
|
|
23
|
-
var _super = _createSuper(AutoComplete);
|
|
24
23
|
function AutoComplete(props) {
|
|
25
24
|
var _this;
|
|
26
25
|
_classCallCheck(this, AutoComplete);
|
|
27
|
-
_this =
|
|
26
|
+
_this = _callSuper(this, AutoComplete, [props]);
|
|
28
27
|
_this.elementReferences = {};
|
|
29
28
|
_this.$pollInput = void 0;
|
|
30
29
|
_this.state = {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { Button as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/Button/__stories__/Primary";
|
|
@@ -18,4 +18,4 @@ export * from "@digigov/ui/form/Button/__stories__/ButtonLinkButton";
|
|
|
18
18
|
export * from "@digigov/ui/form/Button/__stories__/Back";
|
|
19
19
|
export * from "@digigov/ui/form/Button/__stories__/WithVariantLink";
|
|
20
20
|
export * from "@digigov/ui/form/Button/__stories__/ThemeToggle";
|
|
21
|
-
import Button from
|
|
21
|
+
import Button from '@digigov/ui/form/Button';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { Checkbox as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/Checkbox/__stories__/Default";
|
|
@@ -16,4 +16,4 @@ export * from "@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError";
|
|
|
16
16
|
export * from "@digigov/ui/form/Checkbox/__stories__/WithErrorMessage";
|
|
17
17
|
export * from "@digigov/ui/form/Checkbox/__stories__/ConditionalReveal";
|
|
18
18
|
export * from "@digigov/ui/form/Checkbox/__stories__/Dense";
|
|
19
|
-
import Checkbox from
|
|
19
|
+
import Checkbox from '@digigov/ui/form/Checkbox';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { DateInputContainer as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/DateInputContainer/__stories__/Default";
|
|
@@ -11,4 +11,4 @@ export * from "@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions
|
|
|
11
11
|
export * from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage";
|
|
12
12
|
export * from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField";
|
|
13
13
|
export * from "@digigov/ui/form/DateInputContainer/__stories__/Dense";
|
|
14
|
-
import DateInputContainer from
|
|
14
|
+
import DateInputContainer from '@digigov/ui/form/DateInputContainer';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { ErrorMessage as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/ErrorMessage/__stories__/Default";
|
|
10
10
|
export * from "@digigov/ui/form/ErrorMessage/__stories__/DateInputError";
|
|
11
11
|
export * from "@digigov/ui/form/ErrorMessage/__stories__/ErrorMessageOnly";
|
|
12
|
-
import ErrorMessage from
|
|
12
|
+
import ErrorMessage from '@digigov/ui/form/ErrorMessage';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let link: string;
|
|
4
4
|
export { FileUpload as component };
|
|
5
|
-
export
|
|
5
|
+
export let displayName: string;
|
|
6
6
|
}
|
|
7
7
|
export default _default;
|
|
8
8
|
export * from "@digigov/ui/form/FileUpload/__stories__/Default";
|
|
9
9
|
export * from "@digigov/ui/form/FileUpload/__stories__/WithErrorMessage";
|
|
10
|
-
import FileUpload from
|
|
10
|
+
import FileUpload from '@digigov/ui/form/FileUpload';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { RadioContainer as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/RadioContainer/__stories__/Default";
|
|
@@ -16,4 +16,4 @@ export * from "@digigov/ui/form/RadioContainer/__stories__/WithErrorMessage";
|
|
|
16
16
|
export * from "@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal";
|
|
17
17
|
export * from "@digigov/ui/form/RadioContainer/__stories__/InlineWithDivider";
|
|
18
18
|
export * from "@digigov/ui/form/RadioContainer/__stories__/Dense";
|
|
19
|
-
import RadioContainer from
|
|
19
|
+
import RadioContainer from '@digigov/ui/form/RadioContainer';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { SelectContainer as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/SelectContainer/__stories__/Default";
|
|
10
10
|
export * from "@digigov/ui/form/SelectContainer/__stories__/DisabledInput";
|
|
11
11
|
export * from "@digigov/ui/form/SelectContainer/__stories__/WithHint";
|
|
12
12
|
export * from "@digigov/ui/form/SelectContainer/__stories__/Dense";
|
|
13
|
-
import SelectContainer from
|
|
13
|
+
import SelectContainer from '@digigov/ui/form/SelectContainer';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { SingleCharacterInputs as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/SingleCharacterInputs/__stories__/Default";
|
|
10
10
|
export * from "@digigov/ui/form/SingleCharacterInputs/__stories__/WithDefaultError";
|
|
11
11
|
export * from "@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageInvalidCode";
|
|
12
12
|
export * from "@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageLessDigit";
|
|
13
|
-
import SingleCharacterInputs from
|
|
13
|
+
import SingleCharacterInputs from '@digigov/ui/form/SingleCharacterInputs';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { TextArea as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/TextArea/__stories__/Default";
|
|
@@ -14,4 +14,4 @@ export * from "@digigov/ui/form/TextArea/__stories__/LimitedCharacters";
|
|
|
14
14
|
export * from "@digigov/ui/form/TextArea/__stories__/WithErrorMessage";
|
|
15
15
|
export * from "@digigov/ui/form/TextArea/__stories__/DisabledInput";
|
|
16
16
|
export * from "@digigov/ui/form/TextArea/__stories__/Dense";
|
|
17
|
-
import TextArea from
|
|
17
|
+
import TextArea from '@digigov/ui/form/TextArea';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let description: string;
|
|
4
|
+
export let link: string;
|
|
5
5
|
export { TextInput as component };
|
|
6
|
-
export
|
|
6
|
+
export let displayName: string;
|
|
7
7
|
}
|
|
8
8
|
export default _default;
|
|
9
9
|
export * from "@digigov/ui/form/TextInput/__stories__/Default";
|
|
@@ -15,4 +15,4 @@ export * from "@digigov/ui/form/TextInput/__stories__/AskingForNumbers";
|
|
|
15
15
|
export * from "@digigov/ui/form/TextInput/__stories__/WithErrorMessage";
|
|
16
16
|
export * from "@digigov/ui/form/TextInput/__stories__/DisabledInput";
|
|
17
17
|
export * from "@digigov/ui/form/TextInput/__stories__/Dense";
|
|
18
|
-
import TextInput from
|
|
18
|
+
import TextInput from '@digigov/ui/form/TextInput';
|
package/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
|
+
export let defaultWidth: string;
|
|
4
4
|
export { Basic as component };
|
|
5
|
-
export
|
|
5
|
+
export let displayName: string;
|
|
6
6
|
}
|
|
7
7
|
export default _default;
|
|
8
8
|
export * from "@digigov/ui/layouts/Basic/__stories__/Default";
|
|
9
9
|
export * from "@digigov/ui/layouts/Basic/__stories__/TwoThirdsOneThirdColumns";
|
|
10
10
|
export * from "@digigov/ui/layouts/Basic/__stories__/MultipleRowsLayout";
|
|
11
|
-
import Basic from
|
|
11
|
+
import Basic from '@digigov/ui/layouts/Basic';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare namespace _default {
|
|
2
|
-
export
|
|
2
|
+
export let title: string;
|
|
3
3
|
export { Grid as component };
|
|
4
|
-
export
|
|
4
|
+
export let displayName: string;
|
|
5
5
|
}
|
|
6
6
|
export default _default;
|
|
7
7
|
export * from "@digigov/ui/layouts/Grid/__stories__/Default";
|
|
8
8
|
export * from "@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing";
|
|
9
9
|
export * from "@digigov/ui/layouts/Grid/__stories__/Inline";
|
|
10
|
-
import Grid from
|
|
10
|
+
import Grid from '@digigov/ui/layouts/Grid';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import Screen from '@digigov/ui/layouts/Screen';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/layouts/Screen',
|
|
4
|
+
component: Screen,
|
|
5
|
+
displayName: 'Screen'
|
|
6
|
+
};
|
|
7
|
+
export * from '@digigov/ui/layouts/Screen/__stories__/Default';
|
|
8
|
+
export * from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';
|
|
9
|
+
export * from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export let title: string;
|
|
3
|
+
export { Screen as component };
|
|
4
|
+
export let displayName: string;
|
|
5
|
+
}
|
|
6
|
+
export default _default;
|
|
7
|
+
export * from "@digigov/ui/layouts/Screen/__stories__/Default";
|
|
8
|
+
export * from "@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize";
|
|
9
|
+
export * from "@digigov/ui/layouts/Screen/__stories__/ScreenDown";
|
|
10
|
+
import Screen from '@digigov/ui/layouts/Screen';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Screen } from '@digigov/ui/layouts/Screen';
|
|
3
|
+
var _ref = /*#__PURE__*/React.createElement(Screen, {
|
|
4
|
+
size: "mdUp"
|
|
5
|
+
}, /*#__PURE__*/React.createElement("div", null, "This is a mdUp screen"));
|
|
6
|
+
var _ref2 = /*#__PURE__*/React.createElement(Screen, {
|
|
7
|
+
size: "mdDown"
|
|
8
|
+
}, /*#__PURE__*/React.createElement("div", null, "This is a mdDown screen"));
|
|
9
|
+
var _ref3 = /*#__PURE__*/React.createElement(Screen, {
|
|
10
|
+
size: "xs"
|
|
11
|
+
}, /*#__PURE__*/React.createElement("div", null, "This is a xs screen"));
|
|
12
|
+
var _ref4 = /*#__PURE__*/React.createElement(Screen, {
|
|
13
|
+
size: "sm"
|
|
14
|
+
}, /*#__PURE__*/React.createElement("div", null, "This is a sm screen"));
|
|
15
|
+
export var Default = function Default() {
|
|
16
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4);
|
|
17
|
+
};
|
|
18
|
+
export default Default;
|