@popsure/dirty-swan 0.35.0 → 0.36.0

package/dist/esm/components/input/autoSuggestInput/index.stories.js

@@ -0,0 +1,131 @@
+import { _ as __assign, d as __spreadArray } from '../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { AutoSuggestInput } from './index.js';
+import { f as featherLogo } from '../../../feather-logo-a3f07990.js';
+import '../../../index-e9e37a34.js';
+import '../../../index-171a0108.js';
+import '../../../index-dd80248b.js';
+import '../../../style-inject.es-1f59c1d0.js';
+import '../index.js';
+import '../../../index-fb46adf9.js';
+
+var story = {
+    title: 'JSX/Inputs/AutoSuggestInput',
+    component: AutoSuggestInput,
+    argTypes: {
+        suggestions: {
+            description: 'List of suggestions that should be displayed to the respective input',
+            defaultValue: [
+                { value: 'feather', leftIcon: featherLogo },
+                { value: 'feather2', leftIcon: featherLogo },
+                {
+                    value: 'feather3',
+                    leftIcon: featherLogo,
+                },
+                {
+                    value: 'dirtyswan',
+                    leftIcon: featherLogo,
+                },
+                {
+                    value: 'test value',
+                    leftIcon: featherLogo,
+                },
+            ]
+        },
+        currentOption: {
+            defaultValue: 'feather',
+            description: 'Current input of the component by user',
+        },
+        placeholder: {
+            defaultValue: 'Placeholder',
+            description: 'Placeholder for DirtySwan Input component'
+        },
+        className: {
+            defaultValue: '',
+            description: 'Class name for the most parent element',
+            control: { type: 'text' }
+        },
+        wrapText: {
+            defaultValue: false,
+            description: 'Wether or not wrap the entries in the dropdown or hide overflown text',
+        },
+        inputProps: {
+            defaultValue: {},
+            description: 'Pass through arbitrary props to the input.',
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'InputHTMLAttributes'
+                },
+            },
+        },
+        handleSuggestionSelected: {
+            description: 'Function that runs when a suggestion is selected from the dropdown',
+            action: true,
+            table: {
+                category: 'Callbacks',
+            },
+        },
+        onChange: {
+            description: 'Function that is called when value of current input changes',
+            action: true,
+            table: {
+                category: 'Callbacks',
+            },
+        },
+        handleSuggestionFetchRequest: {
+            description: 'Function that allows control of which suggestions should be displayed',
+            action: true,
+            table: {
+                category: 'Callbacks',
+            },
+        },
+        handleSuggestionClearRequest: {
+            description: 'Function that runs when suggestions are cleared (eg. input removal, selecting suggestion)',
+            action: true,
+            table: {
+                category: 'Callbacks',
+            },
+        },
+    },
+    parameters: {
+        componentSubtitle: 'This component allows quick search via the input field to find an option for selection',
+        customTypes: {
+            Option: "interface Option {\n      value: string; // value of option to be stored and displayed on UI\n      leftIcon?: string; // image of the provided option to be displayed on UI\n}"
+        }
+    },
+};
+var AutoSuggestInputStory = function (_a) {
+    var _b = _a.currentOption, currentOption = _b === void 0 ? '' : _b, suggestions = _a.suggestions, handleSuggestionSelected = _a.handleSuggestionSelected, onChange = _a.onChange, handleSuggestionFetchRequest = _a.handleSuggestionFetchRequest, handleSuggestionClearRequest = _a.handleSuggestionClearRequest, placeholder = _a.placeholder, className = _a.className, wrapText = _a.wrapText, inputProps = _a.inputProps;
+    var _c = useState([]), selectedValues = _c[0], setSelectedValues = _c[1];
+    var _d = useState(currentOption), selectedOption = _d[0], setSelectedOption = _d[1];
+    var _e = useState([]), options = _e[0], setOptions = _e[1];
+    var handleSelected = function (value) {
+        handleSuggestionSelected(value);
+        var newSelectedOptions = __spreadArray(__spreadArray([], selectedValues), [value]);
+        setSelectedValues(newSelectedOptions);
+        setSelectedOption(value.value);
+    };
+    var handleFetchRequest = function (value) {
+        handleSuggestionFetchRequest(value);
+        var filteredOptions = options.filter(function (option) {
+            return option.value.toLowerCase().startsWith(option.value.toLowerCase());
+        });
+        setSelectedValues(filteredOptions);
+    };
+    var handleClearSuggestions = function () {
+        handleSuggestionClearRequest();
+        setOptions([]);
+    };
+    var handleOnChange = function (value) {
+        onChange(value);
+        setSelectedOption(value);
+    };
+    return (jsx("div", __assign({ style: { minHeight: '300px' } }, { children: jsx(AutoSuggestInput, { currentOption: selectedOption, suggestions: suggestions, handleSuggestionSelected: handleSelected, onChange: handleOnChange, handleSuggestionFetchRequest: handleFetchRequest, handleSuggestionClearRequest: handleClearSuggestions, placeholder: placeholder, className: className, wrapText: wrapText, inputProps: inputProps }, void 0) }), void 0));
+};
+AutoSuggestInputStory.storyName = "AutoSuggestInput";
+
+export default story;
+export { AutoSuggestInputStory };
+//# sourceMappingURL=index.stories.js.map

package/dist/esm/components/input/autoSuggestInput/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/autoSuggestInput/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AutoSuggestInput, AutoSuggestInputProps } from '.';\nimport { Option } from '../../../models/autoSuggestInput';\nimport featherLogo from '../../cards/icons/feather-logo.svg';\n\nconst story = {\n  title: 'JSX/Inputs/AutoSuggestInput',\n  component: AutoSuggestInput,\n  argTypes: {\n    suggestions: {\n      description: 'List of suggestions that should be displayed to the respective input',\n      defaultValue: [\n        { value: 'feather', leftIcon: featherLogo },\n        { value: 'feather2', leftIcon: featherLogo },\n        {\n          value: 'feather3',\n          leftIcon: featherLogo,\n        },\n        {\n          value: 'dirtyswan',\n          leftIcon: featherLogo,\n        },\n        {\n          value: 'test value',\n          leftIcon: featherLogo,\n        },\n      ]\n    },\n    currentOption: {\n      defaultValue: 'feather',\n      description: 'Current input of the component by user',\n    },\n    placeholder: {\n      defaultValue: 'Placeholder',\n      description: 'Placeholder for DirtySwan Input component'\n    },\n    className: {\n      defaultValue: '',\n      description: 'Class name for the most parent element',\n      control: { type: 'text' }\n    },\n    wrapText: {\n      defaultValue: false,\n      description: 'Wether or not wrap the entries in the dropdown or hide overflown text',\n    },\n    inputProps: {\n      defaultValue: {},\n      description: 'Pass through arbitrary props to the input.',\n      control: { type: 'object' },\n      table: {\n        type: { \n          summary: 'InputHTMLAttributes'\n        },\n      },\n    },\n    handleSuggestionSelected: {\n      description: 'Function that runs when a suggestion is selected from the dropdown',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    onChange: {\n      description: 'Function that is called when value of current input changes',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    handleSuggestionFetchRequest: {\n      description: 'Function that allows control of which suggestions should be displayed',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    handleSuggestionClearRequest: {\n      description: 'Function that runs when suggestions are cleared (eg. input removal, selecting suggestion)',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  parameters: {\n    componentSubtitle: 'This component allows quick search via the input field to find an option for selection',\n    customTypes: {\n      Option: `interface Option {\n      value: string; // value of option to be stored and displayed on UI\n      leftIcon?: string; // image of the provided option to be displayed on UI\n}`\n    }\n  },\n};\n\nexport const AutoSuggestInputStory = ({\n  currentOption = '', \n  suggestions,\n  handleSuggestionSelected,\n  onChange,\n  handleSuggestionFetchRequest,\n  handleSuggestionClearRequest,\n  placeholder,\n  className,\n  wrapText,\n  inputProps,\n}: AutoSuggestInputProps) => {\n  \n  const [selectedValues, setSelectedValues] = useState<Option[]>([]);\n  const [selectedOption, setSelectedOption] = useState(currentOption);\n  const [options, setOptions] = useState([]);\n\n  const handleSelected = (value: Option) => {\n    handleSuggestionSelected(value);\n\n    const newSelectedOptions = [...selectedValues, value];\n    setSelectedValues(newSelectedOptions);\n    setSelectedOption(value.value);\n  };\n\n  const handleFetchRequest = (value: Option) => {\n    handleSuggestionFetchRequest(value);\n\n    const filteredOptions = options.filter((option: Option) =>\n      option.value.toLowerCase().startsWith(option.value.toLowerCase())\n    );\n    setSelectedValues(filteredOptions);\n  };\n\n  const handleClearSuggestions = () => {\n    handleSuggestionClearRequest();\n\n    setOptions([]);\n  };\n\n  const handleOnChange = (value: string) => {\n    onChange(value);\n\n    setSelectedOption(value);\n  };\n\n  return (\n    <div style={{ minHeight: '300px' }}>\n      <AutoSuggestInput\n        currentOption={selectedOption}\n        suggestions={suggestions}\n        handleSuggestionSelected={handleSelected}\n        onChange={handleOnChange}\n        handleSuggestionFetchRequest={handleFetchRequest}\n        handleSuggestionClearRequest={handleClearSuggestions}\n        placeholder={placeholder}\n        className={className}\n        wrapText={wrapText}\n        inputProps={inputProps}\n      />\n    </div>\n  );\n};\n\nAutoSuggestInputStory.storyName = \"AutoSuggestInput\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/input/autoSuggestMultiSelect/index.js

@@ -2,7 +2,7 @@ import { _ as __assign, d as __spreadArray } from '../../../tslib.es6-5bc94358.j
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import Chip from '../../chip/index.js';
-import AutoSuggestInput from '../autoSuggestInput/index.js';
+import { AutoSuggestInput } from '../autoSuggestInput/index.js';
 import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
 import { c as classnames } from '../../../index-e9e37a34.js';
 import '../../../index-171a0108.js';
@@ -14,7 +14,7 @@ var css_248z = ".style-module_chip-container__26s37 {\n  display: flex;\n  flex-
 var styles = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
 styleInject(css_248z);
 
-var index = (function (_a) {
+var AutoSuggestMultiSelect = function (_a) {
     var _b;
     var options = _a.options, selectedValues = _a.selectedValues, setValues = _a.setValues, placeholder = _a.placeholder, chipsListClassName = _a.chipsListClassName, multiSelectClassName = _a.multiSelectClassName, wrapText = _a.wrapText;
     var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
@@ -39,7 +39,7 @@ var index = (function (_a) {
                     });
                     setSuggestions(filteredOptions);
                 }, currentOption: currentOption, suggestions: suggestions, handleSuggestionClearRequest: function () { return setSuggestions([]); }, wrapText: wrapText }, void 0)] }, void 0));
-});
+};
 
-export default index;
+export { AutoSuggestMultiSelect };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/input/autoSuggestMultiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/autoSuggestMultiSelect/index.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Option } from '../../../models/autoSuggestInput';\nimport Chip from '../../chip';\nimport AutoSuggestInput from '../autoSuggestInput';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport default ({\n  options,\n  selectedValues,\n  setValues,\n  placeholder,\n  chipsListClassName,\n  multiSelectClassName,\n  wrapText,\n}: {\n  options: Option[];\n  selectedValues?: Option[];\n  setValues: (values: Option[]) => void;\n  placeholder: string;\n  chipsListClassName?: string;\n  multiSelectClassName?: string;\n  wrapText?: boolean;\n}) => {\n  const [suggestions, setSuggestions] = useState<Option[]>([]);\n  const [currentOption, setCurrentOption] = useState('');\n  const hasChips = Boolean(selectedValues && selectedValues.length > 0);\n\n  return (\n    <>\n      <div\n        className={classNames(\n          styles['chip-container'],\n          chipsListClassName,\n          {\n            [styles.appearIn]: hasChips\n          },\n        )}\n      >\n        {selectedValues && hasChips && (\n          <>\n            {selectedValues.map((value, index) => (\n              <Chip\n                key={`${value.value}-${index}`}\n                className=\"mb16\"\n                value={value}\n                onRemove={(value: Option) => {\n                  const newValues = [...selectedValues].filter(\n                    (selectedValue) => selectedValue.value !== value.value\n                  );\n                  setValues(newValues);\n                }}\n              />\n            ))}\n          </>\n        )}\n      </div>\n      <AutoSuggestInput\n        className={multiSelectClassName}\n        placeholder={placeholder}\n        onChange={setCurrentOption}\n        handleSuggestionSelected={(value) => {\n          const newSelectedOptions = selectedValues ?? [];\n          newSelectedOptions?.push(value);\n          setValues(newSelectedOptions);\n          setCurrentOption('');\n        }}\n        handleSuggestionFetchRequest={({ value }) => {\n          const filteredOptions = options.filter(\n            (option) =>\n              option.value.toLowerCase().startsWith(value.toLowerCase()) &&\n              selectedValues?.find(\n                (selectedValue) => selectedValue.value === option.value\n              ) === undefined\n          );\n          setSuggestions(filteredOptions);\n        }}\n        currentOption={currentOption}\n        suggestions={suggestions}\n        handleSuggestionClearRequest={() => setSuggestions([])}\n        wrapText={wrapText}\n      />\n    </>\n  );\n};\n"],"names":["_jsxs","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;;;AAQA,aAAe,UAAC,EAgBf;;QAfC,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,QAAQ,cAAA;IAUF,IAAA,KAAgC,QAAQ,CAAW,EAAE,CAAC,EAArD,WAAW,QAAA,EAAE,cAAc,QAA0B,CAAC;IACvD,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAC;IACvD,IAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAEtE,QACEA,4BACEC,sBACE,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,gBAAgB,CAAC,EACxB,kBAAkB;oBAEhB,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;wBAE9B,gBAEA,cAAc,IAAI,QAAQ,KACzBD,0BACG,cAAc,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,QACpCA,IAAC,IAAI,IAEH,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,KAAa;4BACtB,IAAM,SAAS,GAAG,kBAAI,cAAc,EAAE,MAAM,CAC1C,UAAC,aAAa,IAAK,OAAA,aAAa,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAA,CACvD,CAAC;4BACF,SAAS,CAAC,SAAS,CAAC,CAAC;yBACtB,IARO,KAAK,CAAC,KAAK,SAAI,KAAO,CAS9B,IACH,CAAC,WACD,CACJ,YACG;YACNA,IAAC,gBAAgB,IACf,SAAS,EAAE,oBAAoB,EAC/B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,wBAAwB,EAAE,UAAC,KAAK;oBAC9B,IAAM,kBAAkB,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC;oBAChD,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI,CAAC,KAAK,CAAC,CAAC;oBAChC,SAAS,CAAC,kBAAkB,CAAC,CAAC;oBAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAC;iBACtB,EACD,4BAA4B,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBACpC,IAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CACpC,UAAC,MAAM;wBACL,OAAA,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;4BAC1D,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,CAClB,UAAC,aAAa,IAAK,OAAA,aAAa,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,GAAA,CACxD,MAAK,SAAS;qBAAA,CAClB,CAAC;oBACF,cAAc,CAAC,eAAe,CAAC,CAAC;iBACjC,EACD,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,4BAA4B,EAAE,cAAM,OAAA,cAAc,CAAC,EAAE,CAAC,GAAA,EACtD,QAAQ,EAAE,QAAQ,WAClB,YACD,EACH;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/autoSuggestMultiSelect/index.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Option } from '../../../models/autoSuggestInput';\nimport Chip from '../../chip';\nimport { AutoSuggestInput } from '../autoSuggestInput';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface AutoSuggestMultiSelectProps {\n  options: Option[];\n  selectedValues?: Option[];\n  setValues: (values: Option[]) => void;\n  placeholder: string;\n  chipsListClassName?: string;\n  multiSelectClassName?: string;\n  wrapText?: boolean;\n}\n\nexport const AutoSuggestMultiSelect = ({\n  options,\n  selectedValues,\n  setValues,\n  placeholder,\n  chipsListClassName,\n  multiSelectClassName,\n  wrapText,\n}: AutoSuggestMultiSelectProps) => {\n  const [suggestions, setSuggestions] = useState<Option[]>([]);\n  const [currentOption, setCurrentOption] = useState('');\n  const hasChips = Boolean(selectedValues && selectedValues.length > 0);\n\n  return (\n    <>\n      <div\n        className={classNames(\n          styles['chip-container'],\n          chipsListClassName,\n          {\n            [styles.appearIn]: hasChips\n          },\n        )}\n      >\n        {selectedValues && hasChips && (\n          <>\n            {selectedValues.map((value, index) => (\n              <Chip\n                key={`${value.value}-${index}`}\n                className=\"mb16\"\n                value={value}\n                onRemove={(value: Option) => {\n                  const newValues = [...selectedValues].filter(\n                    (selectedValue) => selectedValue.value !== value.value\n                  );\n                  setValues(newValues);\n                }}\n              />\n            ))}\n          </>\n        )}\n      </div>\n      <AutoSuggestInput\n        className={multiSelectClassName}\n        placeholder={placeholder}\n        onChange={setCurrentOption}\n        handleSuggestionSelected={(value) => {\n          const newSelectedOptions = selectedValues ?? [];\n          newSelectedOptions?.push(value);\n          setValues(newSelectedOptions);\n          setCurrentOption('');\n        }}\n        handleSuggestionFetchRequest={({ value }) => {\n          const filteredOptions = options.filter(\n            (option) =>\n              option.value.toLowerCase().startsWith(value.toLowerCase()) &&\n              selectedValues?.find(\n                (selectedValue) => selectedValue.value === option.value\n              ) === undefined\n          );\n          setSuggestions(filteredOptions);\n        }}\n        currentOption={currentOption}\n        suggestions={suggestions}\n        handleSuggestionClearRequest={() => setSuggestions([])}\n        wrapText={wrapText}\n      />\n    </>\n  );\n};\n"],"names":["_jsxs","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;;;IAkBa,sBAAsB,GAAG,UAAC,EAQT;;QAP5B,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,QAAQ,cAAA;IAEF,IAAA,KAAgC,QAAQ,CAAW,EAAE,CAAC,EAArD,WAAW,QAAA,EAAE,cAAc,QAA0B,CAAC;IACvD,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAC;IACvD,IAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAEtE,QACEA,4BACEC,sBACE,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,gBAAgB,CAAC,EACxB,kBAAkB;oBAEhB,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;wBAE9B,gBAEA,cAAc,IAAI,QAAQ,KACzBD,0BACG,cAAc,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,QACpCA,IAAC,IAAI,IAEH,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,KAAa;4BACtB,IAAM,SAAS,GAAG,kBAAI,cAAc,EAAE,MAAM,CAC1C,UAAC,aAAa,IAAK,OAAA,aAAa,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAA,CACvD,CAAC;4BACF,SAAS,CAAC,SAAS,CAAC,CAAC;yBACtB,IARO,KAAK,CAAC,KAAK,SAAI,KAAO,CAS9B,IACH,CAAC,WACD,CACJ,YACG;YACNA,IAAC,gBAAgB,IACf,SAAS,EAAE,oBAAoB,EAC/B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,wBAAwB,EAAE,UAAC,KAAK;oBAC9B,IAAM,kBAAkB,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC;oBAChD,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI,CAAC,KAAK,CAAC,CAAC;oBAChC,SAAS,CAAC,kBAAkB,CAAC,CAAC;oBAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAC;iBACtB,EACD,4BAA4B,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBACpC,IAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CACpC,UAAC,MAAM;wBACL,OAAA,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;4BAC1D,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,CAClB,UAAC,aAAa,IAAK,OAAA,aAAa,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,GAAA,CACxD,MAAK,SAAS;qBAAA,CAClB,CAAC;oBACF,cAAc,CAAC,eAAe,CAAC,CAAC;iBACjC,EACD,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,4BAA4B,EAAE,cAAM,OAAA,cAAc,CAAC,EAAE,CAAC,GAAA,EACtD,QAAQ,EAAE,QAAQ,WAClB,YACD,EACH;AACJ;;;;"}

package/dist/esm/components/input/autoSuggestMultiSelect/index.stories.js

@@ -0,0 +1,107 @@
+import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { AutoSuggestMultiSelect } from './index.js';
+import { f as featherLogo } from '../../../feather-logo-a3f07990.js';
+import '../../chip/index.js';
+import '../../../style-inject.es-1f59c1d0.js';
+import '../autoSuggestInput/index.js';
+import '../../../index-e9e37a34.js';
+import '../../../index-171a0108.js';
+import '../../../index-dd80248b.js';
+import '../index.js';
+import '../../../index-fb46adf9.js';
+
+var story = {
+    title: 'JSX/Inputs/AutoSuggestMultiSelect',
+    subtitle: 'sgsg',
+    component: AutoSuggestMultiSelect,
+    argTypes: {
+        options: {
+            description: 'List of all options available to search from',
+            defaultValue: [
+                { value: 'feather', leftIcon: featherLogo },
+                { value: 'feather2', leftIcon: featherLogo },
+                {
+                    value: 'feather3',
+                    leftIcon: featherLogo,
+                },
+                {
+                    value: 'dirtyswan',
+                    leftIcon: featherLogo,
+                },
+                {
+                    value: 'test value',
+                    leftIcon: featherLogo,
+                },
+            ],
+            table: {
+                type: {
+                    summary: 'Option[]'
+                },
+            },
+        },
+        selectedValues: {
+            description: 'List of all selected values',
+            defaultValue: [
+                { value: 'feather', leftIcon: featherLogo },
+                { value: 'feather2', leftIcon: featherLogo },
+            ],
+            table: {
+                type: {
+                    summary: 'Option[]'
+                },
+            },
+        },
+        placeholder: {
+            defaultValue: 'Placeholder',
+            description: 'Placeholder for DirtySwan Input component'
+        },
+        chipsListClassName: {
+            defaultValue: '',
+            description: 'Class name for the most parent element of the Chip component',
+            control: { type: 'text' }
+        },
+        multiSelectClassName: {
+            defaultValue: '',
+            description: 'Class name for the most parent element of the AutoSuggestInput component',
+            control: { type: 'text' }
+        },
+        wrapText: {
+            defaultValue: false,
+            description: 'Wether or not wrap the entries in the dropdown or hide overflown text',
+        },
+        setValues: {
+            description: 'Function that runs when selecting values',
+            action: true,
+            table: {
+                category: 'Callbacks',
+            },
+        },
+    },
+    parameters: {
+        componentSubtitle: 'AutoSuggestMultiSelect is a combination of the AutoSuggestInput and Chip components',
+        docs: {
+            description: {
+                component: "This component allows quick search via the input field to find an option for selection.\n        \nUpon selecting an option, the option is displayed above the input field as a chip.\n        \nThe chip can be removed by clicking on the X button. Multi options can be selected as well.\n        \nProp `setValues` function must be provided to keep track of removed and added option selections."
+            },
+        },
+        customTypes: {
+            Option: "interface Option {\n      value: string; // value of option to be stored and displayed on UI\n      leftIcon?: string; // image of the provided option to be displayed on UI\n}"
+        }
+    },
+};
+var AutoSuggestMultiSelectStory = function (_a) {
+    var options = _a.options, selectedValues = _a.selectedValues, setValues = _a.setValues, placeholder = _a.placeholder, chipsListClassName = _a.chipsListClassName, multiSelectClassName = _a.multiSelectClassName, wrapText = _a.wrapText;
+    var _b = useState(selectedValues), values = _b[0], setSelectedValues = _b[1];
+    var handleSetValues = function (options) {
+        setValues(options);
+        setSelectedValues(options);
+    };
+    return (jsx("div", __assign({ style: { minHeight: '240px' } }, { children: jsx(AutoSuggestMultiSelect, { options: options, selectedValues: values, setValues: handleSetValues, placeholder: placeholder, chipsListClassName: chipsListClassName, multiSelectClassName: multiSelectClassName, wrapText: wrapText }, void 0) }), void 0));
+};
+AutoSuggestMultiSelectStory.storyName = "AutoSuggestMultiSelect";
+
+export default story;
+export { AutoSuggestMultiSelectStory };
+//# sourceMappingURL=index.stories.js.map

package/dist/esm/components/input/autoSuggestMultiSelect/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/autoSuggestMultiSelect/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AutoSuggestMultiSelect, AutoSuggestMultiSelectProps } from '.';\nimport { Option } from '../../../models/autoSuggestInput';\nimport featherLogo from '../../cards/icons/feather-logo.svg';\n\nconst story = {\n  title: 'JSX/Inputs/AutoSuggestMultiSelect',\n  subtitle: 'sgsg',\n  component: AutoSuggestMultiSelect,\n  argTypes: {\n    options: {\n      description: 'List of all options available to search from',\n      defaultValue: [\n        { value: 'feather', leftIcon: featherLogo },\n        { value: 'feather2', leftIcon: featherLogo },\n        {\n          value: 'feather3',\n          leftIcon: featherLogo,\n        },\n        {\n          value: 'dirtyswan',\n          leftIcon: featherLogo,\n        },\n        {\n          value: 'test value',\n          leftIcon: featherLogo,\n        },\n      ],\n      table: {\n        type: { \n          summary: 'Option[]'\n        },\n      },\n    },\n    selectedValues: {\n      description: 'List of all selected values',\n      defaultValue: [\n        { value: 'feather', leftIcon: featherLogo },\n        { value: 'feather2', leftIcon: featherLogo },\n      ],\n      table: {\n        type: { \n          summary: 'Option[]'\n        },\n      },\n    },\n    placeholder: {\n      defaultValue: 'Placeholder',\n      description: 'Placeholder for DirtySwan Input component'\n    },\n    chipsListClassName: {\n      defaultValue: '',\n      description: 'Class name for the most parent element of the Chip component',\n      control: { type: 'text' }\n    },\n    multiSelectClassName: {\n      defaultValue: '',\n      description: 'Class name for the most parent element of the AutoSuggestInput component',\n      control: { type: 'text' }\n    },\n    wrapText: {\n      defaultValue: false,\n      description: 'Wether or not wrap the entries in the dropdown or hide overflown text',\n    },\n    setValues: {\n      description: 'Function that runs when selecting values',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  parameters: {\n    componentSubtitle: 'AutoSuggestMultiSelect is a combination of the AutoSuggestInput and Chip components',\n    docs: {\n      description: {\n        component: `This component allows quick search via the input field to find an option for selection.\n        \\nUpon selecting an option, the option is displayed above the input field as a chip.\n        \\nThe chip can be removed by clicking on the X button. Multi options can be selected as well.\n        \\nProp \\`setValues\\` function must be provided to keep track of removed and added option selections.`\n      },\n    },\n    customTypes: {\n      Option: `interface Option {\n      value: string; // value of option to be stored and displayed on UI\n      leftIcon?: string; // image of the provided option to be displayed on UI\n}`\n    }\n  },\n};\n\nexport const AutoSuggestMultiSelectStory = ({\n  options,\n  selectedValues,\n  setValues,\n  placeholder,\n  chipsListClassName,\n  multiSelectClassName,\n  wrapText,\n}: AutoSuggestMultiSelectProps) => {\n  const [values, setSelectedValues] = useState(selectedValues);\n\n  const handleSetValues = (options: Option[]) => {\n    setValues(options);\n    setSelectedValues(options);\n  }\n\n  return (\n    <div style={{ minHeight: '240px' }}>\n      <AutoSuggestMultiSelect\n       options={options}\n       selectedValues={values}\n       setValues={handleSetValues}\n       placeholder={placeholder}\n       chipsListClassName={chipsListClassName}\n       multiSelectClassName={multiSelectClassName}\n       wrapText={wrapText}\n      />\n    </div>\n  );\n};\n\nAutoSuggestMultiSelectStory.storyName = \"AutoSuggestMultiSelect\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;IAKM,KAAK,GAAG;IACZ,KAAK,EAAE,mCAAmC;IAC1C,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,sBAAsB;IACjC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,WAAW,EAAE,8CAA8C;YAC3D,YAAY,EAAE;gBACZ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;gBAC3C,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;gBAC5C;oBACE,KAAK,EAAE,UAAU;oBACjB,QAAQ,EAAE,WAAW;iBACtB;gBACD;oBACE,KAAK,EAAE,WAAW;oBAClB,QAAQ,EAAE,WAAW;iBACtB;gBACD;oBACE,KAAK,EAAE,YAAY;oBACnB,QAAQ,EAAE,WAAW;iBACtB;aACF;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,UAAU;iBACpB;aACF;SACF;QACD,cAAc,EAAE;YACd,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE;gBACZ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;gBAC3C,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;aAC7C;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,UAAU;iBACpB;aACF;SACF;QACD,WAAW,EAAE;YACX,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,2CAA2C;SACzD;QACD,kBAAkB,EAAE;YAClB,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,8DAA8D;YAC3E,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,oBAAoB,EAAE;YACpB,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,0EAA0E;YACvF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,uEAAuE;SACrF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,0CAA0C;YACvD,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;KACF;IACD,UAAU,EAAE;QACV,iBAAiB,EAAE,qFAAqF;QACxG,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,0YAG0F;aACtG;SACF;QACD,WAAW,EAAE;YACX,MAAM,EAAE,iLAGZ;SACG;KACF;EACD;IAEW,2BAA2B,GAAG,UAAC,EAQd;QAP5B,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,QAAQ,cAAA;IAEF,IAAA,KAA8B,QAAQ,CAAC,cAAc,CAAC,EAArD,MAAM,QAAA,EAAE,iBAAiB,QAA4B,CAAC;IAE7D,IAAM,eAAe,GAAG,UAAC,OAAiB;QACxC,SAAS,CAAC,OAAO,CAAC,CAAC;QACnB,iBAAiB,CAAC,OAAO,CAAC,CAAC;KAC5B,CAAA;IAED,QACEA,sBAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,gBAChCA,IAAC,sBAAsB,IACtB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,WACjB,YACE,EACN;AACJ,EAAE;AAEF,2BAA2B,CAAC,SAAS,GAAG,wBAAwB;;;;;"}

package/dist/esm/feather-logo-a3f07990.js

@@ -0,0 +1,4 @@
+var featherLogo = "data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%223%22%20y%3D%220%22%20width%3D%2222%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M23.8761%200C14.4485%204.03927%205.77595%2019.2529%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.7724%2021.344%2017.3995%2020.5116%2019.8916%2017.6795C18.7427%2018.0914%2017.2587%2018.9525%2014.0909%2017.9656C18.4837%2018.3512%2021.5108%2015.748%2022.6934%2012.044C19.7931%2013.3599%2017.3385%2012.4392%2016.6956%2012.1007C20.6519%2012.2002%2023.9887%209.68393%2024.7913%205.49304C25.2591%203.05005%2024.5097%200.800979%2023.8761%200Z%22%20fill%3D%22%236160A2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0%29%22%3E%3Cpath%20d%3D%22M21.1875%201.45451C12.8431%206.88225%205.56109%2019.9077%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.1146%2021.4525%2016.784%2020.7879%2018.6853%2018.9545C19.0219%2018.63%2019.1998%2017.9565%2018.7553%2018.1015C18.24%2018.2696%2017.709%2017.5612%2018.205%2017.3425C19.7521%2016.6603%2020.976%2015.4887%2021.8303%2014.0102C22.2446%2013.2932%2020.7231%2012.6796%2019.8955%2012.7075C18.8859%2012.7415%2019.6982%2011.6399%2020.6391%2011.2723C21.8973%2010.7807%2023.0427%2010.0842%2023.7916%209.26859C24.7617%208.21223%2024.48%207.11878%2024.7913%205.49304C24.969%204.56516%2024.971%203.66526%2024.8706%202.86204C24.6464%201.06951%2022.7019%200.469502%2021.1875%201.45451Z%22%20fill%3D%22%236160A2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M30.4837%205.72996C30.4837%2014.8734%2023.1695%2022.4039%2014.0022%2022.4039C4.83493%2022.4039%20-2.47925%2014.8734%20-2.47925%205.72996C-2.47925%20-3.4135%204.83493%20-10.944%2014.0022%20-10.944C23.1695%20-10.944%2030.4837%20-3.4135%2030.4837%205.72996ZM14.0022%2018.0289C20.6884%2018.0289%2026.1087%2012.5225%2026.1087%205.72996C26.1087%20-1.06259%2020.6884%20-6.56903%2014.0022%20-6.56903C7.316%20-6.56903%201.89575%20-1.06259%201.89575%205.72996C1.89575%2012.5225%207.316%2018.0289%2014.0022%2018.0289Z%22%20fill%3D%22%2390DF9B%22%2F%3E%3Cpath%20d%3D%22M26.1087%205.72995C26.1087%2012.5225%2020.6884%2018.0289%2014.0022%2018.0289C7.316%2018.0289%201.89575%2012.5225%201.89575%205.72995C1.89575%20-1.06259%207.316%20-6.56903%2014.0022%20-6.56903C20.6884%20-6.56903%2026.1087%20-1.06259%2026.1087%205.72995Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+export { featherLogo as f };
+//# sourceMappingURL=feather-logo-a3f07990.js.map

package/dist/esm/feather-logo-a3f07990.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feather-logo-a3f07990.js","sources":["../../src/lib/components/cards/icons/feather-logo.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%223%22%20y%3D%220%22%20width%3D%2222%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M23.8761%200C14.4485%204.03927%205.77595%2019.2529%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.7724%2021.344%2017.3995%2020.5116%2019.8916%2017.6795C18.7427%2018.0914%2017.2587%2018.9525%2014.0909%2017.9656C18.4837%2018.3512%2021.5108%2015.748%2022.6934%2012.044C19.7931%2013.3599%2017.3385%2012.4392%2016.6956%2012.1007C20.6519%2012.2002%2023.9887%209.68393%2024.7913%205.49304C25.2591%203.05005%2024.5097%200.800979%2023.8761%200Z%22%20fill%3D%22%236160A2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0%29%22%3E%3Cpath%20d%3D%22M21.1875%201.45451C12.8431%206.88225%205.56109%2019.9077%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.1146%2021.4525%2016.784%2020.7879%2018.6853%2018.9545C19.0219%2018.63%2019.1998%2017.9565%2018.7553%2018.1015C18.24%2018.2696%2017.709%2017.5612%2018.205%2017.3425C19.7521%2016.6603%2020.976%2015.4887%2021.8303%2014.0102C22.2446%2013.2932%2020.7231%2012.6796%2019.8955%2012.7075C18.8859%2012.7415%2019.6982%2011.6399%2020.6391%2011.2723C21.8973%2010.7807%2023.0427%2010.0842%2023.7916%209.26859C24.7617%208.21223%2024.48%207.11878%2024.7913%205.49304C24.969%204.56516%2024.971%203.66526%2024.8706%202.86204C24.6464%201.06951%2022.7019%200.469502%2021.1875%201.45451Z%22%20fill%3D%22%236160A2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M30.4837%205.72996C30.4837%2014.8734%2023.1695%2022.4039%2014.0022%2022.4039C4.83493%2022.4039%20-2.47925%2014.8734%20-2.47925%205.72996C-2.47925%20-3.4135%204.83493%20-10.944%2014.0022%20-10.944C23.1695%20-10.944%2030.4837%20-3.4135%2030.4837%205.72996ZM14.0022%2018.0289C20.6884%2018.0289%2026.1087%2012.5225%2026.1087%205.72996C26.1087%20-1.06259%2020.6884%20-6.56903%2014.0022%20-6.56903C7.316%20-6.56903%201.89575%20-1.06259%201.89575%205.72996C1.89575%2012.5225%207.316%2018.0289%2014.0022%2018.0289Z%22%20fill%3D%22%2390DF9B%22%2F%3E%3Cpath%20d%3D%22M26.1087%205.72995C26.1087%2012.5225%2020.6884%2018.0289%2014.0022%2018.0289C7.316%2018.0289%201.89575%2012.5225%201.89575%205.72995C1.89575%20-1.06259%207.316%20-6.56903%2014.0022%20-6.56903C20.6884%20-6.56903%2026.1087%20-1.06259%2026.1087%205.72995Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\""],"names":[],"mappings":"AAAA,kBAAe;;;;"}

package/dist/esm/{index-47663d39.js → index-29ac387a.js}

@@ -2,6 +2,7 @@ import { _ as __assign } from './tslib.es6-5bc94358.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import { f as featherLogo$1 } from './feather-logo-a3f07990.js';
 
 var css_248z = ".style-module_container__2tJCE {\n  background-color: white;\n  padding: 8px 16px;\n  box-shadow: 0px 2px 20px rgba(97, 96, 162, 0.07);\n  border-radius: 8px;\n  border: 2px solid white;\n  transition: border 0.2s ease-in-out;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-decoration: none;\n}\n.style-module_container__2tJCE:hover {\n  border: 2px solid #b1b0f5;\n}\n.style-module_container__2tJCE[disabled] {\n  pointer-events: none;\n  opacity: 0.25;\n}\n.style-module_container__2tJCE:focus {\n  border: 2px solid #8e8cee;\n}";
 var styles = {"container":"style-module_container__2tJCE"};
@@ -9,8 +10,6 @@ styleInject(css_248z);
 
 var arrowRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
 
-var featherLogoImage = "data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%223%22%20y%3D%220%22%20width%3D%2222%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M23.8761%200C14.4485%204.03927%205.77595%2019.2529%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.7724%2021.344%2017.3995%2020.5116%2019.8916%2017.6795C18.7427%2018.0914%2017.2587%2018.9525%2014.0909%2017.9656C18.4837%2018.3512%2021.5108%2015.748%2022.6934%2012.044C19.7931%2013.3599%2017.3385%2012.4392%2016.6956%2012.1007C20.6519%2012.2002%2023.9887%209.68393%2024.7913%205.49304C25.2591%203.05005%2024.5097%200.800979%2023.8761%200Z%22%20fill%3D%22%236160A2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0%29%22%3E%3Cpath%20d%3D%22M21.1875%201.45451C12.8431%206.88225%205.56109%2019.9077%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.1146%2021.4525%2016.784%2020.7879%2018.6853%2018.9545C19.0219%2018.63%2019.1998%2017.9565%2018.7553%2018.1015C18.24%2018.2696%2017.709%2017.5612%2018.205%2017.3425C19.7521%2016.6603%2020.976%2015.4887%2021.8303%2014.0102C22.2446%2013.2932%2020.7231%2012.6796%2019.8955%2012.7075C18.8859%2012.7415%2019.6982%2011.6399%2020.6391%2011.2723C21.8973%2010.7807%2023.0427%2010.0842%2023.7916%209.26859C24.7617%208.21223%2024.48%207.11878%2024.7913%205.49304C24.969%204.56516%2024.971%203.66526%2024.8706%202.86204C24.6464%201.06951%2022.7019%200.469502%2021.1875%201.45451Z%22%20fill%3D%22%236160A2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M30.4837%205.72996C30.4837%2014.8734%2023.1695%2022.4039%2014.0022%2022.4039C4.83493%2022.4039%20-2.47925%2014.8734%20-2.47925%205.72996C-2.47925%20-3.4135%204.83493%20-10.944%2014.0022%20-10.944C23.1695%20-10.944%2030.4837%20-3.4135%2030.4837%205.72996ZM14.0022%2018.0289C20.6884%2018.0289%2026.1087%2012.5225%2026.1087%205.72996C26.1087%20-1.06259%2020.6884%20-6.56903%2014.0022%20-6.56903C7.316%20-6.56903%201.89575%20-1.06259%201.89575%205.72996C1.89575%2012.5225%207.316%2018.0289%2014.0022%2018.0289Z%22%20fill%3D%22%2390DF9B%22%2F%3E%3Cpath%20d%3D%22M26.1087%205.72995C26.1087%2012.5225%2020.6884%2018.0289%2014.0022%2018.0289C7.316%2018.0289%201.89575%2012.5225%201.89575%205.72995C1.89575%20-1.06259%207.316%20-6.56903%2014.0022%20-6.56903C20.6884%20-6.56903%2026.1087%20-1.06259%2026.1087%205.72995Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-
 var infoImage = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
 
 var chevronRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2018L15%2012L9%206%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
@@ -20,7 +19,7 @@ var arrowRight = {
     alt: 'arrow pointing right',
 };
 var featherLogo = {
-    src: featherLogoImage,
+    src: featherLogo$1,
     alt: 'feather logo',
 };
 var info = {
@@ -45,4 +44,4 @@ var CardButton = function (_a) {
 };
 
 export { CardButton as C, arrowRight as a, featherLogo as f, info as i };
-//# sourceMappingURL=index-47663d39.js.map
+//# sourceMappingURL=index-29ac387a.js.map

package/dist/esm/index-29ac387a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-29ac387a.js","sources":["../../src/lib/components/cards/icons/arrow-right.svg","../../src/lib/components/cards/icons/info.svg","../../src/lib/components/cards/icons/chevron-right.svg","../../../src/lib/components/cards/icons/index.ts","../../../src/lib/components/cards/cardButton/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2018L15%2012L9%206%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","import arrowRightImage from './arrow-right.svg';\nimport featherLogoImage from './feather-logo.svg';\nimport infoImage from './info.svg';\nimport chevronRightImage from './chevron-right.svg';\n\nexport interface Icon {\n  src: string;\n  alt: string;\n}\n\nexport interface IconSize {\n  width: number;\n  height: number;\n}\n\nconst arrowRight: Icon = {\n  src: arrowRightImage,\n  alt: 'arrow pointing right',\n};\n\nconst featherLogo: Icon = {\n  src: featherLogoImage,\n  alt: 'feather logo',\n};\n\nconst info: Icon = {\n  src: infoImage,\n  alt: 'circle with the letter i inside for information',\n};\n\nconst chevronRight: Icon = {\n  src: chevronRightImage,\n  alt: 'chevron facing right',\n};\n\nexport { arrowRight, featherLogo, info, chevronRight };\n","import { FormEvent, createElement, ReactNode } from 'react';\n\nimport styles from './style.module.scss';\nimport { chevronRight } from '../icons';\n\n\ntype ActionProps =\n  | { href: string; onClick?: (e: FormEvent) => void }\n  | { href?: string; onClick: (e: FormEvent) => void };\n\nexport type CardButtonProps = {\n  title: string;\n  description: string | ReactNode;\n  disabled?: boolean;\n  className?: string;\n} & ActionProps;\n\nconst CardContent = ({\n  title,\n  description,\n}: {\n  title: string;\n  description: string | ReactNode;\n}) => (\n  <>\n    <div>\n      <div className=\"p-p--small\">{title}</div>\n      {typeof description === 'string' ? (\n        <div className=\"tc-primary-500 p-p\">{description}</div>\n      ) : (\n        description\n      )}\n    </div>\n    <img {...chevronRight} alt=\"Expander icon\" />\n  </>\n);\n\nexport const CardButton = ({\n  title,\n  description,\n  disabled = false,\n  onClick,\n  href,\n  className,\n}: CardButtonProps) => {\n  const component = href ? 'a' : 'button';\n  return (\n    <>\n      {createElement(component, {\n        className: `c-pointer ta-left w100 ${styles.container} ${\n          className ?? ''\n        }\n        `,\n        children: <CardContent title={title} description={description} />,\n        disabled,\n        ...(component === 'a' ? { href } : { onClick }),\n      })}\n    </>\n  );\n};\n"],"names":["featherLogoImage","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAAA,sBAAe;;ACAf,gBAAe;;ACAf,wBAAe;;ICeT,UAAU,GAAS;IACvB,GAAG,EAAE,eAAe;IACpB,GAAG,EAAE,sBAAsB;EAC3B;IAEI,WAAW,GAAS;IACxB,GAAG,EAAEA,aAAgB;IACrB,GAAG,EAAE,cAAc;EACnB;IAEI,IAAI,GAAS;IACjB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,iDAAiD;EACtD;AAEF,IAAM,YAAY,GAAS;IACzB,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,sBAAsB;CAC5B;;AChBD,IAAM,WAAW,GAAG,UAAC,EAMpB;QALC,KAAK,WAAA,EACL,WAAW,iBAAA;IAIP,QACJC,4BACEA,yBACEC,sBAAK,SAAS,EAAC,YAAY,gBAAE,KAAK,YAAO;oBACxC,OAAO,WAAW,KAAK,QAAQ,IAC9BA,sBAAK,SAAS,EAAC,oBAAoB,gBAAE,WAAW,YAAO,KAEvD,WAAW,CACZ,YACG;YACNA,wBAAS,YAAY,IAAE,GAAG,EAAC,eAAe,YAAG,YAC5C;AAXC,CAYL,CAAC;IAEW,UAAU,GAAG,UAAC,EAOT;QANhB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA;IAET,IAAM,SAAS,GAAG,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAC;IACxC,QACEA,0BACG,aAAa,CAAC,SAAS,aACtB,SAAS,EAAE,4BAA0B,MAAM,CAAC,SAAS,UACnD,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,gBAEhB,EACD,QAAQ,EAAEA,IAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,WAAI,EACjE,QAAQ,UAAA,KACJ,SAAS,KAAK,GAAG,GAAG,EAAE,IAAI,MAAA,EAAE,GAAG,EAAE,OAAO,SAAA,EAAE,GAC9C,WACD,EACH;AACJ;;;;"}

package/dist/esm/index.d.ts

@@ -1,2 +1,2 @@
-export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, Checkbox, Link, InformationBox, images } from './lib';
+export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, Checkbox, Link, InformationBox, Badge, images } from './lib';
 export type { DownloadStatus, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, } from './lib';

package/dist/esm/index.js

@@ -7,16 +7,17 @@ export { DownloadButton } from './components/downloadButton/index.js';
 export { InformationBox } from './components/informationBox/index.js';
 export { default as IbanInput } from './components/input/iban/index.js';
 export { default as CurrencyInput } from './components/input/currency/index.js';
+export { Badge } from './components/badge/index.js';
 export { Checkbox } from './components/input/checkbox/index.js';
 export { BottomModal } from './components/modal/bottomModal/index.js';
 export { RegularModal } from './components/modal/regularModal/index.js';
 export { BottomOrRegularModal } from './components/modal/bottomOrRegularModal/index.js';
 export { CardWithLeftIcon, CardWithTopIcon, CardWithTopLeftIcon, InfoCard } from './components/cards/index.js';
-export { C as CardButton } from './index-47663d39.js';
+export { C as CardButton } from './index-29ac387a.js';
 export { default as Button } from './components/button/index.js';
-export { default as AutoSuggestMultiSelect } from './components/input/autoSuggestMultiSelect/index.js';
+export { AutoSuggestMultiSelect } from './components/input/autoSuggestMultiSelect/index.js';
 export { default as Chip } from './components/chip/index.js';
-export { default as AutoSuggestInput } from './components/input/autoSuggestInput/index.js';
+export { AutoSuggestInput } from './components/input/autoSuggestInput/index.js';
 export { ComparisonTable } from './components/comparisonTable/index.js';
 export { SegmentedControl } from './components/segmentedControl/index.js';
 export { Markdown } from './components/markdown/index.js';
@@ -39,6 +40,7 @@ import './index-dd80248b.js';
 import './index-21239ab0.js';
 import './index-6ced5532.js';
 import './useOnClose-d818a54f.js';
+import './feather-logo-a3f07990.js';
 import './index-171a0108.js';
 import './components/comparisonTable/components/Chevron.js';
 import './components/comparisonTable/components/Row/index.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/lib/components/badge/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+declare type Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral' | 'neutral200' | 'neutral300' | 'primary' | 'primary900';
+export interface BadgeProps {
+    className?: string;
+    variant?: Variant;
+    size?: 'small' | 'medium' | 'large';
+    children: ReactNode;
+}
+declare const Badge: ({ className, size, variant, children, }: BadgeProps) => JSX.Element;
+export { Badge };

package/dist/esm/lib/components/badge/index.stories.d.ts

@@ -0,0 +1,34 @@
+import { BadgeProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ className, size, variant, children, }: BadgeProps) => JSX.Element;
+    argTypes: {
+        children: {
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        className: {
+            defaultValue: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            defaultValue: string;
+            description: string;
+        };
+        variant: {
+            defaultValue: string;
+            description: string;
+        };
+    };
+};
+export declare const BadgeStory: {
+    ({ children, className, size, variant, }: BadgeProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/esm/lib/components/badge/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib/components/cards/cardWithLeftIcon/index.d.ts

@@ -1,8 +1,11 @@
 import { CardProps } from '..';
-import { Icon } from '../icons';
-export declare type CardWithLeftIconProps = CardProps & {
+import { Icon, IconSize } from '../icons';
+export declare type CardWithLeftIconProps = Omit<CardProps, 'title'> & {
     cardSize?: 'xsmall' | 'small' | 'medium' | 'big';
     leftIcon?: Icon;
     rightIcon?: 'arrow' | Icon;
+    leftIconSize?: IconSize;
+    title?: string;
+    subtitle?: string;
 };
-export declare const CardWithLeftIcon: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithLeftIconProps) => JSX.Element;
+export declare const CardWithLeftIcon: ({ className, title, subtitle, cardSize, children, leftIcon, rightIcon, state, dropshadow, leftIconSize, ...props }: CardWithLeftIconProps) => JSX.Element;

package/dist/esm/lib/components/cards/cardWithLeftIcon/index.stories.d.ts

@@ -1,12 +1,16 @@
 import { CardWithLeftIconProps } from '.';
 declare const story: {
     title: string;
-    component: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithLeftIconProps) => JSX.Element;
+    component: ({ className, title, subtitle, cardSize, children, leftIcon, rightIcon, state, dropshadow, leftIconSize, ...props }: CardWithLeftIconProps) => JSX.Element;
     argTypes: {
         title: {
             defaultValue: string;
             description: string;
         };
+        subtitle: {
+            defaultValue: string;
+            description: string;
+        };
         children: {
             type: string;
             defaultValue: string;
@@ -23,6 +27,13 @@ declare const story: {
             };
             description: string;
         };
+        leftIconSize: {
+            defaultValue: {
+                width: number;
+                height: number;
+            };
+            description: string;
+        };
         rightIcon: {
             defaultValue: {
                 src: "https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg";
@@ -49,7 +60,7 @@ declare const story: {
     };
 };
 export declare const CardWithLeftIconStory: {
-    ({ title, dropshadow, children, className, cardSize, leftIcon, rightIcon, state, }: CardWithLeftIconProps): JSX.Element;
+    ({ title, subtitle, dropshadow, children, className, cardSize, leftIcon, leftIconSize, rightIcon, state, }: CardWithLeftIconProps): JSX.Element;
     storyName: string;
 };
 export default story;

package/dist/esm/lib/components/input/autoSuggestInput/index.d.ts

@@ -1,6 +1,6 @@
-import Autosuggest, { RenderInputComponentProps } from 'react-autosuggest';
+import { RenderInputComponentProps } from 'react-autosuggest';
 import { Option } from '../../../models/autoSuggestInput';
-declare const _default: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, inputProps }: {
+export interface AutoSuggestInputProps {
     currentOption: string;
     suggestions: Option[];
     handleSuggestionSelected: (value: Option) => void;
@@ -8,8 +8,8 @@ declare const _default: ({ currentOption, suggestions, handleSuggestionSelected,
     handleSuggestionFetchRequest: (value: Option) => void;
     handleSuggestionClearRequest: () => void;
     placeholder: string;
-    className?: string | undefined;
-    wrapText?: boolean | undefined;
-    inputProps?: Omit<Autosuggest.RenderInputComponentProps, "value" | "onChange"> | undefined;
-}) => JSX.Element;
-export default _default;
+    className?: string;
+    wrapText?: boolean;
+    inputProps?: Omit<RenderInputComponentProps, 'value' | 'onChange'>;
+}
+export declare const AutoSuggestInput: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, inputProps }: AutoSuggestInputProps) => JSX.Element;