@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
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
var index_native_exports = {};
|
|
29
|
+
__export(index_native_exports, {
|
|
30
|
+
CircularProgress: () => CircularProgress
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(index_native_exports);
|
|
33
|
+
var import_react = __toESM(require("react"));
|
|
34
|
+
var import_react_native = require("react-native");
|
|
35
|
+
var import_react_native_svg = __toESM(require("react-native-svg"));
|
|
36
|
+
const CircularProgress = ({
|
|
37
|
+
size = "md",
|
|
38
|
+
color = "primary"
|
|
39
|
+
}) => {
|
|
40
|
+
const sizes = {
|
|
41
|
+
sm: 20,
|
|
42
|
+
md: 40,
|
|
43
|
+
lg: 50
|
|
44
|
+
};
|
|
45
|
+
const strokeWidth = sizes[size] / 4;
|
|
46
|
+
const radius = (sizes[size] - strokeWidth) / 2;
|
|
47
|
+
const circumference = 2 * Math.PI * radius;
|
|
48
|
+
const rotateAnim = (0, import_react.useRef)(new import_react_native.Animated.Value(0)).current;
|
|
49
|
+
const dashAnim = (0, import_react.useRef)(new import_react_native.Animated.Value(circumference)).current;
|
|
50
|
+
const progressColor = color === "primary" ? "#003375" : "#fff";
|
|
51
|
+
const backgroundColor = "#01b0f0";
|
|
52
|
+
const duration = 4e3;
|
|
53
|
+
(0, import_react.useEffect)(() => {
|
|
54
|
+
import_react_native.Animated.loop(
|
|
55
|
+
import_react_native.Animated.timing(rotateAnim, {
|
|
56
|
+
toValue: 1,
|
|
57
|
+
duration: 1e4,
|
|
58
|
+
easing: import_react_native.Easing.linear,
|
|
59
|
+
useNativeDriver: true
|
|
60
|
+
})
|
|
61
|
+
).start();
|
|
62
|
+
}, [rotateAnim]);
|
|
63
|
+
(0, import_react.useEffect)(() => {
|
|
64
|
+
import_react_native.Animated.loop(
|
|
65
|
+
import_react_native.Animated.sequence([
|
|
66
|
+
import_react_native.Animated.timing(dashAnim, {
|
|
67
|
+
toValue: 0,
|
|
68
|
+
duration: duration * 0.4,
|
|
69
|
+
easing: import_react_native.Easing.inOut(import_react_native.Easing.ease),
|
|
70
|
+
useNativeDriver: true
|
|
71
|
+
}),
|
|
72
|
+
import_react_native.Animated.timing(dashAnim, {
|
|
73
|
+
toValue: circumference,
|
|
74
|
+
duration: duration * 0.6,
|
|
75
|
+
easing: import_react_native.Easing.inOut(import_react_native.Easing.ease),
|
|
76
|
+
useNativeDriver: true
|
|
77
|
+
})
|
|
78
|
+
])
|
|
79
|
+
).start();
|
|
80
|
+
}, [dashAnim, duration, circumference]);
|
|
81
|
+
const rotateInterpolate = rotateAnim.interpolate({
|
|
82
|
+
inputRange: [0, 1],
|
|
83
|
+
outputRange: ["0deg", "360deg"]
|
|
84
|
+
});
|
|
85
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
86
|
+
import_react_native.Animated.View,
|
|
87
|
+
{
|
|
88
|
+
style: [
|
|
89
|
+
{
|
|
90
|
+
width: sizes[size],
|
|
91
|
+
height: sizes[size],
|
|
92
|
+
transform: [{ rotate: rotateInterpolate }]
|
|
93
|
+
}
|
|
94
|
+
]
|
|
95
|
+
},
|
|
96
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
97
|
+
import_react_native_svg.default,
|
|
98
|
+
{
|
|
99
|
+
width: sizes[size],
|
|
100
|
+
height: sizes[size],
|
|
101
|
+
viewBox: `0 0 ${sizes[size]} ${sizes[size]}`
|
|
102
|
+
},
|
|
103
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
104
|
+
import_react_native_svg.Circle,
|
|
105
|
+
{
|
|
106
|
+
cx: sizes[size] / 2,
|
|
107
|
+
cy: sizes[size] / 2,
|
|
108
|
+
r: radius,
|
|
109
|
+
stroke: backgroundColor,
|
|
110
|
+
strokeWidth,
|
|
111
|
+
fill: "none"
|
|
112
|
+
}
|
|
113
|
+
),
|
|
114
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
115
|
+
AnimatedCircle,
|
|
116
|
+
{
|
|
117
|
+
cx: sizes[size] / 2,
|
|
118
|
+
cy: sizes[size] / 2,
|
|
119
|
+
r: radius,
|
|
120
|
+
stroke: progressColor,
|
|
121
|
+
strokeWidth,
|
|
122
|
+
strokeDasharray: `${circumference}`,
|
|
123
|
+
strokeDashoffset: dashAnim,
|
|
124
|
+
fill: "none"
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
)
|
|
128
|
+
);
|
|
129
|
+
};
|
|
130
|
+
const AnimatedCircle = import_react_native.Animated.createAnimatedComponent(import_react_native_svg.Circle);
|
|
131
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
132
|
+
0 && (module.exports = {
|
|
133
|
+
CircularProgress
|
|
134
|
+
});
|
|
135
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/app/Loader/index.native.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport Svg, { Circle } from 'react-native-svg';\nimport { CircularProgressProps } from '@digigov/react-core/CircularProgress';\n\nexport const CircularProgress: React.FC<CircularProgressProps> = ({\n size = 'md',\n color = 'primary',\n}) => {\n const sizes = {\n sm: 20,\n md: 40,\n lg: 50,\n };\n const strokeWidth = sizes[size] / 4;\n const radius = (sizes[size] - strokeWidth) / 2;\n const circumference = 2 * Math.PI * radius;\n const rotateAnim = useRef(new Animated.Value(0)).current;\n const dashAnim = useRef(new Animated.Value(circumference)).current;\n\n const progressColor = color === 'primary' ? '#003375' : '#fff';\n const backgroundColor = '#01b0f0';\n const duration = 4000;\n\n useEffect(() => {\n Animated.loop(\n Animated.timing(rotateAnim, {\n toValue: 1,\n duration: 10000,\n easing: Easing.linear,\n useNativeDriver: true,\n })\n ).start();\n }, [rotateAnim]);\n\n useEffect(() => {\n Animated.loop(\n Animated.sequence([\n Animated.timing(dashAnim, {\n toValue: 0,\n duration: duration * 0.4,\n easing: Easing.inOut(Easing.ease),\n useNativeDriver: true,\n }),\n Animated.timing(dashAnim, {\n toValue: circumference,\n duration: duration * 0.6,\n easing: Easing.inOut(Easing.ease),\n useNativeDriver: true,\n }),\n ])\n ).start();\n }, [dashAnim, duration, circumference]);\n\n const rotateInterpolate = rotateAnim.interpolate({\n inputRange: [0, 1],\n outputRange: ['0deg', '360deg'],\n });\n\n return (\n <Animated.View\n style={[\n {\n width: sizes[size],\n height: sizes[size],\n transform: [{ rotate: rotateInterpolate }],\n },\n ]}\n >\n <Svg\n width={sizes[size]}\n height={sizes[size]}\n viewBox={`0 0 ${sizes[size]} ${sizes[size]}`}\n >\n <Circle\n cx={sizes[size] / 2}\n cy={sizes[size] / 2}\n r={radius}\n stroke={backgroundColor}\n strokeWidth={strokeWidth}\n fill=\"none\"\n />\n <AnimatedCircle\n cx={sizes[size] / 2}\n cy={sizes[size] / 2}\n r={radius}\n stroke={progressColor}\n strokeWidth={strokeWidth}\n strokeDasharray={`${circumference}`}\n strokeDashoffset={dashAnim}\n fill=\"none\"\n />\n </Svg>\n </Animated.View>\n );\n};\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AACzC,0BAAiC;AACjC,8BAA4B;AAGrB,MAAM,mBAAoD,CAAC;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AACV,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,QAAM,cAAc,MAAM,IAAI,IAAI;AAClC,QAAM,UAAU,MAAM,IAAI,IAAI,eAAe;AAC7C,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,iBAAa,qBAAO,IAAI,6BAAS,MAAM,CAAC,CAAC,EAAE;AACjD,QAAM,eAAW,qBAAO,IAAI,6BAAS,MAAM,aAAa,CAAC,EAAE;AAE3D,QAAM,gBAAgB,UAAU,YAAY,YAAY;AACxD,QAAM,kBAAkB;AACxB,QAAM,WAAW;AAEjB,8BAAU,MAAM;AACd,iCAAS;AAAA,MACP,6BAAS,OAAO,YAAY;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,2BAAO;AAAA,QACf,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,CAAC;AAEf,8BAAU,MAAM;AACd,iCAAS;AAAA,MACP,6BAAS,SAAS;AAAA,QAChB,6BAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,2BAAO,MAAM,2BAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACD,6BAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,2BAAO,MAAM,2BAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,MACH,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,UAAU,aAAa,CAAC;AAEtC,QAAM,oBAAoB,WAAW,YAAY;AAAA,IAC/C,YAAY,CAAC,GAAG,CAAC;AAAA,IACjB,aAAa,CAAC,QAAQ,QAAQ;AAAA,EAChC,CAAC;AAED,SACE,6BAAAA,QAAA;AAAA,IAAC,6BAAS;AAAA,IAAT;AAAA,MACC,OAAO;AAAA,QACL;AAAA,UACE,OAAO,MAAM,IAAI;AAAA,UACjB,QAAQ,MAAM,IAAI;AAAA,UAClB,WAAW,CAAC,EAAE,QAAQ,kBAAkB,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA;AAAA,IAEA,6BAAAA,QAAA;AAAA,MAAC,wBAAAC;AAAA,MAAA;AAAA,QACC,OAAO,MAAM,IAAI;AAAA,QACjB,QAAQ,MAAM,IAAI;AAAA,QAClB,SAAS,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;AAAA;AAAA,MAE1C,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,MACA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,iBAAiB,GAAG,aAAa;AAAA,UACjC,kBAAkB;AAAA,UAClB,MAAK;AAAA;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,6BAAS,wBAAwB,8BAAM;",
|
|
6
|
+
"names": ["React", "Svg"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
+
}
|
|
11
|
+
return to;
|
|
12
|
+
};
|
|
13
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
+
var index_web_exports = {};
|
|
16
|
+
module.exports = __toCommonJS(index_web_exports);
|
|
17
|
+
__reExport(index_web_exports, require("@digigov/react-core/CircularProgress"), module.exports);
|
|
18
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
19
|
+
0 && (module.exports = {
|
|
20
|
+
...require("@digigov/react-core/CircularProgress")
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -28,6 +28,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
28
28
|
var Masthead_stories_exports = {};
|
|
29
29
|
__export(Masthead_stories_exports, {
|
|
30
30
|
Default: () => import_Default.Default,
|
|
31
|
+
Secondary: () => import_Secondary.Secondary,
|
|
31
32
|
WithElements: () => import_WithElements.WithElements,
|
|
32
33
|
WithLogo: () => import_WithLogo.WithLogo,
|
|
33
34
|
default: () => Masthead_stories_default
|
|
@@ -35,6 +36,7 @@ __export(Masthead_stories_exports, {
|
|
|
35
36
|
module.exports = __toCommonJS(Masthead_stories_exports);
|
|
36
37
|
var import_Masthead = __toESM(require("@digigov/ui/app/Masthead"));
|
|
37
38
|
var import_Default = require("@digigov/ui/app/Masthead/__stories__/Default");
|
|
39
|
+
var import_Secondary = require("@digigov/ui/app/Masthead/__stories__/Secondary");
|
|
38
40
|
var import_WithLogo = require("@digigov/ui/app/Masthead/__stories__/WithLogo");
|
|
39
41
|
var import_WithElements = require("@digigov/ui/app/Masthead/__stories__/WithElements");
|
|
40
42
|
var Masthead_stories_default = {
|
|
@@ -48,6 +50,7 @@ var Masthead_stories_default = {
|
|
|
48
50
|
// Annotate the CommonJS export names for ESM import in node:
|
|
49
51
|
0 && (module.exports = {
|
|
50
52
|
Default,
|
|
53
|
+
Secondary,
|
|
51
54
|
WithElements,
|
|
52
55
|
WithLogo
|
|
53
56
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/app/Masthead/Masthead.stories.js"],
|
|
4
|
-
"sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n title: 'Digigov UI/app/Masthead',\n description:\n 'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n link: 'https://guide.services.gov.gr/docs/components/masthead',\n defaultWidth: 'lg',\n component: Masthead,\n displayName: 'Masthead',\n};\nexport { Default } from '@digigov/ui/app/Masthead/__stories__/Default';\nexport { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAUrB,qBAAwB;AACxB,sBAAyB;AACzB,0BAA6B;
|
|
4
|
+
"sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n title: 'Digigov UI/app/Masthead',\n description:\n 'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n link: 'https://guide.services.gov.gr/docs/components/masthead',\n defaultWidth: 'lg',\n component: Masthead,\n displayName: 'Masthead',\n};\nexport { Default } from '@digigov/ui/app/Masthead/__stories__/Default';\nexport { Secondary } from '@digigov/ui/app/Masthead/__stories__/Secondary';\nexport { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAUrB,qBAAwB;AACxB,uBAA0B;AAC1B,sBAAyB;AACzB,0BAA6B;AAZ7B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
|
|
6
6
|
"names": ["Masthead"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
var Secondary_exports = {};
|
|
29
|
+
__export(Secondary_exports, {
|
|
30
|
+
Secondary: () => Secondary,
|
|
31
|
+
default: () => Secondary_default
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(Secondary_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_CallToAction = require("@digigov/ui/form/Button/CallToAction");
|
|
36
|
+
var import_Container = require("@digigov/ui/layouts/Basic/Container");
|
|
37
|
+
var import_Main = require("@digigov/ui/layouts/Basic/Main");
|
|
38
|
+
var import_Masthead = require("@digigov/ui/layouts/Basic/Masthead");
|
|
39
|
+
var import_Heading = require("@digigov/ui/typography/Heading");
|
|
40
|
+
const Secondary = () => /* @__PURE__ */ import_react.default.createElement(import_Masthead.Masthead, { color: "secondary" }, /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ import_react.default.createElement(import_Masthead.MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ import_react.default.createElement(import_CallToAction.CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
|
|
41
|
+
var Secondary_default = Secondary;
|
|
42
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
43
|
+
0 && (module.exports = {
|
|
44
|
+
Secondary
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=Secondary.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../src/app/Masthead/__stories__/Secondary.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Masthead, MastheadBody } from '@digigov/ui/layouts/Basic/Masthead';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const Secondary = () => (\n <Masthead color=\"secondary\">\n <Container>\n <Main>\n <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n <MastheadBody>\n \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n </MastheadBody>\n <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n </Main>\n </Container>\n </Masthead>\n);\n\nexport default Secondary;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,0BAA6B;AAC7B,uBAA0B;AAC1B,kBAAqB;AACrB,sBAAuC;AACvC,qBAAwB;AAEjB,MAAM,YAAY,MACvB,6BAAAA,QAAA,cAAC,4BAAS,OAAM,eACd,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,4iCAKd,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["React"]
|
|
7
|
+
}
|
|
@@ -36,8 +36,8 @@ __export(auto_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(auto_exports);
|
|
37
37
|
var import_react = __toESM(require("react"));
|
|
38
38
|
var import_Button = require("@digigov/react-core/Button");
|
|
39
|
+
var import_Modal = __toESM(require("@digigov/ui/app/Modal"));
|
|
39
40
|
var import_hooks = require("@digigov/ui/app/Modal/hooks");
|
|
40
|
-
var import_Modal = __toESM(require("@digigov/ui/app/Modal/Modal"));
|
|
41
41
|
const ModalContext = import_react.default.createContext(null);
|
|
42
42
|
const ModalProvider = ({ children }) => {
|
|
43
43
|
const modal = (0, import_hooks.useModal)();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/app/Modal/auto.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport { ModalContainerProps } from '@digigov/react-core/ModalContainer';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AAEpC,
|
|
4
|
+
"sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport { ModalContainerProps } from '@digigov/react-core/ModalContainer';\nimport Modal from '@digigov/ui/app/Modal';\nimport { ModalId, UseModalReturn, useModal } from '@digigov/ui/app/Modal/hooks';\n\nexport const ModalContext = React.createContext<UseModalReturn | null>(null);\n\nexport interface ModalAutoProps extends ModalContainerProps {\n id: string;\n clickOutside?: boolean;\n closeOnEscape?: boolean;\n}\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n const modal = useModal();\n return (\n <ModalContext.Provider value={modal}>{children}</ModalContext.Provider>\n );\n};\n\nexport const useModalContext = (): UseModalReturn | null => {\n const context = useContext(ModalContext);\n if (context === null) {\n throw new Error('useModalContext must be used within an ModalProvider');\n }\n return context;\n};\n\nexport const ModalAuto = React.forwardRef<HTMLDivElement, ModalAutoProps>(\n function ModalAuto(\n { id, clickOutside = false, closeOnEscape = false, ...props },\n ref\n ) {\n const context = useModalContext();\n if (!context) {\n throw new Error('ModalAuto must be used within an ModalProvider');\n }\n const { registerModal } = context;\n return (\n <Modal\n {...registerModal(id, { clickOutside, closeOnEscape })}\n {...props}\n ref={ref}\n >\n {props.children}\n </Modal>\n );\n }\n);\n\nexport interface ModalButtonAutoProps extends ButtonProps {\n modal: ModalId;\n open?: boolean;\n close?: boolean;\n}\n\nexport const ModalButtonAuto = React.forwardRef<\n HTMLButtonElement,\n ModalButtonAutoProps\n>(function ModalButtonAuto(\n { modal: forModal, open, variant = 'button', color = 'primary', ...props },\n ref\n) {\n const context = useModalContext();\n if (!context) {\n throw new Error('ModalButtonAuto must be used within an ModalProvider');\n }\n const { registerAction } = context;\n return (\n <Button\n ref={ref}\n {...registerAction(forModal, open ? 'open' : 'close', { variant, color })}\n {...props}\n />\n );\n});\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AAEpC,mBAAkB;AAClB,mBAAkD;AAE3C,MAAM,eAAe,aAAAA,QAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,YAAQ,uBAAS;AACvB,SACE,6BAAAA,QAAA,cAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP,EAAE,IAAI,eAAe,OAAO,gBAAgB,OAAO,GAAG,MAAM,GAC5D,KACA;AACA,UAAM,UAAU,gBAAgB;AAChC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,gDAAgD;AAAA,IAClE;AACA,UAAM,EAAE,cAAc,IAAI;AAC1B,WACE,6BAAAD,QAAA;AAAA,MAAC,aAAAE;AAAA,MAAA;AAAA,QACE,GAAG,cAAc,IAAI,EAAE,cAAc,cAAc,CAAC;AAAA,QACpD,GAAG;AAAA,QACJ;AAAA;AAAA,MAEC,MAAM;AAAA,IACT;AAAA,EAEJ;AACF;AAQO,MAAM,kBAAkB,aAAAF,QAAM,WAGnC,SAASG,iBACT,EAAE,OAAO,UAAU,MAAM,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAM,GACzE,KACA;AACA,QAAM,UAAU,gBAAgB;AAChC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,QAAM,EAAE,eAAe,IAAI;AAC3B,SACE,6BAAAH,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,eAAe,UAAU,OAAO,SAAS,SAAS,EAAE,SAAS,MAAM,CAAC;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;",
|
|
6
6
|
"names": ["React", "ModalAuto", "Modal", "ModalButtonAuto"]
|
|
7
7
|
}
|
package/cjs/app/Modal/index.js
CHANGED
|
@@ -37,8 +37,8 @@ __reExport(Modal_exports, require("@digigov/react-core/ModalContent"), module.ex
|
|
|
37
37
|
__reExport(Modal_exports, require("@digigov/react-core/ModalAction"), module.exports);
|
|
38
38
|
__reExport(Modal_exports, require("@digigov/ui/app/Modal/hooks"), module.exports);
|
|
39
39
|
__reExport(Modal_exports, require("@digigov/ui/app/Modal/hooks"), module.exports);
|
|
40
|
-
__reExport(Modal_exports, require("@digigov/ui/app/Modal/
|
|
41
|
-
var import_Modal = __toESM(require("@digigov/ui/app/Modal/
|
|
40
|
+
__reExport(Modal_exports, require("@digigov/ui/app/Modal/index.web"), module.exports);
|
|
41
|
+
var import_Modal = __toESM(require("@digigov/ui/app/Modal/index.web"));
|
|
42
42
|
var Modal_default = import_Modal.default;
|
|
43
43
|
// Annotate the CommonJS export names for ESM import in node:
|
|
44
44
|
0 && (module.exports = {
|
|
@@ -48,6 +48,6 @@ var Modal_default = import_Modal.default;
|
|
|
48
48
|
...require("@digigov/react-core/ModalAction"),
|
|
49
49
|
...require("@digigov/ui/app/Modal/hooks"),
|
|
50
50
|
...require("@digigov/ui/app/Modal/hooks"),
|
|
51
|
-
...require("@digigov/ui/app/Modal/
|
|
51
|
+
...require("@digigov/ui/app/Modal/index.web")
|
|
52
52
|
});
|
|
53
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/app/Modal/index.tsx"],
|
|
4
|
-
"sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\n\nexport * from '@digigov/ui/app/Modal/
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,+CAAd;AACA,0BAAc,6CADd;AAEA,0BAAc,6CAFd;AAGA,0BAAc,4CAHd;AAIA,0BAAc,wCAJd;AAKA,0BAAc,wCALd;AAOA,0BAAc,
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\n\nexport * from '@digigov/ui/app/Modal/index.web';\nimport Modal from '@digigov/ui/app/Modal/index.web';\nexport default Modal;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,+CAAd;AACA,0BAAc,6CADd;AAEA,0BAAc,6CAFd;AAGA,0BAAc,4CAHd;AAIA,0BAAc,wCAJd;AAKA,0BAAc,wCALd;AAOA,0BAAc,4CAPd;AAQA,mBAAkB;AAClB,IAAO,gBAAQ,aAAAA;",
|
|
6
6
|
"names": ["Modal"]
|
|
7
7
|
}
|
|
@@ -25,35 +25,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
25
25
|
mod
|
|
26
26
|
));
|
|
27
27
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var
|
|
29
|
-
__export(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
useAPI: () => useAPI
|
|
28
|
+
var index_native_exports = {};
|
|
29
|
+
__export(index_native_exports, {
|
|
30
|
+
Modal: () => Modal,
|
|
31
|
+
default: () => index_native_default
|
|
33
32
|
});
|
|
34
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(index_native_exports);
|
|
35
34
|
var import_react = __toESM(require("react"));
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
return /* @__PURE__ */ import_react.default.createElement(APIContext.Provider, { value: data }, children);
|
|
49
|
-
};
|
|
50
|
-
const useAPI = () => {
|
|
51
|
-
return (0, import_react.useContext)(APIContext);
|
|
35
|
+
var import_react_native = require("react-native");
|
|
36
|
+
const Modal = ({ children, open, ...props }) => {
|
|
37
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
38
|
+
import_react_native.Modal,
|
|
39
|
+
{
|
|
40
|
+
visible: open,
|
|
41
|
+
transparent: true,
|
|
42
|
+
animationType: "fade",
|
|
43
|
+
...props
|
|
44
|
+
},
|
|
45
|
+
children
|
|
46
|
+
);
|
|
52
47
|
};
|
|
48
|
+
var index_native_default = Modal;
|
|
53
49
|
// Annotate the CommonJS export names for ESM import in node:
|
|
54
50
|
0 && (module.exports = {
|
|
55
|
-
|
|
56
|
-
APIProvider,
|
|
57
|
-
useAPI
|
|
51
|
+
Modal
|
|
58
52
|
});
|
|
59
|
-
//# sourceMappingURL=
|
|
53
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/app/Modal/index.native.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { Modal as CoreModal } from 'react-native';\n\nexport const Modal = ({ children, open, ...props }) => {\n return (\n <CoreModal\n visible={open}\n transparent={true}\n animationType=\"fade\"\n {...props}\n >\n {children}\n </CoreModal>\n );\n};\n\nexport default Modal;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAmC;AAE5B,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,GAAG,MAAM,MAAM;AACrD,SACE,6BAAAA,QAAA;AAAA,IAAC,oBAAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,aAAa;AAAA,MACb,eAAc;AAAA,MACb,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;",
|
|
6
|
+
"names": ["React", "CoreModal"]
|
|
7
|
+
}
|
|
@@ -25,13 +25,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
25
25
|
mod
|
|
26
26
|
));
|
|
27
27
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var
|
|
29
|
-
__export(
|
|
28
|
+
var index_web_exports = {};
|
|
29
|
+
__export(index_web_exports, {
|
|
30
30
|
Modal: () => Modal,
|
|
31
31
|
ModalBase: () => ModalBase,
|
|
32
|
-
default: () =>
|
|
32
|
+
default: () => index_web_default
|
|
33
33
|
});
|
|
34
|
-
module.exports = __toCommonJS(
|
|
34
|
+
module.exports = __toCommonJS(index_web_exports);
|
|
35
35
|
var import_react = __toESM(require("react"));
|
|
36
36
|
var import_ModalContainer = __toESM(require("@digigov/react-core/ModalContainer"));
|
|
37
37
|
var import_useKeypress = __toESM(require("@digigov/ui/utils/hooks/useKeypress"));
|
|
@@ -76,10 +76,10 @@ const ModalBase = import_react.default.forwardRef(
|
|
|
76
76
|
);
|
|
77
77
|
}
|
|
78
78
|
);
|
|
79
|
-
var
|
|
79
|
+
var index_web_default = Modal;
|
|
80
80
|
// Annotate the CommonJS export names for ESM import in node:
|
|
81
81
|
0 && (module.exports = {
|
|
82
82
|
Modal,
|
|
83
83
|
ModalBase
|
|
84
84
|
});
|
|
85
|
-
//# sourceMappingURL=
|
|
85
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/app/Modal/
|
|
3
|
+
"sources": ["../../../../src/app/Modal/index.web.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n function Modal({ ...props }, ref) {\n if (props.open) {\n return <ModalBase {...props} ref={ref} />;\n } else {\n return null;\n }\n }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n function ModalBase({ open, children, onEscape, ...props }, ref) {\n const firstModalElement =\n useRef() as React.MutableRefObject<HTMLSpanElement>;\n const lastModalElement =\n useRef() as React.MutableRefObject<HTMLSpanElement>;\n const handleFocus = useCallback(() => {\n firstModalElement.current.focus();\n }, []);\n useKeypress('Escape', onEscape);\n useEffect(() => {\n const lastModalElementInstance = lastModalElement.current;\n handleFocus();\n lastModalElementInstance.addEventListener('focus', handleFocus);\n return () => {\n lastModalElementInstance.removeEventListener('focus', handleFocus);\n };\n }, []);\n return (\n <ModalContainer\n open={open}\n role=\"dialog\"\n ref={ref}\n aria-hidden=\"false\"\n aria-modal=\"true\"\n {...props}\n >\n <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n {open && children}\n <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n </ModalContainer>\n );\n }\n);\n\nexport default Modal;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBACJ,qBAAO;AACT,UAAM,uBACJ,qBAAO;AACT,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBACJ,qBAAO;AACT,UAAM,uBACJ,qBAAO;AACT,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
|
|
6
6
|
"names": ["React", "Modal", "ModalBase", "useKeypress", "ModalContainer"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/app/QrCodeScanner/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n style?: React.CSSProperties;\n dataType?: 'url' | 'text';\n legacyMode?: boolean;\n validate?: (...args) => boolean;\n onScan: (...args) => void;\n onError: (err: any, data: any) => void;\n onLoad?: (...args) => void;\n onImageLoad?: (...args) => void;\n delay?: number;\n facingMode?: 'user' | 'environment';\n showViewFinder?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n * that receives the *raw* scanned data and returns a boolean type. (eg. check\n * if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n * and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n children,\n validate,\n onScan,\n onError,\n dataType = 'url',\n legacyMode = false,\n ...props\n}) => {\n if (dataType === 'text') {\n console.warn(\n `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n );\n }\n const handleOnScan = (data) => {\n if (data) {\n if (dataType === 'url') {\n try {\n new URL(data);\n } catch (e) {\n return onError(\n new Error(\n '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n ),\n data\n );\n }\n }\n // run a validator function provided by the application code\n if (validate && !validate(data)) {\n return onError(\n new Error('Custom QR Code payload validation failed'),\n data\n );\n }\n // proceed with application defined callback function\n onScan(data);\n }\n };\n return (\n <>\n <QrReader\n delay={100}\n onError={onError}\n onScan={handleOnScan}\n legacyMode={legacyMode}\n {...props}\n />\n {children}\n </>\n );\n};\n\nexport default QrCodeScanner;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\n\n// @ts-ignore\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n style?: React.CSSProperties;\n dataType?: 'url' | 'text';\n legacyMode?: boolean;\n validate?: (...args) => boolean;\n onScan: (...args) => void;\n onError: (err: any, data: any) => void;\n onLoad?: (...args) => void;\n onImageLoad?: (...args) => void;\n delay?: number;\n facingMode?: 'user' | 'environment';\n showViewFinder?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n * that receives the *raw* scanned data and returns a boolean type. (eg. check\n * if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n * and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n children,\n validate,\n onScan,\n onError,\n dataType = 'url',\n legacyMode = false,\n ...props\n}) => {\n if (dataType === 'text') {\n console.warn(\n `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n );\n }\n const handleOnScan = (data) => {\n if (data) {\n if (dataType === 'url') {\n try {\n new URL(data);\n } catch (e) {\n return onError(\n new Error(\n '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n ),\n data\n );\n }\n }\n // run a validator function provided by the application code\n if (validate && !validate(data)) {\n return onError(\n new Error('Custom QR Code payload validation failed'),\n data\n );\n }\n // proceed with application defined callback function\n onScan(data);\n }\n };\n return (\n <>\n <QrReader\n delay={100}\n onError={onError}\n onScan={handleOnScan}\n legacyMode={legacyMode}\n {...props}\n />\n {children}\n </>\n );\n};\n\nexport default QrCodeScanner;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,MAAM,WAAW,aAAAA,QAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,SAAS,GAAG;AACV,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -31,7 +31,7 @@ __export(Table_stories_exports, {
|
|
|
31
31
|
DarkVariantWithVerticalHeaders: () => import_DarkVariantWithVerticalHeaders.DarkVariantWithVerticalHeaders,
|
|
32
32
|
Default: () => import_Default.Default,
|
|
33
33
|
DefinedWidth: () => import_DefinedWidth.DefinedWidth,
|
|
34
|
-
|
|
34
|
+
Dense: () => import_Dense.Dense,
|
|
35
35
|
Full: () => import_Full.Full,
|
|
36
36
|
MultipleProps: () => import_MultipleProps.MultipleProps,
|
|
37
37
|
NoData: () => import_NoData.NoData,
|
|
@@ -61,7 +61,7 @@ var import_DarkVariant = require("@digigov/ui/content/Table/__stories__/DarkVari
|
|
|
61
61
|
var import_DarkVariantWithVerticalHeaders = require("@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders");
|
|
62
62
|
var import_WithLoader = require("@digigov/ui/content/Table/__stories__/WithLoader");
|
|
63
63
|
var import_DefinedWidth = require("@digigov/ui/content/Table/__stories__/DefinedWidth");
|
|
64
|
-
var
|
|
64
|
+
var import_Dense = require("@digigov/ui/content/Table/__stories__/Dense");
|
|
65
65
|
var import_RowColors = require("@digigov/ui/content/Table/__stories__/RowColors");
|
|
66
66
|
var import_MultipleProps = require("@digigov/ui/content/Table/__stories__/MultipleProps");
|
|
67
67
|
var import_WithSortFilters = require("@digigov/ui/content/Table/__stories__/WithSortFilters");
|
|
@@ -80,7 +80,7 @@ var Table_stories_default = {
|
|
|
80
80
|
DarkVariantWithVerticalHeaders,
|
|
81
81
|
Default,
|
|
82
82
|
DefinedWidth,
|
|
83
|
-
|
|
83
|
+
Dense,
|
|
84
84
|
Full,
|
|
85
85
|
MultipleProps,
|
|
86
86
|
NoData,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/content/Table/Table.stories.js"],
|
|
4
|
-
"sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n title: 'Digigov UI/content/Table',\n description:\n 'Use the table component to make information easier to compare and scan for users.',\n link: 'https://guide.services.gov.gr/docs/components/table',\n component: Table,\n displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,2BAA8B;AAC9B,oBAAuB;AACvB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAgC;AAChC,6BAAgC;AAChC,qBAAwB;AACxB,yBAA4B;AAC5B,4CAA+C;AAC/C,wBAA2B;AAC3B,0BAA6B;AAC7B,
|
|
4
|
+
"sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n title: 'Digigov UI/content/Table',\n description:\n 'Use the table component to make information easier to compare and scan for users.',\n link: 'https://guide.services.gov.gr/docs/components/table',\n component: Table,\n displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Dense } from '@digigov/ui/content/Table/__stories__/Dense';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,2BAA8B;AAC9B,oBAAuB;AACvB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAgC;AAChC,6BAAgC;AAChC,qBAAwB;AACxB,yBAA4B;AAC5B,4CAA+C;AAC/C,wBAA2B;AAC3B,0BAA6B;AAC7B,mBAAsB;AACtB,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAAgC;AAChC,gCAAmC;AACnC,kBAAqB;AAzBrB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
|
|
6
6
|
"names": ["Table"]
|
|
7
7
|
}
|
|
@@ -25,12 +25,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
25
25
|
mod
|
|
26
26
|
));
|
|
27
27
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var
|
|
29
|
-
__export(
|
|
30
|
-
|
|
31
|
-
default: () =>
|
|
28
|
+
var Dense_exports = {};
|
|
29
|
+
__export(Dense_exports, {
|
|
30
|
+
Dense: () => Dense,
|
|
31
|
+
default: () => Dense_default
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(Dense_exports);
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
35
|
var import_Table = require("@digigov/ui/content/Table");
|
|
36
36
|
const labels = {
|
|
@@ -118,14 +118,14 @@ const data = [
|
|
|
118
118
|
active: "\u038C\u03C7\u03B9"
|
|
119
119
|
}
|
|
120
120
|
];
|
|
121
|
-
const
|
|
121
|
+
const Dense = () => {
|
|
122
122
|
return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, { border: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, { dense: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, null, "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, Object.keys(data[0]).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key }, labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data && data.map((dt, index) => {
|
|
123
123
|
return /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, Object.keys(dt).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { key }, dt[key])));
|
|
124
124
|
}))));
|
|
125
125
|
};
|
|
126
|
-
var
|
|
126
|
+
var Dense_default = Dense;
|
|
127
127
|
// Annotate the CommonJS export names for ESM import in node:
|
|
128
128
|
0 && (module.exports = {
|
|
129
|
-
|
|
129
|
+
Dense
|
|
130
130
|
});
|
|
131
|
-
//# sourceMappingURL=
|
|
131
|
+
//# sourceMappingURL=Dense.js.map
|