@digigov/ui 2.0.0-85c27c19 → 2.0.0-8bbad051

package/content/StepNav/index.d.ts

@@ -9,7 +9,6 @@ import StepNavControls from '@digigov/react-core/StepNavControls';
 import StepNavList from '@digigov/react-core/StepNavList';
 import StepNavListItem from '@digigov/react-core/StepNavListItem';
 export * from '@digigov/ui/content/Accordion/hooks';
-export * from '@digigov/ui/content/StepNav/auto';
 export { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';
 export * from '@digigov/react-core/StepNavAccordion';
 export { StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, StepNavCircleNumber, StepNav, StepNavControls, StepNavList, StepNavListItem, };

package/content/StepNav/index.js

@@ -9,7 +9,6 @@ import StepNavControls from "@digigov/react-core/StepNavControls";
 import StepNavList from "@digigov/react-core/StepNavList";
 import StepNavListItem from "@digigov/react-core/StepNavListItem";
 export * from "@digigov/ui/content/Accordion/hooks";
-export * from "@digigov/ui/content/StepNav/auto";
 import { useAccordion } from "@digigov/ui/content/Accordion/hooks";
 export * from "@digigov/react-core/StepNavAccordion";
 var StepNav_default = StepNav;

package/content/StepNav/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/StepNav/index.tsx"],
-  "sourcesContent": ["import StepNav from '@digigov/react-core/StepNav';\nimport StepNavAccordionContent from '@digigov/react-core/StepNavAccordionContent';\nimport StepNavAccordionHeadingText from '@digigov/react-core/StepNavAccordionHeadingText';\nimport StepNavAccordionHeadingTitle from '@digigov/react-core/StepNavAccordionHeadingTitle';\nimport StepNavAccordionSummary from '@digigov/react-core/StepNavAccordionSummary';\nimport StepNavAccordionSummaryHeading from '@digigov/react-core/StepNavAccordionSummaryHeading';\nimport StepNavCircleNumber from '@digigov/react-core/StepNavCircleNumber';\nimport StepNavControls from '@digigov/react-core/StepNavControls';\nimport StepNavList from '@digigov/react-core/StepNavList';\nimport StepNavListItem from '@digigov/react-core/StepNavListItem';\nexport * from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/ui/content/StepNav/auto';\nexport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/react-core/StepNavAccordion';\nexport {\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n  StepNavCircleNumber,\n  StepNav,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n};\nexport default StepNav;\n"],
-  "mappings": "AAAA,OAAO,aAAa;AACpB,OAAO,6BAA6B;AACpC,OAAO,iCAAiC;AACxC,OAAO,kCAAkC;AACzC,OAAO,6BAA6B;AACpC,OAAO,oCAAoC;AAC3C,OAAO,yBAAyB;AAChC,OAAO,qBAAqB;AAC5B,OAAO,iBAAiB;AACxB,OAAO,qBAAqB;AAC5B,cAAc;AACd,cAAc;AACd,SAAyB,oBAAkB;AAC3C,cAAc;AAad,IAAO,kBAAQ;",
+  "sourcesContent": ["import StepNav from '@digigov/react-core/StepNav';\nimport StepNavAccordionContent from '@digigov/react-core/StepNavAccordionContent';\nimport StepNavAccordionHeadingText from '@digigov/react-core/StepNavAccordionHeadingText';\nimport StepNavAccordionHeadingTitle from '@digigov/react-core/StepNavAccordionHeadingTitle';\nimport StepNavAccordionSummary from '@digigov/react-core/StepNavAccordionSummary';\nimport StepNavAccordionSummaryHeading from '@digigov/react-core/StepNavAccordionSummaryHeading';\nimport StepNavCircleNumber from '@digigov/react-core/StepNavCircleNumber';\nimport StepNavControls from '@digigov/react-core/StepNavControls';\nimport StepNavList from '@digigov/react-core/StepNavList';\nimport StepNavListItem from '@digigov/react-core/StepNavListItem';\nexport * from '@digigov/ui/content/Accordion/hooks';\nexport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/react-core/StepNavAccordion';\nexport {\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n  StepNavCircleNumber,\n  StepNav,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n};\nexport default StepNav;\n"],
+  "mappings": "AAAA,OAAO,aAAa;AACpB,OAAO,6BAA6B;AACpC,OAAO,iCAAiC;AACxC,OAAO,kCAAkC;AACzC,OAAO,6BAA6B;AACpC,OAAO,oCAAoC;AAC3C,OAAO,yBAAyB;AAChC,OAAO,qBAAqB;AAC5B,OAAO,iBAAiB;AACxB,OAAO,qBAAqB;AAC5B,cAAc;AACd,SAAyB,oBAAkB;AAC3C,cAAc;AAad,IAAO,kBAAQ;",
   "names": []
 }

package/content/SummaryList/SummaryList.stories.d.ts

@@ -2,15 +2,28 @@ declare namespace _default {
     export let title: string;
     export let description: string;
     export let link: string;
-    export { SummaryList as component };
     export let displayName: string;
+    export { SummaryListExample as component };
+    export let tags: string[];
+    export { doc as markdown };
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let sm: number;
+        let md: number;
+        let lg: number;
+        let border: boolean;
+        let error: boolean;
+        let noLastBorder: boolean;
+        let itemBorder: boolean;
+        let showKey: boolean;
+        let showValue: boolean;
+        let showActions: boolean;
+    }
+}
 export { Default } from "@digigov/ui/content/SummaryList/__stories__/Default";
 export { WithActions } from "@digigov/ui/content/SummaryList/__stories__/WithActions";
-export { WithoutActions } from "@digigov/ui/content/SummaryList/__stories__/WithoutActions";
-export { WithNoLastBorder } from "@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder";
 export { WithoutBorders } from "@digigov/ui/content/SummaryList/__stories__/WithoutBorders";
-export { WithKeyAndAction } from "@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction";
-export { RowVariations } from "@digigov/ui/content/SummaryList/__stories__/RowVariations";
-import SummaryList from '@digigov/ui/content/SummaryList';
+export { WithError } from "@digigov/ui/content/SummaryList/__stories__/WithError";
+import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';

package/content/SummaryList/__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/content/SummaryList/__stories__/RowVariations.d.ts

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

package/content/SummaryList/__stories__/SummaryListExample.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { WidthValues } from '@digigov/ui/content/SummaryList';
+export declare const SummaryListExample: ({ sm, md, lg, border, error, noLastBorder, itemBorder, showKey, showValue, showActions, }: {
+    sm?: WidthValues;
+    md?: WidthValues;
+    lg?: WidthValues;
+    border?: boolean;
+    error?: boolean;
+    noLastBorder?: boolean;
+    itemBorder?: boolean;
+    showKey?: boolean;
+    showValue?: boolean;
+    showActions?: boolean;
+}) => React.JSX.Element;
+export default SummaryListExample;

package/content/SummaryList/__stories__/WithActions.d.ts

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

package/content/SummaryList/__stories__/WithError.d.ts

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

package/content/SummaryList/__stories__/WithKeyAndAction.d.ts

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

package/content/SummaryList/__stories__/WithNoLastBorder.d.ts

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

package/content/SummaryList/__stories__/WithoutActions.d.ts

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

package/content/SummaryList/__stories__/WithoutBorders.d.ts

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

package/content/Table/Table.stories.d.ts

@@ -3,9 +3,144 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Table as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let containerBorder: boolean;
+        let headerVariant: string;
+        let verticalBorders: boolean;
+        let variant: string;
+        let stacked: string;
+        let dense: boolean;
+        let tableCaptionSize: string;
+        let tableRowHighlight: boolean;
+        let tableCellHighlight: undefined;
+        let tableRowColor: string;
+        let firstTableHeadCellWidth: string;
+        let tableHeadCellDataType: string;
+    }
+    namespace argTypes {
+        export namespace containerBorder_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { containerBorder_1 as containerBorder };
+        export namespace headerVariant_1 {
+            export let options: string[];
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { headerVariant_1 as headerVariant };
+        export namespace verticalBorders_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { verticalBorders_1 as verticalBorders };
+        export namespace variant_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        export { variant_1 as variant };
+        export namespace stacked_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let options_2: string[];
+            export { options_2 as options };
+        }
+        export { stacked_1 as stacked };
+        export namespace dense_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+        }
+        export { dense_1 as dense };
+        export namespace tableCaptionSize_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            let options_3: string[];
+            export { options_3 as options };
+        }
+        export { tableCaptionSize_1 as tableCaptionSize };
+        export namespace tableRowHighlight_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
+        export { tableRowHighlight_1 as tableRowHighlight };
+        export namespace tableCellHighlight_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            let options_4: (string | undefined)[];
+            export { options_4 as options };
+        }
+        export { tableCellHighlight_1 as tableCellHighlight };
+        export namespace tableRowColor_1 {
+            export namespace control_9 {
+                let type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            let options_5: string[];
+            export { options_5 as options };
+        }
+        export { tableRowColor_1 as tableRowColor };
+        export namespace firstTableHeadCellWidth_1 {
+            export namespace control_10 {
+                let type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            let options_6: string[];
+            export { options_6 as options };
+        }
+        export { firstTableHeadCellWidth_1 as firstTableHeadCellWidth };
+        export namespace tableHeadCellDataType_1 {
+            export namespace control_11 {
+                let type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+            let options_7: string[];
+            export { options_7 as options };
+        }
+        export { tableHeadCellDataType_1 as tableHeadCellDataType };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/Table/__stories__/Default";
 export { TableCaptions } from "@digigov/ui/content/Table/__stories__/TableCaptions";
 export { NoData } from "@digigov/ui/content/Table/__stories__/NoData";
@@ -18,10 +153,12 @@ export { DarkVariant } from "@digigov/ui/content/Table/__stories__/DarkVariant";
 export { DarkVariantWithVerticalHeaders } from "@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders";
 export { WithLoader } from "@digigov/ui/content/Table/__stories__/WithLoader";
 export { DefinedWidth } from "@digigov/ui/content/Table/__stories__/DefinedWidth";
-export { Densed } from "@digigov/ui/content/Table/__stories__/Densed";
+export { Dense } from "@digigov/ui/content/Table/__stories__/Dense";
 export { RowColors } from "@digigov/ui/content/Table/__stories__/RowColors";
+export { UsingHighlights } from "@digigov/ui/content/Table/__stories__/UsingHighlights";
 export { MultipleProps } from "@digigov/ui/content/Table/__stories__/MultipleProps";
 export { WithSortFilters } from "@digigov/ui/content/Table/__stories__/WithSortFilters";
 export { WithFloatingScroll } from "@digigov/ui/content/Table/__stories__/WithFloatingScroll";
 export { Full } from "@digigov/ui/content/Table/__stories__/Full";
-import Table from '@digigov/ui/content/Table';
+import { Table } from '@digigov/ui/content/Table';
+import React from 'react';

package/content/Table/TableFloatingScroll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Table/TableFloatingScroll.tsx"],
-  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      if (ref.current?.offsetWidth) {\n        // @ts-ignore\n        setContainerWidth(ref.current.offsetWidth);\n\n      }\n      if (contentRef.current?.offsetWidth) {\n        // @ts-ignore\n        setWidth(contentRef.current.scrollWidth);\n      }\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
-  "mappings": "AAAA,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA+B,UAAU;AACzE,YAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ,WAAW;AACzC,aAAS,WAAW,QAAQ,WAAW;AACvC,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,aAAS,eAAe;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB;AAAA,MAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY,OAAO;AAAA,MACrB,WACE,iBAAiB;AAAA,MAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY,UAAU;AAAA,MACxB;AAAA,IACF;AACA,aAAS,gBAAgB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA,IAClD;AAEA,2BAAuB,iBAAiB,UAAU,aAAa;AAC/D,aAAS,iBAAiB,UAAU,YAAY;AAChD,WAAO,iBAAiB,UAAU,MAAM;AACtC,UAAI,IAAI,SAAS,aAAa;AAE5B,0BAAkB,IAAI,QAAQ,WAAW;AAAA,MAE3C;AACA,UAAI,WAAW,SAAS,aAAa;AAEnC,iBAAS,WAAW,QAAQ,WAAW;AAAA,MACzC;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU,aAAa;AAClE,eAAS,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX;AAAA,QACA,UAAU,GAAG,cAAc;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,KAAK;AAAA;AAAA,IAEL,oCAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      if (ref.current?.offsetWidth) {\n        // @ts-ignore\n        setContainerWidth(ref.current.offsetWidth);\n      }\n      if (contentRef.current?.offsetWidth) {\n        // @ts-ignore\n        setWidth(contentRef.current.scrollWidth);\n      }\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
+  "mappings": "AAAA,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA+B,UAAU;AACzE,YAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ,WAAW;AACzC,aAAS,WAAW,QAAQ,WAAW;AACvC,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,aAAS,eAAe;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB;AAAA,MAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY,OAAO;AAAA,MACrB,WACE,iBAAiB;AAAA,MAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY,UAAU;AAAA,MACxB;AAAA,IACF;AACA,aAAS,gBAAgB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA,IAClD;AAEA,2BAAuB,iBAAiB,UAAU,aAAa;AAC/D,aAAS,iBAAiB,UAAU,YAAY;AAChD,WAAO,iBAAiB,UAAU,MAAM;AACtC,UAAI,IAAI,SAAS,aAAa;AAE5B,0BAAkB,IAAI,QAAQ,WAAW;AAAA,MAC3C;AACA,UAAI,WAAW,SAAS,aAAa;AAEnC,iBAAS,WAAW,QAAQ,WAAW;AAAA,MACzC;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU,aAAa;AAClE,eAAS,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX;AAAA,QACA,UAAU,GAAG,cAAc;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,KAAK;AAAA;AAAA,IAEL,oCAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
   "names": []
 }

package/content/Table/__stories__/DarkVariant.d.ts

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

package/content/Table/__stories__/DarkVariantWithVerticalHeaders.d.ts

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

package/content/Table/__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/content/Table/__stories__/DefinedWidth.d.ts

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

package/content/Table/__stories__/Dense.d.ts

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

package/content/Table/__stories__/Full.d.ts

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

package/content/Table/__stories__/MultipleProps.d.ts

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

package/content/Table/__stories__/NoData.d.ts

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

package/content/Table/__stories__/NumericDataType.d.ts

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

package/content/Table/__stories__/RowColors.d.ts

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

package/content/Table/__stories__/Stacked.d.ts

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

package/content/Table/__stories__/TableCaptions.d.ts

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

package/content/Table/__stories__/UsingHighlights.d.ts

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

package/content/Table/__stories__/VerticalBorders.d.ts

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

package/content/Table/__stories__/VerticalHeaders.d.ts

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

package/content/Table/__stories__/WithFloatingScroll.d.ts

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

package/content/Table/__stories__/WithLoader.d.ts

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

package/content/Table/__stories__/WithSortFilters.d.ts

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

package/content/Table/__stories__/ZebraProp.d.ts

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

package/content/Table/hooks/useSort/index.js

@@ -1,5 +1,4 @@
-import { useState } from "react";
-import { useMemo } from "react";
+import { useState, useMemo } from "react";
 const useSort = (data) => {
   const [sortDataBy, setSortDataBy] = useState("");
   const [direction, setDirection] = useState(0);

package/content/Table/hooks/useSort.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Table/hooks/useSort.tsx"],
-  "sourcesContent": ["import { useState } from 'react';\nimport { useMemo } from 'react';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAWjB,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB,CAAC;AACxD,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG,IAAI;AAC9B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,UAAU,MAAM,KAAM,QAAO;AAC7D,eACE,EAAE,UAAU,EACT,SAAS,EACT,cAAc,EAAE,UAAU,EAAE,SAAS,GAAG,QAAW;AAAA,UAClD,SAAS;AAAA,QACX,CAAC,KAAK,YAAY,IAAI,IAAI;AAAA,MAEhC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,WAAW,UAAU,CAAC;AAEhC,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa,CAAC;AACd,oBAAc,EAAE;AAChB;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useState, useMemo } from 'react';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAW3B,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB,CAAC;AACxD,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG,IAAI;AAC9B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,UAAU,MAAM,KAAM,QAAO;AAC7D,eACE,EAAE,UAAU,EACT,SAAS,EACT,cAAc,EAAE,UAAU,EAAE,SAAS,GAAG,QAAW;AAAA,UAClD,SAAS;AAAA,QACX,CAAC,KAAK,YAAY,IAAI,IAAI;AAAA,MAEhC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,WAAW,UAAU,CAAC;AAEhC,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa,CAAC;AACd,oBAAc,EAAE;AAChB;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
   "names": []
 }

package/content/Table/index.js

@@ -16,7 +16,7 @@ const TableSortLabel = React.forwardRef(function TableSortLabel2({ labels, disab
     {
       ref: (el) => {
         dropdownRef.current = el;
-        typeof ref === "function" && ref(el);
+        if (typeof ref === "function") ref(el);
       },
       disabled,
       ...props
@@ -43,12 +43,12 @@ const TableSortLabel = React.forwardRef(function TableSortLabel2({ labels, disab
         tabIndex: 0,
         onClick: () => {
           onSort(1);
-          dropdownRef.current && (dropdownRef.current.open = false);
+          if (dropdownRef.current) dropdownRef.current.open = false;
         },
         onKeyDown: (e) => {
           if (e.key === "Enter") {
             onSort(1);
-            dropdownRef.current && (dropdownRef.current.open = false);
+            if (dropdownRef.current) dropdownRef.current.open = false;
           }
         }
       },
@@ -69,12 +69,12 @@ const TableSortLabel = React.forwardRef(function TableSortLabel2({ labels, disab
         tabIndex: 0,
         onClick: () => {
           onSort(-1);
-          dropdownRef.current && (dropdownRef.current.open = false);
+          if (dropdownRef.current) dropdownRef.current.open = false;
         },
         onKeyDown: (e) => {
           if (e.key === "Enter") {
             onSort(-1);
-            dropdownRef.current && (dropdownRef.current.open = false);
+            if (dropdownRef.current) dropdownRef.current.open = false;
           }
         }
       },

package/content/Table/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Table/index.tsx"],
-  "sourcesContent": ["import React, { useRef } from 'react';\nimport Table from '@digigov/react-core/Table';\nimport TableSortIconContainer from '@digigov/react-core/TableSortIconContainer';\nimport { type SortDirection } from '@digigov/ui/content/Table/hooks/useSort';\nimport { CaretIcon } from '@digigov/ui/icons';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n  DropdownProps,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport interface TableSortLabelProps extends DropdownProps {\n  labels: {\n    asc: string;\n    desc: string;\n  };\n  disabled?: boolean;\n  direction?: SortDirection;\n  onSort: (direction: SortDirection) => void;\n}\n\nexport const TableSortLabel = React.forwardRef<\n  HTMLDetailsElement,\n  TableSortLabelProps\n>(function TableSortLabel(\n  { labels, disabled, children, direction = 0, onSort, ...props },\n  ref\n) {\n  // TODO: this is a workaround for the dropdown component\n  // https://itnext.io/reusing-the-ref-from-forwardref-with-react-hooks-4ce9df693dd\n  const dropdownRef = useRef<HTMLDetailsElement | null>(null);\n  const active = [-1, 1].includes(direction);\n  return (\n    <Dropdown\n      ref={(el) => {\n        dropdownRef.current = el;\n        typeof ref === 'function' && ref(el);\n      }}\n      disabled={disabled}\n      {...props}\n    >\n      <DropdownButton variant=\"link\" tabIndex={0} underline={active}>\n        {children}\n        <TableSortIconContainer marginLeft={1}>\n          <CaretIcon\n            direction={'up'}\n            size=\"sm\"\n            color={direction === 1 ? 'dark' : 'gray'}\n          />\n          <CaretIcon\n            direction={'down'}\n            size=\"sm\"\n            color={direction === -1 ? 'dark' : 'gray'}\n          />\n        </TableSortIconContainer>\n      </DropdownButton>\n      <DropdownContent>\n        <NavList layout=\"vertical\">\n          <NavListItemAction\n            active={direction === 1}\n            tabIndex={0}\n            onClick={() => {\n              onSort(1);\n              dropdownRef.current && (dropdownRef.current.open = false);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(1);\n                dropdownRef.current && (dropdownRef.current.open = false);\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'up'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.asc}\n          </NavListItemAction>\n          <NavListItemAction\n            active={direction === -1}\n            tabIndex={0}\n            onClick={() => {\n              onSort(-1);\n              dropdownRef.current && (dropdownRef.current.open = false);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(-1);\n                dropdownRef.current && (dropdownRef.current.open = false);\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'down'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.desc}\n          </NavListItemAction>\n        </NavList>\n      </DropdownContent>\n    </Dropdown>\n  );\n});\n\nexport * from '@digigov/react-core/TableContainer';\nexport * from '@digigov/react-core/Table';\nexport * from '@digigov/react-core/TableBody';\nexport * from '@digigov/react-core/TableCaption';\nexport * from '@digigov/react-core/TableDataCell';\nexport * from '@digigov/react-core/TableHead';\nexport * from '@digigov/react-core/TableHeadCell';\nexport * from '@digigov/react-core/TableRow';\nexport * from '@digigov/react-core/TableNoDataRow';\nexport * from '@digigov/react-core/TableLoaderBackground';\nexport * from '@digigov/react-core/TableSortIconContainer';\nexport * from '@digigov/ui/content/Table/TableFloatingScroll';\nexport * from '@digigov/ui/content/Table/hooks/useSort';\n\nexport default Table;\n"],
-  "mappings": "AAAA,OAAO,SAAS,cAAc;AAC9B,OAAO,WAAW;AAClB,OAAO,4BAA4B;AAEnC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,SAAS,yBAAyB;AAYpC,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,QAAQ,UAAU,UAAU,YAAY,GAAG,QAAQ,GAAG,MAAM,GAC9D,KACA;AAGA,QAAM,cAAc,OAAkC,IAAI;AAC1D,QAAM,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,SAAS;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,CAAC,OAAO;AACX,oBAAY,UAAU;AACtB,eAAO,QAAQ,cAAc,IAAI,EAAE;AAAA,MACrC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ,oCAAC,kBAAe,SAAQ,QAAO,UAAU,GAAG,WAAW,UACpD,UACD,oCAAC,0BAAuB,YAAY,KAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO,cAAc,IAAI,SAAS;AAAA;AAAA,IACpC,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO,cAAc,KAAK,SAAS;AAAA;AAAA,IACrC,CACF,CACF;AAAA,IACA,oCAAC,uBACC,oCAAC,WAAQ,QAAO,cACd;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,cAAc;AAAA,QACtB,UAAU;AAAA,QACV,SAAS,MAAM;AACb,iBAAO,CAAC;AACR,sBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,QACrD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,CAAC;AACR,wBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,UACrD;AAAA,QACF;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA;AAAA,MACP;AAAA,MACC,OAAO;AAAA,IACV,GACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,cAAc;AAAA,QACtB,UAAU;AAAA,QACV,SAAS,MAAM;AACb,iBAAO,EAAE;AACT,sBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,QACrD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,EAAE;AACT,wBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,UACrD;AAAA,QACF;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA;AAAA,MACP;AAAA,MACC,OAAO;AAAA,IACV,CACF,CACF;AAAA,EACF;AAEJ,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,cAAc;AAEd,IAAO,gBAAQ;",
+  "sourcesContent": ["import React, { useRef } from 'react';\nimport Table from '@digigov/react-core/Table';\nimport TableSortIconContainer from '@digigov/react-core/TableSortIconContainer';\nimport { type SortDirection } from '@digigov/ui/content/Table/hooks/useSort';\nimport { CaretIcon } from '@digigov/ui/icons';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n  DropdownProps,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport interface TableSortLabelProps extends DropdownProps {\n  labels: {\n    asc: string;\n    desc: string;\n  };\n  disabled?: boolean;\n  direction?: SortDirection;\n  onSort: (direction: SortDirection) => void;\n}\n\nexport const TableSortLabel = React.forwardRef<\n  HTMLDetailsElement,\n  TableSortLabelProps\n>(function TableSortLabel(\n  { labels, disabled, children, direction = 0, onSort, ...props },\n  ref\n) {\n  // TODO: this is a workaround for the dropdown component\n  // https://itnext.io/reusing-the-ref-from-forwardref-with-react-hooks-4ce9df693dd\n  const dropdownRef = useRef<HTMLDetailsElement | null>(null);\n  const active = [-1, 1].includes(direction);\n  return (\n    <Dropdown\n      ref={(el) => {\n        dropdownRef.current = el;\n        if (typeof ref === 'function') ref(el);\n      }}\n      disabled={disabled}\n      {...props}\n    >\n      <DropdownButton variant=\"link\" tabIndex={0} underline={active}>\n        {children}\n        <TableSortIconContainer marginLeft={1}>\n          <CaretIcon\n            direction={'up'}\n            size=\"sm\"\n            color={direction === 1 ? 'dark' : 'gray'}\n          />\n          <CaretIcon\n            direction={'down'}\n            size=\"sm\"\n            color={direction === -1 ? 'dark' : 'gray'}\n          />\n        </TableSortIconContainer>\n      </DropdownButton>\n      <DropdownContent>\n        <NavList layout=\"vertical\">\n          <NavListItemAction\n            active={direction === 1}\n            tabIndex={0}\n            onClick={() => {\n              onSort(1);\n              if (dropdownRef.current) dropdownRef.current.open = false;\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(1);\n                if (dropdownRef.current) dropdownRef.current.open = false;\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'up'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.asc}\n          </NavListItemAction>\n          <NavListItemAction\n            active={direction === -1}\n            tabIndex={0}\n            onClick={() => {\n              onSort(-1);\n              if (dropdownRef.current) dropdownRef.current.open = false;\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(-1);\n                if (dropdownRef.current) dropdownRef.current.open = false;\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'down'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.desc}\n          </NavListItemAction>\n        </NavList>\n      </DropdownContent>\n    </Dropdown>\n  );\n});\n\nexport * from '@digigov/react-core/TableContainer';\nexport * from '@digigov/react-core/Table';\nexport * from '@digigov/react-core/TableBody';\nexport * from '@digigov/react-core/TableCaption';\nexport * from '@digigov/react-core/TableDataCell';\nexport * from '@digigov/react-core/TableHead';\nexport * from '@digigov/react-core/TableHeadCell';\nexport * from '@digigov/react-core/TableRow';\nexport * from '@digigov/react-core/TableNoDataRow';\nexport * from '@digigov/react-core/TableLoaderBackground';\nexport * from '@digigov/react-core/TableSortIconContainer';\nexport * from '@digigov/ui/content/Table/TableFloatingScroll';\nexport * from '@digigov/ui/content/Table/hooks/useSort';\n\nexport default Table;\n"],
+  "mappings": "AAAA,OAAO,SAAS,cAAc;AAC9B,OAAO,WAAW;AAClB,OAAO,4BAA4B;AAEnC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,SAAS,yBAAyB;AAYpC,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,QAAQ,UAAU,UAAU,YAAY,GAAG,QAAQ,GAAG,MAAM,GAC9D,KACA;AAGA,QAAM,cAAc,OAAkC,IAAI;AAC1D,QAAM,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,SAAS;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,CAAC,OAAO;AACX,oBAAY,UAAU;AACtB,YAAI,OAAO,QAAQ,WAAY,KAAI,EAAE;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ,oCAAC,kBAAe,SAAQ,QAAO,UAAU,GAAG,WAAW,UACpD,UACD,oCAAC,0BAAuB,YAAY,KAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO,cAAc,IAAI,SAAS;AAAA;AAAA,IACpC,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO,cAAc,KAAK,SAAS;AAAA;AAAA,IACrC,CACF,CACF;AAAA,IACA,oCAAC,uBACC,oCAAC,WAAQ,QAAO,cACd;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,cAAc;AAAA,QACtB,UAAU;AAAA,QACV,SAAS,MAAM;AACb,iBAAO,CAAC;AACR,cAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,QACtD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,CAAC;AACR,gBAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,UACtD;AAAA,QACF;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA;AAAA,MACP;AAAA,MACC,OAAO;AAAA,IACV,GACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,cAAc;AAAA,QACtB,UAAU;AAAA,QACV,SAAS,MAAM;AACb,iBAAO,EAAE;AACT,cAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,QACtD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,EAAE;AACT,gBAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,UACtD;AAAA,QACF;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA;AAAA,MACP;AAAA,MACC,OAAO;AAAA,IACV,CACF,CACF;AAAA,EACF;AAEJ,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,cAAc;AAEd,IAAO,gBAAQ;",
   "names": ["TableSortLabel"]
 }

package/content/TaskList/TaskList.stories.d.ts

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

package/content/TaskList/__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/content/TaskList/__stories__/Dense.d.ts

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

package/content/Timeline/Timeline.stories.d.ts

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

package/content/Timeline/__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/content/Timeline/__stories__/Dense.d.ts

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