@digigov/ui 2.0.0-b4cd6916 → 2.0.0-d0adc9fb

package/src/typography/Code/index.tsx

@@ -1,4 +1,4 @@
 export * from '@digigov/react-core/Code';
 
 import Code from '@digigov/react-core/Code';
-export default Code;
+export default Code;

package/src/typography/CodeBlock/doc.mdx

@@ -0,0 +1,30 @@
+---
+id: code-block
+title: CodeBlock
+---
+
+# CodeBlock
+
+Use the CodeBlock component to display code.
+
+## How to use
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/Default.tsx" />
+
+### Highlighted
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/Highlighted.tsx" />
+
+### With copy to clipboard
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx" />
+
+### With phase banner
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner.tsx" />
+
+## API
+
+See below for a complete reference to all of the props available to the components mentioned here.
+
+<ComponentProps componentName={["CodeBlock"]} /> 

package/src/typography/Heading/{index.mdx → doc.mdx}

@@ -3,13 +3,11 @@ id: heading
 title: Heading
 ---
 
+# Heading
+
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Heading"
-  story="Default.tsx"
-/>
+<code src="@digigov/ui/typography/Heading/__stories__/Default.tsx" />
 
 ## API
 

package/src/typography/HeadingCaption/{index.mdx → doc.mdx}

@@ -3,16 +3,16 @@ id: heading-caption
 title: HeadingCaption
 ---
 
+# HeadingCaption
+
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/HeadingCaption"
-  story="Default.tsx"
-/>
+<code src="@digigov/ui/typography/HeadingCaption/__stories__/Default.tsx" />
 
 ### Nested caption to title
 
+<code src="@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle.tsx" />
+
 ## API
 
 See below for a complete reference to all of the props  available to the components mentioned here.

package/src/typography/Hint/{index.mdx → doc.mdx}

@@ -3,21 +3,15 @@ id: hint
 title: Hint
 ---
 
+# Hint
+
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Hint"
-  story="Default.tsx"
-/>
+<code src="@digigov/ui/typography/Hint/__stories__/Default.tsx" />
 
 ### Font sizes
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Hint"
-  story="FontSizes.tsx"
-/>
+<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
 
 ## API
 

package/src/typography/NormalText/doc.mdx

@@ -0,0 +1,30 @@
+---
+id: normal-text
+title: NormalText
+---
+
+# NormalText
+
+## How to use
+
+<code src="@digigov/ui/typography/NormalText/__stories__/Default.tsx" />
+
+### Variants
+
+<code src="@digigov/ui/typography/NormalText/__stories__/Variants.tsx" />
+
+## Font override classes
+
+### Font size
+
+<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
+
+### Font weight
+
+<code src="@digigov/ui/typography/NormalText/__stories__/FontWeight.tsx" />
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["NormalText"]} /> 

package/src/typography/Paragraph/doc.mdx

@@ -0,0 +1,34 @@
+---
+id: paragraph
+title: Paragraph
+---
+
+# Paragraph
+
+## How to use
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/Default.tsx" />
+
+### Lead paragraph
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/LeadVariant.tsx" />
+
+### Small paragraph
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/SmallVariant.tsx" />
+
+## Font override classes
+
+### Font size
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/FontSizes.tsx" />
+
+### Font weight
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/FontWeight.tsx" />
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Paragraph"]} /> 

package/src/typography/Typography/doc.mdx

@@ -0,0 +1,14 @@
+---
+id: typography
+title: Typography
+---
+
+# Typography
+
+Typography component is a HOC (Higher-Order Component) for typography components such as `NormalText` component.
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Typography"]} /> 

package/src/typography/Typography/index.tsx

@@ -1,4 +1,4 @@
 import Typography from '@digigov/react-core/Typography';
 
 export * from '@digigov/react-core/Typography';
-export default Typography;
+export default Typography;

package/src/utils/VisuallyHidden/{index.mdx → doc.mdx}

@@ -3,6 +3,8 @@ id: visually-hidden
 title: VisuallyHidden
 ---
 
+# VisuallyHidden
+
 Use this component to convey meaning to people using screen readers, helping
 them access information and context.
 
@@ -10,12 +12,7 @@ VisuallyHidden is a web accessibility technique used to hide content from the vi
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="utils/VisuallyHidden"
-  story="Default.tsx"
-/>
-
+<code src="@digigov/ui/utils/VisuallyHidden/__stories__/Default.tsx" />
 
 ## API
 

package/src/utils/hooks/useDebounce.ts

@@ -12,7 +12,7 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
   // Cleans up pending timeouts when the deps change
   React.useEffect(
     () => () => {
-      timeout.current && clearTimeout(timeout.current);
+      if (timeout.current) clearTimeout(timeout.current);
       timeout.current = void 0;
     },
     deps
@@ -27,11 +27,11 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
       timeout.current = setTimeout(() => {
         timeout.current = void 0;
       }, wait);
-      // eslint-disable-next-line prefer-spread
+
       return storedCallback.current.apply(null, args as any);
     }
     // Clear the timeout every call and start waiting again
-    current && clearTimeout(current);
+    if (current) clearTimeout(current);
     // Waits for `wait` before invoking the callback
     timeout.current = setTimeout(() => {
       timeout.current = void 0;
@@ -40,7 +40,7 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
   }, deps);
 };
 
-export const useDebounce = <State extends any>(
+export const useDebounce = <State>(
   initialState: State | (() => State),
   wait?: number,
   leading?: boolean

package/src/utils/hooks/useLatest.ts

@@ -1,7 +1,7 @@
 // copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx
 import * as React from 'react';
 
-const useLatest = <T extends any>(current: T) => {
+const useLatest = <T>(current: T) => {
   const storedValue = React.useRef(current);
   React.useEffect(() => {
     storedValue.current = current;

package/src/utils/hooks/useScreen.ts

@@ -1,45 +1,55 @@
-import { useEffect, useState } from "react";
-import breakpoints from '@digigov/css/screens.json'
+/* eslint-disable @typescript-eslint/no-unsafe-function-type */
+import { useEffect, useState } from 'react';
+import breakpoints from '@digigov/css/screens.json';
 export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export const breakpointKeys: Breakpoints[] = Object.keys(breakpoints) as Breakpoints[];
+export const breakpointKeys: Breakpoints[] = Object.keys(
+  breakpoints
+) as Breakpoints[];
 export const breakpointValues = Object.values(breakpoints) as number[];
 
 function resolveScreenSize(width: number): Breakpoints {
-  let breakpointIndex = 0
+  let breakpointIndex = 0;
   for (const breakpoint of breakpointValues) {
     if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {
-      return breakpointKeys[breakpointIndex]
+      return breakpointKeys[breakpointIndex];
     }
-    breakpointIndex++
+    breakpointIndex++;
   }
-  return 'xl'
+  return 'xl';
 }
 
-const listeners = new Set<Function>()
-let resizeObserver: ResizeObserver | null = null
+const listeners = new Set<Function>();
+let resizeObserver: ResizeObserver | null = null;
 function createResizeObserver() {
   if (resizeObserver === null && typeof window !== 'undefined') {
     resizeObserver = new ResizeObserver(([body]) => {
       listeners.forEach((listener) => {
-        listener(body.contentRect.width)
-      })
-    })
+        listener(body.contentRect.width);
+      });
+    });
     resizeObserver.observe(window.document?.body);
   }
-  return listeners
-
+  return listeners;
 }
 export const useScreenSize = () => {
-  const [screenSize, setSize] = useState<Breakpoints>(resolveScreenSize(typeof window !== 'undefined' ? window.document.body.clientWidth : 0))
+  const [screenSize, setSize] = useState<Breakpoints>(
+    resolveScreenSize(
+      typeof window !== 'undefined' ? window.document.body.clientWidth : 0
+    )
+  );
   useEffect(() => {
-    const listeners = createResizeObserver()
+    const listeners = createResizeObserver();
     const listener = (width: number) => {
-      setSize(resolveScreenSize(width))
-    }
-    listeners.add(listener)
+      setSize(resolveScreenSize(width));
+    };
+    listeners.add(listener);
     return () => {
-      listeners.delete(listener)
-    }
-  }, [])
-  return { screenSize, screenWidth: typeof window !== 'undefined' && window.document.body.clientWidth }
-}
+      listeners.delete(listener);
+    };
+  }, []);
+  return {
+    screenSize,
+    screenWidth:
+      typeof window !== 'undefined' && window.document.body.clientWidth,
+  };
+};

package/src/utils/hooks/useSearch.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 import { useMemo } from 'react';
 
 export function normalizeGreek(text) {
@@ -14,7 +13,7 @@ export function normalizeGreek(text) {
   return text;
 }
 
-export function fullTextSearch(data: Object, search: string): boolean {
+export function fullTextSearch(data: object, search: string): boolean {
   if (!search) {
     return true;
   }
@@ -35,7 +34,7 @@ export function fullTextSearch(data: Object, search: string): boolean {
   ).includes(q);
 }
 
-export function useSearch(data: Array<Object>, query?: string) {
+export function useSearch(data: object[], query?: string) {
   return useMemo(() => {
     if (!query) return data;
     return data.filter((t) => fullTextSearch(t, query));

package/src/utils/index.ts

@@ -1,3 +1,2 @@
 export * from '@digigov/ui/utils/Base';
-export * from '@digigov/ui/utils/SvgIcon';
 export * from '@digigov/ui/utils/VisuallyHidden';

package/typography/Code/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typography/Code/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Code';\n\nimport Code from '@digigov/react-core/Code';\nexport default Code;"],
+  "sourcesContent": ["export * from '@digigov/react-core/Code';\n\nimport Code from '@digigov/react-core/Code';\nexport default Code;\n"],
   "mappings": "AAAA,cAAc;AAEd,OAAO,UAAU;AACjB,IAAO,eAAQ;",
   "names": []
 }

package/typography/Typography/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typography/Typography/index.tsx"],
-  "sourcesContent": ["import Typography from '@digigov/react-core/Typography';\n\nexport * from '@digigov/react-core/Typography';\nexport default Typography;"],
+  "sourcesContent": ["import Typography from '@digigov/react-core/Typography';\n\nexport * from '@digigov/react-core/Typography';\nexport default Typography;\n"],
   "mappings": "AAAA,OAAO,gBAAgB;AAEvB,cAAc;AACd,IAAO,qBAAQ;",
   "names": []
 }

package/utils/hooks/useDebounce/index.js

@@ -6,7 +6,7 @@ const useDebounceCallback = (callback, wait = 100, leading = false) => {
   const deps = [wait, leading, storedCallback];
   React.useEffect(
     () => () => {
-      timeout.current && clearTimeout(timeout.current);
+      if (timeout.current) clearTimeout(timeout.current);
       timeout.current = void 0;
     },
     deps
@@ -20,7 +20,7 @@ const useDebounceCallback = (callback, wait = 100, leading = false) => {
       }, wait);
       return storedCallback.current.apply(null, args);
     }
-    current && clearTimeout(current);
+    if (current) clearTimeout(current);
     timeout.current = setTimeout(() => {
       timeout.current = void 0;
       storedCallback.current.apply(null, args);

package/utils/hooks/useDebounce.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export declare const useDebounceCallback: <CallbackArgs extends any[]>(callback: (...args: CallbackArgs) => void, wait?: number, leading?: boolean) => ((...args: CallbackArgs) => void);
-export declare const useDebounce: <State extends unknown>(initialState: State | (() => State), wait?: number, leading?: boolean) => [State, React.Dispatch<React.SetStateAction<State>>];
+export declare const useDebounce: <State>(initialState: State | (() => State), wait?: number, leading?: boolean) => [State, React.Dispatch<React.SetStateAction<State>>];

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      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      // eslint-disable-next-line prefer-spread\n      return storedCallback.current.apply(null, args as any);\n    }\n    // Clear the timeout every call and start waiting again\n    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 extends any>(\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,cAAQ,WAAW,aAAa,QAAQ,OAAO;AAC/C,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,eAAW,aAAa,OAAO;AAE/B,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 extends unknown>(current: T) => React.MutableRefObject<T>;
+declare const useLatest: <T>(current: T) => React.MutableRefObject<T>;
 export default useLatest;

package/utils/hooks/useLatest.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useLatest.ts"],
-  "sourcesContent": ["// copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx\nimport * as React from 'react';\n\nconst useLatest = <T extends any>(current: T) => {\n  const storedValue = React.useRef(current);\n  React.useEffect(() => {\n    storedValue.current = current;\n  });\n  return storedValue;\n};\n\nexport default useLatest;\n"],
-  "mappings": "AACA,YAAY,WAAW;AAEvB,MAAM,YAAY,CAAgB,YAAe;AAC/C,QAAM,cAAc,MAAM,OAAO,OAAO;AACxC,QAAM,UAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,CAAC;AACD,SAAO;AACT;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["// copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx\nimport * as React from 'react';\n\nconst useLatest = <T>(current: T) => {\n  const storedValue = React.useRef(current);\n  React.useEffect(() => {\n    storedValue.current = current;\n  });\n  return storedValue;\n};\n\nexport default useLatest;\n"],
+  "mappings": "AACA,YAAY,WAAW;AAEvB,MAAM,YAAY,CAAI,YAAe;AACnC,QAAM,cAAc,MAAM,OAAO,OAAO;AACxC,QAAM,UAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,CAAC;AACD,SAAO;AACT;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/utils/hooks/useScreen/index.js

@@ -1,6 +1,8 @@
 import { useEffect, useState } from "react";
 import breakpoints from "@digigov/css/screens.json";
-const breakpointKeys = Object.keys(breakpoints);
+const breakpointKeys = Object.keys(
+  breakpoints
+);
 const breakpointValues = Object.values(breakpoints);
 function resolveScreenSize(width) {
   let breakpointIndex = 0;
@@ -26,7 +28,11 @@ function createResizeObserver() {
   return listeners;
 }
 const useScreenSize = () => {
-  const [screenSize, setSize] = useState(resolveScreenSize(typeof window !== "undefined" ? window.document.body.clientWidth : 0));
+  const [screenSize, setSize] = useState(
+    resolveScreenSize(
+      typeof window !== "undefined" ? window.document.body.clientWidth : 0
+    )
+  );
   useEffect(() => {
     const listeners2 = createResizeObserver();
     const listener = (width) => {
@@ -37,7 +43,10 @@ const useScreenSize = () => {
       listeners2.delete(listener);
     };
   }, []);
-  return { screenSize, screenWidth: typeof window !== "undefined" && window.document.body.clientWidth };
+  return {
+    screenSize,
+    screenWidth: typeof window !== "undefined" && window.document.body.clientWidth
+  };
 };
 export {
   breakpointKeys,

package/utils/hooks/useScreen.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useScreen.ts"],
-  "sourcesContent": ["import { useEffect, useState } from \"react\";\nimport breakpoints from '@digigov/css/screens.json'\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(breakpoints) as Breakpoints[];\nexport const breakpointValues = Object.values(breakpoints) as number[];\n\nfunction resolveScreenSize(width: number): Breakpoints {\n  let breakpointIndex = 0\n  for (const breakpoint of breakpointValues) {\n    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {\n      return breakpointKeys[breakpointIndex]\n    }\n    breakpointIndex++\n  }\n  return 'xl'\n}\n\nconst listeners = new Set<Function>()\nlet resizeObserver: ResizeObserver | null = null\nfunction createResizeObserver() {\n  if (resizeObserver === null && typeof window !== 'undefined') {\n    resizeObserver = new ResizeObserver(([body]) => {\n      listeners.forEach((listener) => {\n        listener(body.contentRect.width)\n      })\n    })\n    resizeObserver.observe(window.document?.body);\n  }\n  return listeners\n\n}\nexport const useScreenSize = () => {\n  const [screenSize, setSize] = useState<Breakpoints>(resolveScreenSize(typeof window !== 'undefined' ? window.document.body.clientWidth : 0))\n  useEffect(() => {\n    const listeners = createResizeObserver()\n    const listener = (width: number) => {\n      setSize(resolveScreenSize(width))\n    }\n    listeners.add(listener)\n    return () => {\n      listeners.delete(listener)\n    }\n  }, [])\n  return { screenSize, screenWidth: typeof window !== 'undefined' && window.document.body.clientWidth }\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,OAAO,iBAAiB;AAEjB,MAAM,iBAAgC,OAAO,KAAK,WAAW;AAC7D,MAAM,mBAAmB,OAAO,OAAO,WAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,QAAQ,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACvE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAAc;AACpC,IAAI,iBAAwC;AAC5C,SAAS,uBAAuB;AAC9B,MAAI,mBAAmB,QAAQ,OAAO,WAAW,aAAa;AAC5D,qBAAiB,IAAI,eAAe,CAAC,CAAC,IAAI,MAAM;AAC9C,gBAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,OAAO,UAAU,IAAI;AAAA,EAC9C;AACA,SAAO;AAET;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI,SAAsB,kBAAkB,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC;AAC3I,YAAU,MAAM;AACd,UAAMA,aAAY,qBAAqB;AACvC,UAAM,WAAW,CAAC,UAAkB;AAClC,cAAQ,kBAAkB,KAAK,CAAC;AAAA,IAClC;AACA,IAAAA,WAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,MAAAA,WAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO,EAAE,YAAY,aAAa,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK,YAAY;AACtG;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-function-type */\nimport { useEffect, useState } from 'react';\nimport breakpoints from '@digigov/css/screens.json';\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(\n  breakpoints\n) as Breakpoints[];\nexport const breakpointValues = Object.values(breakpoints) as number[];\n\nfunction resolveScreenSize(width: number): Breakpoints {\n  let breakpointIndex = 0;\n  for (const breakpoint of breakpointValues) {\n    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {\n      return breakpointKeys[breakpointIndex];\n    }\n    breakpointIndex++;\n  }\n  return 'xl';\n}\n\nconst listeners = new Set<Function>();\nlet resizeObserver: ResizeObserver | null = null;\nfunction createResizeObserver() {\n  if (resizeObserver === null && typeof window !== 'undefined') {\n    resizeObserver = new ResizeObserver(([body]) => {\n      listeners.forEach((listener) => {\n        listener(body.contentRect.width);\n      });\n    });\n    resizeObserver.observe(window.document?.body);\n  }\n  return listeners;\n}\nexport const useScreenSize = () => {\n  const [screenSize, setSize] = useState<Breakpoints>(\n    resolveScreenSize(\n      typeof window !== 'undefined' ? window.document.body.clientWidth : 0\n    )\n  );\n  useEffect(() => {\n    const listeners = createResizeObserver();\n    const listener = (width: number) => {\n      setSize(resolveScreenSize(width));\n    };\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  }, []);\n  return {\n    screenSize,\n    screenWidth:\n      typeof window !== 'undefined' && window.document.body.clientWidth,\n  };\n};\n"],
+  "mappings": "AACA,SAAS,WAAW,gBAAgB;AACpC,OAAO,iBAAiB;AAEjB,MAAM,iBAAgC,OAAO;AAAA,EAClD;AACF;AACO,MAAM,mBAAmB,OAAO,OAAO,WAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,QAAQ,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACvE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAAc;AACpC,IAAI,iBAAwC;AAC5C,SAAS,uBAAuB;AAC9B,MAAI,mBAAmB,QAAQ,OAAO,WAAW,aAAa;AAC5D,qBAAiB,IAAI,eAAe,CAAC,CAAC,IAAI,MAAM;AAC9C,gBAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,OAAO,UAAU,IAAI;AAAA,EAC9C;AACA,SAAO;AACT;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI;AAAA,IAC5B;AAAA,MACE,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc;AAAA,IACrE;AAAA,EACF;AACA,YAAU,MAAM;AACd,UAAMA,aAAY,qBAAqB;AACvC,UAAM,WAAW,CAAC,UAAkB;AAClC,cAAQ,kBAAkB,KAAK,CAAC;AAAA,IAClC;AACA,IAAAA,WAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,MAAAA,WAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO;AAAA,IACL;AAAA,IACA,aACE,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK;AAAA,EAC1D;AACF;",
   "names": ["listeners"]
 }

package/utils/hooks/useSearch.d.ts

@@ -1,4 +1,4 @@
 export declare function normalizeGreek(text: any): any;
-export declare function fullTextSearch(data: Object, search: string): boolean;
-export declare function useSearch(data: Array<Object>, query?: string): Object[];
+export declare function fullTextSearch(data: object, search: string): boolean;
+export declare function useSearch(data: object[], query?: string): object[];
 export default useSearch;

package/utils/hooks/useSearch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useSearch.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-types */\nimport { useMemo } from 'react';\n\nexport function normalizeGreek(text) {\n  text = text\n    .replace(/\u0386|\u0391|\u03AC/g, '\u03B1')\n    .replace(/\u0388|\u0395|\u03AD/g, '\u03B5')\n    .replace(/\u0389|\u0397|\u03AE/g, '\u03B7')\n    .replace(/\u038A|\u03AA|\u0399|\u03AF|\u0390|\u03CA/g, '\u03B9')\n    .replace(/\u038C|\u039F|\u03CC/g, '\u03BF')\n    .replace(/\u038E|\u03AB|\u03A5|\u03CD|\u03B0|\u03CB/g, '\u03C5')\n    .replace(/\u038F|\u03A9|\u03CE/g, '\u03C9')\n    .replace(/\u03A3|\u03C2/g, '\u03C3');\n  return text;\n}\n\nexport function fullTextSearch(data: Object, search: string): boolean {\n  if (!search) {\n    return true;\n  }\n  const q = normalizeGreek(\n    search\n      .normalize('NFC')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase()\n  );\n  const index = Object.keys(data)\n    .map((k) => {\n      return data[k] ? data[k].toString().toLowerCase() : '';\n    })\n    .join('');\n\n  return normalizeGreek(\n    index.normalize('NFC').replace(/[\\u0300-\\u036f]/g, '')\n  ).includes(q);\n}\n\nexport function useSearch(data: Array<Object>, query?: string) {\n  return useMemo(() => {\n    if (!query) return data;\n    return data.filter((t) => fullTextSearch(t, query));\n  }, [data, query]);\n}\n\nexport default useSearch;\n"],
-  "mappings": "AACA,SAAS,eAAe;AAEjB,SAAS,eAAe,MAAM;AACnC,SAAO,KACJ,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,QAAQ,QAAG;AACtB,SAAO;AACT;AAEO,SAAS,eAAe,MAAc,QAAyB;AACpE,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AACA,QAAM,IAAI;AAAA,IACR,OACG,UAAU,KAAK,EACf,QAAQ,oBAAoB,EAAE,EAC9B,YAAY;AAAA,EACjB;AACA,QAAM,QAAQ,OAAO,KAAK,IAAI,EAC3B,IAAI,CAAC,MAAM;AACV,WAAO,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,IAAI;AAAA,EACtD,CAAC,EACA,KAAK,EAAE;AAEV,SAAO;AAAA,IACL,MAAM,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE;AAAA,EACvD,EAAE,SAAS,CAAC;AACd;AAEO,SAAS,UAAU,MAAqB,OAAgB;AAC7D,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,KAAK,OAAO,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;AAAA,EACpD,GAAG,CAAC,MAAM,KAAK,CAAC;AAClB;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nexport function normalizeGreek(text) {\n  text = text\n    .replace(/\u0386|\u0391|\u03AC/g, '\u03B1')\n    .replace(/\u0388|\u0395|\u03AD/g, '\u03B5')\n    .replace(/\u0389|\u0397|\u03AE/g, '\u03B7')\n    .replace(/\u038A|\u03AA|\u0399|\u03AF|\u0390|\u03CA/g, '\u03B9')\n    .replace(/\u038C|\u039F|\u03CC/g, '\u03BF')\n    .replace(/\u038E|\u03AB|\u03A5|\u03CD|\u03B0|\u03CB/g, '\u03C5')\n    .replace(/\u038F|\u03A9|\u03CE/g, '\u03C9')\n    .replace(/\u03A3|\u03C2/g, '\u03C3');\n  return text;\n}\n\nexport function fullTextSearch(data: object, search: string): boolean {\n  if (!search) {\n    return true;\n  }\n  const q = normalizeGreek(\n    search\n      .normalize('NFC')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase()\n  );\n  const index = Object.keys(data)\n    .map((k) => {\n      return data[k] ? data[k].toString().toLowerCase() : '';\n    })\n    .join('');\n\n  return normalizeGreek(\n    index.normalize('NFC').replace(/[\\u0300-\\u036f]/g, '')\n  ).includes(q);\n}\n\nexport function useSearch(data: object[], query?: string) {\n  return useMemo(() => {\n    if (!query) return data;\n    return data.filter((t) => fullTextSearch(t, query));\n  }, [data, query]);\n}\n\nexport default useSearch;\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAEjB,SAAS,eAAe,MAAM;AACnC,SAAO,KACJ,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,QAAQ,QAAG;AACtB,SAAO;AACT;AAEO,SAAS,eAAe,MAAc,QAAyB;AACpE,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AACA,QAAM,IAAI;AAAA,IACR,OACG,UAAU,KAAK,EACf,QAAQ,oBAAoB,EAAE,EAC9B,YAAY;AAAA,EACjB;AACA,QAAM,QAAQ,OAAO,KAAK,IAAI,EAC3B,IAAI,CAAC,MAAM;AACV,WAAO,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,IAAI;AAAA,EACtD,CAAC,EACA,KAAK,EAAE;AAEV,SAAO;AAAA,IACL,MAAM,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE;AAAA,EACvD,EAAE,SAAS,CAAC;AACd;AAEO,SAAS,UAAU,MAAgB,OAAgB;AACxD,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,KAAK,OAAO,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;AAAA,EACpD,GAAG,CAAC,MAAM,KAAK,CAAC;AAClB;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/utils/index.d.ts

@@ -1,3 +1,2 @@
 export * from '@digigov/ui/utils/Base';
-export * from '@digigov/ui/utils/SvgIcon';
 export * from '@digigov/ui/utils/VisuallyHidden';

package/utils/index.js

@@ -1,4 +1,3 @@
 export * from "@digigov/ui/utils/Base";
-export * from "@digigov/ui/utils/SvgIcon";
 export * from "@digigov/ui/utils/VisuallyHidden";
 //# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/index.ts"],
-  "sourcesContent": ["export * from '@digigov/ui/utils/Base';\nexport * from '@digigov/ui/utils/SvgIcon';\nexport * from '@digigov/ui/utils/VisuallyHidden';\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["export * from '@digigov/ui/utils/Base';\nexport * from '@digigov/ui/utils/VisuallyHidden';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/api/APIErrors/index.js

@@ -1,40 +0,0 @@
-import React from "react";
-class APIErrors extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.state = { hasError: false, error: null };
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      hasError: true,
-      error
-    };
-  }
-  render() {
-    if (this.state.hasError) {
-      const Comp = this.props.fallback;
-      return /* @__PURE__ */ React.createElement(Comp, { error: this.state.error });
-    }
-    return this.props.children;
-  }
-}
-var APIErrors_default = APIErrors;
-class APIError extends Error {
-  constructor(errors, status, ...args) {
-    super(...args);
-    this.error = null;
-    this.errors = null;
-    this.status = 200;
-    this.name = "APIError";
-    Error.captureStackTrace(this, APIError);
-    this.error = errors && errors.length && errors[0] || errors;
-    this.errors = errors;
-    this.status = status;
-  }
-}
-export {
-  APIError,
-  APIErrors,
-  APIErrors_default as default
-};
-//# sourceMappingURL=APIErrors.js.map

package/api/APIErrors.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-export declare class APIErrors extends React.Component<{
-    fallback: any;
-    children?: React.ReactNode;
-}> {
-    state: {
-        hasError: boolean;
-        error: null;
-    };
-    static getDerivedStateFromError(error: Error): Record<string, any>;
-    render(): any;
-}
-export default APIErrors;
-export declare class APIError extends Error {
-    error: null | {
-        data: {
-            invalid_fields: Record<string, any>[];
-        };
-    };
-    errors: null;
-    status: number;
-    constructor(errors: any, status: any, ...args: any[]);
-}

package/api/APIErrors.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/api/APIErrors.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport class APIErrors extends React.Component<{\n  fallback: any;\n  children?: React.ReactNode;\n}> {\n  state = { hasError: false, error: null };\n  static getDerivedStateFromError(error: Error): Record<string, any> {\n    return {\n      hasError: true,\n      error,\n    };\n  }\n\n  render(): any {\n    if (this.state.hasError) {\n      const Comp = this.props.fallback;\n      return <Comp error={this.state.error} />;\n    }\n    return this.props.children;\n  }\n}\n\nexport default APIErrors;\n\n/*\n  The type of `error` variable of the `useRequest` hook result.\n\n  We expect a request to fail for at least one reason (`error` property). In\n  case of multiple errors, developers may use `errors` property to construct\n  a more verbose error report.\n*/\nexport class APIError extends Error {\n  error: null | { data: { invalid_fields: Record<string, any>[] } } = null;\n  errors = null;\n  status = 200;\n\n  constructor(errors, status, ...args) {\n    super(...args);\n    this.name = 'APIError';\n    Error.captureStackTrace(this, APIError);\n    this.error = (errors && errors.length && errors[0]) || errors;\n    this.errors = errors;\n    this.status = status;\n  }\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAEX,MAAM,kBAAkB,MAAM,UAGlC;AAAA,EAHI;AAAA;AAIL,iBAAQ,EAAE,UAAU,OAAO,OAAO,KAAK;AAAA;AAAA,EACvC,OAAO,yBAAyB,OAAmC;AACjE,WAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAc;AACZ,QAAI,KAAK,MAAM,UAAU;AACvB,YAAM,OAAO,KAAK,MAAM;AACxB,aAAO,oCAAC,QAAK,OAAO,KAAK,MAAM,OAAO;AAAA,IACxC;AACA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAEA,IAAO,oBAAQ;AASR,MAAM,iBAAiB,MAAM;AAAA,EAKlC,YAAY,QAAQ,WAAW,MAAM;AACnC,UAAM,GAAG,IAAI;AALf,iBAAoE;AACpE,kBAAS;AACT,kBAAS;AAIP,SAAK,OAAO;AACZ,UAAM,kBAAkB,MAAM,QAAQ;AACtC,SAAK,QAAS,UAAU,OAAO,UAAU,OAAO,CAAC,KAAM;AACvD,SAAK,SAAS;AACd,SAAK,SAAS;AAAA,EAChB;AACF;",
-  "names": []
-}