@digigov/ui 2.0.0-76ec20a0 → 2.0.0-7d765d3c

package/typography/Heading/Heading.stories.d.ts

@@ -6,5 +6,15 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let element: string;
+        let breakWords: boolean;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+}
 export { Default } from "@digigov/ui/typography/Heading/__stories__/Default";
 import Heading from '@digigov/ui/typography/Heading';

package/typography/HeadingCaption/HeadingCaption.stories.d.ts

@@ -6,6 +6,14 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+}
 export { Default } from "@digigov/ui/typography/HeadingCaption/__stories__/Default";
 export { NestedToTitle } from "@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle";
 import HeadingCaption from '@digigov/ui/typography/HeadingCaption';

package/typography/Hint/Hint.stories.d.ts

@@ -6,6 +6,15 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let breakWords: boolean;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+}
 export { Default } from "@digigov/ui/typography/Hint/__stories__/Default";
 export { FontSizes } from "@digigov/ui/typography/Hint/__stories__/FontSizes";
 import Hint from '@digigov/ui/typography/Hint';

package/typography/Hint/__stories__/Default.d.ts

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

package/typography/NormalText/NormalText.stories.d.ts

@@ -6,6 +6,14 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+}
 export { Default } from "@digigov/ui/typography/NormalText/__stories__/Default";
 export { FontSizes } from "@digigov/ui/typography/NormalText/__stories__/FontSizes";
 export { FontWeight } from "@digigov/ui/typography/NormalText/__stories__/FontWeight";

package/typography/NormalText/__stories__/Default.d.ts

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

package/typography/Paragraph/Paragraph.stories.d.ts

@@ -6,6 +6,43 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+    namespace argTypes {
+        export namespace size_1 {
+            let options: string[];
+            namespace control {
+                let type: string;
+            }
+        }
+        export { size_1 as size };
+        export namespace fontSize_1 {
+            let options_1: number[];
+            export { options_1 as options };
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { fontSize_1 as fontSize };
+        export namespace fontWeight_1 {
+            let options_2: string[];
+            export { options_2 as options };
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { fontWeight_1 as fontWeight };
+    }
+}
 export { Default } from "@digigov/ui/typography/Paragraph/__stories__/Default";
 export { LeadVariant } from "@digigov/ui/typography/Paragraph/__stories__/LeadVariant";
 export { SmallVariant } from "@digigov/ui/typography/Paragraph/__stories__/SmallVariant";

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

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

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

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

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

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

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();
+  const timeout = React.useRef(void 0);
   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>>();\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;",
+  "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;",
   "names": []
 }

package/utils/hooks/useLatest.d.ts

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

package/src/app/Loader/Loader.stories.js

@@ -1,8 +0,0 @@
-import CircularProgress from '@digigov/ui/app/Loader';
-export default {
-  title: 'Digigov UI/app/CircularProgress',
-  component: CircularProgress,
-  displayName: 'CircularProgress',
-};
-export { Default } from '@digigov/ui/app/Loader/__stories__/Default';
-export { FullPageLoader } from '@digigov/ui/app/Loader/__stories__/FullPageLoader';

package/src/app/Masthead/Masthead.stories.js

@@ -1,17 +0,0 @@
-import Masthead from '@digigov/ui/app/Masthead';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/app/Masthead',
-  description:
-    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',
-  link: 'https://guide.services.gov.gr/docs/components/masthead',
-  defaultWidth: 'lg',
-  component: Masthead,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Masthead',
-};
-export { Default } from '@digigov/ui/app/Masthead/__stories__/Default';
-export { Secondary } from '@digigov/ui/app/Masthead/__stories__/Secondary';
-export { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';
-export { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';

package/src/app/Modal/Modal.stories.js

@@ -1,18 +0,0 @@
-import Modal from '@digigov/ui/app/Modal';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/app/Modal',
-  description:
-    'Use the modal component with caution when you need to provide critical information or ask for a decision.',
-  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',
-  component: Modal,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Modal',
-};
-export { Default } from '@digigov/ui/app/Modal/__stories__/Default';
-export { AlertDialog } from '@digigov/ui/app/Modal/__stories__/AlertDialog';
-export { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';
-export { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';
-export { Auto } from '@digigov/ui/app/Modal/__stories__/Auto';
-export { WithoutModalGaps } from '@digigov/ui/app/Modal/__stories__/WithoutModalGaps';

package/src/layouts/Grid/Grid.stories.js

@@ -1,12 +0,0 @@
-import Grid from '@digigov/ui/layouts/Grid';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/layouts/Grid',
-  component: Grid,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Grid',
-};
-export { Default } from '@digigov/ui/layouts/Grid/__stories__/Default';
-export { ResponsiveSpacing } from '@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing';
-export { Inline } from '@digigov/ui/layouts/Grid/__stories__/Inline';

package/src/layouts/Stack/Stack.stories.js

@@ -1,15 +0,0 @@
-import Stack from '@digigov/ui/layouts/Stack';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/layouts/Stack',
-  component: Stack,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Stack',
-};
-export { Default } from '@digigov/ui/layouts/Stack/__stories__/Default';
-export { Spacing } from '@digigov/ui/layouts/Stack/__stories__/Spacing';
-export { Row } from '@digigov/ui/layouts/Stack/__stories__/Row';
-export { NoWrap } from '@digigov/ui/layouts/Stack/__stories__/NoWrap';
-export { JustifyContent } from '@digigov/ui/layouts/Stack/__stories__/JustifyContent';
-export { AlignItems } from '@digigov/ui/layouts/Stack/__stories__/AlignItems';

package/src/navigation/Dropdown/Dropdown.stories.js

@@ -1,23 +0,0 @@
-import Dropdown from '@digigov/ui/navigation/Dropdown';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/navigation/Dropdown',
-  description:
-    'Use the dropdown component to provide more options to users in cases where there is not enough space such as tables, navbars, etc.',
-  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/dropdown',
-  component: Dropdown,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Dropdown',
-};
-export { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';
-export { Secondary } from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';
-export { Warning } from '@digigov/ui/navigation/Dropdown/__stories__/Warning';
-export { Disabled } from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';
-export { VariantLink } from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';
-export { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';
-export { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';
-export { WithIcons } from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';
-export { ContentPosition } from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';
-export { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';
-export { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';