@digigov/ui 1.1.2 → 1.1.4-mobile

package/utils/hooks/useScreen/index.js

@@ -1,53 +1,47 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState } from "react";
-import breakpoints from '@digigov/css/screens.json';
-export var breakpointKeys = Object.keys(breakpoints);
-export var breakpointValues = Object.values(breakpoints);
-;
+import breakpoints from "@digigov/css/screens.json";
+const breakpointKeys = Object.keys(breakpoints);
+const breakpointValues = Object.values(breakpoints);
 function resolveScreenSize(width) {
-  var breakpointIndex = 0;
-  for (var _i = 0, _breakpointValues = breakpointValues; _i < _breakpointValues.length; _i++) {
-    var breakpoint = _breakpointValues[_i];
+  let breakpointIndex = 0;
+  for (const breakpoint of breakpointValues) {
     if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {
       return breakpointKeys[breakpointIndex];
     }
     breakpointIndex++;
   }
-  return 'xl';
+  return "xl";
 }
-var listeners = new Set();
-var resizeObserver = null;
+const listeners = /* @__PURE__ */ new Set();
+let resizeObserver = null;
 function createResizeObserver() {
-  if (resizeObserver === null) {
-    resizeObserver = new ResizeObserver(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 1),
-        body = _ref2[0];
-      listeners.forEach(function (listener) {
+  if (resizeObserver === null && typeof window !== "undefined") {
+    resizeObserver = new ResizeObserver(([body]) => {
+      listeners.forEach((listener) => {
         listener(body.contentRect.width);
       });
     });
-    console.log('createResizeObserver');
-    resizeObserver.observe(document.body);
+    resizeObserver.observe(window.document?.body);
   }
   return listeners;
 }
-export var useScreenSize = function useScreenSize() {
-  var _useState = useState(resolveScreenSize(document.body.clientWidth)),
-    _useState2 = _slicedToArray(_useState, 2),
-    screenSize = _useState2[0],
-    setSize = _useState2[1];
-  useEffect(function () {
-    var listeners = createResizeObserver();
-    var listener = function listener(width) {
+const useScreenSize = () => {
+  const [screenSize, setSize] = useState(resolveScreenSize(typeof window !== "undefined" ? window.document.body.clientWidth : 0));
+  useEffect(() => {
+    const listeners2 = createResizeObserver();
+    const listener = (width) => {
       setSize(resolveScreenSize(width));
     };
-    listeners.add(listener);
-    return function () {
-      listeners["delete"](listener);
+    listeners2.add(listener);
+    return () => {
+      listeners2.delete(listener);
     };
   }, []);
-  return {
-    screenSize: screenSize,
-    screenWidth: document.body.clientWidth
-  };
-};
+  return { screenSize, screenWidth: typeof window !== "undefined" && window.document.body.clientWidth };
+};
+export {
+  breakpointKeys,
+  breakpointValues,
+  useScreenSize
+};
+//# sourceMappingURL=useScreen.js.map

package/utils/hooks/useScreen.d.ts

@@ -3,5 +3,5 @@ export declare const breakpointKeys: Breakpoints[];
 export declare const breakpointValues: number[];
 export declare const useScreenSize: () => {
     screenSize: Breakpoints;
-    screenWidth: number;
+    screenWidth: number | false;
 };

package/utils/hooks/useScreen.js.map

@@ -0,0 +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;",
+  "names": ["listeners"]
+}

package/utils/hooks/useSearch/index.js

@@ -1,25 +1,33 @@
-/* eslint-disable @typescript-eslint/ban-types */
-import { useMemo } from 'react';
-export function normalizeGreek(text) {
-  text = text.replace(/Ά|Α|ά/g, 'α').replace(/Έ|Ε|έ/g, 'ε').replace(/Ή|Η|ή/g, 'η').replace(/Ί|Ϊ|Ι|ί|ΐ|ϊ/g, 'ι').replace(/Ό|Ο|ό/g, 'ο').replace(/Ύ|Ϋ|Υ|ύ|ΰ|ϋ/g, 'υ').replace(/Ώ|Ω|ώ/g, 'ω').replace(/Σ|ς/g, 'σ');
+import { useMemo } from "react";
+function normalizeGreek(text) {
+  text = text.replace(/Ά|Α|ά/g, "\u03B1").replace(/Έ|Ε|έ/g, "\u03B5").replace(/Ή|Η|ή/g, "\u03B7").replace(/Ί|Ϊ|Ι|ί|ΐ|ϊ/g, "\u03B9").replace(/Ό|Ο|ό/g, "\u03BF").replace(/Ύ|Ϋ|Υ|ύ|ΰ|ϋ/g, "\u03C5").replace(/Ώ|Ω|ώ/g, "\u03C9").replace(/Σ|ς/g, "\u03C3");
   return text;
 }
-export function fullTextSearch(data, search) {
+function fullTextSearch(data, search) {
   if (!search) {
     return true;
   }
-  var q = normalizeGreek(search.normalize('NFC').replace(/[\u0300-\u036f]/g, '').toLowerCase());
-  var index = Object.keys(data).map(function (k) {
-    return data[k] ? data[k].toString().toLowerCase() : '';
-  }).join('');
-  return normalizeGreek(index.normalize('NFC').replace(/[\u0300-\u036f]/g, '')).includes(q);
+  const q = normalizeGreek(
+    search.normalize("NFC").replace(/[\u0300-\u036f]/g, "").toLowerCase()
+  );
+  const index = Object.keys(data).map((k) => {
+    return data[k] ? data[k].toString().toLowerCase() : "";
+  }).join("");
+  return normalizeGreek(
+    index.normalize("NFC").replace(/[\u0300-\u036f]/g, "")
+  ).includes(q);
 }
-export function useSearch(data, query) {
-  return useMemo(function () {
+function useSearch(data, query) {
+  return useMemo(() => {
     if (!query) return data;
-    return data.filter(function (t) {
-      return fullTextSearch(t, query);
-    });
+    return data.filter((t) => fullTextSearch(t, query));
   }, [data, query]);
 }
-export default useSearch;
+var useSearch_default = useSearch;
+export {
+  useSearch_default as default,
+  fullTextSearch,
+  normalizeGreek,
+  useSearch
+};
+//# sourceMappingURL=useSearch.js.map

package/utils/hooks/useSearch.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/utils/hooks/useTogglableTab/index.js

@@ -1,88 +1,89 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/* eslint-disable react-hooks/exhaustive-deps */
-import { useRef, useState, useCallback, useMemo } from 'react';
-export function useTogglableTab(_ref) {
-  var toggleProperty = _ref.toggleProperty,
-    singleOpen = _ref.singleOpen,
-    onToggleProperty = _ref.onToggleProperty,
-    initial = _ref.initial,
-    firstOpen = _ref.firstOpen,
-    ariaNavigation = _ref.ariaNavigation,
-    toggleHook = _ref.toggleHook;
-  var _useState = useState(initial || {}),
-    _useState2 = _slicedToArray(_useState, 2),
-    opened = _useState2[0],
-    setOpened = _useState2[1];
-  var registered = useRef({});
-  var sectionsOrder = useRef([]);
-  var registerRef = useCallback(function (el) {
+import { useRef, useState, useCallback, useMemo } from "react";
+function useTogglableTab({
+  toggleProperty,
+  singleOpen,
+  onToggleProperty,
+  initial,
+  firstOpen,
+  ariaNavigation,
+  toggleHook
+}) {
+  const [opened, setOpened] = useState(initial || {});
+  const registered = useRef({});
+  const sectionsOrder = useRef([]);
+  const registerRef = useCallback((el) => {
     if (!el) return;
-    var key = el.getAttribute('aria-controls');
+    const key = el.getAttribute("aria-controls");
     if (registered.current[key]) return;
     registered.current[key] = el;
     sectionsOrder.current.push(key);
     if (firstOpen && sectionsOrder.current.length === 1) {
-      setOpened(_defineProperty({}, key, true));
+      setOpened({
+        [key]: true
+      });
     }
   }, []);
-  var toggle = useCallback(function (e) {
-    var key = e.currentTarget.getAttribute('aria-controls');
+  const toggle = useCallback((e) => {
+    const key = e.currentTarget.getAttribute("aria-controls");
     if (toggleHook) {
       toggleHook(key);
     }
     e.preventDefault();
     if (singleOpen) {
-      setOpened(_defineProperty({}, key, true));
+      setOpened({ [key]: true });
     } else {
-      setOpened(function (prev) {
-        return _extends({}, prev, _defineProperty({}, key, !prev[key]));
-      });
+      setOpened((prev) => ({ ...prev, [key]: !prev[key] }));
     }
   }, []);
-  var onKeyDown = useCallback(function (e) {
-    var key = e.target.getAttribute('aria-controls');
-    var currentIndex = sectionsOrder.current.findIndex(function (k) {
-      return k === key;
-    });
-    var nextKey = sectionsOrder.current[currentIndex + 1];
-    var previousKey = sectionsOrder.current[currentIndex - 1];
+  const onKeyDown = useCallback((e) => {
+    const key = e.target.getAttribute("aria-controls");
+    const currentIndex = sectionsOrder.current.findIndex((k) => k === key);
+    const nextKey = sectionsOrder.current[currentIndex + 1];
+    const previousKey = sectionsOrder.current[currentIndex - 1];
     switch (e.key) {
-      case 'ArrowRight':
-      case 'ArrowDown':
+      case "ArrowRight":
+      case "ArrowDown":
         if (nextKey) {
           registered.current[nextKey].focus();
         }
         break;
-      case 'ArrowLeft':
-      case 'ArrowUp':
+      case "ArrowLeft":
+      case "ArrowUp":
         if (previousKey) {
           registered.current[previousKey].focus();
         }
         break;
-      case ' ':
-      case 'Enter':
+      case " ":
+      case "Enter":
         toggle(e);
         break;
     }
   }, []);
-  var register = useCallback(function (key) {
-    var isOpen = !!opened[key];
-    return _extends(_defineProperty(_defineProperty(_defineProperty({
-      ref: registerRef
-    }, toggleProperty, isOpen), onToggleProperty, toggle), 'aria-controls', "".concat(key)), ariaNavigation && {
-      onKeyDown: onKeyDown,
-      tabIndex: opened[key] ? 0 : -1
-    });
-  }, [opened]);
-  return useMemo(function () {
-    return {
-      register: register,
-      registered: registered,
-      opened: opened,
-      toggle: toggle,
-      setOpened: setOpened
-    };
-  }, [opened]);
-}
+  const register = useCallback(
+    (key) => {
+      const isOpen = !!opened[key];
+      return {
+        ref: registerRef,
+        [toggleProperty]: isOpen,
+        [onToggleProperty]: toggle,
+        "aria-controls": `${key}`,
+        ...ariaNavigation && { onKeyDown, tabIndex: opened[key] ? 0 : -1 }
+      };
+    },
+    [opened]
+  );
+  return useMemo(
+    () => ({
+      register,
+      registered,
+      opened,
+      toggle,
+      setOpened
+    }),
+    [opened]
+  );
+}
+export {
+  useTogglableTab
+};
+//# sourceMappingURL=useTogglableTab.js.map

package/utils/hooks/useTogglableTab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/hooks/useTogglableTab.tsx"],
+  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useRef, useState, useCallback, useMemo } from 'react';\n\nexport interface UseTogglableTabInterface {\n  toggleProperty: string;\n  singleOpen?: boolean;\n  toggleOpenClose?: boolean;\n  toggleParentOpen?: boolean;\n  onToggleProperty: string;\n  initial?: Record<string, boolean>;\n  firstOpen?: boolean;\n  ariaNavigation?: boolean;\n  toggleHook?: (id: string) => void;\n}\nexport interface UseTogglableTabReturn {\n  register: (el: string) => any;\n  registered: { current: Record<string, HTMLElement> };\n  opened: Record<string, boolean>;\n  toggle: (id: string) => void;\n  setOpened: (\n    opened:\n      | ((curOpened: Record<string, boolean>) => Record<string, boolean>)\n      | Record<string, boolean>\n  ) => void;\n}\n\nexport function useTogglableTab({\n  toggleProperty,\n  singleOpen,\n  onToggleProperty,\n  initial,\n  firstOpen,\n  ariaNavigation,\n  toggleHook,\n}: UseTogglableTabInterface): UseTogglableTabReturn {\n  const [opened, setOpened] = useState(initial || {});\n  const registered = useRef<Record<string, HTMLElement>>({});\n  const sectionsOrder = useRef<string[]>([]);\n\n  const registerRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = el;\n    sectionsOrder.current.push(key);\n    if (firstOpen && sectionsOrder.current.length === 1) {\n      setOpened({\n        [key]: true,\n      });\n    }\n  }, []);\n\n  const toggle = useCallback((e) => {\n    const key = e.currentTarget.getAttribute('aria-controls') as string;\n    if (toggleHook) {\n      toggleHook(key);\n    }\n    e.preventDefault();\n    if (singleOpen) {\n      setOpened({ [key]: true });\n    } else {\n      setOpened((prev) => ({ ...prev, [key]: !prev[key] }));\n    }\n  }, []);\n\n  const onKeyDown = useCallback((e) => {\n    const key = e.target.getAttribute('aria-controls');\n    const currentIndex = sectionsOrder.current.findIndex((k) => k === key);\n    const nextKey = sectionsOrder.current[currentIndex + 1];\n    const previousKey = sectionsOrder.current[currentIndex - 1];\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        if (nextKey) {\n          registered.current[nextKey].focus();\n        }\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        if (previousKey) {\n          registered.current[previousKey].focus();\n        }\n        break;\n      case ' ':\n      case 'Enter':\n        toggle(e);\n        break;\n    }\n  }, []);\n\n  const register = useCallback(\n    (key) => {\n      const isOpen = !!opened[key];\n      return {\n        ref: registerRef,\n        [toggleProperty]: isOpen,\n        [onToggleProperty]: toggle,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown, tabIndex: opened[key] ? 0 : -1 }),\n      };\n    },\n    [opened]\n  );\n\n  return useMemo(\n    () => ({\n      register,\n      registered,\n      opened,\n      toggle,\n      setOpened,\n    }),\n    [opened]\n  );\n}\n"],
+  "mappings": "AACA,SAAS,QAAQ,UAAU,aAAa,eAAe;AAyBhD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoD;AAClD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,WAAW,CAAC,CAAC;AAClD,QAAM,aAAa,OAAoC,CAAC,CAAC;AACzD,QAAM,gBAAgB,OAAiB,CAAC,CAAC;AAEzC,QAAM,cAAc,YAAY,CAAC,OAAO;AACtC,QAAI,CAAC,GAAI;AACT,UAAM,MAAM,GAAG,aAAa,eAAe;AAC3C,QAAI,WAAW,QAAQ,GAAG,EAAG;AAC7B,eAAW,QAAQ,GAAG,IAAI;AAC1B,kBAAc,QAAQ,KAAK,GAAG;AAC9B,QAAI,aAAa,cAAc,QAAQ,WAAW,GAAG;AACnD,gBAAU;AAAA,QACR,CAAC,GAAG,GAAG;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,YAAY,CAAC,MAAM;AAChC,UAAM,MAAM,EAAE,cAAc,aAAa,eAAe;AACxD,QAAI,YAAY;AACd,iBAAW,GAAG;AAAA,IAChB;AACA,MAAE,eAAe;AACjB,QAAI,YAAY;AACd,gBAAU,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC;AAAA,IAC3B,OAAO;AACL,gBAAU,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,CAAC,MAAM;AACnC,UAAM,MAAM,EAAE,OAAO,aAAa,eAAe;AACjD,UAAM,eAAe,cAAc,QAAQ,UAAU,CAAC,MAAM,MAAM,GAAG;AACrE,UAAM,UAAU,cAAc,QAAQ,eAAe,CAAC;AACtD,UAAM,cAAc,cAAc,QAAQ,eAAe,CAAC;AAC1D,YAAQ,EAAE,KAAK;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AACH,YAAI,SAAS;AACX,qBAAW,QAAQ,OAAO,EAAE,MAAM;AAAA,QACpC;AACA;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,YAAI,aAAa;AACf,qBAAW,QAAQ,WAAW,EAAE,MAAM;AAAA,QACxC;AACA;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,eAAO,CAAC;AACR;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW;AAAA,IACf,CAAC,QAAQ;AACP,YAAM,SAAS,CAAC,CAAC,OAAO,GAAG;AAC3B,aAAO;AAAA,QACL,KAAK;AAAA,QACL,CAAC,cAAc,GAAG;AAAA,QAClB,CAAC,gBAAgB,GAAG;AAAA,QACpB,iBAAiB,GAAG,GAAG;AAAA,QACvB,GAAI,kBAAkB,EAAE,WAAW,UAAU,OAAO,GAAG,IAAI,IAAI,GAAG;AAAA,MACpE;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;",
+  "names": []
+}

package/utils/index.js

@@ -1,3 +1,4 @@
-export * from '@digigov/ui/utils/Base';
-export * from '@digigov/ui/utils/SvgIcon';
-export * from '@digigov/ui/utils/VisuallyHidden';
+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

@@ -0,0 +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;",
+  "names": []
+}

package/utils/withDeprecation/index.js

@@ -1,25 +1,12 @@
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React from 'react';
-var DigigovError = /*#__PURE__*/function (_Error) {
-  _inherits(DigigovError, _Error);
-  function DigigovError(message) {
-    var _this;
-    _classCallCheck(this, DigigovError);
-    _this = _callSuper(this, DigigovError, [message]); // (1)
-    _this.name = 'DigigovError'; // (2)
-    return _this;
+import React from "react";
+class DigigovError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "DigigovError";
   }
-  return _createClass(DigigovError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-var loggedDeprecations = [];
-var warnOnce = function warnOnce(name, message) {
+}
+const loggedDeprecations = [];
+const warnOnce = (name, message) => {
   if (loggedDeprecations.includes(name)) {
     return;
   } else {
@@ -27,52 +14,69 @@ var warnOnce = function warnOnce(name, message) {
   }
   console.warn(message);
 };
-var handleErrorWarning = function handleErrorWarning(componentName, name, _ref, type) {
-  var error = _ref.error,
-    warning = _ref.warning;
+const handleErrorWarning = (componentName, name, { error, warning }, type) => {
   if (warning === true) {
-    warnOnce(componentName, "\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
-  } else if (typeof warning === 'string') {
+    warnOnce(
+      componentName,
+      `\u26A0\uFE0F  ${componentName}: ${name} ${type} will be deprecated.`
+    );
+  } else if (typeof warning === "string") {
     warnOnce(componentName, warning);
   }
   if (error === true) {
-    throw new DigigovError("".concat(componentName, ": !! ").concat(name, " ").concat(type, " is deprecated."));
-  } else if (typeof error === 'string') {
-    throw new DigigovError("Component `".concat(componentName, "` with `").concat(name, "` prop: ").concat(error));
+    throw new DigigovError(
+      `${componentName}: !! ${name} ${type} is deprecated.`
+    );
+  } else if (typeof error === "string") {
+    throw new DigigovError(
+      `Component \`${componentName}\` with \`${name}\` prop: ${error}`
+    );
   }
 };
-export default function withDeprecation(Component, deprecations) {
-  var _Component$render;
-  var componentName =
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name);
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
+function withDeprecation(Component, deprecations) {
+  const componentName = (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    deprecations.name || Component.name || Component?.render?.name
+  );
   return function withDeprecationComponent(props) {
     if (deprecations.rename) {
-      warnOnce(componentName, "\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
+      warnOnce(
+        componentName,
+        `\u267B\uFE0F  ${componentName} is renamed to ${deprecations.rename}
+`
+      );
     }
-    handleErrorWarning(componentName, componentName, deprecations, 'component');
+    handleErrorWarning(componentName, componentName, deprecations, "component");
     if (deprecations.props) {
-      Object.keys(deprecations.props).forEach(function (propName) {
-        var _deprecations$props, _propDeprecation$valu;
-        var value = props[propName];
+      Object.keys(deprecations.props).forEach((propName) => {
+        const value = props[propName];
         if (!value) {
           return;
         }
-        var propDeprecation = deprecations === null || deprecations === void 0 ? void 0 : (_deprecations$props = deprecations.props) === null || _deprecations$props === void 0 ? void 0 : _deprecations$props[propName];
-        if (propDeprecation !== null && propDeprecation !== void 0 && (_propDeprecation$valu = propDeprecation.values) !== null && _propDeprecation$valu !== void 0 && _propDeprecation$valu[value]) {
-          var _propDeprecation$valu2;
-          return handleErrorWarning(componentName, "".concat(propName, " ").concat(value), propDeprecation === null || propDeprecation === void 0 ? void 0 : (_propDeprecation$valu2 = propDeprecation.values) === null || _propDeprecation$valu2 === void 0 ? void 0 : _propDeprecation$valu2[value], 'property value');
+        const propDeprecation = deprecations?.props?.[propName];
+        if (propDeprecation?.values?.[value]) {
+          return handleErrorWarning(
+            componentName,
+            `${propName} ${value}`,
+            propDeprecation?.values?.[value],
+            "property value"
+          );
         }
-        if (propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.error || propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.warning) {
-          return handleErrorWarning(componentName, propName, propDeprecation, 'property');
+        if (propDeprecation?.error || propDeprecation?.warning) {
+          return handleErrorWarning(
+            componentName,
+            propName,
+            propDeprecation,
+            "property"
+          );
         }
       });
     }
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    return /*#__PURE__*/React.createElement(Component, props);
+    return /* @__PURE__ */ React.createElement(Component, { ...props });
   };
-}
+}
+export {
+  withDeprecation as default
+};
+//# sourceMappingURL=withDeprecation.js.map

package/utils/withDeprecation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/withDeprecation.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nclass DigigovError extends Error {\n  constructor(message) {\n    super(message); // (1)\n    this.name = 'DigigovError'; // (2)\n  }\n}\nconst loggedDeprecations: string[] = [];\nexport interface ErrorWarning {\n  /**\n   * Will log a warning if true.\n   */\n  warning?: string | true;\n  error?: string | true;\n}\nexport interface PropValueDeprecations {\n  values?: Record<string, ErrorWarning>;\n}\nexport type Deprecations = {\n  name: string;\n  rename?: string;\n  props?: Record<string, PropValueDeprecations & ErrorWarning>;\n} & ErrorWarning;\nconst warnOnce = (name, message) => {\n  if (loggedDeprecations.includes(name)) {\n    return;\n  } else {\n    loggedDeprecations.push(name);\n  }\n  console.warn(message);\n};\nconst handleErrorWarning = (\n  componentName,\n  name: string,\n  { error, warning }: (PropValueDeprecations & ErrorWarning) | ErrorWarning,\n  type\n) => {\n  if (warning === true) {\n    warnOnce(\n      componentName,\n      `\u26A0\uFE0F  ${componentName}: ${name} ${type} will be deprecated.`\n    );\n  } else if (typeof warning === 'string') {\n    warnOnce(componentName, warning);\n  }\n  if (error === true) {\n    throw new DigigovError(\n      `${componentName}: !! ${name} ${type} is deprecated.`\n    );\n  } else if (typeof error === 'string') {\n    throw new DigigovError(\n      `Component \\`${componentName}\\` with \\`${name}\\` prop: ${error}`\n    );\n  }\n};\nexport default function withDeprecation<Type>(\n  Component: Type,\n  deprecations: Deprecations\n): Type {\n  const componentName =\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    deprecations.name || Component.name || Component?.render?.name;\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return function withDeprecationComponent(props) {\n    if (deprecations.rename) {\n      warnOnce(\n        componentName,\n        `\u267B\uFE0F  ${componentName} is renamed to ${deprecations.rename}\\n`\n      );\n    }\n    handleErrorWarning(componentName, componentName, deprecations, 'component');\n    if (deprecations.props) {\n      Object.keys(deprecations.props).forEach((propName) => {\n        const value = props[propName];\n        if (!value) {\n          return;\n        }\n        const propDeprecation = deprecations?.props?.[propName];\n        if (propDeprecation?.values?.[value]) {\n          return handleErrorWarning(\n            componentName,\n            `${propName} ${value}`,\n            propDeprecation?.values?.[value],\n            'property value'\n          );\n        }\n        if (propDeprecation?.error || propDeprecation?.warning) {\n          return handleErrorWarning(\n            componentName,\n            propName,\n            propDeprecation,\n            'property'\n          );\n        }\n      });\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    return <Component {...props} />;\n  };\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,qBAAqB,MAAM;AAAA,EAC/B,YAAY,SAAS;AACnB,UAAM,OAAO;AACb,SAAK,OAAO;AAAA,EACd;AACF;AACA,MAAM,qBAA+B,CAAC;AAgBtC,MAAM,WAAW,CAAC,MAAM,YAAY;AAClC,MAAI,mBAAmB,SAAS,IAAI,GAAG;AACrC;AAAA,EACF,OAAO;AACL,uBAAmB,KAAK,IAAI;AAAA,EAC9B;AACA,UAAQ,KAAK,OAAO;AACtB;AACA,MAAM,qBAAqB,CACzB,eACA,MACA,EAAE,OAAO,QAAQ,GACjB,SACG;AACH,MAAI,YAAY,MAAM;AACpB;AAAA,MACE;AAAA,MACA,iBAAO,aAAa,KAAK,IAAI,IAAI,IAAI;AAAA,IACvC;AAAA,EACF,WAAW,OAAO,YAAY,UAAU;AACtC,aAAS,eAAe,OAAO;AAAA,EACjC;AACA,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,QAAQ,IAAI,IAAI,IAAI;AAAA,IACtC;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,UAAM,IAAI;AAAA,MACR,eAAe,aAAa,aAAa,IAAI,YAAY,KAAK;AAAA,IAChE;AAAA,EACF;AACF;AACe,SAAR,gBACL,WACA,cACM;AACN,QAAM;AAAA;AAAA;AAAA,IAGJ,aAAa,QAAQ,UAAU,QAAQ,WAAW,QAAQ;AAAA;AAG5D,SAAO,SAAS,yBAAyB,OAAO;AAC9C,QAAI,aAAa,QAAQ;AACvB;AAAA,QACE;AAAA,QACA,iBAAO,aAAa,kBAAkB,aAAa,MAAM;AAAA;AAAA,MAC3D;AAAA,IACF;AACA,uBAAmB,eAAe,eAAe,cAAc,WAAW;AAC1E,QAAI,aAAa,OAAO;AACtB,aAAO,KAAK,aAAa,KAAK,EAAE,QAAQ,CAAC,aAAa;AACpD,cAAM,QAAQ,MAAM,QAAQ;AAC5B,YAAI,CAAC,OAAO;AACV;AAAA,QACF;AACA,cAAM,kBAAkB,cAAc,QAAQ,QAAQ;AACtD,YAAI,iBAAiB,SAAS,KAAK,GAAG;AACpC,iBAAO;AAAA,YACL;AAAA,YACA,GAAG,QAAQ,IAAI,KAAK;AAAA,YACpB,iBAAiB,SAAS,KAAK;AAAA,YAC/B;AAAA,UACF;AAAA,QACF;AACA,YAAI,iBAAiB,SAAS,iBAAiB,SAAS;AACtD,iBAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAGA,WAAO,oCAAC,aAAW,GAAG,OAAO;AAAA,EAC/B;AACF;",
+  "names": []
+}