@digigov/ui 2.0.0-daaf7bdf → 2.0.0-e20fed09

package/navigation/NavList/index.js

@@ -11,10 +11,10 @@ export * from "@digigov/react-core/NavMenuContentListBase";
 export * from "@digigov/react-core/NavMenuContentListItem";
 export * from "@digigov/react-core/NavMenuTitle";
 export * from "@digigov/react-core/NavListItemActionContainer";
-export * from "@digigov/react-core/NavListItemAction";
+export * from "@digigov/ui/navigation/NavList/NavListItemAction";
 export * from "@digigov/react-core/NavListItemBadge";
 export * from "@digigov/react-core/NavListItemButton";
-export * from "@digigov/react-core/NavListItemLink";
+export * from "@digigov/ui/navigation/NavList/NavListItemLink";
 var NavList_default = NavList;
 export {
   NavList_default as default

package/navigation/NavList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/NavList/index.tsx"],
-  "sourcesContent": ["import NavList from '@digigov/react-core/NavList';\nexport * from '@digigov/ui/navigation/NavList/NavListAuto';\nexport * from '@digigov/ui/navigation/NavList/NavMenuContentList';\nexport * from '@digigov/ui/navigation/NavList/types';\nexport * from '@digigov/ui/navigation/NavList/hooks/useNavList';\n\nexport * from '@digigov/react-core/Nav';\nexport * from '@digigov/react-core/NavList';\nexport * from '@digigov/react-core/NavMenuContainer';\nexport * from '@digigov/react-core/NavMenuContent';\nexport * from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListItem';\nexport * from '@digigov/react-core/NavMenuTitle';\nexport * from '@digigov/react-core/NavListItemActionContainer';\nexport * from '@digigov/react-core/NavListItemAction';\nexport * from '@digigov/react-core/NavListItemBadge';\nexport * from '@digigov/react-core/NavListItemButton';\nexport * from '@digigov/react-core/NavListItemLink';\nexport default NavList;\n"],
-  "mappings": "AAAA,OAAO,aAAa;AACpB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,kBAAQ;",
+  "sourcesContent": ["import NavList from '@digigov/react-core/NavList';\nexport * from '@digigov/ui/navigation/NavList/NavListAuto';\nexport * from '@digigov/ui/navigation/NavList/NavMenuContentList';\nexport * from '@digigov/ui/navigation/NavList/types';\nexport * from '@digigov/ui/navigation/NavList/hooks/useNavList';\n\nexport * from '@digigov/react-core/Nav';\nexport * from '@digigov/react-core/NavList';\nexport * from '@digigov/react-core/NavMenuContainer';\nexport * from '@digigov/react-core/NavMenuContent';\nexport * from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListItem';\nexport * from '@digigov/react-core/NavMenuTitle';\nexport * from '@digigov/react-core/NavListItemActionContainer';\nexport * from '@digigov/ui/navigation/NavList/NavListItemAction';\nexport * from '@digigov/react-core/NavListItemBadge';\nexport * from '@digigov/react-core/NavListItemButton';\nexport * from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport default NavList;\n"],
+  "mappings": "AAAA,OAAO,aAAa;AACpB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,kBAAQ;",
   "names": []
 }

package/navigation/Pagination/Pagination.stories.d.ts

@@ -3,6 +3,8 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Pagination as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/navigation/Pagination/__stories__/Auto.d.ts

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

package/navigation/Pagination/__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/navigation/Pagination/__stories__/PaginationSmall.d.ts

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

package/navigation/Pagination/__stories__/PaginationWithSmallFont.d.ts

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

package/navigation/Pagination/__stories__/WithHook.d.ts

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

package/navigation/Pagination/__stories__/WithInactiveValues.d.ts

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

package/navigation/Pagination/__stories__/WithResultsPerPage.d.ts

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

package/navigation/Pagination/hooks/index.js

@@ -16,8 +16,8 @@ const usePagination = ({
   const totalPages = Math.ceil(total / currentResultsPerPage) - 1;
   const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;
   const currentPageResultsEnd = currentPage * currentResultsPerPage < total ? currentPage * currentResultsPerPage : total;
-  const labelRef = useRef();
-  const selectLabelRef = useRef();
+  const labelRef = useRef(void 0);
+  const selectLabelRef = useRef(void 0);
   useEffect(() => {
     setCurrentPage(totalPages < currentPage ? totalPages : currentPage);
   }, [currentPage, totalPages]);

package/navigation/Pagination/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Pagination/hooks.ts"],
-  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>();\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>();\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
-  "mappings": "AAAA,SAAgB,WAAW,SAAS,QAAQ,gBAAgB;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,WAAW;AAC9C,YAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,WAAW,OAAwC;AACzD,QAAM,iBAAiB,OAA0C;AAEjE,YAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>(undefined);\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>(undefined);\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
+  "mappings": "AAAA,SAAgB,WAAW,SAAS,QAAQ,gBAAgB;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,WAAW;AAC9C,YAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,WAAW,OAAwC,MAAS;AAClE,QAAM,iBAAiB,OAA0C,MAAS;AAE1E,YAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
   "names": []
 }

package/navigation/SkipLink/__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/navigation/Tabs/Tabs.stories.d.ts

@@ -4,6 +4,7 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { TabsBase as component };
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/navigation/Tabs/__stories__/Auto.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare function Auto(): React.JSX.Element;
+export declare function Auto(_: any): React.JSX.Element;
 export default Auto;

package/navigation/Tabs/__stories__/Default.d.ts

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

package/navigation/Tabs/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare function Dense(): React.JSX.Element;
+export declare function Dense(_: any): React.JSX.Element;
 export default Dense;

package/navigation/Tabs/__stories__/UsingAccordion.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare function UsingAccordion(): React.JSX.Element;
+export declare function UsingAccordion(_: any): React.JSX.Element;
 export default UsingAccordion;

package/navigation/Tabs/hooks/index.js

@@ -1,5 +1,5 @@
-import { useScreenSize } from "@digigov/ui/utils/hooks/useScreen";
 import React, { useState, useRef, useCallback } from "react";
+import { useScreenSize } from "@digigov/ui/utils/hooks/useScreen";
 const useTabs = ({
   defaultOpen = null
 } = {}) => {

package/navigation/Tabs/hooks.d.ts

@@ -13,7 +13,7 @@ export interface UseTabsReturn {
         tabIndex: number;
         onClick: (e: any) => void;
         onKeyDown: (e: React.KeyboardEvent) => void;
-        ref?: React.RefObject<HTMLAnchorElement>;
+        ref?: React.RefObject<HTMLAnchorElement | null>;
     };
     panel: (id: TabId) => {
         tab: TabId;

package/navigation/Tabs/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Tabs/hooks.ts"],
-  "sourcesContent": ["import { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\nimport React, { useState, useRef, useCallback } from 'react';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (\n    id: TabId\n  ) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement>;\n  };\n  panel: (\n    id: TabId\n  ) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize !='sm') {\n            e.preventDefault();\n          }        \n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAChB,IAAkB,CAAC,MAAqB;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAuB,WAAW;AACxE,QAAM,UAAU;AAAA,IACd,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,EAAE,WAAW,IAAI,cAAc;AAErC,QAAM,OAAO,YAAY,CAAC,OAAc;AACtC,mBAAe,EAAE;AACjB,YAAQ,QAAQ,IAAI,EAAE,GAAG,SAAS,MAAM;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW;AAAA,IACf,CAAC,cAAmC;AAClC,YAAM,eAAe,SAAS,eAAe,GAAG,MAAM,YAAY,IAAI,CAAC;AACvE,YAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC9C,YAAM,eAAe,KAAK,QAAQ,gBAAgB,WAAW;AAC7D,YAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,UAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,gBAAQ,QAAQ,IAAI,KAAK,QAAQ,CAAC,GAAG,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,OAAO;AAAA,EAC/B;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,OAAc;AACb,UAAI,CAAC,QAAQ,QAAQ,IAAI,EAAE,GAAG;AAC5B,YAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,yBAAe,EAAE;AAAA,QACnB;AACA,gBAAQ,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC3C;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,OAAO,EAAE;AAAA,QACb,MAAM,UAAU,EAAE;AAAA,QAClB,iBAAiB,gBAAgB;AAAA,QACjC,MAAM,gBAAgB;AAAA,QACtB,iBAAiB,SAAS,EAAE;AAAA,QAC5B,UAAU,gBAAgB,KAAK,IAAI;AAAA,QACnC,SAAS,CAAC,MAAM;AAId,cAAI,cAAc,QAAQ,cAAa,MAAM;AAC3C,cAAE,eAAe;AAAA,UACnB;AACA,eAAK,EAAE;AAAA,QACT;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,kBAAQ,EAAE,KAAK;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,MAAM;AACf;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,UAAU;AACnB;AAAA,YACF,KAAK;AACH,mBAAK,EAAE;AACP;AAAA,UACJ;AAAA,QACF;AAAA,QACA,KAAK,QAAQ,QAAQ,IAAI,EAAE;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO,EAAE;AAAA,MAC5B,IAAI,SAAS,EAAE;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (id: TabId) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement | null>;\n  };\n  panel: (id: TabId) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement | null>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize != 'sm') {\n            e.preventDefault();\n          }\n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AACrD,SAAS,qBAAqB;AA+BvB,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAChB,IAAkB,CAAC,MAAqB;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAuB,WAAW;AACxE,QAAM,UAAU;AAAA,IACd,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,EAAE,WAAW,IAAI,cAAc;AAErC,QAAM,OAAO,YAAY,CAAC,OAAc;AACtC,mBAAe,EAAE;AACjB,YAAQ,QAAQ,IAAI,EAAE,GAAG,SAAS,MAAM;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW;AAAA,IACf,CAAC,cAAmC;AAClC,YAAM,eAAe,SAAS,eAAe,GAAG,MAAM,YAAY,IAAI,CAAC;AACvE,YAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC9C,YAAM,eAAe,KAAK,QAAQ,gBAAgB,WAAW;AAC7D,YAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,UAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,gBAAQ,QAAQ,IAAI,KAAK,QAAQ,CAAC,GAAG,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,OAAO;AAAA,EAC/B;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,OAAc;AACb,UAAI,CAAC,QAAQ,QAAQ,IAAI,EAAE,GAAG;AAC5B,YAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,yBAAe,EAAE;AAAA,QACnB;AACA,gBAAQ,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC3C;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,OAAO,EAAE;AAAA,QACb,MAAM,UAAU,EAAE;AAAA,QAClB,iBAAiB,gBAAgB;AAAA,QACjC,MAAM,gBAAgB;AAAA,QACtB,iBAAiB,SAAS,EAAE;AAAA,QAC5B,UAAU,gBAAgB,KAAK,IAAI;AAAA,QACnC,SAAS,CAAC,MAAM;AAGd,cAAI,cAAc,QAAQ,cAAc,MAAM;AAC5C,cAAE,eAAe;AAAA,UACnB;AACA,eAAK,EAAE;AAAA,QACT;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,kBAAQ,EAAE,KAAK;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,MAAM;AACf;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,UAAU;AACnB;AAAA,YACF,KAAK;AACH,mBAAK,EAAE;AACP;AAAA,UACJ;AAAA,QACF;AAAA,QACA,KAAK,QAAQ,QAAQ,IAAI,EAAE;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO,EAAE;AAAA,MAC5B,IAAI,SAAS,EAAE;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,24 +1,26 @@
 {
   "name": "@digigov/ui",
-  "version": "2.0.0-daaf7bdf",
+  "version": "2.0.0-e20fed09",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@uides/react-qr-reader": "3.0.1-daaf7bdf",
-    "@digigov/react-icons": "2.0.0-daaf7bdf",
+    "@uides/react-qr-reader": "3.1.0-e20fed09",
+    "@digigov/react-icons": "2.0.0-e20fed09",
     "dompurify": "3.0.6",
     "highlight.js": "11.10.0"
   },
   "peerDependencies": {
-    "react-query": "2.26.4",
     "clsx": "1.1.1",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0",
-    "@digigov/react-core": "2.0.0-daaf7bdf",
-    "@digigov/css": "2.0.0-daaf7bdf",
-    "@digigov/theme-govgr-light": "1.1.0-daaf7bdf",
-    "@digigov/theme-govgr-dark": "2.0.0-daaf7bdf"
+    "react": "^18.3.0 || ^19.1.0",
+    "react-dom": "^18.3.0 || ^19.1.0",
+    "@digigov/react-core": "2.0.0-e20fed09",
+    "@digigov/css": "2.0.0-e20fed09"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,