@digigov/ui 2.0.0-daaf7bdf → 2.0.0-e20fed09

package/content/Chip/Chip.stories.d.ts

@@ -1,9 +1,47 @@
 declare namespace _default {
     export let title: string;
     export { Chip as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let onClick: boolean;
+        let onDelete: boolean;
+    }
+    namespace argTypes {
+        export namespace children_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { children_1 as children };
+        export namespace onClick_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { onClick_1 as onClick };
+        export namespace onDelete_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { onDelete_1 as onDelete };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/Chip/__stories__/Default";
 export { ClickableChip } from "@digigov/ui/content/Chip/__stories__/ClickableChip";
 export { DeletableChip } from "@digigov/ui/content/Chip/__stories__/DeletableChip";

package/content/Chip/__stories__/ClickableChip.d.ts

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

package/content/Chip/__stories__/ClickableDeletableChip.d.ts

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

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

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

package/content/Chip/__stories__/GroupOfChips.d.ts

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

package/content/Details/Details.stories.d.ts

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

package/content/Details/__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/List/List.stories.d.ts

@@ -3,13 +3,65 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { List 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 listStyle: string;
+        let layout: string;
+        let dense: boolean;
+        let listItems: string[];
+    }
+    namespace argTypes {
+        export namespace listStyle_1 {
+            let options: string[];
+            namespace control {
+                let type: string;
+            }
+        }
+        export { listStyle_1 as listStyle };
+        export namespace layout_1 {
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { layout_1 as layout };
+        export namespace dense_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { dense_1 as dense };
+        export namespace listItems_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { listItems_1 as listItems };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/List/__stories__/Default";
 export { BulletList } from "@digigov/ui/content/List/__stories__/BulletList";
 export { NumberedList } from "@digigov/ui/content/List/__stories__/NumberedList";
 export { HorizontalList } from "@digigov/ui/content/List/__stories__/HorizontalList";
 export { WithExtraSpace } from "@digigov/ui/content/List/__stories__/WithExtraSpace";
 export { NestedBulletList } from "@digigov/ui/content/List/__stories__/NestedBulletList";
-import List from '@digigov/ui/content/List';
+import { List } from '@digigov/ui/content/List/List';
+import React from 'react';

package/content/List/__stories__/BulletList.d.ts

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

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

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

package/content/List/__stories__/NestedBulletList.d.ts

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

package/content/List/__stories__/NumberedList.d.ts

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

package/content/List/__stories__/WithExtraSpace.d.ts

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

package/content/Markdown/__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/Markdown/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const Markdown: ({ children, content }: {
+export declare const Markdown: ({ children, content, }: {
     children?: React.ReactNode;
     content?: string;
 }) => React.JSX.Element;

package/content/Markdown/index.js

@@ -1,7 +1,10 @@
 import React from "react";
 import { useMarkdownToHTML } from "@digigov/ui/content/Markdown/useMarkdownToHTML";
 import SafeHTML from "@digigov/ui/content/SafeHTML";
-const Markdown = ({ children, content }) => {
+const Markdown = ({
+  children,
+  content
+}) => {
   content = content || children;
   const html = useMarkdownToHTML(content);
   return /* @__PURE__ */ React.createElement(SafeHTML, { content: html });

package/content/Markdown/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Markdown/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = ({ children, content }: { children?: React.ReactNode; content?: string }) => {\n  content = content || children as string;\n\n  const html = useMarkdownToHTML(content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAClC,OAAO,cAAc;AAEd,MAAM,WAAW,CAAC,EAAE,UAAU,QAAQ,MAAwD;AACnG,YAAU,WAAW;AAErB,QAAM,OAAO,kBAAkB,OAAO;AACtC,SAAO,oCAAC,YAAS,SAAS,MAAM;AAClC;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = ({\n  children,\n  content,\n}: {\n  children?: React.ReactNode;\n  content?: string;\n}) => {\n  content = content || (children as string);\n\n  const html = useMarkdownToHTML(content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAClC,OAAO,cAAc;AAEd,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,YAAU,WAAY;AAEtB,QAAM,OAAO,kBAAkB,OAAO;AACtC,SAAO,oCAAC,YAAS,SAAS,MAAM;AAClC;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/content/SafeHTML/__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/SafeHTML/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export declare const getClosingTags: (htmlString: any) => string[];
 export interface SafeHTMLProps {
     content: string;
-    tags?: Array<string>;
+    tags?: string[];
     Tag?: string;
     style?: React.CSSProperties;
 }

package/content/SafeHTML/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/SafeHTML/index.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function(node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: Array<string> = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: Array<string>;\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
-  "mappings": "AAAA,OAAO,SAAS,eAAe;AAC/B,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,YAAU,QAAQ,2BAA2B,SAAS,MAAM;AAC1D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAuB,CAAC;AAC9B,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,UAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function (node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: string[] = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: string[];\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
+  "mappings": "AAAA,OAAO,SAAS,eAAe;AAC/B,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,YAAU,QAAQ,2BAA2B,SAAU,MAAM;AAC3D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAkB,CAAC;AACzB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,UAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/content/StepNav/StepNav.stories.d.ts

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

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

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

package/content/StepNav/__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/content/StepNav/auto/index.js

@@ -4,7 +4,9 @@ import StepNav from "@digigov/react-core/StepNav";
 import {
   StepNavAccordion
 } from "@digigov/react-core/StepNavAccordion";
-import { useAccordion as useStepNav } from "@digigov/ui/content/Accordion/hooks";
+import {
+  useAccordion as useStepNav
+} from "@digigov/ui/content/Accordion/hooks";
 const StepNavContext = React.createContext(null);
 const StepNavAuto = ({
   singleOpen,

package/content/StepNav/auto.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { ButtonProps } from '@digigov/react-core/Button';
 import { StepNavAccordionProps } from '@digigov/react-core/StepNavAccordion';
-import { UseAccordionReturn as useStepNavReturn } from '@digigov/ui/content/Accordion/hooks';
-import { AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';
+import { UseAccordionReturn as useStepNavReturn, AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';
 export interface ButtonAutoProps extends ButtonProps {
 }
 export interface StepNavAccordionAutoProps extends StepNavAccordionProps {

package/content/StepNav/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/StepNav/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport StepNav from '@digigov/react-core/StepNav';\nimport {\n  StepNavAccordion,\n  StepNavAccordionProps,\n} from '@digigov/react-core/StepNavAccordion';\nimport { UseAccordionReturn as useStepNavReturn } from '@digigov/ui/content/Accordion/hooks';\nimport { AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';\nimport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAutoProps extends ButtonProps {}\nexport interface StepNavAccordionAutoProps extends StepNavAccordionProps {\n  id: string;\n}\n\nconst StepNavContext = React.createContext<useStepNavReturn | null>(null);\nexport const StepNavAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: StepNavItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useStepNav({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <StepNavContext.Provider value={accordion}>\n      <StepNav {...props}>{children}</StepNav>\n    </StepNavContext.Provider>\n  );\n};\nexport const useStepNavContext = (): useStepNavReturn | null => {\n  const context = useContext(StepNavContext);\n  return context;\n};\n\nexport const StepNavAccordionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionAutoProps\n>(function StepNavAccordionAuto({ id, ...props }, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavAccordionAuto must be used within an StepNavProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <StepNavAccordion\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const StepNavOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavOpenAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavOpenAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const StepNavCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavCloseAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavCloseAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
-  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AACpC,OAAO,aAAa;AACpB;AAAA,EACE;AAAA,OAEK;AAGP,SAAS,gBAAgB,kBAAkB;AAO3C,MAAM,iBAAiB,MAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,WAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,oCAAC,WAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,UAAU,WAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,2BAA2B,MAAM,WAG5C,SAASC,0BAAyB,OAAO,KAAK;AAC9C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,MAAM,WAG7C,SAASC,2BAA0B,OAAO,KAAK;AAC/C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport StepNav from '@digigov/react-core/StepNav';\nimport {\n  StepNavAccordion,\n  StepNavAccordionProps,\n} from '@digigov/react-core/StepNavAccordion';\nimport {\n  UseAccordionReturn as useStepNavReturn,\n  AccordionItemId as StepNavItemId,\n  useAccordion as useStepNav,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAutoProps extends ButtonProps {}\nexport interface StepNavAccordionAutoProps extends StepNavAccordionProps {\n  id: string;\n}\n\nconst StepNavContext = React.createContext<useStepNavReturn | null>(null);\nexport const StepNavAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: StepNavItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useStepNav({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <StepNavContext.Provider value={accordion}>\n      <StepNav {...props}>{children}</StepNav>\n    </StepNavContext.Provider>\n  );\n};\nexport const useStepNavContext = (): useStepNavReturn | null => {\n  const context = useContext(StepNavContext);\n  return context;\n};\n\nexport const StepNavAccordionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionAutoProps\n>(function StepNavAccordionAuto({ id, ...props }, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavAccordionAuto must be used within an StepNavProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <StepNavAccordion\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const StepNavOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavOpenAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavOpenAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const StepNavCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavCloseAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavCloseAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AACpC,OAAO,aAAa;AACpB;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EAGE,gBAAgB;AAAA,OACX;AAOP,MAAM,iBAAiB,MAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,WAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,oCAAC,WAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,UAAU,WAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,2BAA2B,MAAM,WAG5C,SAASC,0BAAyB,OAAO,KAAK;AAC9C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,MAAM,WAG7C,SAASC,2BAA0B,OAAO,KAAK;AAC/C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["StepNavAccordionAuto", "StepNavOpenAllButtonAuto", "StepNavCloseAllButtonAuto"]
 }

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

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

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__/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__/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,133 @@ 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 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 tableRowColor_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            let options_4: string[];
+            export { options_4 as options };
+        }
+        export { tableRowColor_1 as tableRowColor };
+        export namespace firstTableHeadCellWidth_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 { firstTableHeadCellWidth_1 as firstTableHeadCellWidth };
+        export namespace tableHeadCellDataType_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 { 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 +142,11 @@ 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 { 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;