@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/form/AutoComplete/AutoComplete.stories/index.js

@@ -1,9 +1,82 @@
+import React from "react";
 import AutoComplete from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
 var AutoComplete_stories_default = {
   title: "Digigov UI/form/AutoComplete",
   component: AutoComplete,
   displayName: "AutoComplete"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(
+      AutoComplete,
+      {
+        key: args.multiple ? "multiple" : "single",
+        id: args.id,
+        width: args.width,
+        multiple: args.multiple,
+        autoselect: args.autoselect,
+        minLength: args.minLength,
+        source: suggest
+      }
+    );
+  },
+  args: {
+    width: "full",
+    id: "autocomplete-id",
+    multiple: false,
+    autoselect: false,
+    minLength: 2,
+    numberOfSelected: 2,
+    defaultValue: ""
+  },
+  argTypes: {
+    width: {
+      control: {
+        type: "select",
+        options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"]
+      }
+    },
+    id: {
+      control: { type: "text" }
+    },
+    multiple: {
+      control: { type: "boolean" }
+    },
+    autoselect: {
+      control: { type: "boolean" }
+    },
+    minLength: {
+      control: { type: "number" }
+    },
+    numberOfSelected: {
+      control: { type: "select", options: [2, 1, 3, "all", void 0] },
+      if: { arg: "multiple", eq: true }
+    },
+    defaultValue: {
+      control: { type: "string" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: [
+        "tStatusResults",
+        "tStatusNoResults",
+        "tStatusQueryTooShort",
+        "tStatusSelectedOption",
+        "tNoResults",
+        "tAssistiveHint",
+        "templates",
+        "name",
+        "placeholder",
+        "onConfirm",
+        "confirmOnBlur",
+        "required",
+        "source"
+      ]
+    }
+  }
+};
 import { Default } from "@digigov/ui/form/AutoComplete/__stories__/Default";
 import { Multiple } from "@digigov/ui/form/AutoComplete/__stories__/Multiple";
 import { MultipleWithDefaultValues } from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues";
@@ -21,6 +94,7 @@ export {
   MultipleWithDefaultValues,
   MultipleWithMinLength,
   WithAutoSelect,
+  WithControls,
   WithDefaultValue,
   WithMinLength,
   WithPlaceHolder,

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

@@ -4,6 +4,87 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let width: string;
+        let id: string;
+        let multiple: boolean;
+        let autoselect: boolean;
+        let minLength: number;
+        let numberOfSelected: number;
+        let defaultValue: string;
+    }
+    namespace argTypes {
+        export namespace width_1 {
+            namespace control {
+                let type: string;
+                let options: string[];
+            }
+        }
+        export { width_1 as width };
+        export namespace id_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { id_1 as id };
+        export namespace multiple_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { multiple_1 as multiple };
+        export namespace autoselect_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { autoselect_1 as autoselect };
+        export namespace minLength_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 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 { _if as if };
+        }
+        export { numberOfSelected_1 as numberOfSelected };
+        export namespace defaultValue_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+        }
+        export { defaultValue_1 as defaultValue };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/form/AutoComplete/__stories__/Default";
 export { Multiple } from "@digigov/ui/form/AutoComplete/__stories__/Multiple";
 export { MultipleWithDefaultValues } from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues";
@@ -15,3 +96,4 @@ export { WithPlaceHolder } from "@digigov/ui/form/AutoComplete/__stories__/WithP
 export { WithShowAllValues } from "@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues";
 export { WithMinLength } from "@digigov/ui/form/AutoComplete/__stories__/WithMinLength";
 import AutoComplete from '@digigov/ui/form/AutoComplete';
+import React from 'react';

package/form/AutoComplete/AutoComplete.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/form/AutoComplete/AutoComplete.stories.js"],
-  "sourcesContent": ["import AutoComplete from '@digigov/ui/form/AutoComplete';\nexport default {\n  title: 'Digigov UI/form/AutoComplete',\n  component: AutoComplete,\n  displayName: 'AutoComplete',\n};\nexport { Default } from '@digigov/ui/form/AutoComplete/__stories__/Default';\nexport { Multiple } from '@digigov/ui/form/AutoComplete/__stories__/Multiple';\nexport { MultipleWithDefaultValues } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues';\nexport { MultipleShowingTwoSelected } from '@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected';\nexport { MultipleWithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength';\nexport { WithAutoSelect } from '@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect';\nexport { WithDefaultValue } from '@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue';\nexport { WithPlaceHolder } from '@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder';\nexport { WithShowAllValues } from '@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues';\nexport { WithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/WithMinLength';\n"],
-  "mappings": "AAAA,OAAO,kBAAkB;AACzB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAC3C,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;",
+  "sources": ["../../../src/form/AutoComplete/AutoComplete.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport AutoComplete from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\n\nexport default {\n  title: 'Digigov UI/form/AutoComplete',\n  component: AutoComplete,\n  displayName: 'AutoComplete',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <AutoComplete\n        key={args.multiple ? 'multiple' : 'single'}\n        id={args.id}\n        width={args.width}\n        multiple={args.multiple}\n        autoselect={args.autoselect}\n        minLength={args.minLength}\n        source={suggest}\n      />\n    );\n  },\n  args: {\n    width: 'full',\n    id: 'autocomplete-id',\n    multiple: false,\n    autoselect: false,\n    minLength: 2,\n    numberOfSelected: 2,\n    defaultValue: '',\n  },\n  argTypes: {\n    width: {\n      control: {\n        type: 'select',\n        options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n      },\n    },\n    id: {\n      control: { type: 'text' },\n    },\n    multiple: {\n      control: { type: 'boolean' },\n    },\n    autoselect: {\n      control: { type: 'boolean' },\n    },\n    minLength: {\n      control: { type: 'number' },\n    },\n    numberOfSelected: {\n      control: { type: 'select', options: [2, 1, 3, 'all', undefined] },\n      if: { arg: 'multiple', eq: true },\n    },\n    defaultValue: {\n      control: { type: 'string' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: [\n        'tStatusResults',\n        'tStatusNoResults',\n        'tStatusQueryTooShort',\n        'tStatusSelectedOption',\n        'tNoResults',\n        'tAssistiveHint',\n        'templates',\n        'name',\n        'placeholder',\n        'onConfirm',\n        'confirmOnBlur',\n        'required',\n        'source',\n      ],\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/AutoComplete/__stories__/Default';\nexport { Multiple } from '@digigov/ui/form/AutoComplete/__stories__/Multiple';\nexport { MultipleWithDefaultValues } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues';\nexport { MultipleShowingTwoSelected } from '@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected';\nexport { MultipleWithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength';\nexport { WithAutoSelect } from '@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect';\nexport { WithDefaultValue } from '@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue';\nexport { WithPlaceHolder } from '@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder';\nexport { WithShowAllValues } from '@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues';\nexport { WithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/WithMinLength';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,SAAS,eAAe;AAExB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,KAAK,WAAW,aAAa;AAAA,QAClC,IAAI,KAAK;AAAA,QACT,OAAO,KAAK;AAAA,QACZ,UAAU,KAAK;AAAA,QACf,YAAY,KAAK;AAAA,QACjB,WAAW,KAAK;AAAA,QAChB,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,QAAQ,MAAM;AAAA,MACjE;AAAA,IACF;AAAA,IACA,IAAI;AAAA,MACF,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,YAAY;AAAA,MACV,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS,EAAE,MAAM,UAAU,SAAS,CAAC,GAAG,GAAG,GAAG,OAAO,MAAS,EAAE;AAAA,MAChE,IAAI,EAAE,KAAK,YAAY,IAAI,KAAK;AAAA,IAClC;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAC3C,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-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';

package/form/AutoComplete/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form/AutoComplete/index.tsx"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';\nimport { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';\nimport { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';\nimport { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';\nimport { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';\nimport { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';\nimport { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';\nimport { AutoCompleteResultListItem } from '@digigov/react-core/AutoCompleteResultListItem';\nimport { Base } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons/CaretIcon';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport Status from '@digigov/ui/form/AutoComplete/Status';\nimport {\n  isIosDevice,\n  keyCodes,\n  isPrintableKeyCode,\n} from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nimport Checkbox, { CheckboxItem } from '@digigov/ui/form/Checkbox';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport interface AutoCompleteProps {\n  source: (query: string, syncResults: (options: string[]) => void) => void;\n  id: string;\n  multiple?: boolean;\n  tStatusResults?: (x: number, y: string) => string;\n  tStatusNoResults?: () => string;\n  tStatusQueryTooShort?: (x: number) => string;\n  tStatusSelectedOption?: (x: string, y: number, z: number) => string;\n  tNoResults?: () => string;\n  tAssistiveHint?: () => string;\n  templates?: {\n    suggestion?: (value: any, query: string | string[]) => any;\n    inputValue?: (value: any) => string;\n  };\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n  autoselect?: boolean;\n  defaultValue?: string | string[];\n  minLength?: number;\n  name?: string;\n  placeholder?: string;\n  onConfirm?: (x: any) => void;\n  confirmOnBlur?: boolean;\n  required?: boolean;\n  numberOfSelected?: 1 | 2 | 3 | 'all';\n}\n\nexport interface State {\n  focused: any;\n  hovered: any;\n  menuOpen: boolean;\n  options: any[];\n  query: string;\n  selectedValues: any[];\n  validChoiceMade: boolean;\n  selected: any;\n  ariaHint: boolean;\n}\n\nexport interface NewQueryProps {\n  menuOpen?: boolean;\n  query?: string;\n}\n\nexport default class AutoComplete extends Component<AutoCompleteProps, State> {\n  static defaultProps = {\n    width: 'full',\n    autoselect: false,\n    minLength: 0,\n    name: 'ds-input-autocomplete',\n    placeholder: '',\n    onConfirm: (): void => {\n      return;\n    },\n    confirmOnBlur: false,\n    required: false,\n    tNoResults: (): string => 'No results found',\n    tAssistiveHint: (): string =>\n      'When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures.',\n  };\n\n  elementReferences = {};\n\n  constructor(props: AutoCompleteProps) {\n    super(props);\n    const customState: any = {};\n    if (Array.isArray(props.defaultValue)) {\n      customState.selectedValues = props.defaultValue as string[];\n    } else if (props.defaultValue) {\n      customState.selectedValues = [props.defaultValue as string];\n    }\n\n    this.state = {\n      focused: null,\n      hovered: null,\n      menuOpen: false,\n      options: [],\n      query: this.props.multiple ? '' : (props.defaultValue as string) || '',\n      selectedValues: [],\n      validChoiceMade: false,\n      selected: null,\n      ariaHint: true,\n      ...customState,\n    };\n    this.handleComponentBlur = this.handleComponentBlur.bind(this);\n    this.handleAutoCompleteBlur = this.handleAutoCompleteBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleUpArrow = this.handleUpArrow.bind(this);\n    this.handleDownArrow = this.handleDownArrow.bind(this);\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handlePrintableKey = this.handlePrintableKey.bind(this);\n\n    this.handleListMouseLeave = this.handleListMouseLeave.bind(this);\n\n    if (this.props.multiple) {\n      this.handleOptionClick = this.handleOptionClickMultiple.bind(this);\n    } else {\n      this.handleOptionClick = this.handleOptionClick.bind(this);\n    }\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n    this.handleOptionMouseDown = this.handleOptionMouseDown.bind(this);\n    this.handleOptionMouseEnter = this.handleOptionMouseEnter.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputFocus = this.handleInputFocus.bind(this);\n\n    this.getDirectInputChanges = this.getDirectInputChanges.bind(this);\n  }\n\n  isQueryAnOption(query: string, options: string[]): boolean {\n    return (\n      options\n        .map((entry) => this.templateInputValue(entry).toLowerCase())\n        .indexOf(query.toLowerCase()) !== -1\n    );\n  }\n\n  componentDidMount(): void {\n    this.getDirectInputChanges();\n  }\n\n  getDirectInputChanges(): void {\n    const inputReference = this.elementReferences[-1];\n    const queryHasChanged =\n      inputReference && inputReference.value !== (this.state.query ?? '');\n    if (queryHasChanged) {\n      this.handleInputChange({ target: { value: inputReference.value } });\n    }\n  }\n\n  componentDidUpdate(_, prevState: Readonly<State>): void {\n    const { focused } = this.state;\n    const componentLostFocus = focused === null;\n    const focusedChanged = prevState.focused !== focused;\n    const focusDifferentElement = focusedChanged && !componentLostFocus;\n    if (focusDifferentElement) {\n      this.elementReferences[focused].focus();\n    }\n    const focusedInput = focused === -1;\n    const componentGainedFocus = focusedChanged && prevState.focused === null;\n    const selectAllText = focusedInput && componentGainedFocus;\n    if (selectAllText) {\n      const inputElement = this.elementReferences[focused];\n      inputElement.setSelectionRange(0, inputElement.value.length);\n    }\n  }\n\n  hasAutoselect(): boolean {\n    return (isIosDevice() as boolean)\n      ? false\n      : (this.props.autoselect as boolean);\n  }\n\n  // This template is used when converting from a state.options object into a state.query.\n  templateInputValue(value: string): string {\n    const inputValueTemplate =\n      this.props.templates && this.props.templates.inputValue;\n    return inputValueTemplate ? inputValueTemplate(value) : value;\n  }\n\n  // This template is used when displaying results / suggestions.\n  templateSuggestion(value: string): string {\n    const suggestionTemplate =\n      this.props.templates && this.props.templates.suggestion;\n\n    return suggestionTemplate\n      ? suggestionTemplate(value, this.state.query)\n      : value;\n  }\n\n  handleComponentBlur(newState?: NewQueryProps): void {\n    const { options, query, selected } = this.state;\n    let newQuery: string;\n    if (this.props.confirmOnBlur) {\n      newQuery = newState?.query || query;\n      this.props.onConfirm?.(options[selected as number]);\n    } else {\n      newQuery = query;\n    }\n    this.setState({\n      focused: null,\n      menuOpen: newState?.menuOpen || false,\n      query: newQuery,\n      selected: null,\n      validChoiceMade: this.isQueryAnOption(newQuery, options),\n    });\n  }\n\n  handleListMouseLeave(): void {\n    this.setState({\n      hovered: null,\n    });\n  }\n\n  handleAutoCompleteBlur(event, index?: number): void {\n    const { focused, options, query, selected } = this.state;\n    let focusingOutsideComponent = false;\n    if (event.relatedTarget === null) {\n      focusingOutsideComponent = true;\n    } else {\n      // This affects if we have multiple autocompletes in same page and we click the first button-arrow and then another button-arrow\n      focusingOutsideComponent =\n        this.elementReferences['button-arrow'] !== event.relatedTarget;\n    }\n    const focusingInput = event.relatedTarget === this.elementReferences[-1];\n    const focusingButtonArrow =\n      this.elementReferences['button-arrow'] === event.relatedTarget || false;\n    let focusingAnotherOption = focused !== null && focused !== -1;\n    if (index !== undefined) {\n      focusingAnotherOption = focused !== index && focused !== -1;\n    }\n    // Check if the user clicks outside and not either on option, either on input or on button arrow\n    const blurComponent =\n      focusingOutsideComponent &&\n      !(focusingAnotherOption || focusingInput || focusingButtonArrow);\n\n    if (blurComponent) {\n      // In handleInputBlur:\n      const newQuery = isIosDevice()\n        ? query\n        : this.templateInputValue(options[selected as number]);\n      this.handleComponentBlur({\n        menuOpen: false,\n        query: newQuery,\n      });\n    }\n  }\n\n  handleInputChange(event: { target: any }): void {\n    const { source, minLength } = this.props;\n    const autoselect = this.hasAutoselect();\n    const query = event.target.value;\n    const queryEmpty = query.length === 0;\n    this.setState({\n      query,\n      ariaHint: queryEmpty,\n    });\n    const minLengthQuery =\n      minLength != undefined && minLength > query.length ? '' : query;\n    source(minLengthQuery, (options) => {\n      const optionsAvailable = options.length > 0;\n      this.setState({\n        menuOpen: optionsAvailable,\n        options,\n        selected: autoselect && optionsAvailable ? 0 : -1,\n        validChoiceMade: false,\n      });\n    });\n  }\n\n  handleInputClick(\n    event: React.MouseEvent<HTMLInputElement, MouseEvent>\n  ): void {\n    this.handleInputChange(event);\n  }\n\n  handleInputFocus(): void {\n    const { source } = this.props;\n    const { query, validChoiceMade, options } = this.state;\n    const { minLength } = this.props;\n    const shouldReopenMenu =\n      !validChoiceMade &&\n      query.length >= (minLength as number) &&\n      options.length > 0;\n    if (shouldReopenMenu) {\n      this.setState(({ menuOpen }) => ({\n        focused: -1,\n        menuOpen: shouldReopenMenu || menuOpen,\n        selected: -1,\n      }));\n    } else {\n      source(query, (options) => {\n        this.setState({\n          focused: -1,\n          options,\n        });\n      });\n    }\n  }\n\n  handleOptionFocus(index: number): void {\n    this.setState({\n      focused: index,\n      hovered: null,\n      selected: index,\n    });\n  }\n\n  handleOptionMouseEnter(index: number): void {\n    // iOS Safari prevents click event if mouseenter adds hover background colour\n    // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4\n    if (!isIosDevice()) {\n      this.setState({\n        hovered: index,\n      });\n    }\n  }\n\n  handleOptionClickMultiple(index: number): void {\n    const selectedOption = this.state.options[index];\n    let selectedValues = this.state.selectedValues;\n    if (this.state.selectedValues.indexOf(selectedOption) === -1) {\n      selectedValues = selectedValues.concat([selectedOption]);\n    } else {\n      selectedValues.splice(\n        this.state.selectedValues.indexOf(selectedOption),\n        1\n      );\n    }\n    this.props.onConfirm?.(selectedValues);\n    this.setState({\n      focused: index,\n      hovered: null,\n      menuOpen: true,\n      query: '',\n      selectedValues,\n      selected: index,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionClick(index: number): void {\n    const selectedOption = this.state.options[index];\n    const newQuery = this.templateInputValue(selectedOption);\n    this.props.onConfirm?.(selectedOption);\n    const selectedValues = this.props.multiple\n      ? this.state.selectedValues.concat(selectedOption)\n      : [selectedOption];\n    this.setState({\n      focused: -1,\n      hovered: null,\n      menuOpen: false,\n      query: newQuery,\n      selectedValues,\n      selected: -1,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionMouseDown(event: { preventDefault: () => void }): void {\n    // Safari triggers focusOut before click, but if you\n    // preventDefault on mouseDown, you can stop that from happening.\n    // If this is removed, clicking on an option in Safari will trigger\n    // `handleOptionBlur`, which closes the menu, and the click will\n    // trigger on the element underneath instead.\n    // See: http://stackoverflow.com/questions/7621711/how-to-prevent-blur-running-when-clicking-a-link-in-jquery\n    event.preventDefault();\n  }\n\n  handleUpArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    const { menuOpen, selected } = this.state;\n    const isNotAtTop = selected !== -1;\n    const allowMoveUp = isNotAtTop && menuOpen;\n    if (allowMoveUp) {\n      this.handleOptionFocus((selected as number) - 1);\n    }\n  }\n\n  handleDownArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    // if not open, open\n    if (this.state.menuOpen === false) {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n          selected: 0,\n          focused: 0,\n          hovered: null,\n        });\n      });\n    } else if (this.state.menuOpen === true) {\n      const { menuOpen, options, selected } = this.state;\n      const isNotAtBottom = selected !== options.length - 1;\n      const allowMoveDown = isNotAtBottom && menuOpen;\n      if (allowMoveDown) {\n        this.handleOptionFocus((selected as number) + 1);\n      }\n    }\n  }\n\n  handleSpace(event: { preventDefault: () => void }): void {\n    // if not open, open\n    if (this.state.menuOpen === false && this.state.query === '') {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n        });\n      });\n    }\n    const focusIsOnOption = this.state.focused !== -1;\n    if (focusIsOnOption) {\n      event.preventDefault();\n      this.handleOptionClick(this.state.focused);\n    }\n  }\n\n  handleEnter(event: { preventDefault: () => void }): void {\n    if (this.state.menuOpen) {\n      event.preventDefault();\n      const hasSelectedOption = this.state.selected >= 0;\n      if (hasSelectedOption) {\n        this.handleOptionClick(this.state.selected);\n        if (this.props.multiple) {\n          this.setState({\n            menuOpen: false,\n            focused: -1,\n          });\n        }\n      }\n    }\n  }\n\n  handlePrintableKey(event: { target: any }): void {\n    const inputElement = this.elementReferences[-1];\n    const eventIsOnInput = event.target === inputElement;\n    if (!eventIsOnInput) {\n      // FIXME: This would be better if it was in componentDidUpdate,\n      // but using setState to trigger that seems to not work correctly\n      // in preact@8.1.0.\n      inputElement.focus();\n    }\n  }\n\n  handleKeyDown(event: {\n    preventDefault: () => void;\n    keyCode: number;\n    target: any;\n  }): void {\n    switch (keyCodes[event.keyCode]) {\n      case 'up':\n        this.handleUpArrow(event);\n        break;\n      case 'down':\n        this.handleDownArrow(event);\n        break;\n      case 'space':\n        this.handleSpace(event);\n        break;\n      case 'enter':\n        this.handleEnter(event);\n        break;\n      case 'escape':\n        this.handleComponentBlur({\n          query: this.state.query,\n        });\n        break;\n      case 'backspace':\n        if (this.props.multiple) {\n          if (\n            this.state.query.length === 0 &&\n            this.state.selectedValues.length > 0\n          ) {\n            event.preventDefault();\n            const updatedSelectedValues = this.state.selectedValues.slice(\n              0,\n              -1\n            );\n            this.setState(\n              {\n                selectedValues: updatedSelectedValues,\n              },\n              () => {\n                this.props.onConfirm?.(updatedSelectedValues);\n              }\n            );\n          } else {\n            if (isPrintableKeyCode(event.keyCode)) {\n              this.handlePrintableKey(event);\n            }\n          }\n        } else {\n          this.props.onConfirm?.('');\n        }\n        break;\n      default:\n        if (isPrintableKeyCode(event.keyCode)) {\n          this.handlePrintableKey(event);\n        }\n        break;\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      width,\n      minLength,\n      name,\n      placeholder,\n      required,\n      tNoResults,\n      tStatusQueryTooShort,\n      tStatusNoResults,\n      tStatusSelectedOption,\n      tStatusResults,\n      tAssistiveHint,\n      multiple,\n      source,\n    } = this.props;\n    const {\n      focused,\n      hovered,\n      menuOpen,\n      options,\n      selected,\n      ariaHint,\n      validChoiceMade,\n    } = this.state;\n    const autoselect = this.hasAutoselect();\n    const query = this.state.query ?? '';\n    const inputFocused = focused === -1;\n    const noOptionsAvailable = options.length === 0;\n    const queryNotEmpty = query.length !== 0;\n    const queryLongEnough = query.length >= (minLength as number);\n    const showNoOptionsFound =\n      inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;\n    const componentIsFocused = focused !== null;\n    const optionFocused = focused !== -1 && focused !== null;\n    const menuIsVisible = menuOpen || showNoOptionsFound;\n    const selectedOptionText = this.templateInputValue(options[selected]);\n    const optionBeginsWithQuery =\n      selectedOptionText &&\n      selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;\n    const hintValue =\n      optionBeginsWithQuery && autoselect\n        ? query + selectedOptionText.substr(query.length)\n        : '';\n\n    const assistiveHintID = id + '__assistiveHint';\n    const ariaDescribedProp = ariaHint\n      ? {\n          'aria-describedby': assistiveHintID,\n        }\n      : null;\n\n    const showAutoCompleteResultListItems = (\n      options: string[],\n      multiple: boolean\n    ) => {\n      {\n        return options.map((option, index) => {\n          const showFocused =\n            focused === -1 ? selected === index : focused === index;\n          const iosPosinsetHtml = isIosDevice() ? (\n            <Base\n              as=\"span\"\n              id={`${id}__option-suffix--${index}`}\n              style={{\n                border: '0',\n                clip: 'rect(0 0 0 0)',\n                height: '1px',\n                marginBottom: '-1px',\n                marginRight: '-1px',\n                overflow: 'hidden',\n                padding: '0',\n                position: 'absolute',\n                whiteSpace: 'nowrap',\n                width: '1px',\n              }}\n            >\n              {index + 1} \u03B1\u03C0\u03CC {options.length}\n            </Base>\n          ) : (\n            ''\n          );\n          return (\n            <AutoCompleteResultListItem\n              isFocused={showFocused}\n              isHovered={hovered}\n              index={index}\n              aria-selected={focused === index ? 'true' : 'false'}\n              key={index}\n              onBlur={(event) => this.handleAutoCompleteBlur(event, index)}\n              onClick={() => this.handleOptionClick(index)}\n              onMouseDown={this.handleOptionMouseDown}\n              onMouseEnter={() => this.handleOptionMouseEnter(index)}\n              ref={(optionEl) => {\n                this.elementReferences[index] = optionEl;\n              }}\n              role=\"option\"\n              tabIndex={-1}\n              // @ts-ignore\n              value={typeof option === 'object' ? option?.value : option}\n              aria-posinset={index + 1}\n              aria-setsize={options.length}\n            >\n              {multiple ? (\n                <CheckboxItem\n                  value={option}\n                  checked={this.state.selectedValues.includes(option)}\n                  onChange={() => {}}\n                >\n                  {this.templateSuggestion(option)}\n                </CheckboxItem>\n              ) : (\n                this.templateSuggestion(option)\n              )}\n              {iosPosinsetHtml}\n            </AutoCompleteResultListItem>\n          );\n        });\n      }\n    };\n\n    return (\n      <AutoCompleteContainer onKeyDown={this.handleKeyDown} width={width}>\n        <Status\n          id={id}\n          length={options.length}\n          queryLength={query.length}\n          minQueryLength={minLength as number}\n          selectedOption={this.templateInputValue(options[selected])}\n          selectedOptionIndex={selected}\n          validChoiceMade={validChoiceMade}\n          isInFocus={this.state.focused !== null}\n          tQueryTooShort={tStatusQueryTooShort}\n          tNoResults={tStatusNoResults}\n          tSelectedOption={tStatusSelectedOption}\n          tResults={tStatusResults}\n        />\n\n        {hintValue && (placeholder === '' || !placeholder) && (\n          <AutoCompleteInputTypeahead value={hintValue} />\n        )}\n\n        {multiple ? (\n          <AutoCompleteMultipleInputContainer\n            isFocused={componentIsFocused}\n            numberOfSelected={this.props.numberOfSelected}\n          >\n            <ChipContainer>\n              {this.state.selectedValues.map((value, index) => {\n                return (\n                  <Chip\n                    key={index}\n                    onDelete={() => {\n                      this.setState(\n                        (prevState) => ({\n                          selectedValues: prevState.selectedValues.filter(\n                            (v) => {\n                              if (typeof v === 'string') {\n                                return v !== value;\n                              } else {\n                                return v.value !== value.value;\n                              }\n                            }\n                          ),\n                        }),\n                        () => {\n                          this.props.onConfirm?.(this.state.selectedValues);\n                        }\n                      );\n                    }}\n                  >\n                    {typeof value === 'string' ? value : value.label.primary}\n                  </Chip>\n                );\n              })}\n              {!componentIsFocused &&\n                typeof this.props.numberOfSelected === 'number' &&\n                this.state.selectedValues.length >\n                  this.props.numberOfSelected && (\n                  <NormalText fontWeight=\"bold\" margin={0}>\n                    +\n                    {this.state.selectedValues.length -\n                      this.props.numberOfSelected}\n                  </NormalText>\n                )}\n            </ChipContainer>\n            <AutoCompleteMultipleInput\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              // isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <Button\n              id={`${id}__button-arrow`}\n              ref={(buttonElement) => {\n                this.elementReferences['button-arrow'] = buttonElement;\n              }}\n              variant=\"link\"\n              onClick={() => {\n                if (!this.state.menuOpen) {\n                  source(query, (options) => {\n                    const optionsAvailable = options.length > 0;\n                    this.setState({\n                      menuOpen: optionsAvailable,\n                      options,\n                      selected: autoselect && optionsAvailable ? 0 : -1,\n                      validChoiceMade: false,\n                    });\n                  });\n                } else {\n                  this.setState({\n                    menuOpen: false,\n                    focused: null,\n                  });\n                }\n              }}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n            >\n              <CaretIcon direction=\"down\" size=\"md\" />\n            </Button>\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              <Checkbox>\n                {showAutoCompleteResultListItems(options, multiple)}\n              </Checkbox>\n\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </AutoCompleteMultipleInputContainer>\n        ) : (\n          <>\n            <AutoCompleteInputBase\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={this.handleAutoCompleteBlur}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <CaretIcon direction=\"down\" size=\"md\" />\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              {showAutoCompleteResultListItems(options, false)}\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </>\n        )}\n      </AutoCompleteContainer>\n    );\n  }\n}\n\nexport {\n  AutoComplete,\n  AutoCompleteInputBase,\n  AutoCompleteInputTypeahead,\n  AutoCompleteResultList,\n  AutoCompleteResultListItem,\n  AutoCompleteContainer,\n  AutoCompleteAssistiveHint,\n  AutoCompleteMultipleInputContainer,\n  AutoCompleteMultipleInput,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { Component, type JSX } from 'react';\nimport { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';\nimport { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';\nimport { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';\nimport { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';\nimport { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';\nimport { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';\nimport { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';\nimport { AutoCompleteResultListItem } from '@digigov/react-core/AutoCompleteResultListItem';\nimport { Base } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons/CaretIcon';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport Status from '@digigov/ui/form/AutoComplete/Status';\nimport {\n  isIosDevice,\n  keyCodes,\n  isPrintableKeyCode,\n} from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nimport Checkbox, { CheckboxItem } from '@digigov/ui/form/Checkbox';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport interface AutoCompleteProps {\n  source: (query: string, syncResults: (options: string[]) => void) => void;\n  id: string;\n  multiple?: boolean;\n  tStatusResults?: (x: number, y: string) => string;\n  tStatusNoResults?: () => string;\n  tStatusQueryTooShort?: (x: number) => string;\n  tStatusSelectedOption?: (x: string, y: number, z: number) => string;\n  tNoResults?: () => string;\n  tAssistiveHint?: () => string;\n  templates?: {\n    suggestion?: (value: any, query: string | string[]) => any;\n    inputValue?: (value: any) => string;\n  };\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n  autoselect?: boolean;\n  defaultValue?: string | string[];\n  minLength?: number;\n  name?: string;\n  placeholder?: string;\n  onConfirm?: (x: any) => void;\n  confirmOnBlur?: boolean;\n  required?: boolean;\n  numberOfSelected?: 1 | 2 | 3 | 'all';\n}\n\nexport interface State {\n  focused: any;\n  hovered: any;\n  menuOpen: boolean;\n  options: any[];\n  query: string;\n  selectedValues: any[];\n  validChoiceMade: boolean;\n  selected: any;\n  ariaHint: boolean;\n}\n\nexport interface NewQueryProps {\n  menuOpen?: boolean;\n  query?: string;\n}\n\nexport default class AutoComplete extends Component<AutoCompleteProps, State> {\n  static defaultProps = {\n    width: 'full',\n    autoselect: false,\n    minLength: 0,\n    name: 'ds-input-autocomplete',\n    placeholder: '',\n    onConfirm: (): void => {\n      return;\n    },\n    confirmOnBlur: false,\n    required: false,\n    tNoResults: (): string => 'No results found',\n    tAssistiveHint: (): string =>\n      'When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures.',\n  };\n\n  elementReferences = {};\n\n  constructor(props: AutoCompleteProps) {\n    super(props);\n    const customState: any = {};\n    if (Array.isArray(props.defaultValue)) {\n      customState.selectedValues = props.defaultValue as string[];\n    } else if (props.defaultValue) {\n      customState.selectedValues = [props.defaultValue as string];\n    }\n\n    this.state = {\n      focused: null,\n      hovered: null,\n      menuOpen: false,\n      options: [],\n      query: this.props.multiple ? '' : (props.defaultValue as string) || '',\n      selectedValues: [],\n      validChoiceMade: false,\n      selected: null,\n      ariaHint: true,\n      ...customState,\n    };\n    this.handleComponentBlur = this.handleComponentBlur.bind(this);\n    this.handleAutoCompleteBlur = this.handleAutoCompleteBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleUpArrow = this.handleUpArrow.bind(this);\n    this.handleDownArrow = this.handleDownArrow.bind(this);\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handlePrintableKey = this.handlePrintableKey.bind(this);\n\n    this.handleListMouseLeave = this.handleListMouseLeave.bind(this);\n\n    if (this.props.multiple) {\n      this.handleOptionClick = this.handleOptionClickMultiple.bind(this);\n    } else {\n      this.handleOptionClick = this.handleOptionClick.bind(this);\n    }\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n    this.handleOptionMouseDown = this.handleOptionMouseDown.bind(this);\n    this.handleOptionMouseEnter = this.handleOptionMouseEnter.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputFocus = this.handleInputFocus.bind(this);\n\n    this.getDirectInputChanges = this.getDirectInputChanges.bind(this);\n  }\n\n  isQueryAnOption(query: string, options: string[]): boolean {\n    return (\n      options\n        .map((entry) => this.templateInputValue(entry).toLowerCase())\n        .indexOf(query.toLowerCase()) !== -1\n    );\n  }\n\n  componentDidMount(): void {\n    this.getDirectInputChanges();\n  }\n\n  getDirectInputChanges(): void {\n    const inputReference = this.elementReferences[-1];\n    const queryHasChanged =\n      inputReference && inputReference.value !== (this.state.query ?? '');\n    if (queryHasChanged) {\n      this.handleInputChange({ target: { value: inputReference.value } });\n    }\n  }\n\n  componentDidUpdate(_, prevState: Readonly<State>): void {\n    const { focused } = this.state;\n    const componentLostFocus = focused === null;\n    const focusedChanged = prevState.focused !== focused;\n    const focusDifferentElement = focusedChanged && !componentLostFocus;\n    if (focusDifferentElement) {\n      this.elementReferences[focused].focus();\n    }\n    const focusedInput = focused === -1;\n    const componentGainedFocus = focusedChanged && prevState.focused === null;\n    const selectAllText = focusedInput && componentGainedFocus;\n    if (selectAllText) {\n      const inputElement = this.elementReferences[focused];\n      inputElement.setSelectionRange(0, inputElement.value.length);\n    }\n  }\n\n  hasAutoselect(): boolean {\n    return (isIosDevice() as boolean)\n      ? false\n      : (this.props.autoselect as boolean);\n  }\n\n  // This template is used when converting from a state.options object into a state.query.\n  templateInputValue(value: string): string {\n    const inputValueTemplate =\n      this.props.templates && this.props.templates.inputValue;\n    return inputValueTemplate ? inputValueTemplate(value) : value;\n  }\n\n  // This template is used when displaying results / suggestions.\n  templateSuggestion(value: string): string {\n    const suggestionTemplate =\n      this.props.templates && this.props.templates.suggestion;\n\n    return suggestionTemplate\n      ? suggestionTemplate(value, this.state.query)\n      : value;\n  }\n\n  handleComponentBlur(newState?: NewQueryProps): void {\n    const { options, query, selected } = this.state;\n    let newQuery: string;\n    if (this.props.confirmOnBlur) {\n      newQuery = newState?.query || query;\n      this.props.onConfirm?.(options[selected as number]);\n    } else {\n      newQuery = query;\n    }\n    this.setState({\n      focused: null,\n      menuOpen: newState?.menuOpen || false,\n      query: newQuery,\n      selected: null,\n      validChoiceMade: this.isQueryAnOption(newQuery, options),\n    });\n  }\n\n  handleListMouseLeave(): void {\n    this.setState({\n      hovered: null,\n    });\n  }\n\n  handleAutoCompleteBlur(event, index?: number): void {\n    const { focused, options, query, selected } = this.state;\n    let focusingOutsideComponent = false;\n    if (event.relatedTarget === null) {\n      focusingOutsideComponent = true;\n    } else {\n      // This affects if we have multiple autocompletes in same page and we click the first button-arrow and then another button-arrow\n      focusingOutsideComponent =\n        this.elementReferences['button-arrow'] !== event.relatedTarget;\n    }\n    const focusingInput = event.relatedTarget === this.elementReferences[-1];\n    const focusingButtonArrow =\n      this.elementReferences['button-arrow'] === event.relatedTarget || false;\n    let focusingAnotherOption = focused !== null && focused !== -1;\n    if (index !== undefined) {\n      focusingAnotherOption = focused !== index && focused !== -1;\n    }\n    // Check if the user clicks outside and not either on option, either on input or on button arrow\n    const blurComponent =\n      focusingOutsideComponent &&\n      !(focusingAnotherOption || focusingInput || focusingButtonArrow);\n\n    if (blurComponent) {\n      // In handleInputBlur:\n      const newQuery = isIosDevice()\n        ? query\n        : this.templateInputValue(options[selected as number]);\n      this.handleComponentBlur({\n        menuOpen: false,\n        query: newQuery,\n      });\n    }\n  }\n\n  handleInputChange(event: { target: any }): void {\n    const { source, minLength } = this.props;\n    const autoselect = this.hasAutoselect();\n    const query = event.target.value;\n    const queryEmpty = query.length === 0;\n    this.setState({\n      query,\n      ariaHint: queryEmpty,\n    });\n    const minLengthQuery =\n      minLength != undefined && minLength > query.length ? '' : query;\n    source(minLengthQuery, (options) => {\n      const optionsAvailable = options.length > 0;\n      this.setState({\n        menuOpen: optionsAvailable,\n        options,\n        selected: autoselect && optionsAvailable ? 0 : -1,\n        validChoiceMade: false,\n      });\n    });\n  }\n\n  handleInputClick(\n    event: React.MouseEvent<HTMLInputElement, MouseEvent>\n  ): void {\n    this.handleInputChange(event);\n  }\n\n  handleInputFocus(): void {\n    const { source } = this.props;\n    const { query, validChoiceMade, options } = this.state;\n    const { minLength } = this.props;\n    const shouldReopenMenu =\n      !validChoiceMade &&\n      query.length >= (minLength as number) &&\n      options.length > 0;\n    if (shouldReopenMenu) {\n      this.setState(({ menuOpen }) => ({\n        focused: -1,\n        menuOpen: shouldReopenMenu || menuOpen,\n        selected: -1,\n      }));\n    } else {\n      source(query, (options) => {\n        this.setState({\n          focused: -1,\n          options,\n        });\n      });\n    }\n  }\n\n  handleOptionFocus(index: number): void {\n    this.setState({\n      focused: index,\n      hovered: null,\n      selected: index,\n    });\n  }\n\n  handleOptionMouseEnter(index: number): void {\n    // iOS Safari prevents click event if mouseenter adds hover background colour\n    // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4\n    if (!isIosDevice()) {\n      this.setState({\n        hovered: index,\n      });\n    }\n  }\n\n  handleOptionClickMultiple(index: number): void {\n    const selectedOption = this.state.options[index];\n    let selectedValues = this.state.selectedValues;\n    if (this.state.selectedValues.indexOf(selectedOption) === -1) {\n      selectedValues = selectedValues.concat([selectedOption]);\n    } else {\n      selectedValues.splice(\n        this.state.selectedValues.indexOf(selectedOption),\n        1\n      );\n    }\n    this.props.onConfirm?.(selectedValues);\n    this.setState({\n      focused: index,\n      hovered: null,\n      menuOpen: true,\n      query: '',\n      selectedValues,\n      selected: index,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionClick(index: number): void {\n    const selectedOption = this.state.options[index];\n    const newQuery = this.templateInputValue(selectedOption);\n    this.props.onConfirm?.(selectedOption);\n    const selectedValues = this.props.multiple\n      ? this.state.selectedValues.concat(selectedOption)\n      : [selectedOption];\n    this.setState({\n      focused: -1,\n      hovered: null,\n      menuOpen: false,\n      query: newQuery,\n      selectedValues,\n      selected: -1,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionMouseDown(event: { preventDefault: () => void }): void {\n    // Safari triggers focusOut before click, but if you\n    // preventDefault on mouseDown, you can stop that from happening.\n    // If this is removed, clicking on an option in Safari will trigger\n    // `handleOptionBlur`, which closes the menu, and the click will\n    // trigger on the element underneath instead.\n    // See: http://stackoverflow.com/questions/7621711/how-to-prevent-blur-running-when-clicking-a-link-in-jquery\n    event.preventDefault();\n  }\n\n  handleUpArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    const { menuOpen, selected } = this.state;\n    const isNotAtTop = selected !== -1;\n    const allowMoveUp = isNotAtTop && menuOpen;\n    if (allowMoveUp) {\n      this.handleOptionFocus((selected as number) - 1);\n    }\n  }\n\n  handleDownArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    // if not open, open\n    if (this.state.menuOpen === false) {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n          selected: 0,\n          focused: 0,\n          hovered: null,\n        });\n      });\n    } else if (this.state.menuOpen === true) {\n      const { menuOpen, options, selected } = this.state;\n      const isNotAtBottom = selected !== options.length - 1;\n      const allowMoveDown = isNotAtBottom && menuOpen;\n      if (allowMoveDown) {\n        this.handleOptionFocus((selected as number) + 1);\n      }\n    }\n  }\n\n  handleSpace(event: { preventDefault: () => void }): void {\n    // if not open, open\n    if (this.state.menuOpen === false && this.state.query === '') {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n        });\n      });\n    }\n    const focusIsOnOption = this.state.focused !== -1;\n    if (focusIsOnOption) {\n      event.preventDefault();\n      this.handleOptionClick(this.state.focused);\n    }\n  }\n\n  handleEnter(event: { preventDefault: () => void }): void {\n    if (this.state.menuOpen) {\n      event.preventDefault();\n      const hasSelectedOption = this.state.selected >= 0;\n      if (hasSelectedOption) {\n        this.handleOptionClick(this.state.selected);\n        if (this.props.multiple) {\n          this.setState({\n            menuOpen: false,\n            focused: -1,\n          });\n        }\n      }\n    }\n  }\n\n  handlePrintableKey(event: { target: any }): void {\n    const inputElement = this.elementReferences[-1];\n    const eventIsOnInput = event.target === inputElement;\n    if (!eventIsOnInput) {\n      // FIXME: This would be better if it was in componentDidUpdate,\n      // but using setState to trigger that seems to not work correctly\n      // in preact@8.1.0.\n      inputElement.focus();\n    }\n  }\n\n  handleKeyDown(event: {\n    preventDefault: () => void;\n    keyCode: number;\n    target: any;\n  }): void {\n    switch (keyCodes[event.keyCode]) {\n      case 'up':\n        this.handleUpArrow(event);\n        break;\n      case 'down':\n        this.handleDownArrow(event);\n        break;\n      case 'space':\n        this.handleSpace(event);\n        break;\n      case 'enter':\n        this.handleEnter(event);\n        break;\n      case 'escape':\n        this.handleComponentBlur({\n          query: this.state.query,\n        });\n        break;\n      case 'backspace':\n        if (this.props.multiple) {\n          if (\n            this.state.query.length === 0 &&\n            this.state.selectedValues.length > 0\n          ) {\n            event.preventDefault();\n            const updatedSelectedValues = this.state.selectedValues.slice(\n              0,\n              -1\n            );\n            this.setState(\n              {\n                selectedValues: updatedSelectedValues,\n              },\n              () => {\n                this.props.onConfirm?.(updatedSelectedValues);\n              }\n            );\n          } else {\n            if (isPrintableKeyCode(event.keyCode)) {\n              this.handlePrintableKey(event);\n            }\n          }\n        } else {\n          this.props.onConfirm?.('');\n        }\n        break;\n      default:\n        if (isPrintableKeyCode(event.keyCode)) {\n          this.handlePrintableKey(event);\n        }\n        break;\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      width,\n      minLength,\n      name,\n      placeholder,\n      required,\n      tNoResults,\n      tStatusQueryTooShort,\n      tStatusNoResults,\n      tStatusSelectedOption,\n      tStatusResults,\n      tAssistiveHint,\n      multiple,\n      source,\n    } = this.props;\n    const {\n      focused,\n      hovered,\n      menuOpen,\n      options,\n      selected,\n      ariaHint,\n      validChoiceMade,\n    } = this.state;\n    const autoselect = this.hasAutoselect();\n    const query = this.state.query ?? '';\n    const inputFocused = focused === -1;\n    const noOptionsAvailable = options.length === 0;\n    const queryNotEmpty = query.length !== 0;\n    const queryLongEnough = query.length >= (minLength as number);\n    const showNoOptionsFound =\n      inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;\n    const componentIsFocused = focused !== null;\n    const optionFocused = focused !== -1 && focused !== null;\n    const menuIsVisible = menuOpen || showNoOptionsFound;\n    const selectedOptionText = this.templateInputValue(options[selected]);\n    const optionBeginsWithQuery =\n      selectedOptionText &&\n      selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;\n    const hintValue =\n      optionBeginsWithQuery && autoselect\n        ? query + selectedOptionText.substr(query.length)\n        : '';\n\n    const assistiveHintID = id + '__assistiveHint';\n    const ariaDescribedProp = ariaHint\n      ? {\n          'aria-describedby': assistiveHintID,\n        }\n      : null;\n\n    const showAutoCompleteResultListItems = (\n      options: string[],\n      multiple: boolean\n    ) => {\n      {\n        return options.map((option, index) => {\n          const showFocused =\n            focused === -1 ? selected === index : focused === index;\n          const iosPosinsetHtml = isIosDevice() ? (\n            <Base\n              as=\"span\"\n              id={`${id}__option-suffix--${index}`}\n              style={{\n                border: '0',\n                clip: 'rect(0 0 0 0)',\n                height: '1px',\n                marginBottom: '-1px',\n                marginRight: '-1px',\n                overflow: 'hidden',\n                padding: '0',\n                position: 'absolute',\n                whiteSpace: 'nowrap',\n                width: '1px',\n              }}\n            >\n              {index + 1} \u03B1\u03C0\u03CC {options.length}\n            </Base>\n          ) : (\n            ''\n          );\n          return (\n            <AutoCompleteResultListItem\n              isFocused={showFocused}\n              isHovered={hovered}\n              index={index}\n              aria-selected={focused === index ? 'true' : 'false'}\n              key={index}\n              onBlur={(event) => this.handleAutoCompleteBlur(event, index)}\n              onClick={() => this.handleOptionClick(index)}\n              onMouseDown={this.handleOptionMouseDown}\n              onMouseEnter={() => this.handleOptionMouseEnter(index)}\n              ref={(optionEl) => {\n                this.elementReferences[index] = optionEl;\n              }}\n              role=\"option\"\n              tabIndex={-1}\n              // @ts-ignore\n              value={typeof option === 'object' ? option?.value : option}\n              aria-posinset={index + 1}\n              aria-setsize={options.length}\n            >\n              {multiple ? (\n                <CheckboxItem\n                  value={option}\n                  checked={this.state.selectedValues.includes(option)}\n                  onChange={() => {}}\n                >\n                  {this.templateSuggestion(option)}\n                </CheckboxItem>\n              ) : (\n                this.templateSuggestion(option)\n              )}\n              {iosPosinsetHtml}\n            </AutoCompleteResultListItem>\n          );\n        });\n      }\n    };\n\n    return (\n      <AutoCompleteContainer onKeyDown={this.handleKeyDown} width={width}>\n        <Status\n          id={id}\n          length={options.length}\n          queryLength={query.length}\n          minQueryLength={minLength as number}\n          selectedOption={this.templateInputValue(options[selected])}\n          selectedOptionIndex={selected}\n          validChoiceMade={validChoiceMade}\n          isInFocus={this.state.focused !== null}\n          tQueryTooShort={tStatusQueryTooShort}\n          tNoResults={tStatusNoResults}\n          tSelectedOption={tStatusSelectedOption}\n          tResults={tStatusResults}\n        />\n\n        {hintValue && (placeholder === '' || !placeholder) && (\n          <AutoCompleteInputTypeahead value={hintValue} />\n        )}\n\n        {multiple ? (\n          <AutoCompleteMultipleInputContainer\n            isFocused={componentIsFocused}\n            numberOfSelected={this.props.numberOfSelected}\n          >\n            <ChipContainer>\n              {this.state.selectedValues.map((value, index) => {\n                return (\n                  <Chip\n                    key={index}\n                    onDelete={() => {\n                      this.setState(\n                        (prevState) => ({\n                          selectedValues: prevState.selectedValues.filter(\n                            (v) => {\n                              if (typeof v === 'string') {\n                                return v !== value;\n                              } else {\n                                return v.value !== value.value;\n                              }\n                            }\n                          ),\n                        }),\n                        () => {\n                          this.props.onConfirm?.(this.state.selectedValues);\n                        }\n                      );\n                    }}\n                  >\n                    {typeof value === 'string' ? value : value.label.primary}\n                  </Chip>\n                );\n              })}\n              {!componentIsFocused &&\n                typeof this.props.numberOfSelected === 'number' &&\n                this.state.selectedValues.length >\n                  this.props.numberOfSelected && (\n                  <NormalText fontWeight=\"bold\" margin={0}>\n                    +\n                    {this.state.selectedValues.length -\n                      this.props.numberOfSelected}\n                  </NormalText>\n                )}\n            </ChipContainer>\n            <AutoCompleteMultipleInput\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              // isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <Button\n              id={`${id}__button-arrow`}\n              ref={(buttonElement) => {\n                this.elementReferences['button-arrow'] = buttonElement;\n              }}\n              variant=\"link\"\n              onClick={() => {\n                if (!this.state.menuOpen) {\n                  source(query, (options) => {\n                    const optionsAvailable = options.length > 0;\n                    this.setState({\n                      menuOpen: optionsAvailable,\n                      options,\n                      selected: autoselect && optionsAvailable ? 0 : -1,\n                      validChoiceMade: false,\n                    });\n                  });\n                } else {\n                  this.setState({\n                    menuOpen: false,\n                    focused: null,\n                  });\n                }\n              }}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n            >\n              <CaretIcon direction=\"down\" size=\"md\" />\n            </Button>\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              <Checkbox>\n                {showAutoCompleteResultListItems(options, multiple)}\n              </Checkbox>\n\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </AutoCompleteMultipleInputContainer>\n        ) : (\n          <>\n            <AutoCompleteInputBase\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={this.handleAutoCompleteBlur}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <CaretIcon direction=\"down\" size=\"md\" />\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              {showAutoCompleteResultListItems(options, false)}\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </>\n        )}\n      </AutoCompleteContainer>\n    );\n  }\n}\n\nexport {\n  AutoComplete,\n  AutoCompleteInputBase,\n  AutoCompleteInputTypeahead,\n  AutoCompleteResultList,\n  AutoCompleteResultListItem,\n  AutoCompleteContainer,\n  AutoCompleteAssistiveHint,\n  AutoCompleteMultipleInputContainer,\n  AutoCompleteMultipleInput,\n};\n"],
+  "mappings": "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",
   "names": ["options", "multiple"]
 }

package/form/Button/Button.stories/index.js

@@ -1,10 +1,49 @@
-import Button from "@digigov/ui/form/Button";
+import { Button } from "@digigov/ui/form/Button";
 var Button_stories_default = {
+  displayName: "Button",
   title: "Digigov UI/form/Button",
   description: "Use the button component to help users carry out an action",
   link: "https://guide.services.gov.gr/docs/components/button",
-  component: Button,
-  displayName: "Button"
+  component: Button
+};
+const WithControls = {
+  args: {
+    variant: "button",
+    color: "primary",
+    children: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    dense: false,
+    printHidden: true,
+    "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"
+  },
+  argTypes: {
+    variant: {
+      options: ["button", "link"],
+      control: { type: "radio" }
+    },
+    color: {
+      options: ["primary", "secondary", "warning"],
+      control: { type: "select" },
+      if: { arg: "variant", eq: "button" }
+    },
+    dense: {
+      control: { type: "boolean" },
+      if: { arg: "variant", eq: "button" }
+    },
+    printHidden: {
+      control: { type: "boolean" }
+    },
+    children: {
+      control: { type: "text" }
+    },
+    "aria-label": {
+      control: { type: "text" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref"]
+    }
+  }
 };
 import { Primary } from "@digigov/ui/form/Button/__stories__/Primary";
 import { Secondary } from "@digigov/ui/form/Button/__stories__/Secondary";
@@ -30,6 +69,7 @@ export {
   Secondary,
   ThemeToggle,
   Warning,
+  WithControls,
   WithVariantLink,
   Button_stories_default as default
 };

package/form/Button/Button.stories.d.ts

@@ -1,11 +1,68 @@
 declare namespace _default {
+    export let displayName: string;
     export let title: string;
     export let description: string;
     export let link: string;
     export { Button as component };
-    export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    let args: {
+        variant: string;
+        color: string;
+        children: string;
+        dense: boolean;
+        printHidden: boolean;
+        'aria-label': string;
+    };
+    let argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        dense: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        printHidden: {
+            control: {
+                type: string;
+            };
+        };
+        children: {
+            control: {
+                type: string;
+            };
+        };
+        'aria-label': {
+            control: {
+                type: string;
+            };
+        };
+    };
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Primary } from "@digigov/ui/form/Button/__stories__/Primary";
 export { Secondary } from "@digigov/ui/form/Button/__stories__/Secondary";
 export { Warning } from "@digigov/ui/form/Button/__stories__/Warning";
@@ -18,4 +75,4 @@ export { ButtonLinkButton } from "@digigov/ui/form/Button/__stories__/ButtonLink
 export { Back } from "@digigov/ui/form/Button/__stories__/Back";
 export { WithVariantLink } from "@digigov/ui/form/Button/__stories__/WithVariantLink";
 export { ThemeToggle } from "@digigov/ui/form/Button/__stories__/ThemeToggle";
-import Button from '@digigov/ui/form/Button';
+import { Button } from '@digigov/ui/form/Button';

package/form/Button/Button.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form/Button/Button.stories.js"],
-  "sourcesContent": ["import Button from '@digigov/ui/form/Button';\n\nexport default {\n  title: 'Digigov UI/form/Button',\n  description: 'Use the button component to help users carry out an action',\n  link: 'https://guide.services.gov.gr/docs/components/button',\n  component: Button,\n  displayName: 'Button',\n};\n\nexport { Primary } from '@digigov/ui/form/Button/__stories__/Primary';\nexport { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/form/Button/__stories__/Warning';\nexport { GroupingButtons } from '@digigov/ui/form/Button/__stories__/GroupingButtons';\nexport { GroupingButtonsAndLinks } from '@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks';\nexport { CallToActionButton } from '@digigov/ui/form/Button/__stories__/CallToActionButton';\nexport { Disabled } from '@digigov/ui/form/Button/__stories__/Disabled';\nexport { Dense } from '@digigov/ui/form/Button/__stories__/Dense';\nexport { ButtonLinkButton } from '@digigov/ui/form/Button/__stories__/ButtonLinkButton';\nexport { Back } from '@digigov/ui/form/Button/__stories__/Back';\nexport { WithVariantLink } from '@digigov/ui/form/Button/__stories__/WithVariantLink';\nexport { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAEnB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;",
+  "sourcesContent": ["import { Button } from '@digigov/ui/form/Button';\n\nexport default {\n  displayName: 'Button',\n  title: 'Digigov UI/form/Button',\n  description: 'Use the button component to help users carry out an action',\n  link: 'https://guide.services.gov.gr/docs/components/button',\n  component: Button,\n};\n\nexport const WithControls = {\n  args: {\n    variant: 'button',\n    color: 'primary',\n    children: '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n    dense: false,\n    printHidden: true,\n    'aria-label': '\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1',\n  },\n  argTypes: {\n    variant: {\n      options: ['button', 'link'],\n      control: { type: 'radio' },\n    },\n    color: {\n      options: ['primary', 'secondary', 'warning'],\n      control: { type: 'select' },\n      if: { arg: 'variant', eq: 'button' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n      if: { arg: 'variant', eq: 'button' },\n    },\n    printHidden: {\n      control: { type: 'boolean' },\n    },\n    children: {\n      control: { type: 'text' },\n    },\n    'aria-label': {\n      control: { type: 'text' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref'],\n    },\n  },\n};\n\nexport { Primary } from '@digigov/ui/form/Button/__stories__/Primary';\nexport { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/form/Button/__stories__/Warning';\nexport { GroupingButtons } from '@digigov/ui/form/Button/__stories__/GroupingButtons';\nexport { GroupingButtonsAndLinks } from '@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks';\nexport { CallToActionButton } from '@digigov/ui/form/Button/__stories__/CallToActionButton';\nexport { Disabled } from '@digigov/ui/form/Button/__stories__/Disabled';\nexport { Dense } from '@digigov/ui/form/Button/__stories__/Dense';\nexport { ButtonLinkButton } from '@digigov/ui/form/Button/__stories__/ButtonLinkButton';\nexport { Back } from '@digigov/ui/form/Button/__stories__/Back';\nexport { WithVariantLink } from '@digigov/ui/form/Button/__stories__/WithVariantLink';\nexport { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';\n"],
+  "mappings": "AAAA,SAAS,cAAc;AAEvB,IAAO,yBAAQ;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AACb;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,UAAU,MAAM;AAAA,MAC1B,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC,WAAW,aAAa,SAAS;AAAA,MAC3C,SAAS,EAAE,MAAM,SAAS;AAAA,MAC1B,IAAI,EAAE,KAAK,WAAW,IAAI,SAAS;AAAA,IACrC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,MAC3B,IAAI,EAAE,KAAK,WAAW,IAAI,SAAS;AAAA,IACrC;AAAA,IACA,aAAa;AAAA,MACX,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;",
   "names": []
 }