@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/typography/Paragraph/__stories__/FontSizes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/Paragraph/__stories__/FontSizes.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const FontSizes = () => (\n  <>\n    <Paragraph fontSize={14}> ds-!-font-size-14 </Paragraph>\n    <Paragraph fontSize={16}> ds-!-font-size-16 </Paragraph>\n    <Paragraph fontSize={19}> ds-!-font-size-19 </Paragraph>\n    <Paragraph fontSize={24}> ds-!-font-size-24 </Paragraph>\n    <Paragraph fontSize={30}> ds-!-font-size-30 </Paragraph>\n    <Paragraph fontSize={48}> ds-!-font-size-48 </Paragraph>\n    <Paragraph fontSize={72}> ds-!-font-size-72 </Paragraph>\n  </>\n);\n\nexport default FontSizes;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAEnB,MAAM,YAAY,MACvB,0DACE,oCAAC,aAAU,UAAU,MAAI,qBAAmB,GAC5C,oCAAC,aAAU,UAAU,MAAI,qBAAmB,GAC5C,oCAAC,aAAU,UAAU,MAAI,qBAAmB,GAC5C,oCAAC,aAAU,UAAU,MAAI,qBAAmB,GAC5C,oCAAC,aAAU,UAAU,MAAI,qBAAmB,GAC5C,oCAAC,aAAU,UAAU,MAAI,qBAAmB,GAC5C,oCAAC,aAAU,UAAU,MAAI,qBAAmB,CAC9C;AAGF,IAAO,oBAAQ;",
+  "names": []
+}

package/typography/Paragraph/__stories__/FontWeight/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Paragraph } from "@digigov/ui/typography/Paragraph";
+const FontWeight = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, { fontWeight: "regular" }, " ds-!-font-weight-regular "), /* @__PURE__ */ React.createElement(Paragraph, { fontWeight: "bold" }, " ds-!-font-weight-bold "));
+var FontWeight_default = FontWeight;
+export {
+  FontWeight,
+  FontWeight_default as default
+};
+//# sourceMappingURL=FontWeight.js.map

package/typography/Paragraph/__stories__/FontWeight/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/typography/Paragraph/__stories__/FontWeight/index.js"
+}

package/typography/Paragraph/__stories__/FontWeight.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const FontWeight: (_: any) => React.JSX.Element;
+export declare const FontWeight: () => React.JSX.Element;
 export default FontWeight;

package/typography/Paragraph/__stories__/FontWeight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/Paragraph/__stories__/FontWeight.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const FontWeight = () => (\n  <>\n    <Paragraph fontWeight=\"regular\"> ds-!-font-weight-regular </Paragraph>\n    <Paragraph fontWeight=\"bold\"> ds-!-font-weight-bold </Paragraph>\n  </>\n);\n\nexport default FontWeight;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAEnB,MAAM,aAAa,MACxB,0DACE,oCAAC,aAAU,YAAW,aAAU,4BAA0B,GAC1D,oCAAC,aAAU,YAAW,UAAO,yBAAuB,CACtD;AAGF,IAAO,qBAAQ;",
+  "names": []
+}

package/typography/Paragraph/__stories__/LeadVariant/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Paragraph } from "@digigov/ui/typography/Paragraph";
+const LeadVariant = () => /* @__PURE__ */ React.createElement(Paragraph, { size: "lg" }, "ds-body");
+var LeadVariant_default = LeadVariant;
+export {
+  LeadVariant,
+  LeadVariant_default as default
+};
+//# sourceMappingURL=LeadVariant.js.map

package/typography/Paragraph/__stories__/LeadVariant/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/typography/Paragraph/__stories__/LeadVariant/index.js"
+}

package/typography/Paragraph/__stories__/LeadVariant.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const LeadVariant: (_: any) => React.JSX.Element;
+export declare const LeadVariant: () => React.JSX.Element;
 export default LeadVariant;

package/typography/Paragraph/__stories__/LeadVariant.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/Paragraph/__stories__/LeadVariant.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const LeadVariant = () => <Paragraph size={'lg'}>ds-body</Paragraph>;\n\nexport default LeadVariant;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAEnB,MAAM,cAAc,MAAM,oCAAC,aAAU,MAAM,QAAM,SAAO;AAE/D,IAAO,sBAAQ;",
+  "names": []
+}

package/typography/Paragraph/__stories__/SmallVariant/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Paragraph } from "@digigov/ui/typography/Paragraph";
+const SmallVariant = () => /* @__PURE__ */ React.createElement(Paragraph, { size: "sm" }, "ds-body");
+var SmallVariant_default = SmallVariant;
+export {
+  SmallVariant,
+  SmallVariant_default as default
+};
+//# sourceMappingURL=SmallVariant.js.map

package/typography/Paragraph/__stories__/SmallVariant/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/typography/Paragraph/__stories__/SmallVariant/index.js"
+}

package/typography/Paragraph/__stories__/SmallVariant.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const SmallVariant: (_: any) => React.JSX.Element;
+export declare const SmallVariant: () => React.JSX.Element;
 export default SmallVariant;

package/typography/Paragraph/__stories__/SmallVariant.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/Paragraph/__stories__/SmallVariant.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const SmallVariant = () => <Paragraph size={'sm'}>ds-body</Paragraph>;\n\nexport default SmallVariant;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAEnB,MAAM,eAAe,MAAM,oCAAC,aAAU,MAAM,QAAM,SAAO;AAEhE,IAAO,uBAAQ;",
+  "names": []
+}

package/utils/VisuallyHidden/VisuallyHidden.stories/index.js

@@ -0,0 +1,12 @@
+import VisuallyHidden from "@digigov/ui/utils/VisuallyHidden";
+var VisuallyHidden_stories_default = {
+  title: "Digigov UI/utils/VisuallyHidden",
+  component: VisuallyHidden,
+  displayName: "VisuallyHidden"
+};
+import { Default } from "@digigov/ui/utils/VisuallyHidden/__stories__/Default";
+export {
+  Default,
+  VisuallyHidden_stories_default as default
+};
+//# sourceMappingURL=VisuallyHidden.stories.js.map

package/utils/VisuallyHidden/VisuallyHidden.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/utils/VisuallyHidden/VisuallyHidden.stories/index.js"
+}

package/utils/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -1,8 +1,6 @@
 declare namespace _default {
     export let title: string;
     export { VisuallyHidden as component };
-    export let tags: string[];
-    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/utils/VisuallyHidden/VisuallyHidden.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/VisuallyHidden/VisuallyHidden.stories.js"],
+  "sourcesContent": ["import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';\nexport default {\n  title: 'Digigov UI/utils/VisuallyHidden',\n  component: VisuallyHidden,\n  displayName: 'VisuallyHidden',\n};\nexport { Default } from '@digigov/ui/utils/VisuallyHidden/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,oBAAoB;AAC3B,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

package/utils/VisuallyHidden/__stories__/Default/index.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Button, ButtonGroup } from "@digigov/ui/form/Button";
+import { Link } from "@digigov/ui/navigation/Link";
+import { Paragraph } from "@digigov/ui/typography/Paragraph";
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
+const Default = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, "\u039A\u03AC\u03C0\u03BF\u03B9\u03BF \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03BF \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BF\u03C0\u03C4\u03B9\u03BA\u03AC \u03BA\u03C1\u03C5\u03BC\u03BC\u03AD\u03BD\u03BF. \u0395\u03AF\u03BD\u03B1\u03B9 \u03C0\u03C1\u03BF\u03C3\u03B2\u03AC\u03C3\u03B9\u03BC\u03BF \u03BC\u03CC\u03BD\u03BF \u03B3\u03B9\u03B1 \u03C0\u03C1\u03BF\u03B3\u03C1\u03AC\u03BC\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC\u03B3\u03BD\u03C9\u03C3\u03B7\u03C2 \u03BF\u03B8\u03CC\u03BD\u03B7\u03C2 \u03BA\u03B1\u03B9 \u03BF\u03C0\u03BF\u03B9\u03B1\u03B4\u03AE\u03C0\u03BF\u03C4\u03B5 \u03B5\u03C1\u03B3\u03B1\u03BB\u03B5\u03AF\u03B1 \u03B1\u03BD\u03B1\u03BB\u03CD\u03BF\u03C5\u03BD \u03C4\u03BF DOM."), /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /* @__PURE__ */ React.createElement(Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /* @__PURE__ */ React.createElement(VisuallyHidden, null, " \u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2"))));
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

package/utils/VisuallyHidden/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/utils/VisuallyHidden/__stories__/Default/index.js"
+}

package/utils/VisuallyHidden/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: (_: any) => React.JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/utils/VisuallyHidden/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/utils/VisuallyHidden/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { Button, ButtonGroup } from '@digigov/ui/form/Button';\n\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const Default = () => (\n  <>\n    <Paragraph>\n      \u039A\u03AC\u03C0\u03BF\u03B9\u03BF \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03BF \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BF\u03C0\u03C4\u03B9\u03BA\u03AC \u03BA\u03C1\u03C5\u03BC\u03BC\u03AD\u03BD\u03BF. \u0395\u03AF\u03BD\u03B1\u03B9 \u03C0\u03C1\u03BF\u03C3\u03B2\u03AC\u03C3\u03B9\u03BC\u03BF \u03BC\u03CC\u03BD\u03BF \u03B3\u03B9\u03B1\n      \u03C0\u03C1\u03BF\u03B3\u03C1\u03AC\u03BC\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC\u03B3\u03BD\u03C9\u03C3\u03B7\u03C2 \u03BF\u03B8\u03CC\u03BD\u03B7\u03C2 \u03BA\u03B1\u03B9 \u03BF\u03C0\u03BF\u03B9\u03B1\u03B4\u03AE\u03C0\u03BF\u03C4\u03B5 \u03B5\u03C1\u03B3\u03B1\u03BB\u03B5\u03AF\u03B1 \u03B1\u03BD\u03B1\u03BB\u03CD\u03BF\u03C5\u03BD \u03C4\u03BF DOM.\n    </Paragraph>\n    <ButtonGroup>\n      <Button> \u0394\u03BF\u03BA\u03B9\u03BC\u03AE</Button>\n      <Link href=\"#\">\n        \u0391\u03BB\u03BB\u03B1\u03B3\u03AE<VisuallyHidden> \u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2</VisuallyHidden>\n      </Link>\n    </ButtonGroup>\n  </>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,QAAQ,mBAAmB;AAEpC,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAExB,MAAM,UAAU,MACrB,0DACE,oCAAC,iBAAU,+uBAGX,GACA,oCAAC,mBACC,oCAAC,cAAO,uCAAO,GACf,oCAAC,QAAK,MAAK,OAAI,wCACP,oCAAC,sBAAe,+DAAW,CACnC,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

package/utils/hooks/useDebounce/index.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import useLatest from "@digigov/ui/utils/hooks/useLatest";
 const useDebounceCallback = (callback, wait = 100, leading = false) => {
   const storedCallback = useLatest(callback);
-  const timeout = React.useRef(void 0);
+  const timeout = React.useRef();
   const deps = [wait, leading, storedCallback];
   React.useEffect(
     () => () => {

package/utils/hooks/useDebounce.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useDebounce.ts"],
-  "sourcesContent": ["import * as React from 'react';\nimport useLatest from '@digigov/ui/utils/hooks/useLatest';\n\nexport const useDebounceCallback = <CallbackArgs extends any[]>(\n  callback: (...args: CallbackArgs) => void,\n  wait = 100,\n  leading = false\n): ((...args: CallbackArgs) => void) => {\n  const storedCallback = useLatest(callback);\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>(undefined);\n  const deps = [wait, leading, storedCallback];\n  // Cleans up pending timeouts when the deps change\n  React.useEffect(\n    () => () => {\n      if (timeout.current) clearTimeout(timeout.current);\n      timeout.current = void 0;\n    },\n    deps\n  );\n\n  return React.useCallback(function () {\n    // eslint-disable-next-line prefer-rest-params\n    const args = arguments;\n    const { current } = timeout;\n    // Calls on leading edge\n    if (current === void 0 && leading) {\n      timeout.current = setTimeout(() => {\n        timeout.current = void 0;\n      }, wait);\n\n      return storedCallback.current.apply(null, args as any);\n    }\n    // Clear the timeout every call and start waiting again\n    if (current) clearTimeout(current);\n    // Waits for `wait` before invoking the callback\n    timeout.current = setTimeout(() => {\n      timeout.current = void 0;\n      storedCallback.current.apply(null, args as any);\n    }, wait);\n  }, deps);\n};\n\nexport const useDebounce = <State>(\n  initialState: State | (() => State),\n  wait?: number,\n  leading?: boolean\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  const state = React.useState(initialState);\n  return [state[0], useDebounceCallback(state[1], wait, leading)];\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,eAAe;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,iBAAiB,UAAU,QAAQ;AACzC,QAAM,UAAU,MAAM,OAAsC,MAAS;AACrE,QAAM,OAAO,CAAC,MAAM,SAAS,cAAc;AAE3C,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,QAAQ,QAAS,cAAa,QAAQ,OAAO;AACjD,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,WAAY;AAEnC,UAAM,OAAO;AACb,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAI,YAAY,UAAU,SAAS;AACjC,cAAQ,UAAU,WAAW,MAAM;AACjC,gBAAQ,UAAU;AAAA,MACpB,GAAG,IAAI;AAEP,aAAO,eAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IACvD;AAEA,QAAI,QAAS,cAAa,OAAO;AAEjC,YAAQ,UAAU,WAAW,MAAM;AACjC,cAAQ,UAAU;AAClB,qBAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IAChD,GAAG,IAAI;AAAA,EACT,GAAG,IAAI;AACT;AAEO,MAAM,cAAc,CACzB,cACA,MACA,YACyD;AACzD,QAAM,QAAQ,MAAM,SAAS,YAAY;AACzC,SAAO,CAAC,MAAM,CAAC,GAAG,oBAAoB,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;AAChE;",
+  "sourcesContent": ["import * as React from 'react';\nimport useLatest from '@digigov/ui/utils/hooks/useLatest';\n\nexport const useDebounceCallback = <CallbackArgs extends any[]>(\n  callback: (...args: CallbackArgs) => void,\n  wait = 100,\n  leading = false\n): ((...args: CallbackArgs) => void) => {\n  const storedCallback = useLatest(callback);\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const deps = [wait, leading, storedCallback];\n  // Cleans up pending timeouts when the deps change\n  React.useEffect(\n    () => () => {\n      if (timeout.current) clearTimeout(timeout.current);\n      timeout.current = void 0;\n    },\n    deps\n  );\n\n  return React.useCallback(function () {\n    // eslint-disable-next-line prefer-rest-params\n    const args = arguments;\n    const { current } = timeout;\n    // Calls on leading edge\n    if (current === void 0 && leading) {\n      timeout.current = setTimeout(() => {\n        timeout.current = void 0;\n      }, wait);\n\n      return storedCallback.current.apply(null, args as any);\n    }\n    // Clear the timeout every call and start waiting again\n    if (current) clearTimeout(current);\n    // Waits for `wait` before invoking the callback\n    timeout.current = setTimeout(() => {\n      timeout.current = void 0;\n      storedCallback.current.apply(null, args as any);\n    }, wait);\n  }, deps);\n};\n\nexport const useDebounce = <State>(\n  initialState: State | (() => State),\n  wait?: number,\n  leading?: boolean\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  const state = React.useState(initialState);\n  return [state[0], useDebounceCallback(state[1], wait, leading)];\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,eAAe;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,iBAAiB,UAAU,QAAQ;AACzC,QAAM,UAAU,MAAM,OAAsC;AAC5D,QAAM,OAAO,CAAC,MAAM,SAAS,cAAc;AAE3C,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,QAAQ,QAAS,cAAa,QAAQ,OAAO;AACjD,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,WAAY;AAEnC,UAAM,OAAO;AACb,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAI,YAAY,UAAU,SAAS;AACjC,cAAQ,UAAU,WAAW,MAAM;AACjC,gBAAQ,UAAU;AAAA,MACpB,GAAG,IAAI;AAEP,aAAO,eAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IACvD;AAEA,QAAI,QAAS,cAAa,OAAO;AAEjC,YAAQ,UAAU,WAAW,MAAM;AACjC,cAAQ,UAAU;AAClB,qBAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IAChD,GAAG,IAAI;AAAA,EACT,GAAG,IAAI;AACT;AAEO,MAAM,cAAc,CACzB,cACA,MACA,YACyD;AACzD,QAAM,QAAQ,MAAM,SAAS,YAAY;AACzC,SAAO,CAAC,MAAM,CAAC,GAAG,oBAAoB,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;AAChE;",
   "names": []
 }

package/utils/hooks/useLatest.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const useLatest: <T>(current: T) => React.RefObject<T>;
+declare const useLatest: <T>(current: T) => React.MutableRefObject<T>;
 export default useLatest;

package/app/Loader/__stories__/AccessibilityLoader.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const AccessibilityLoader: (_: any) => React.JSX.Element;
-export default AccessibilityLoader;

package/app/hooks/useNotificationArea/index.js

@@ -1,76 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-const notificationAreaId = "loader-notification-area";
-const activeSpinnersAttr = "data-active-spinners";
-function generateUniqueId() {
-  return `spinner-${Math.random().toString(36).substring(2, 9)}`;
-}
-const getOrCreateNotificationArea = () => {
-  let element = document.getElementById(notificationAreaId);
-  if (!element) {
-    element = document.createElement("div");
-    element.id = notificationAreaId;
-    element.setAttribute("role", "status");
-    element.setAttribute("aria-live", "polite");
-    element.className = "ds-visually-hidden";
-    document.body.appendChild(element);
-  }
-  return element;
-};
-const useNotificationArea = (loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...", finishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.") => {
-  const spinnerId = useRef(generateUniqueId());
-  const notificationRef = useRef(null);
-  const getActiveIds = useCallback(() => {
-    const current = notificationRef.current;
-    const value = current?.getAttribute(activeSpinnersAttr) || "";
-    return value.split(",").filter(Boolean);
-  }, [notificationRef]);
-  const setActiveSpinnerId = useCallback(() => {
-    const current = notificationRef.current;
-    if (current) {
-      const ids = new Set(getActiveIds());
-      ids.add(spinnerId.current);
-      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(","));
-    }
-  }, [notificationRef, getActiveIds, spinnerId]);
-  const unsetActiveSpinnerId = useCallback(() => {
-    const current = notificationRef.current;
-    if (current) {
-      const ids = getActiveIds().filter((id) => id !== spinnerId.current);
-      current.setAttribute(activeSpinnersAttr, ids.join(","));
-    }
-  }, [notificationRef, getActiveIds, spinnerId]);
-  const setTextContent = (text) => {
-    if (notificationRef.current) {
-      notificationRef.current.textContent = text;
-    }
-  };
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-    notificationRef.current = getOrCreateNotificationArea();
-    setActiveSpinnerId();
-    setTextContent(loadingText);
-    return () => {
-      unsetActiveSpinnerId();
-      if (getActiveIds().length === 0) {
-        setTextContent(finishedText);
-        setTimeout(() => {
-          const el = notificationRef.current;
-          if (el && getActiveIds().length === 0) {
-            el.removeAttribute(activeSpinnersAttr);
-            el.textContent = "";
-          }
-        }, 1e3);
-      }
-    };
-  }, [
-    loadingText,
-    finishedText,
-    setActiveSpinnerId,
-    unsetActiveSpinnerId,
-    getActiveIds
-  ]);
-};
-export {
-  useNotificationArea
-};
-//# sourceMappingURL=useNotificationArea.js.map

package/app/hooks/useNotificationArea.d.ts

@@ -1 +0,0 @@
-export declare const useNotificationArea: (loadingText?: string, finishedText?: string) => void;

package/app/hooks/useNotificationArea.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/app/hooks/useNotificationArea.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\n// Unique ID for the aria-live notification area element.\nconst notificationAreaId = 'loader-notification-area';\n// Custom attribute to track active spinners\nconst activeSpinnersAttr = 'data-active-spinners';\n\n// Generates a random unique ID for each spinner instance.\nfunction generateUniqueId() {\n  return `spinner-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n// Finds or creates the notification area element in the DOM.\nconst getOrCreateNotificationArea = (): HTMLElement => {\n  let element = document.getElementById(notificationAreaId);\n\n  // Create and append it to the DOM.\n  if (!element) {\n    element = document.createElement('div');\n    element.id = notificationAreaId;\n    element.setAttribute('role', 'status');\n    element.setAttribute('aria-live', 'polite');\n    element.className = 'ds-visually-hidden';\n    document.body.appendChild(element);\n  }\n\n  return element;\n};\n\nexport const useNotificationArea = (\n  loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n  finishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.'\n) => {\n  // Unique ID for this spinner.\n  const spinnerId = useRef(generateUniqueId());\n  // Reference to the notification area DOM element.\n  const notificationRef = useRef<HTMLElement | null>(null);\n\n  // Returns an array of active spinner IDs.\n  const getActiveIds = useCallback(() => {\n    const current = notificationRef.current;\n    const value = current?.getAttribute(activeSpinnersAttr) || '';\n    return value.split(',').filter(Boolean);\n  }, [notificationRef]);\n\n  // Adds this spinner's ID to the active list.\n  const setActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = new Set(getActiveIds());\n      ids.add(spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Removes this spinner's ID from the active list.\n  const unsetActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = getActiveIds().filter((id) => id !== spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, ids.join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Updates the text content of the aria-live region.\n  const setTextContent = (text: string) => {\n    if (notificationRef.current) {\n      notificationRef.current.textContent = text;\n    }\n  };\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    // Set up notification area and mark this spinner as active.\n    notificationRef.current = getOrCreateNotificationArea();\n    setActiveSpinnerId();\n    setTextContent(loadingText);\n\n    // Cleanup when component unmounts.\n    return () => {\n      unsetActiveSpinnerId();\n\n      // If no active spinners remain, announce \"finished\" and clear the text.\n      if (getActiveIds().length === 0) {\n        setTextContent(finishedText);\n\n        // Give screen readers a chance to announce \"finished\" before clearing.\n        setTimeout(() => {\n          const el = notificationRef.current;\n          if (el && getActiveIds().length === 0) {\n            el.removeAttribute(activeSpinnersAttr);\n            el.textContent = '';\n          }\n        }, 1000);\n      }\n    };\n  }, [\n    loadingText,\n    finishedText,\n    setActiveSpinnerId,\n    unsetActiveSpinnerId,\n    getActiveIds,\n  ]);\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,cAAc;AAG/C,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAG3B,SAAS,mBAAmB;AAC1B,SAAO,WAAW,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC;AAC9D;AAGA,MAAM,8BAA8B,MAAmB;AACrD,MAAI,UAAU,SAAS,eAAe,kBAAkB;AAGxD,MAAI,CAAC,SAAS;AACZ,cAAU,SAAS,cAAc,KAAK;AACtC,YAAQ,KAAK;AACb,YAAQ,aAAa,QAAQ,QAAQ;AACrC,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,YAAY;AACpB,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AAEA,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,cAAc,4FACd,eAAe,kIACZ;AAEH,QAAM,YAAY,OAAO,iBAAiB,CAAC;AAE3C,QAAM,kBAAkB,OAA2B,IAAI;AAGvD,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,UAAU,gBAAgB;AAChC,UAAM,QAAQ,SAAS,aAAa,kBAAkB,KAAK;AAC3D,WAAO,MAAM,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,EACxC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,IAAI,IAAI,aAAa,CAAC;AAClC,UAAI,IAAI,UAAU,OAAO;AACzB,cAAQ,aAAa,oBAAoB,MAAM,KAAK,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,uBAAuB,YAAY,MAAM;AAC7C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,OAAO,UAAU,OAAO;AAClE,cAAQ,aAAa,oBAAoB,IAAI,KAAK,GAAG,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,iBAAiB,CAAC,SAAiB;AACvC,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,QAAQ,cAAc;AAAA,IACxC;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AAGrC,oBAAgB,UAAU,4BAA4B;AACtD,uBAAmB;AACnB,mBAAe,WAAW;AAG1B,WAAO,MAAM;AACX,2BAAqB;AAGrB,UAAI,aAAa,EAAE,WAAW,GAAG;AAC/B,uBAAe,YAAY;AAG3B,mBAAW,MAAM;AACf,gBAAM,KAAK,gBAAgB;AAC3B,cAAI,MAAM,aAAa,EAAE,WAAW,GAAG;AACrC,eAAG,gBAAgB,kBAAkB;AACrC,eAAG,cAAc;AAAA,UACnB;AAAA,QACF,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
-  "names": []
-}

package/cjs/app/hooks/useNotificationArea/index.js

@@ -1,99 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useNotificationArea_exports = {};
-__export(useNotificationArea_exports, {
-  useNotificationArea: () => useNotificationArea
-});
-module.exports = __toCommonJS(useNotificationArea_exports);
-var import_react = require("react");
-const notificationAreaId = "loader-notification-area";
-const activeSpinnersAttr = "data-active-spinners";
-function generateUniqueId() {
-  return `spinner-${Math.random().toString(36).substring(2, 9)}`;
-}
-const getOrCreateNotificationArea = () => {
-  let element = document.getElementById(notificationAreaId);
-  if (!element) {
-    element = document.createElement("div");
-    element.id = notificationAreaId;
-    element.setAttribute("role", "status");
-    element.setAttribute("aria-live", "polite");
-    element.className = "ds-visually-hidden";
-    document.body.appendChild(element);
-  }
-  return element;
-};
-const useNotificationArea = (loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...", finishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.") => {
-  const spinnerId = (0, import_react.useRef)(generateUniqueId());
-  const notificationRef = (0, import_react.useRef)(null);
-  const getActiveIds = (0, import_react.useCallback)(() => {
-    const current = notificationRef.current;
-    const value = current?.getAttribute(activeSpinnersAttr) || "";
-    return value.split(",").filter(Boolean);
-  }, [notificationRef]);
-  const setActiveSpinnerId = (0, import_react.useCallback)(() => {
-    const current = notificationRef.current;
-    if (current) {
-      const ids = new Set(getActiveIds());
-      ids.add(spinnerId.current);
-      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(","));
-    }
-  }, [notificationRef, getActiveIds, spinnerId]);
-  const unsetActiveSpinnerId = (0, import_react.useCallback)(() => {
-    const current = notificationRef.current;
-    if (current) {
-      const ids = getActiveIds().filter((id) => id !== spinnerId.current);
-      current.setAttribute(activeSpinnersAttr, ids.join(","));
-    }
-  }, [notificationRef, getActiveIds, spinnerId]);
-  const setTextContent = (text) => {
-    if (notificationRef.current) {
-      notificationRef.current.textContent = text;
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    if (typeof document === "undefined") return;
-    notificationRef.current = getOrCreateNotificationArea();
-    setActiveSpinnerId();
-    setTextContent(loadingText);
-    return () => {
-      unsetActiveSpinnerId();
-      if (getActiveIds().length === 0) {
-        setTextContent(finishedText);
-        setTimeout(() => {
-          const el = notificationRef.current;
-          if (el && getActiveIds().length === 0) {
-            el.removeAttribute(activeSpinnersAttr);
-            el.textContent = "";
-          }
-        }, 1e3);
-      }
-    };
-  }, [
-    loadingText,
-    finishedText,
-    setActiveSpinnerId,
-    unsetActiveSpinnerId,
-    getActiveIds
-  ]);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useNotificationArea
-});
-//# sourceMappingURL=useNotificationArea.js.map

package/cjs/app/hooks/useNotificationArea.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/app/hooks/useNotificationArea.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\n// Unique ID for the aria-live notification area element.\nconst notificationAreaId = 'loader-notification-area';\n// Custom attribute to track active spinners\nconst activeSpinnersAttr = 'data-active-spinners';\n\n// Generates a random unique ID for each spinner instance.\nfunction generateUniqueId() {\n  return `spinner-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n// Finds or creates the notification area element in the DOM.\nconst getOrCreateNotificationArea = (): HTMLElement => {\n  let element = document.getElementById(notificationAreaId);\n\n  // Create and append it to the DOM.\n  if (!element) {\n    element = document.createElement('div');\n    element.id = notificationAreaId;\n    element.setAttribute('role', 'status');\n    element.setAttribute('aria-live', 'polite');\n    element.className = 'ds-visually-hidden';\n    document.body.appendChild(element);\n  }\n\n  return element;\n};\n\nexport const useNotificationArea = (\n  loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n  finishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.'\n) => {\n  // Unique ID for this spinner.\n  const spinnerId = useRef(generateUniqueId());\n  // Reference to the notification area DOM element.\n  const notificationRef = useRef<HTMLElement | null>(null);\n\n  // Returns an array of active spinner IDs.\n  const getActiveIds = useCallback(() => {\n    const current = notificationRef.current;\n    const value = current?.getAttribute(activeSpinnersAttr) || '';\n    return value.split(',').filter(Boolean);\n  }, [notificationRef]);\n\n  // Adds this spinner's ID to the active list.\n  const setActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = new Set(getActiveIds());\n      ids.add(spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Removes this spinner's ID from the active list.\n  const unsetActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = getActiveIds().filter((id) => id !== spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, ids.join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Updates the text content of the aria-live region.\n  const setTextContent = (text: string) => {\n    if (notificationRef.current) {\n      notificationRef.current.textContent = text;\n    }\n  };\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    // Set up notification area and mark this spinner as active.\n    notificationRef.current = getOrCreateNotificationArea();\n    setActiveSpinnerId();\n    setTextContent(loadingText);\n\n    // Cleanup when component unmounts.\n    return () => {\n      unsetActiveSpinnerId();\n\n      // If no active spinners remain, announce \"finished\" and clear the text.\n      if (getActiveIds().length === 0) {\n        setTextContent(finishedText);\n\n        // Give screen readers a chance to announce \"finished\" before clearing.\n        setTimeout(() => {\n          const el = notificationRef.current;\n          if (el && getActiveIds().length === 0) {\n            el.removeAttribute(activeSpinnersAttr);\n            el.textContent = '';\n          }\n        }, 1000);\n      }\n    };\n  }, [\n    loadingText,\n    finishedText,\n    setActiveSpinnerId,\n    unsetActiveSpinnerId,\n    getActiveIds,\n  ]);\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+C;AAG/C,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAG3B,SAAS,mBAAmB;AAC1B,SAAO,WAAW,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC;AAC9D;AAGA,MAAM,8BAA8B,MAAmB;AACrD,MAAI,UAAU,SAAS,eAAe,kBAAkB;AAGxD,MAAI,CAAC,SAAS;AACZ,cAAU,SAAS,cAAc,KAAK;AACtC,YAAQ,KAAK;AACb,YAAQ,aAAa,QAAQ,QAAQ;AACrC,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,YAAY;AACpB,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AAEA,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,cAAc,4FACd,eAAe,kIACZ;AAEH,QAAM,gBAAY,qBAAO,iBAAiB,CAAC;AAE3C,QAAM,sBAAkB,qBAA2B,IAAI;AAGvD,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,UAAU,gBAAgB;AAChC,UAAM,QAAQ,SAAS,aAAa,kBAAkB,KAAK;AAC3D,WAAO,MAAM,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,EACxC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,IAAI,IAAI,aAAa,CAAC;AAClC,UAAI,IAAI,UAAU,OAAO;AACzB,cAAQ,aAAa,oBAAoB,MAAM,KAAK,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,2BAAuB,0BAAY,MAAM;AAC7C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,OAAO,UAAU,OAAO;AAClE,cAAQ,aAAa,oBAAoB,IAAI,KAAK,GAAG,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,iBAAiB,CAAC,SAAiB;AACvC,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,QAAQ,cAAc;AAAA,IACxC;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AAGrC,oBAAgB,UAAU,4BAA4B;AACtD,uBAAmB;AACnB,mBAAe,WAAW;AAG1B,WAAO,MAAM;AACX,2BAAqB;AAGrB,UAAI,aAAa,EAAE,WAAW,GAAG;AAC/B,uBAAe,YAAY;AAG3B,mBAAW,MAAM;AACf,gBAAM,KAAK,gBAAgB;AAC3B,cAAI,MAAM,aAAa,EAAE,WAAW,GAAG;AACrC,eAAG,gBAAgB,kBAAkB;AACrC,eAAG,cAAc;AAAA,UACnB;AAAA,QACF,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
-  "names": []
-}