@digigov/ui 2.0.0-76ec20a0 → 2.0.0-7d765d3c

package/cjs/typography/CodeBlock/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/CodeBlock/index.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(\n  function CodeBlock({\n    children,\n    language,\n    copyToClipboard,\n    highlighted,\n    showLineNumbers,\n    phaseBannerTagName,\n    highlightLines,\n    ref,\n    ...props\n  }) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAe;AACf,kBAAiB;AACjB,sBAAqB;AACrB,oBAAmB;AACnB,iBAAgB;AAEhB,gCAA+B;AAC/B,8BAA6B;AAC7B,6BAA4B;AAC5B,sBAAgC;AAChC,yBAA+B;AAC/B,oBAAuB;AAyGvB,8BAAc,iDAxHd;AAyHA,8BAAc,gDAzHd;AA0HA,8BAAc,mDA1Hd;AA0BA,MAAM,cAAc;AAAA,EAClB,YAAY,kBAAAA;AAAA,EACZ,QAAQ,cAAAC;AAAA,EACR,MAAM,YAAAC;AAAA,EACN,KAAK,WAAAC;AAAA,EACL,UAAU,gBAAAC;AAAA,EACV,MAAM,YAAAC;AACR;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAsC,aAAAC,QAAM;AAAA,EACvD,SAASC,WAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,oBAAAC,QAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,YAAAA,QAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,sBAAAA,QAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,YAAAA,QAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,6BAAAF,QAAA,cAAC,0BAAAG,SAAA,EAAmB,KAAW,GAAG,SAChC,6BAAAH,QAAA;AAAA,MAAC,uBAAAI;AAAA,MAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,6BAAAJ,QAAA,cAAC,yCAAgB,kBAAmB;AAAA,MAErC,mBACC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,6BAAAA,QAAA,cAAC,wBAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,6BAAAA,QAAA,cAAC,wBAAAK,SAAA,EAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd,6BAAAL,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAKA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock = React.forwardRef<HTMLDivElement, CodeBlockProps>(\n  function CodeBlock(\n    {\n      children,\n      language,\n      copyToClipboard,\n      highlighted,\n      showLineNumbers,\n      phaseBannerTagName,\n      highlightLines,\n      ...props\n    },\n    ref\n  ) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAe;AACf,kBAAiB;AACjB,sBAAqB;AACrB,oBAAmB;AACnB,iBAAgB;AAEhB,gCAA+B;AAC/B,8BAA6B;AAC7B,6BAA4B;AAC5B,sBAAgC;AAChC,yBAA+B;AAC/B,oBAAuB;AA2GvB,8BAAc,iDA1Hd;AA2HA,8BAAc,gDA3Hd;AA4HA,8BAAc,mDA5Hd;AA0BA,MAAM,cAAc;AAAA,EAClB,YAAY,kBAAAA;AAAA,EACZ,QAAQ,cAAAC;AAAA,EACR,MAAM,YAAAC;AAAA,EACN,KAAK,WAAAC;AAAA,EACL,UAAU,gBAAAC;AAAA,EACV,MAAM,YAAAC;AACR;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAY,aAAAC,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,oBAAAC,QAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,YAAAA,QAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,sBAAAA,QAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,YAAAA,QAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,6BAAAF,QAAA,cAAC,0BAAAG,SAAA,EAAmB,KAAW,GAAG,SAChC,6BAAAH,QAAA;AAAA,MAAC,uBAAAI;AAAA,MAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,6BAAAJ,QAAA,cAAC,yCAAgB,kBAAmB;AAAA,MAErC,mBACC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,6BAAAA,QAAA,cAAC,wBAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,6BAAAA,QAAA,cAAC,wBAAAK,SAAA,EAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd,6BAAAL,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAKA,IAAO,oBAAQ;",
   "names": ["js", "python", "bash", "xml", "markdown", "json", "React", "CodeBlock", "hljs", "CodeBlockContainer", "CodeBlockHeader", "CodeBlockContent"]
 }

package/cjs/utils/hooks/useDebounce/index.js

@@ -35,7 +35,7 @@ var React = __toESM(require("react"));
 var import_useLatest = __toESM(require("@digigov/ui/utils/hooks/useLatest"));
 const useDebounceCallback = (callback, wait = 100, leading = false) => {
   const storedCallback = (0, import_useLatest.default)(callback);
-  const timeout = React.useRef();
+  const timeout = React.useRef(void 0);
   const deps = [wait, leading, storedCallback];
   React.useEffect(
     () => () => {

package/cjs/utils/hooks/useDebounce.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/utils/hooks/useDebounce.ts"],
-  "sourcesContent": ["import * as React from 'react';\nimport useLatest from '@digigov/ui/utils/hooks/useLatest';\n\nexport const useDebounceCallback = <CallbackArgs extends any[]>(\n  callback: (...args: CallbackArgs) => void,\n  wait = 100,\n  leading = false\n): ((...args: CallbackArgs) => void) => {\n  const storedCallback = useLatest(callback);\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const deps = [wait, leading, storedCallback];\n  // Cleans up pending timeouts when the deps change\n  React.useEffect(\n    () => () => {\n      if (timeout.current) clearTimeout(timeout.current);\n      timeout.current = void 0;\n    },\n    deps\n  );\n\n  return React.useCallback(function () {\n    // eslint-disable-next-line prefer-rest-params\n    const args = arguments;\n    const { current } = timeout;\n    // Calls on leading edge\n    if (current === void 0 && leading) {\n      timeout.current = setTimeout(() => {\n        timeout.current = void 0;\n      }, wait);\n\n      return storedCallback.current.apply(null, args as any);\n    }\n    // Clear the timeout every call and start waiting again\n    if (current) clearTimeout(current);\n    // Waits for `wait` before invoking the callback\n    timeout.current = setTimeout(() => {\n      timeout.current = void 0;\n      storedCallback.current.apply(null, args as any);\n    }, wait);\n  }, deps);\n};\n\nexport const useDebounce = <State>(\n  initialState: State | (() => State),\n  wait?: number,\n  leading?: boolean\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  const state = React.useState(initialState);\n  return [state[0], useDebounceCallback(state[1], wait, leading)];\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,uBAAsB;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,qBAAiB,iBAAAA,SAAU,QAAQ;AACzC,QAAM,UAAU,MAAM,OAAsC;AAC5D,QAAM,OAAO,CAAC,MAAM,SAAS,cAAc;AAE3C,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,QAAQ,QAAS,cAAa,QAAQ,OAAO;AACjD,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,WAAY;AAEnC,UAAM,OAAO;AACb,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAI,YAAY,UAAU,SAAS;AACjC,cAAQ,UAAU,WAAW,MAAM;AACjC,gBAAQ,UAAU;AAAA,MACpB,GAAG,IAAI;AAEP,aAAO,eAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IACvD;AAEA,QAAI,QAAS,cAAa,OAAO;AAEjC,YAAQ,UAAU,WAAW,MAAM;AACjC,cAAQ,UAAU;AAClB,qBAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IAChD,GAAG,IAAI;AAAA,EACT,GAAG,IAAI;AACT;AAEO,MAAM,cAAc,CACzB,cACA,MACA,YACyD;AACzD,QAAM,QAAQ,MAAM,SAAS,YAAY;AACzC,SAAO,CAAC,MAAM,CAAC,GAAG,oBAAoB,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;AAChE;",
+  "sourcesContent": ["import * as React from 'react';\nimport useLatest from '@digigov/ui/utils/hooks/useLatest';\n\nexport const useDebounceCallback = <CallbackArgs extends any[]>(\n  callback: (...args: CallbackArgs) => void,\n  wait = 100,\n  leading = false\n): ((...args: CallbackArgs) => void) => {\n  const storedCallback = useLatest(callback);\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>(undefined);\n  const deps = [wait, leading, storedCallback];\n  // Cleans up pending timeouts when the deps change\n  React.useEffect(\n    () => () => {\n      if (timeout.current) clearTimeout(timeout.current);\n      timeout.current = void 0;\n    },\n    deps\n  );\n\n  return React.useCallback(function () {\n    // eslint-disable-next-line prefer-rest-params\n    const args = arguments;\n    const { current } = timeout;\n    // Calls on leading edge\n    if (current === void 0 && leading) {\n      timeout.current = setTimeout(() => {\n        timeout.current = void 0;\n      }, wait);\n\n      return storedCallback.current.apply(null, args as any);\n    }\n    // Clear the timeout every call and start waiting again\n    if (current) clearTimeout(current);\n    // Waits for `wait` before invoking the callback\n    timeout.current = setTimeout(() => {\n      timeout.current = void 0;\n      storedCallback.current.apply(null, args as any);\n    }, wait);\n  }, deps);\n};\n\nexport const useDebounce = <State>(\n  initialState: State | (() => State),\n  wait?: number,\n  leading?: boolean\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  const state = React.useState(initialState);\n  return [state[0], useDebounceCallback(state[1], wait, leading)];\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,uBAAsB;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,qBAAiB,iBAAAA,SAAU,QAAQ;AACzC,QAAM,UAAU,MAAM,OAAsC,MAAS;AACrE,QAAM,OAAO,CAAC,MAAM,SAAS,cAAc;AAE3C,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,QAAQ,QAAS,cAAa,QAAQ,OAAO;AACjD,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,WAAY;AAEnC,UAAM,OAAO;AACb,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAI,YAAY,UAAU,SAAS;AACjC,cAAQ,UAAU,WAAW,MAAM;AACjC,gBAAQ,UAAU;AAAA,MACpB,GAAG,IAAI;AAEP,aAAO,eAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IACvD;AAEA,QAAI,QAAS,cAAa,OAAO;AAEjC,YAAQ,UAAU,WAAW,MAAM;AACjC,cAAQ,UAAU;AAClB,qBAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IAChD,GAAG,IAAI;AAAA,EACT,GAAG,IAAI;AACT;AAEO,MAAM,cAAc,CACzB,cACA,MACA,YACyD;AACzD,QAAM,QAAQ,MAAM,SAAS,YAAY;AACzC,SAAO,CAAC,MAAM,CAAC,GAAG,oBAAoB,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;AAChE;",
   "names": ["useLatest"]
 }

package/content/Accordion/Accordion.stories.d.ts

@@ -13,6 +13,7 @@ export namespace WithControls {
     namespace args {
         let title_1: string;
         export { title_1 as title };
+        export let variant: string;
         export let hint: boolean;
         export let hintMessage: string;
         export let content: string;
@@ -27,20 +28,29 @@ export namespace WithControls {
             }
         }
         export { title_2 as title };
-        export namespace hint_1 {
+        export namespace variant_1 {
+            export let options: string[];
             export namespace control_1 {
                 let type_1: string;
                 export { type_1 as type };
             }
             export { control_1 as control };
         }
-        export { hint_1 as hint };
-        export namespace hintMessage_1 {
+        export { variant_1 as variant };
+        export namespace hint_1 {
             export namespace control_2 {
                 let type_2: string;
                 export { type_2 as type };
             }
             export { control_2 as control };
+        }
+        export { hint_1 as hint };
+        export namespace hintMessage_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
             export namespace _if {
                 let arg: string;
                 let eq: boolean;
@@ -49,23 +59,14 @@ export namespace WithControls {
         }
         export { hintMessage_1 as hintMessage };
         export namespace content_1 {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-        }
-        export { content_1 as content };
-        export namespace horizontalBorders_1 {
-            export let options: string[];
             export namespace control_4 {
                 let type_4: string;
                 export { type_4 as type };
             }
             export { control_4 as control };
         }
-        export { horizontalBorders_1 as horizontalBorders };
-        export namespace summaryColor_1 {
+        export { content_1 as content };
+        export namespace horizontalBorders_1 {
             let options_1: string[];
             export { options_1 as options };
             export namespace control_5 {
@@ -74,14 +75,24 @@ export namespace WithControls {
             }
             export { control_5 as control };
         }
-        export { summaryColor_1 as summaryColor };
-        export namespace dense_1 {
+        export { horizontalBorders_1 as horizontalBorders };
+        export namespace summaryColor_1 {
+            let options_2: string[];
+            export { options_2 as options };
             export namespace control_6 {
                 let type_6: string;
                 export { type_6 as type };
             }
             export { control_6 as control };
         }
+        export { summaryColor_1 as summaryColor };
+        export namespace dense_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
         export { dense_1 as dense };
     }
 }

package/content/Accordion/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Accordion/hooks.ts"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement | null>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
   "mappings": "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",
   "names": []
 }

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/SummaryList/SummaryList.stories.d.ts

@@ -8,7 +8,7 @@ declare namespace _default {
     export { doc as markdown };
 }
 export default _default;
-export namespace Default {
+export namespace WithControls {
     namespace args {
         let sm: number;
         let md: number;
@@ -21,4 +21,7 @@ export namespace Default {
         let showActions: boolean;
     }
 }
+export { Default } from "@digigov/ui/content/SummaryList/__stories__/Default";
+export { WithActions } from "@digigov/ui/content/SummaryList/__stories__/WithActions";
+export { WithoutBorders } from "@digigov/ui/content/SummaryList/__stories__/WithoutBorders";
 import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';

package/feedback/NotificationBanner/NotificationBanner.stories.d.ts

@@ -10,6 +10,8 @@ declare namespace _default {
 export default _default;
 export namespace WithControls {
     namespace args {
+        export let variant: string;
+        export let dense: boolean;
         let title_1: string;
         export { title_1 as title };
         export let children: string;
@@ -18,49 +20,47 @@ export namespace WithControls {
             let href: string;
         }
         export { link_1 as link };
-        export let variant: string;
-        export let dense: boolean;
     }
     namespace argTypes {
-        export namespace title_2 {
+        export namespace variant_1 {
+            let options: string[];
             namespace control {
                 let type: string;
             }
         }
-        export { title_2 as title };
-        export namespace children_1 {
+        export { variant_1 as variant };
+        export namespace dense_1 {
             export namespace control_1 {
                 let type_1: string;
                 export { type_1 as type };
             }
             export { control_1 as control };
         }
-        export { children_1 as children };
-        export namespace link_2 {
+        export { dense_1 as dense };
+        export namespace title_2 {
             export namespace control_2 {
                 let type_2: string;
                 export { type_2 as type };
             }
             export { control_2 as control };
         }
-        export { link_2 as link };
-        export namespace variant_1 {
-            export let options: string[];
+        export { title_2 as title };
+        export namespace children_1 {
             export namespace control_3 {
                 let type_3: string;
                 export { type_3 as type };
             }
             export { control_3 as control };
         }
-        export { variant_1 as variant };
-        export namespace dense_1 {
+        export { children_1 as children };
+        export namespace link_2 {
             export namespace control_4 {
                 let type_4: string;
                 export { type_4 as type };
             }
             export { control_4 as control };
         }
-        export { dense_1 as dense };
+        export { link_2 as link };
     }
     namespace parameters {
         namespace controls {
@@ -71,4 +71,5 @@ export namespace WithControls {
 export { Default } from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
 export { Success } from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
 export { Dense } from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";
+export { Expanded } from "@digigov/ui/feedback/NotificationBanner/__stories__/Expanded";
 import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';

package/feedback/NotificationBanner/__stories__/Expanded.d.ts

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

package/feedback/PhaseBanner/PhaseBanner.stories.d.ts

@@ -11,8 +11,8 @@ export default _default;
 export namespace WithControls {
     function render(args: any): React.JSX.Element;
     namespace args {
-        let tag: string;
         let underline: boolean;
+        let tag: string;
     }
     namespace argTypes {
         export namespace underline_1 {

package/form/AutoComplete/AutoComplete.stories.d.ts

@@ -11,8 +11,10 @@ export namespace WithControls {
     namespace args {
         let width: string;
         let id: string;
-        let multiple: boolean;
         let autoselect: boolean;
+        let multiple: boolean;
+        let hint: boolean;
+        let placeholder: string;
         let minLength: number;
         let numberOfSelected: number;
         let defaultValue: string;
@@ -33,52 +35,89 @@ export namespace WithControls {
             export { control_1 as control };
         }
         export { id_1 as id };
-        export namespace multiple_1 {
+        export namespace autoselect_1 {
             export namespace control_2 {
                 let type_2: string;
                 export { type_2 as type };
             }
             export { control_2 as control };
+            export namespace _if {
+                let arg: string;
+                let eq: boolean;
+            }
+            export { _if as if };
         }
-        export { multiple_1 as multiple };
-        export namespace autoselect_1 {
+        export { autoselect_1 as autoselect };
+        export namespace multiple_1 {
             export namespace control_3 {
                 let type_3: string;
                 export { type_3 as type };
             }
             export { control_3 as control };
+            export namespace _if_1 {
+                let arg_1: string;
+                export { arg_1 as arg };
+                let eq_1: boolean;
+                export { eq_1 as eq };
+            }
+            export { _if_1 as if };
         }
-        export { autoselect_1 as autoselect };
-        export namespace minLength_1 {
+        export { multiple_1 as multiple };
+        export namespace hint_1 {
             export namespace control_4 {
                 let type_4: string;
                 export { type_4 as type };
             }
             export { control_4 as control };
         }
-        export { minLength_1 as minLength };
-        export namespace numberOfSelected_1 {
+        export { hint_1 as hint };
+        export namespace placeholder_1 {
             export namespace control_5 {
                 let type_5: string;
                 export { type_5 as type };
-                let options_1: (string | number | undefined)[];
-                export { options_1 as options };
             }
             export { control_5 as control };
-            export namespace _if {
-                let arg: string;
-                let eq: boolean;
+            export namespace _if_2 {
+                let arg_2: string;
+                export { arg_2 as arg };
+                let eq_2: boolean;
+                export { eq_2 as eq };
             }
-            export { _if as if };
+            export { _if_2 as if };
         }
-        export { numberOfSelected_1 as numberOfSelected };
-        export namespace defaultValue_1 {
+        export { placeholder_1 as placeholder };
+        export namespace minLength_1 {
             export namespace control_6 {
                 let type_6: string;
                 export { type_6 as type };
             }
             export { control_6 as control };
         }
+        export { minLength_1 as minLength };
+        export namespace numberOfSelected_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+                let options_1: (string | number | undefined)[];
+                export { options_1 as options };
+            }
+            export { control_7 as control };
+            export namespace _if_3 {
+                let arg_3: string;
+                export { arg_3 as arg };
+                let eq_3: boolean;
+                export { eq_3 as eq };
+            }
+            export { _if_3 as if };
+        }
+        export { numberOfSelected_1 as numberOfSelected };
+        export namespace defaultValue_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+        }
         export { defaultValue_1 as defaultValue };
     }
     namespace parameters {
@@ -94,6 +133,8 @@ export { MultipleShowingTwoSelected } from "@digigov/ui/form/AutoComplete/__stor
 export { MultipleWithMinLength } from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength";
 export { WithAutoSelect } from "@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect";
 export { WithDefaultValue } from "@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue";
+export { WithCustomValue } from "@digigov/ui/form/AutoComplete/__stories__/WithCustomValue";
+export { WithHint } from "@digigov/ui/form/AutoComplete/__stories__/WithHint";
 export { WithPlaceHolder } from "@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder";
 export { WithShowAllValues } from "@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues";
 export { WithMinLength } from "@digigov/ui/form/AutoComplete/__stories__/WithMinLength";

package/form/AutoComplete/Status/index.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import { Component, type JSX } from 'react';
 import AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
 import AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';
 interface StatusProps {

package/form/AutoComplete/Status/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/AutoComplete/Status/index.tsx"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
-  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AACjC,OAAO,wBAAwB;AAC/B,OAAO,iCAAiC;AAExC,MAAM,WAAW,SACf,MACA,MACA,WACA;AACA,MAAI;AACJ,SAAO,YAAa,MAAM;AAIxB,UAAM,UAAU;AAChB,UAAM,QAAQ,WAAY;AACxB,gBAAU;AACV,UAAI,CAAC,UAAW,MAAK,MAAM,SAAS,IAAI;AAAA,IAC1C;AACA,UAAM,UAAU,aAAa,CAAC;AAC9B,iBAAa,OAAO;AACpB,cAAU,WAAW,OAAO,IAAI;AAChC,QAAI,QAAS,MAAK,MAAM,SAAS,IAAI;AACrC,WAAO;AAAA,EACT;AACF;AACA,MAAM,uBAAuB;AAuB7B,MAAO,eAA6B,UAAmC;AAAA,EAAvE;AAAA;AAoBE,iBAAQ;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA;AAAA,EAvBA;AAAA,SAAO,eAAe;AAAA,MACpB,gBAAgB,CAAC,mBACf,WAAW,cAAc;AAAA,MAC3B,YAAY,MAAc;AAAA,MAC1B,iBAAiB,CACf,gBACA,QACA,UACW,GAAG,cAAc,IAAI,QAAQ,CAAC,OAAO,MAAM;AAAA,MACxD,UAAU,CAAC,QAAgB,0BAA0C;AACnE,cAAM,QAAQ;AAAA,UACZ,QAAQ,WAAW,IAAI,WAAW;AAAA,UAClC,IAAI,WAAW,IAAI,OAAO;AAAA,QAC5B;AAEA,eAAO,GAAG,MAAM,IAAI,MAAM,MAAM,IAAI,MAAM,EAAE,eAAe,qBAAqB;AAAA,MAClF;AAAA,IACF;AAAA;AAAA,EASA,uBAA6B;AAC3B,iBAAa,KAAK,gBAAgB;AAAA,EACpC;AAAA,EACA,4BAA4B;AAE1B,UAAM,OAAO;AACb,SAAK,uBAAuB,SAAS,WAAY;AAC/C,UAAI,CAAC,KAAK,MAAM,WAAW;AACzB,cAAM,gBACJ,CAAC,KAAK,MAAM,aAAa,KAAK,MAAM;AACtC,aAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,UAC3B,MAAM,CAAC;AAAA,UACP,WAAW;AAAA,UACX,UAAU;AAAA,QACZ,EAAE;AAAA,MACJ;AAAA,IACF,GAAG,oBAAoB;AAAA,EACzB;AAAA,EAEA,mCAAmC;AACjC,SAAK,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,EACpC;AAAA,EAEA,SAAsB;AACpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,MAAM,WAAW,SAAS,IAAI,KAAK;AAE3C,UAAM,gBAAgB,cAAe;AACrC,UAAM,YAAY,WAAW;AAE7B,UAAM,wBAAwB,iBAC1B,gBAAgB,gBAAgB,QAAQ,mBAAmB,IAC3D;AAEJ,QAAI;AACJ,QAAI,eAAe;AACjB,gBAAU,iBAAiB,cAAwB;AAAA,IACrD,WAAW,WAAW;AACpB,gBAAU,aAAa;AAAA,IACzB,OAAO;AACL,gBAAU,WAAW,QAAQ,qBAAqB;AAAA,IACpD;AAEA,SAAK,mBAAmB,KAAK,qBAAqB;AAElD,WACE,oCAAC,mCACC,oCAAC,sBAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,OAAO,UAAU,GAC9C,GACA,oCAAC,sBAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,CAAC,OAAO,UAAU,GAC/C,CACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import React, { Component, type JSX } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
+  "mappings": "AAAA,OAAO,SAAS,iBAA2B;AAC3C,OAAO,wBAAwB;AAC/B,OAAO,iCAAiC;AAExC,MAAM,WAAW,SACf,MACA,MACA,WACA;AACA,MAAI;AACJ,SAAO,YAAa,MAAM;AAIxB,UAAM,UAAU;AAChB,UAAM,QAAQ,WAAY;AACxB,gBAAU;AACV,UAAI,CAAC,UAAW,MAAK,MAAM,SAAS,IAAI;AAAA,IAC1C;AACA,UAAM,UAAU,aAAa,CAAC;AAC9B,iBAAa,OAAO;AACpB,cAAU,WAAW,OAAO,IAAI;AAChC,QAAI,QAAS,MAAK,MAAM,SAAS,IAAI;AACrC,WAAO;AAAA,EACT;AACF;AACA,MAAM,uBAAuB;AAuB7B,MAAO,eAA6B,UAAmC;AAAA,EAAvE;AAAA;AAoBE,iBAAQ;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA;AAAA,EAvBA;AAAA,SAAO,eAAe;AAAA,MACpB,gBAAgB,CAAC,mBACf,WAAW,cAAc;AAAA,MAC3B,YAAY,MAAc;AAAA,MAC1B,iBAAiB,CACf,gBACA,QACA,UACW,GAAG,cAAc,IAAI,QAAQ,CAAC,OAAO,MAAM;AAAA,MACxD,UAAU,CAAC,QAAgB,0BAA0C;AACnE,cAAM,QAAQ;AAAA,UACZ,QAAQ,WAAW,IAAI,WAAW;AAAA,UAClC,IAAI,WAAW,IAAI,OAAO;AAAA,QAC5B;AAEA,eAAO,GAAG,MAAM,IAAI,MAAM,MAAM,IAAI,MAAM,EAAE,eAAe,qBAAqB;AAAA,MAClF;AAAA,IACF;AAAA;AAAA,EASA,uBAA6B;AAC3B,iBAAa,KAAK,gBAAgB;AAAA,EACpC;AAAA,EACA,4BAA4B;AAE1B,UAAM,OAAO;AACb,SAAK,uBAAuB,SAAS,WAAY;AAC/C,UAAI,CAAC,KAAK,MAAM,WAAW;AACzB,cAAM,gBACJ,CAAC,KAAK,MAAM,aAAa,KAAK,MAAM;AACtC,aAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,UAC3B,MAAM,CAAC;AAAA,UACP,WAAW;AAAA,UACX,UAAU;AAAA,QACZ,EAAE;AAAA,MACJ;AAAA,IACF,GAAG,oBAAoB;AAAA,EACzB;AAAA,EAEA,mCAAmC;AACjC,SAAK,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,EACpC;AAAA,EAEA,SAAsB;AACpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,MAAM,WAAW,SAAS,IAAI,KAAK;AAE3C,UAAM,gBAAgB,cAAe;AACrC,UAAM,YAAY,WAAW;AAE7B,UAAM,wBAAwB,iBAC1B,gBAAgB,gBAAgB,QAAQ,mBAAmB,IAC3D;AAEJ,QAAI;AACJ,QAAI,eAAe;AACjB,gBAAU,iBAAiB,cAAwB;AAAA,IACrD,WAAW,WAAW;AACpB,gBAAU,aAAa;AAAA,IACzB,OAAO;AACL,gBAAU,WAAW,QAAQ,qBAAqB;AAAA,IACpD;AAEA,SAAK,mBAAmB,KAAK,qBAAqB;AAElD,WACE,oCAAC,mCACC,oCAAC,sBAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,OAAO,UAAU,GAC9C,GACA,oCAAC,sBAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,CAAC,OAAO,UAAU,GAC/C,CACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/form/AutoComplete/__stories__/WithCustomValue.d.ts

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

package/form/AutoComplete/__stories__/WithHint.d.ts

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

package/form/AutoComplete/index.d.ts

@@ -1,8 +1,7 @@
-import React, { Component } from 'react';
+import React, { Component, type JSX } from 'react';
 import { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';
 import { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';
 import { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';
-import { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';
 import { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';
 import { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';
 import { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';
@@ -23,6 +22,7 @@ export interface AutoCompleteProps {
     };
     width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
     autoselect?: boolean;
+    hint?: boolean;
     defaultValue?: string | string[];
     minLength?: number;
     name?: string;
@@ -54,6 +54,7 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
         minLength: number;
         name: string;
         placeholder: string;
+        hint: boolean;
         onConfirm: () => void;
         confirmOnBlur: boolean;
         required: boolean;
@@ -106,4 +107,4 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     }): void;
     render(): JSX.Element;
 }
-export { AutoComplete, AutoCompleteInputBase, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };
+export { AutoComplete, AutoCompleteInputBase, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };