npm - @webiny/admin-ui - Versions diffs - 6.0.0-alpha.0 → 6.0.0-alpha.2 - Mend

@webiny/admin-ui 6.0.0-alpha.0 → 6.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (413) hide show

package/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","ReactComponent","SearchIcon","MultiAutoCompletePrimitive","Button","Icon","Tag","meta","title","component","parameters","layout","argTypes","onValuesChange","action","onOpenChange","disabled","control","type","render","args","values","setValues","createElement","className","Object","assign","Default","options","MediumSize","size","LargeSize","ExtraLargeSize","WithStartIcon","startIcon","label","icon","WithLoading","loading","WithoutResetAction","displayResetAction","PrimaryVariant","variant","PrimaryVariantDisabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","WithPredefinedValue","WithCustomPlaceholder","WithCustomEmptyMessage","emptyMessage","WithCustomInitialMessage","initialMessage","WithAllowFreeInput","allowFreeInput","WithUniqueValues","uniqueValues","value","WithFormattedOptions","WithCustomOptionRenderer","item","name","time_difference","flag","optionRenderer","WithCustomSelectedOptionRenderer","selectedOptionRenderer","content","Fragment","onDismiss","filter","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick"],"sources":["MultiAutoCompletePrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { MultiAutoCompletePrimitive } from \"./MultiAutoCompletePrimitive\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { Tag } from \"~/Tag\";\n\nconst meta: Meta<typeof MultiAutoCompletePrimitive> = {\n title: \"Components/Form Primitives/Multi Autocomplete\",\n component: MultiAutoCompletePrimitive,\n parameters: {\n layout: \"padded\"\n },\n argTypes: {\n onValuesChange: { action: \"onValuesChange\" },\n onOpenChange: { action: \"onOpenChange\" },\n disabled: {\n control: {\n type: \"boolean\"\n }\n }\n },\n render: args => {\n const [values, setValues] = useState(args.values);\n return (\n <div className={\"wby-w-full\"}>\n <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n <div className={\"wby-mt-4 wby-text-center\"}>Current selected values: {values}</div>\n </div>\n );\n }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof MultiAutoCompletePrimitive>;\n\nexport const Default: Story = {\n args: {\n options: [\n \"Eastern Standard Time (EST)\",\n \"Central Standard Time (CST)\",\n \"Pacific Standard Time (PST)\",\n \"Greenwich Mean Time (GMT)\",\n \"Central European Time (CET)\",\n \"Central Africa Time (CAT)\",\n \"India Standard Time (IST)\",\n \"China Standard Time (CST)\",\n \"Japan Standard Time (JST)\",\n \"Australian Western Standard Time (AWST)\",\n \"New Zealand Standard Time (NZST)\",\n \"Fiji Time (FJT)\",\n \"Argentina Time (ART)\",\n \"Bolivia Time (BOT)\",\n \"Brasilia Time (BRT)\"\n ]\n }\n};\n\nexport const MediumSize: Story = {\n args: {\n ...Default.args,\n size: \"md\"\n }\n};\n\nexport const LargeSize: Story = {\n args: {\n ...Default.args,\n size: \"lg\"\n }\n};\n\nexport const ExtraLargeSize: Story = {\n args: {\n ...Default.args,\n size: \"xl\"\n }\n};\n\nexport const WithStartIcon: Story = {\n args: {\n ...Default.args,\n startIcon: <Icon label={\"Search\"} icon={<SearchIcon />} />\n }\n};\n\nexport const WithLoading: Story = {\n args: {\n ...Default.args,\n loading: true\n }\n};\n\nexport const WithoutResetAction: Story = {\n args: {\n ...Default.args,\n displayResetAction: false\n }\n};\n\nexport const PrimaryVariant: Story = {\n args: {\n ...Default.args,\n variant: \"primary\"\n }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n args: {\n ...PrimaryVariant.args,\n disabled: true\n }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n args: {\n ...PrimaryVariant.args,\n invalid: true\n }\n};\n\nexport const SecondaryVariant: Story = {\n args: {\n variant: \"secondary\",\n placeholder: \"Custom placeholder\"\n }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n args: {\n ...SecondaryVariant.args,\n disabled: true\n }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n args: {\n ...SecondaryVariant.args,\n invalid: true\n }\n};\n\nexport const GhostVariant: Story = {\n args: {\n variant: \"ghost\",\n placeholder: \"Custom placeholder\"\n }\n};\n\nexport const GhostVariantDisabled: Story = {\n args: {\n ...GhostVariant.args,\n disabled: true\n }\n};\n\nexport const GhostVariantInvalid: Story = {\n args: {\n ...GhostVariant.args,\n invalid: true\n }\n};\n\nexport const WithPredefinedValue: Story = {\n args: {\n ...Default.args,\n values: [\"Eastern Standard Time (EST)\"]\n }\n};\n\nexport const WithCustomPlaceholder: Story = {\n args: {\n ...Default.args,\n placeholder: \"Custom placeholder\"\n }\n};\n\nexport const WithCustomEmptyMessage: Story = {\n args: {\n ...Default.args,\n emptyMessage: \"Custom empty message\"\n }\n};\n\nexport const WithCustomInitialMessage: Story = {\n args: {\n ...Default.args,\n initialMessage: \"Custom initial message.\",\n options: []\n }\n};\n\nexport const WithAllowFreeInput: Story = {\n args: {\n ...Default.args,\n allowFreeInput: true\n }\n};\n\nexport const WithUniqueValues: Story = {\n args: {\n ...Default.args,\n uniqueValues: true,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\" }\n ]\n }\n};\n\nexport const WithFormattedOptions: Story = {\n args: {\n ...Default.args,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n }\n};\n\nexport const WithCustomOptionRenderer: Story = {\n args: {\n ...Default.args,\n options: [\n {\n label: \"Eastern Standard Time (EST)\",\n value: \"est\",\n item: {\n name: \"Eastern Standard Time (EST)\",\n time_difference: \"-5:00\",\n flag: \"🇺🇸\",\n value: \"est\"\n }\n },\n {\n label: \"Central Standard Time (CST)\",\n value: \"cst\",\n item: {\n name: \"Central Standard Time (CST)\",\n time_difference: \"-6:00\",\n flag: \"🇺🇸\",\n value: \"cst\"\n }\n },\n {\n label: \"Pacific Standard Time (PST)\",\n value: \"pst\",\n item: {\n name: \"Pacific Standard Time (PST)\",\n time_difference: \"-8:00\",\n flag: \"🇺🇸\",\n value: \"pst\"\n }\n },\n {\n label: \"Greenwich Mean Time (GMT)\",\n value: \"gmt\",\n item: {\n name: \"Greenwich Mean Time (GMT)\",\n time_difference: \"±0:00\",\n flag: \"🇬🇧\",\n value: \"gmt\"\n }\n },\n {\n label: \"Central European Time (CET)\",\n value: \"cet\",\n item: {\n name: \"Central European Time (CET)\",\n time_difference: \"+1:00\",\n flag: \"🇪🇺\",\n value: \"cet\"\n }\n },\n {\n label: \"Central Africa Time (CAT)\",\n value: \"cat\",\n item: {\n name: \"Central Africa Time (CAT)\",\n time_difference: \"+2:00\",\n flag: \"🇿🇦\",\n value: \"cat\"\n }\n },\n {\n label: \"India Standard Time (IST)\",\n value: \"ist\",\n item: {\n name: \"India Standard Time (IST)\",\n time_difference: \"+5:30\",\n flag: \"🇮🇳\",\n value: \"ist\"\n }\n },\n {\n label: \"China Standard Time (CST)\",\n value: \"cst_china\",\n item: {\n name: \"China Standard Time (CST)\",\n time_difference: \"+8:00\",\n flag: \"🇨🇳\",\n value: \"cst_china\"\n }\n },\n {\n label: \"Japan Standard Time (JST)\",\n value: \"jst\",\n item: {\n name: \"Japan Standard Time (JST)\",\n time_difference: \"+9:00\",\n flag: \"🇯🇵\",\n value: \"jst\"\n }\n },\n {\n label: \"Australian Western Standard Time (AWST)\",\n value: \"awst\",\n item: {\n name: \"Australian Western Standard Time (AWST)\",\n time_difference: \"+8:00\",\n flag: \"🇦🇺\",\n value: \"awst\"\n }\n },\n {\n label: \"New Zealand Standard Time (NZST)\",\n value: \"nzst\",\n item: {\n name: \"New Zealand Standard Time (NZST)\",\n time_difference: \"+12:00\",\n flag: \"🇳🇿\",\n value: \"nzst\"\n }\n },\n {\n label: \"Fiji Time (FJT)\",\n value: \"fjt\",\n item: {\n name: \"Fiji Time (FJT)\",\n time_difference: \"+12:00\",\n flag: \"🇫🇯\",\n value: \"fjt\"\n }\n },\n {\n label: \"Argentina Time (ART)\",\n value: \"art\",\n item: {\n name: \"Argentina Time (ART)\",\n time_difference: \"-3:00\",\n flag: \"🇦🇷\",\n value: \"art\"\n }\n },\n {\n label: \"Bolivia Time (BOT)\",\n value: \"bot\",\n item: {\n name: \"Bolivia Time (BOT)\",\n time_difference: \"-4:00\",\n flag: \"🇧🇴\",\n value: \"bot\"\n }\n },\n {\n label: \"Brasilia Time (BRT)\",\n value: \"brt\",\n item: {\n name: \"Brasilia Time (BRT)\",\n time_difference: \"-3:00\",\n flag: \"🇧🇷\",\n value: \"brt\"\n }\n }\n ],\n optionRenderer: item => {\n return (\n <div className={\"wby-w-full wby-flex wby-justify-between wby-align-middle\"}>\n <div>\n <span className={\"wby-mr-sm\"}>{item.flag}</span>\n {item.name}\n </div>\n <div className={\"wby-text-sm\"}>{item.time_difference}</div>\n </div>\n );\n }\n }\n};\n\nexport const WithCustomSelectedOptionRenderer: Story = {\n args: {\n ...WithCustomOptionRenderer.args\n },\n render: args => {\n const [values, setValues] = useState(args.values \|\| []);\n const selectedOptionRenderer = (item: any) => {\n return (\n <Tag\n variant={\"neutral-base\"}\n content={\n <>\n {item.flag} {item.name}\n </>\n }\n onDismiss={() => setValues(values.filter(value => value !== item.value))}\n />\n );\n };\n return (\n <div className={\"wby-w-full\"}>\n <MultiAutoCompletePrimitive\n {...args}\n values={values}\n onValuesChange={setValues}\n selectedOptionRenderer={selectedOptionRenderer}\n />\n <div className={\"wby-mt-4 wby-text-center\"}>Current selected values: {values}</div>\n </div>\n );\n }\n};\n\nexport const WithSeparators: Story = {\n args: {\n ...Default.args,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n }\n};\n\nexport const WithDisabledOptions: Story = {\n args: {\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n }\n};\n\nexport const WithExternalValueControl: Story = {\n args: {\n ...Default.args,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n },\n render: args => {\n const [values, setValues] = useState(args.values);\n return (\n <div className={\"wby-w-full\"}>\n <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n <div className={\"wby-mt-4 wby-text-center\"}>\n <Button text={\"Reset\"} onClick={() => setValues(args.values)} />\n </div>\n <div className={\"wby-mt-4 wby-text-center\"}>Current selected values: {values}</div>\n </div>\n );\n }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,0BAA0B;AACnC,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,GAAG;AAEZ,MAAMC,IAA6C,GAAG;EAClDC,KAAK,EAAE,+CAA+C;EACtDC,SAAS,EAAEN,0BAA0B;EACrCO,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACNC,cAAc,EAAE;MAAEC,MAAM,EAAE;IAAiB,CAAC;IAC5CC,YAAY,EAAE;MAAED,MAAM,EAAE;IAAe,CAAC;IACxCE,QAAQ,EAAE;MACNC,OAAO,EAAE;QACLC,IAAI,EAAE;MACV;IACJ;EACJ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAACoB,IAAI,CAACC,MAAM,CAAC;IACjD,oBACItB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAa,gBACzBzB,KAAA,CAAAwB,aAAA,CAACpB,0BAA0B,EAAAsB,MAAA,CAAAC,MAAA,KAAKN,IAAI;MAAEC,MAAM,EAAEA,MAAO;MAACR,cAAc,EAAES;IAAU,EAAE,CAAC,eACnFvB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAA2B,GAAC,2BAAyB,EAACH,MAAY,CACjF,CAAC;EAEd;AACJ,CAAC;AAED,eAAed,IAAI;AAInB,OAAO,MAAMoB,OAAc,GAAG;EAC1BP,IAAI,EAAE;IACFQ,OAAO,EAAE,CACL,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,yCAAyC,EACzC,kCAAkC,EAClC,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB;EAE7B;AACJ,CAAC;AAED,OAAO,MAAMC,UAAiB,GAAG;EAC7BT,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfU,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BX,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfU,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAME,cAAqB,GAAG;EACjCZ,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfU,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMG,aAAoB,GAAG;EAChCb,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfc,SAAS,eAAEnC,KAAA,CAAAwB,aAAA,CAAClB,IAAI;MAAC8B,KAAK,EAAE,QAAS;MAACC,IAAI,eAAErC,KAAA,CAAAwB,aAAA,CAACrB,UAAU,MAAE;IAAE,CAAE;EAC7D;AACJ,CAAC;AAED,OAAO,MAAMmC,WAAkB,GAAG;EAC9BjB,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfkB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,kBAAyB,GAAG;EACrCnB,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfoB,kBAAkB,EAAE;EACxB;AACJ,CAAC;AAED,OAAO,MAAMC,cAAqB,GAAG;EACjCrB,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfsB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,sBAA6B,GAAG;EACzCvB,IAAI,EAAE;IACF,GAAGqB,cAAc,CAACrB,IAAI;IACtBJ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAM4B,qBAA4B,GAAG;EACxCxB,IAAI,EAAE;IACF,GAAGqB,cAAc,CAACrB,IAAI;IACtByB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnC1B,IAAI,EAAE;IACFsB,OAAO,EAAE,WAAW;IACpBK,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3C5B,IAAI,EAAE;IACF,GAAG0B,gBAAgB,CAAC1B,IAAI;IACxBJ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMiC,uBAA8B,GAAG;EAC1C7B,IAAI,EAAE;IACF,GAAG0B,gBAAgB,CAAC1B,IAAI;IACxByB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMK,YAAmB,GAAG;EAC/B9B,IAAI,EAAE;IACFsB,OAAO,EAAE,OAAO;IAChBK,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMI,oBAA2B,GAAG;EACvC/B,IAAI,EAAE;IACF,GAAG8B,YAAY,CAAC9B,IAAI;IACpBJ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMoC,mBAA0B,GAAG;EACtChC,IAAI,EAAE;IACF,GAAG8B,YAAY,CAAC9B,IAAI;IACpByB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMQ,mBAA0B,GAAG;EACtCjC,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfC,MAAM,EAAE,CAAC,6BAA6B;EAC1C;AACJ,CAAC;AAED,OAAO,MAAMiC,qBAA4B,GAAG;EACxClC,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACf2B,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMQ,sBAA6B,GAAG;EACzCnC,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfoC,YAAY,EAAE;EAClB;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3CrC,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfsC,cAAc,EAAE,yBAAyB;IACzC9B,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAM+B,kBAAyB,GAAG;EACrCvC,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfwC,cAAc,EAAE;EACpB;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCzC,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACf0C,YAAY,EAAE,IAAI;IAClBlC,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC;EAE9D;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvC5C,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfQ,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,yCAAyC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EACnE;MAAE5B,KAAK,EAAE,kCAAkC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAE5B,KAAK,EAAE,iBAAiB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC1C;MAAE5B,KAAK,EAAE,sBAAsB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAE5B,KAAK,EAAE,oBAAoB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAE5B,KAAK,EAAE,qBAAqB;MAAE4B,KAAK,EAAE;IAAM,CAAC;EAEtD;AACJ,CAAC;AAED,OAAO,MAAME,wBAA+B,GAAG;EAC3C7C,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfQ,OAAO,EAAE,CACL;MACIO,KAAK,EAAE,6BAA6B;MACpC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,6BAA6B;MACpC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,6BAA6B;MACpC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,2BAA2B;MAClC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,6BAA6B;MACpC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,2BAA2B;MAClC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,2BAA2B;MAClC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,2BAA2B;MAClC4B,KAAK,EAAE,WAAW;MAClBG,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,2BAA2B;MAClC4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,yCAAyC;MAChD4B,KAAK,EAAE,MAAM;MACbG,IAAI,EAAE;QACFC,IAAI,EAAE,yCAAyC;QAC/CC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,kCAAkC;MACzC4B,KAAK,EAAE,MAAM;MACbG,IAAI,EAAE;QACFC,IAAI,EAAE,kCAAkC;QACxCC,eAAe,EAAE,QAAQ;QACzBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,iBAAiB;MACxB4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,iBAAiB;QACvBC,eAAe,EAAE,QAAQ;QACzBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,sBAAsB;MAC7B4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,sBAAsB;QAC5BC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,oBAAoB;MAC3B4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,oBAAoB;QAC1BC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACI5B,KAAK,EAAE,qBAAqB;MAC5B4B,KAAK,EAAE,KAAK;MACZG,IAAI,EAAE;QACFC,IAAI,EAAE,qBAAqB;QAC3BC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZN,KAAK,EAAE;MACX;IACJ,CAAC,CACJ;IACDO,cAAc,EAAEJ,IAAI,IAAI;MACpB,oBACInE,KAAA,CAAAwB,aAAA;QAAKC,SAAS,EAAE;MAA2D,gBACvEzB,KAAA,CAAAwB,aAAA,2BACIxB,KAAA,CAAAwB,aAAA;QAAMC,SAAS,EAAE;MAAY,GAAE0C,IAAI,CAACG,IAAW,CAAC,EAC/CH,IAAI,CAACC,IACL,CAAC,eACNpE,KAAA,CAAAwB,aAAA;QAAKC,SAAS,EAAE;MAAc,GAAE0C,IAAI,CAACE,eAAqB,CACzD,CAAC;IAEd;EACJ;AACJ,CAAC;AAED,OAAO,MAAMG,gCAAuC,GAAG;EACnDnD,IAAI,EAAE;IACF,GAAG6C,wBAAwB,CAAC7C;EAChC,CAAC;EACDD,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAACoB,IAAI,CAACC,MAAM,IAAI,EAAE,CAAC;IACvD,MAAMmD,sBAAsB,GAAIN,IAAS,IAAK;MAC1C,oBACInE,KAAA,CAAAwB,aAAA,CAACjB,GAAG;QACAoC,OAAO,EAAE,cAAe;QACxB+B,OAAO,eACH1E,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAA2E,QAAA,QACKR,IAAI,CAACG,IAAI,EAAC,GAAC,EAACH,IAAI,CAACC,IACpB,CACL;QACDQ,SAAS,EAAEA,CAAA,KAAMrD,SAAS,CAACD,MAAM,CAACuD,MAAM,CAACb,KAAK,IAAIA,KAAK,KAAKG,IAAI,CAACH,KAAK,CAAC;MAAE,CAC5E,CAAC;IAEV,CAAC;IACD,oBACIhE,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAa,gBACzBzB,KAAA,CAAAwB,aAAA,CAACpB,0BAA0B,EAAAsB,MAAA,CAAAC,MAAA,KACnBN,IAAI;MACRC,MAAM,EAAEA,MAAO;MACfR,cAAc,EAAES,SAAU;MAC1BkD,sBAAsB,EAAEA;IAAuB,EAClD,CAAC,eACFzE,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAA2B,GAAC,2BAAyB,EAACH,MAAY,CACjF,CAAC;EAEd;AACJ,CAAC;AAED,OAAO,MAAMwD,cAAqB,GAAG;EACjCzD,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfQ,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE,KAAK;MAAEe,SAAS,EAAE;IAAK,CAAC,EACvE;MAAE3C,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE,KAAK;MAAEe,SAAS,EAAE;IAAK,CAAC,EACrE;MAAE3C,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE,KAAK;MAAEe,SAAS,EAAE;IAAK,CAAC,EACrE;MAAE3C,KAAK,EAAE,yCAAyC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EACnE;MAAE5B,KAAK,EAAE,kCAAkC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAE5B,KAAK,EAAE,iBAAiB;MAAE4B,KAAK,EAAE,KAAK;MAAEe,SAAS,EAAE;IAAK,CAAC,EAC3D;MAAE3C,KAAK,EAAE,sBAAsB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAE5B,KAAK,EAAE,oBAAoB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAE5B,KAAK,EAAE,qBAAqB;MAAE4B,KAAK,EAAE;IAAM,CAAC;EAEtD;AACJ,CAAC;AAED,OAAO,MAAMgB,mBAA0B,GAAG;EACtC3D,IAAI,EAAE;IACFQ,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE,KAAK;MAAE/C,QAAQ,EAAE;IAAK,CAAC,EACtE;MAAEmB,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE,KAAK;MAAE/C,QAAQ,EAAE;IAAK,CAAC,EACtE;MAAEmB,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE,KAAK;MAAE/C,QAAQ,EAAE;IAAK,CAAC,EACtE;MAAEmB,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,yCAAyC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EACnE;MAAE5B,KAAK,EAAE,kCAAkC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAE5B,KAAK,EAAE,iBAAiB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC1C;MAAE5B,KAAK,EAAE,sBAAsB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAE5B,KAAK,EAAE,oBAAoB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAE5B,KAAK,EAAE,qBAAqB;MAAE4B,KAAK,EAAE;IAAM,CAAC;EAEtD;AACJ,CAAC;AAED,OAAO,MAAMiB,wBAA+B,GAAG;EAC3C5D,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfQ,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,6BAA6B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACtD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAE5B,KAAK,EAAE,2BAA2B;MAAE4B,KAAK,EAAE;IAAM,CAAC,EACpD;MAAE5B,KAAK,EAAE,yCAAyC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EACnE;MAAE5B,KAAK,EAAE,kCAAkC;MAAE4B,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAE5B,KAAK,EAAE,iBAAiB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC1C;MAAE5B,KAAK,EAAE,sBAAsB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAE5B,KAAK,EAAE,oBAAoB;MAAE4B,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAE5B,KAAK,EAAE,qBAAqB;MAAE4B,KAAK,EAAE;IAAM,CAAC;EAEtD,CAAC;EACD5C,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAACoB,IAAI,CAACC,MAAM,CAAC;IACjD,oBACItB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAa,gBACzBzB,KAAA,CAAAwB,aAAA,CAACpB,0BAA0B,EAAAsB,MAAA,CAAAC,MAAA,KAAKN,IAAI;MAAEC,MAAM,EAAEA,MAAO;MAACR,cAAc,EAAES;IAAU,EAAE,CAAC,eACnFvB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAA2B,gBACvCzB,KAAA,CAAAwB,aAAA,CAACnB,MAAM;MAAC6E,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAEA,CAAA,KAAM5D,SAAS,CAACF,IAAI,CAACC,MAAM;IAAE,CAAE,CAC9D,CAAC,eACNtB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAA2B,GAAC,2BAAyB,EAACH,MAAY,CACjF,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","ReactComponent","SearchIcon","MultiAutoCompletePrimitive","Button","Icon","Tag","meta","title","component","parameters","layout","argTypes","onValuesChange","action","onOpenChange","disabled","control","type","render","args","values","setValues","createElement","className","Object","assign","join","Default","options","MediumSize","size","LargeSize","ExtraLargeSize","WithStartIcon","startIcon","label","icon","WithLoading","loading","WithoutResetAction","displayResetAction","PrimaryVariant","variant","PrimaryVariantDisabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithPredefinedValue","value","WithCustomPlaceholder","WithCustomEmptyMessage","emptyMessage","WithCustomInitialMessage","initialMessage","WithAllowFreeInput","allowFreeInput","WithUniqueValues","uniqueValues","WithFormattedOptions","WithCustomOptionRenderer","item","name","time_difference","flag","optionRenderer","WithCustomSelectedOptionRenderer","selectedOptionRenderer","content","Fragment","onDismiss","filter","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick"],"sources":["MultiAutoCompletePrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { MultiAutoCompletePrimitive } from \"./MultiAutoCompletePrimitive\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { Tag } from \"~/Tag\";\n\nconst meta: Meta<typeof MultiAutoCompletePrimitive> = {\n title: \"Components/Form Primitives/Multi Autocomplete\",\n component: MultiAutoCompletePrimitive,\n parameters: {\n layout: \"padded\"\n },\n argTypes: {\n onValuesChange: { action: \"onValuesChange\" },\n onOpenChange: { action: \"onOpenChange\" },\n disabled: {\n control: {\n type: \"boolean\"\n }\n }\n },\n render: args => {\n const [values, setValues] = useState(args.values);\n return (\n <div className={\"wby-w-full\"}>\n <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n <div className={\"wby-mt-4 wby-text-center\"}>\n Current selected values: {values?.join(\",\")}\n </div>\n </div>\n );\n }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof MultiAutoCompletePrimitive>;\n\nexport const Default: Story = {\n args: {\n options: [\n \"Eastern Standard Time (EST)\",\n \"Central Standard Time (CST)\",\n \"Pacific Standard Time (PST)\",\n \"Greenwich Mean Time (GMT)\",\n \"Central European Time (CET)\",\n \"Central Africa Time (CAT)\",\n \"India Standard Time (IST)\",\n \"China Standard Time (CST)\",\n \"Japan Standard Time (JST)\",\n \"Australian Western Standard Time (AWST)\",\n \"New Zealand Standard Time (NZST)\",\n \"Fiji Time (FJT)\",\n \"Argentina Time (ART)\",\n \"Bolivia Time (BOT)\",\n \"Brasilia Time (BRT)\"\n ]\n }\n};\n\nexport const MediumSize: Story = {\n args: {\n ...Default.args,\n size: \"md\"\n }\n};\n\nexport const LargeSize: Story = {\n args: {\n ...Default.args,\n size: \"lg\"\n }\n};\n\nexport const ExtraLargeSize: Story = {\n args: {\n ...Default.args,\n size: \"xl\"\n }\n};\n\nexport const WithStartIcon: Story = {\n args: {\n ...Default.args,\n startIcon: <Icon label={\"Search\"} icon={<SearchIcon />} />\n }\n};\n\nexport const WithLoading: Story = {\n args: {\n ...Default.args,\n loading: true\n }\n};\n\nexport const WithoutResetAction: Story = {\n args: {\n ...Default.args,\n displayResetAction: false\n }\n};\n\nexport const PrimaryVariant: Story = {\n args: {\n ...Default.args,\n variant: \"primary\"\n }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n args: {\n ...PrimaryVariant.args,\n disabled: true\n }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n args: {\n ...PrimaryVariant.args,\n invalid: true\n }\n};\n\nexport const SecondaryVariant: Story = {\n args: {\n variant: \"secondary\",\n placeholder: \"Custom placeholder\"\n }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n args: {\n ...SecondaryVariant.args,\n disabled: true\n }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n args: {\n ...SecondaryVariant.args,\n invalid: true\n }\n};\n\nexport const GhostVariant: Story = {\n args: {\n variant: \"ghost\",\n placeholder: \"Custom placeholder\"\n }\n};\n\nexport const GhostVariantDisabled: Story = {\n args: {\n ...GhostVariant.args,\n disabled: true\n }\n};\n\nexport const GhostVariantInvalid: Story = {\n args: {\n ...GhostVariant.args,\n invalid: true\n }\n};\n\nexport const GhostNegativeVariant: Story = {\n args: {\n ...Default.args,\n variant: \"ghost-negative\",\n placeholder: \"Custom placeholder\"\n },\n decorators: [\n Story => (\n <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n <Story />\n </div>\n )\n ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n args: {\n ...GhostNegativeVariant.args,\n disabled: true\n },\n decorators: [\n Story => (\n <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n <Story />\n </div>\n )\n ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n args: {\n ...GhostNegativeVariant.args,\n invalid: true\n },\n decorators: [\n Story => (\n <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n <Story />\n </div>\n )\n ]\n};\n\nexport const WithPredefinedValue: Story = {\n args: {\n ...Default.args,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ],\n values: [\"est\", \"ist\", \"brt\"]\n }\n};\n\nexport const WithCustomPlaceholder: Story = {\n args: {\n ...Default.args,\n placeholder: \"Custom placeholder\"\n }\n};\n\nexport const WithCustomEmptyMessage: Story = {\n args: {\n ...Default.args,\n emptyMessage: \"Custom empty message\"\n }\n};\n\nexport const WithCustomInitialMessage: Story = {\n args: {\n ...Default.args,\n initialMessage: \"Custom initial message.\",\n options: []\n }\n};\n\nexport const WithAllowFreeInput: Story = {\n args: {\n ...Default.args,\n allowFreeInput: true\n }\n};\n\nexport const WithUniqueValues: Story = {\n args: {\n ...Default.args,\n uniqueValues: true,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\" }\n ]\n }\n};\n\nexport const WithFormattedOptions: Story = {\n args: {\n ...Default.args,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n }\n};\n\nexport const WithCustomOptionRenderer: Story = {\n args: {\n ...Default.args,\n options: [\n {\n label: \"Eastern Standard Time (EST)\",\n value: \"est\",\n item: {\n name: \"Eastern Standard Time (EST)\",\n time_difference: \"-5:00\",\n flag: \"🇺🇸\",\n value: \"est\"\n }\n },\n {\n label: \"Central Standard Time (CST)\",\n value: \"cst\",\n item: {\n name: \"Central Standard Time (CST)\",\n time_difference: \"-6:00\",\n flag: \"🇺🇸\",\n value: \"cst\"\n }\n },\n {\n label: \"Pacific Standard Time (PST)\",\n value: \"pst\",\n item: {\n name: \"Pacific Standard Time (PST)\",\n time_difference: \"-8:00\",\n flag: \"🇺🇸\",\n value: \"pst\"\n }\n },\n {\n label: \"Greenwich Mean Time (GMT)\",\n value: \"gmt\",\n item: {\n name: \"Greenwich Mean Time (GMT)\",\n time_difference: \"±0:00\",\n flag: \"🇬🇧\",\n value: \"gmt\"\n }\n },\n {\n label: \"Central European Time (CET)\",\n value: \"cet\",\n item: {\n name: \"Central European Time (CET)\",\n time_difference: \"+1:00\",\n flag: \"🇪🇺\",\n value: \"cet\"\n }\n },\n {\n label: \"Central Africa Time (CAT)\",\n value: \"cat\",\n item: {\n name: \"Central Africa Time (CAT)\",\n time_difference: \"+2:00\",\n flag: \"🇿🇦\",\n value: \"cat\"\n }\n },\n {\n label: \"India Standard Time (IST)\",\n value: \"ist\",\n item: {\n name: \"India Standard Time (IST)\",\n time_difference: \"+5:30\",\n flag: \"🇮🇳\",\n value: \"ist\"\n }\n },\n {\n label: \"China Standard Time (CST)\",\n value: \"cst_china\",\n item: {\n name: \"China Standard Time (CST)\",\n time_difference: \"+8:00\",\n flag: \"🇨🇳\",\n value: \"cst_china\"\n }\n },\n {\n label: \"Japan Standard Time (JST)\",\n value: \"jst\",\n item: {\n name: \"Japan Standard Time (JST)\",\n time_difference: \"+9:00\",\n flag: \"🇯🇵\",\n value: \"jst\"\n }\n },\n {\n label: \"Australian Western Standard Time (AWST)\",\n value: \"awst\",\n item: {\n name: \"Australian Western Standard Time (AWST)\",\n time_difference: \"+8:00\",\n flag: \"🇦🇺\",\n value: \"awst\"\n }\n },\n {\n label: \"New Zealand Standard Time (NZST)\",\n value: \"nzst\",\n item: {\n name: \"New Zealand Standard Time (NZST)\",\n time_difference: \"+12:00\",\n flag: \"🇳🇿\",\n value: \"nzst\"\n }\n },\n {\n label: \"Fiji Time (FJT)\",\n value: \"fjt\",\n item: {\n name: \"Fiji Time (FJT)\",\n time_difference: \"+12:00\",\n flag: \"🇫🇯\",\n value: \"fjt\"\n }\n },\n {\n label: \"Argentina Time (ART)\",\n value: \"art\",\n item: {\n name: \"Argentina Time (ART)\",\n time_difference: \"-3:00\",\n flag: \"🇦🇷\",\n value: \"art\"\n }\n },\n {\n label: \"Bolivia Time (BOT)\",\n value: \"bot\",\n item: {\n name: \"Bolivia Time (BOT)\",\n time_difference: \"-4:00\",\n flag: \"🇧🇴\",\n value: \"bot\"\n }\n },\n {\n label: \"Brasilia Time (BRT)\",\n value: \"brt\",\n item: {\n name: \"Brasilia Time (BRT)\",\n time_difference: \"-3:00\",\n flag: \"🇧🇷\",\n value: \"brt\"\n }\n }\n ],\n optionRenderer: item => {\n return (\n <div className={\"wby-w-full wby-flex wby-justify-between wby-align-middle\"}>\n <div>\n <span className={\"wby-mr-sm\"}>{item.flag}</span>\n {item.name}\n </div>\n <div className={\"wby-text-sm\"}>{item.time_difference}</div>\n </div>\n );\n }\n }\n};\n\nexport const WithCustomSelectedOptionRenderer: Story = {\n args: {\n ...WithCustomOptionRenderer.args\n },\n render: args => {\n const [values, setValues] = useState(args.values \|\| []);\n const selectedOptionRenderer = (item: any) => {\n return (\n <Tag\n variant={\"neutral-base\"}\n content={\n <>\n {item.flag} {item.name}\n </>\n }\n onDismiss={() => setValues(values.filter(value => value !== item.value))}\n />\n );\n };\n return (\n <div className={\"wby-w-full\"}>\n <MultiAutoCompletePrimitive\n {...args}\n values={values}\n onValuesChange={setValues}\n selectedOptionRenderer={selectedOptionRenderer}\n />\n <div className={\"wby-mt-4 wby-text-center\"}>\n Current selected values: {values?.join(\",\")}\n </div>\n </div>\n );\n }\n};\n\nexport const WithSeparators: Story = {\n args: {\n ...Default.args,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n }\n};\n\nexport const WithDisabledOptions: Story = {\n args: {\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n }\n};\n\nexport const WithExternalValueControl: Story = {\n args: {\n ...Default.args,\n options: [\n { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n { label: \"Central Standard Time (CST)\", value: \"cst\" },\n { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n { label: \"Central European Time (CET)\", value: \"cet\" },\n { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n { label: \"India Standard Time (IST)\", value: \"ist\" },\n { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n { label: \"Argentina Time (ART)\", value: \"art\" },\n { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n ]\n },\n render: args => {\n const [values, setValues] = useState(args.values);\n return (\n <div className={\"wby-w-full\"}>\n <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n <div className={\"wby-mt-4 wby-text-center\"}>\n <Button text={\"Reset\"} onClick={() => setValues(args.values)} />\n </div>\n <div className={\"wby-mt-4 wby-text-center\"}>\n Current selected values: {values?.join(\",\")}\n </div>\n </div>\n );\n }\n};\n"],"mappings":"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","ignoreList":[]}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { InputPrimitiveProps } from "../../../Input";
-import { CommandOptionFormatted } from "../../../Command";
+import type { InputPrimitiveProps } from "../../../Input";
+import type { CommandOptionFormatted } from "../../../Command";
 import { type VariantProps } from "../../../utils";
 declare const multiAutoCompleteInputVariants: (props?: ({
     disabled?: boolean | null | undefined;

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { getIconPosition, InputIcon, inputVariants } from "../../../Input";
+import { InputIcon, inputVariants } from "../../../Input";
 import { Command } from "../../../Command";
 import { Tag } from "../../../Tag";
 import { cn, cva } from "../../../utils";
@@ -31,7 +31,6 @@ const MultiAutoCompleteInput = ({
 }) => {
   const [focused, setFocused] = React.useState(false);
   const inputRef = React.useMemo(() => parentInputRef && typeof parentInputRef !== "function" ? parentInputRef : /*#__PURE__*/React.createRef(), [parentInputRef]);
-  const iconPosition = getIconPosition(startIcon, endIcon);
   const renderSelectedOptions = React.useCallback(options => {
     return options.map((option, index) => {
       if (selectedOptionRenderer) {
@@ -42,17 +41,16 @@ const MultiAutoCompleteInput = ({
       }
       return /*#__PURE__*/React.createElement(Tag, {
         key: `tag-${option.value}-${index}`,
-        variant: "neutral-light",
+        variant: variant === "ghost-negative" ? "neutral-xstrong" : "neutral-muted",
         content: option.label,
         onDismiss: () => removeSelectedOption(option.value)
       });
     });
-  }, [selectedOptionRenderer, removeSelectedOption]);
+  }, [selectedOptionRenderer, removeSelectedOption, variant]);
   return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
     className: cn(inputVariants({
       variant,
       size,
-      iconPosition,
       invalid
     }), multiAutoCompleteInputVariants({
       disabled
@@ -68,14 +66,12 @@ const MultiAutoCompleteInput = ({
     "data-disabled": disabled,
     "data-focused": focused
   }), startIcon && /*#__PURE__*/React.createElement(InputIcon, {
-    disabled: disabled,
     icon: startIcon,
-    inputSize: size,
-    position: "start"
+    inputSize: size
   }), /*#__PURE__*/React.createElement("div", {
-    className: "wby-relative wby-flex wby-flex-wrap wby-gap-xs"
+    className: "wby-relative wby-flex wby-flex-wrap wby-flex-1 wby-gap-xs"
   }, renderSelectedOptions(selectedOptions), /*#__PURE__*/React.createElement(Command.Input, {
-    className: "wby-flex-1 wby-bg-transparent wby-border-none wby-outline-none",
+    className: "wby-bg-transparent wby-border-none wby-outline-none",
     value: value,
     onValueChange: changeValue,
     placeholder: placeholder,
@@ -96,10 +92,8 @@ const MultiAutoCompleteInput = ({
       }))
     })
   })), endIcon && /*#__PURE__*/React.createElement(InputIcon, {
-    disabled: disabled,
     icon: endIcon,
-    inputSize: size,
-    position: "end"
+    inputSize: size
   }));
 };
 export { MultiAutoCompleteInput };

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~getIconPosition","~~InputIcon","inputVariants","Command","Tag","cn","cva","multiAutoCompleteInputVariants","variants","disabled","true","MultiAutoCompleteInput","changeValue","closeList","endIcon","invalid","openList","placeholder","removeSelectedOption","selectedOptionRenderer","selectedOptions","size","startIcon","value","variant","className","inputRef","parentInputRef","props","focused","setFocused","useState","useMemo","createRef","~~iconPosition","~~renderSelectedOptions","useCallback","options","map","option","index","item","call","createElement","key","content","label","onDismiss","Object","assign","onClick","current","focus","icon","inputSize","~~position","~~Input","onValueChange","onBlur","onFocus","inputElement","type","ref"],"sources":["MultiAutoCompleteInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { ~~getIconPosition,~~ InputIcon, ~~InputPrimitiveProps,~~ inputVariants } from \"~/Input\";\nimport { Command, ~~CommandOptionFormatted~~ } from \"~/Command\";\nimport { Tag } from \"~/Tag\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst multiAutoCompleteInputVariants = cva(\"wby-relative placeholder:wby-text-neutral-dimmed\", {\n variants: {\n disabled: {\n true: \"wby-cursor-not-allowed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled\"\n }\n }\n});\n\ntype MultiAutoCompleteInputProps = VariantProps<typeof multiAutoCompleteInputVariants> &\n InputPrimitiveProps & {\n changeValue: (value: string) => void;\n closeList: () => void;\n openList: () => void;\n placeholder: string;\n removeSelectedOption: (value: string) => void;\n selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n selectedOptions: CommandOptionFormatted[];\n value: string;\n };\n\nconst MultiAutoCompleteInput = ({\n changeValue,\n closeList,\n disabled,\n endIcon,\n invalid,\n openList,\n placeholder,\n removeSelectedOption,\n selectedOptionRenderer,\n selectedOptions,\n size,\n startIcon,\n value,\n variant,\n className,\n inputRef: parentInputRef,\n ...props\n}: MultiAutoCompleteInputProps) => {\n const [focused, setFocused] = React.useState<boolean>(false);\n const inputRef = React.useMemo<React.RefObject<HTMLInputElement>>(\n () =>\n parentInputRef && typeof parentInputRef !== \"function\"\n ? parentInputRef\n : React.createRef<HTMLInputElement>(),\n [parentInputRef]\n );\n ~~const iconPosition = getIconPosition(startIcon, endIcon);\n~~\n const renderSelectedOptions = React.useCallback(\n (options: CommandOptionFormatted[]) => {\n return options.map((option, index) => {\n if (selectedOptionRenderer) {\n if (!option.item) {\n return null;\n }\n return selectedOptionRenderer.call(this, option.item, index);\n }\n\n return (\n <Tag\n key={`tag-${option.value}-${index}`}\n variant={\"neutral-~~light~~\"}\n content={option.label}\n onDismiss={() => removeSelectedOption(option.value)}\n />\n );\n });\n },\n [selectedOptionRenderer, removeSelectedOption]\n );\n\n return (\n <div\n {...props}\n className={cn(\n inputVariants({\n variant,\n size,\n ~~iconPosition,\n~~ invalid\n }),\n multiAutoCompleteInputVariants({ disabled }),\n className\n )}\n aria-disabled={disabled}\n onClick={() => {\n if (disabled) {\n return;\n }\n inputRef?.current?.focus();\n setFocused(true);\n }}\n data-disabled={disabled}\n data-focused={focused}\n >\n {startIcon && ~~(\n~~ <InputIcon~~\n disabled={disabled}\n~~ icon={startIcon}\n inputSize={size}~~\n position={\"start\"~~}\n ~~/>\n~~ ~~)}\n~~ <div className=\"wby-relative wby-flex wby-flex-wrap wby-gap-xs\">\n {renderSelectedOptions(selectedOptions)}\n <Command.Input\n className={\"wby-~~flex-1 wby-~~bg-transparent wby-border-none wby-outline-none\"}\n value={value}\n onValueChange={changeValue}\n placeholder={placeholder}\n disabled={disabled}\n onBlur={() => {\n setFocused(false);\n closeList();\n }}\n onFocus={() => {\n setFocused(true);\n openList();\n }}\n inputElement={\n <input\n type=\"text\"\n ref={inputRef}\n className={cn(multiAutoCompleteInputVariants({ disabled }))}\n />\n }\n />\n </div>\n {endIcon && ~~(\n~~ <InputIcon ~~disabled={disabled}~~ icon={endIcon} inputSize={size} ~~position={\"end\"~~} ~~/>\n )}~~\n </div>\n );\n};\n\nexport { MultiAutoCompleteInput, type MultiAutoCompleteInputProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;~~AACzB~~,SAASC,~~eAAe~~,EAAEC,~~SAAS,EAAuBC,~~aAAa;~~AACvE~~,SAASC,OAAO;AAChB,SAASC,GAAG;AACZ,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,8BAA8B,GAAGD,GAAG,CAAC,kDAAkD,EAAE;EAC3FE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAcF,MAAMC,sBAAsB,GAAGA,CAAC;EAC5BC,WAAW;EACXC,SAAS;EACTJ,QAAQ;EACRK,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,oBAAoB;EACpBC,sBAAsB;EACtBC,eAAe;EACfC,IAAI;EACJC,SAAS;EACTC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,QAAQ,EAAEC,cAAc;EACxB,GAAGC;AACsB,CAAC,KAAK;EAC/B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,~~GAAG/B~~,KAAK,~~CAACgC~~,QAAQ,CAAU,KAAK,CAAC;EAC5D,MAAML,QAAQ,~~GAAG3B~~,KAAK,~~CAACiC~~,OAAO,CAC1B,MACIL,cAAc,IAAI,OAAOA,cAAc,KAAK,UAAU,GAChDA,cAAc,~~gBACd5B~~,KAAK,~~CAACkC~~,SAAS,CAAmB,CAAC,EAC7C,CAACN,cAAc,CACnB,CAAC;~~EACD~~,MAAMO,~~YAAY~~,GAAGlC,~~eAAe,CAACsB,SAAS,EAAER,OAAO,CAAC;EAExD,MAAMqB,qBAAqB,GAAGpC,~~KAAK,~~CAACqC~~,WAAW,CAC1CC,OAAiC,IAAK;IACnC,OAAOA,OAAO,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;MAClC,~~IAAIrB~~,sBAAsB,EAAE;QACxB,IAAI,~~CAACoB~~,MAAM,CAACE,IAAI,EAAE;UACd,OAAO,IAAI;QACf;QACA,~~OAAOtB~~,sBAAsB,~~CAACuB~~,IAAI,CAAC,IAAI,EAAEH,MAAM,CAACE,IAAI,EAAED,KAAK,CAAC;MAChE;MAEA,~~oBACIzC~~,KAAA,~~CAAA4C~~,aAAA,~~CAACvC~~,GAAG;~~QACAwC~~,GAAG,EAAE,OAAOL,MAAM,~~CAAChB~~,KAAK,~~IAAIiB~~,KAAK,EAAG;~~QACpChB~~,OAAO,~~EAAE~~,eAAgB;~~QACzBqB~~,OAAO,EAAEN,MAAM,CAACO,KAAM;QACtBC,SAAS,EAAEA,CAAA,~~KAAM7B~~,oBAAoB,~~CAACqB~~,MAAM,~~CAAChB~~,KAAK;MAAE,CACvD,CAAC;IAEV,CAAC,CAAC;EACN,CAAC,EACD,CAACJ,sBAAsB,EAAED,oBAAoB,~~CACjD~~,CAAC;EAED,~~oBACInB~~,KAAA,~~CAAA4C~~,aAAA,QAAAK,MAAA,CAAAC,MAAA,~~KACQrB~~,KAAK;IACTH,SAAS,EAAEpB,EAAE,CACTH,aAAa,CAAC;MACVsB,OAAO;MACPH,IAAI;~~MACJa,YAAY~~;~~MACZnB;~~IACJ,CAAC,CAAC,EACFR,8BAA8B,CAAC;MAAEE;IAAS,CAAC,CAAC,EAC5CgB,SACJ,CAAE;IACF,iBAAehB,QAAS;~~IACxByC~~,OAAO,EAAEA,CAAA,KAAM;MACX,~~IAAIzC~~,QAAQ,EAAE;QACV;MACJ;MACAiB,QAAQ,~~EAAEyB~~,OAAO,EAAEC,KAAK,CAAC,CAAC;~~MAC1BtB~~,UAAU,CAAC,IAAI,CAAC;IACpB,CAAE;IACF,iBAAerB,QAAS;IACxB,gBAAcoB;EAAQ,IAErBP,SAAS,~~iBACNvB~~,KAAA,~~CAAA4C~~,aAAA,~~CAAC1C~~,SAAS;~~IACNQ~~,~~QAAQ,EAAEA,QAAS;IACnB4C,~~IAAI,~~EAAE/B~~,SAAU;~~IAChBgC~~,SAAS,~~EAAEjC,IAAK~~;~~IAChBkC~~,~~QAAQ~~,~~EAAE;EAAQ~~,~~CACrB~~,~~CACJ,eACDxD,~~KAAA,~~CAAA4C~~,aAAA;~~IAAKlB~~,SAAS,EAAC;~~EAAgD~~,~~GAC1DU~~,qBAAqB,~~CAACf~~,eAAe,CAAC,~~eACvCrB~~,KAAA,~~CAAA4C~~,aAAA,~~CAACxC~~,OAAO,~~CAACqD~~,KAAK;~~IACV/B~~,SAAS,EAAE,~~gEAAiE~~;~~IAC5EF~~,KAAK,EAAEA,KAAM;~~IACbkC~~,aAAa,~~EAAE7C~~,WAAY;IAC3BK,WAAW,EAAEA,WAAY;IACzBR,QAAQ,EAAEA,QAAS;~~IACnBiD~~,MAAM,EAAEA,CAAA,KAAM;~~MACV5B~~,UAAU,CAAC,KAAK,CAAC;MACjBjB,SAAS,CAAC,CAAC;IACf,CAAE;~~IACF8C~~,OAAO,EAAEA,CAAA,KAAM;~~MACX7B~~,UAAU,CAAC,IAAI,CAAC;MAChBd,QAAQ,CAAC,CAAC;IACd,CAAE;~~IACF4C~~,YAAY,~~eACR7D~~,KAAA,~~CAAA4C~~,aAAA;~~MACIkB~~,IAAI,EAAC,MAAM;MACXC,GAAG,~~EAAEpC~~,QAAS;MACdD,SAAS,EAAEpB,EAAE,CAACE,8BAA8B,CAAC;QAAEE;MAAS,CAAC,CAAC;IAAE,CAC/D;EACJ,CACJ,CACA,CAAC,EACLK,OAAO,~~iBACJf~~,KAAA,~~CAAA4C~~,aAAA,~~CAAC1C~~,SAAS;~~IAACQ~~,~~QAAQ,EAAEA,QAAS;IAAC4C,~~IAAI,~~EAAEvC~~,OAAQ;~~IAACwC~~,SAAS,~~EAAEjC,IAAK~~;~~IAACkC~~,~~QAAQ,EAAE;EAAM,~~CAAE,~~CAEpF~~,CAAC;AAEd,CAAC;AAED,~~SAAS5C~~,sBAAsB","ignoreList":[]}
1	+ {"version":3,"names":["React","InputIcon","inputVariants","Command","Tag","cn","cva","multiAutoCompleteInputVariants","variants","disabled","true","MultiAutoCompleteInput","changeValue","closeList","endIcon","invalid","openList","placeholder","removeSelectedOption","selectedOptionRenderer","selectedOptions","size","startIcon","value","variant","className","inputRef","parentInputRef","props","focused","setFocused","useState","useMemo","createRef","renderSelectedOptions","useCallback","options","map","option","index","item","call","createElement","key","content","label","onDismiss","Object","assign","onClick","current","focus","icon","inputSize","Input","onValueChange","onBlur","onFocus","inputElement","type","ref"],"sources":["MultiAutoCompleteInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InputPrimitiveProps } from \"~/Input\";\nimport { InputIcon, inputVariants } from \"~/Input\";\nimport type { CommandOptionFormatted } from \"~/Command\";\nimport { Command } from \"~/Command\";\nimport { Tag } from \"~/Tag\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst multiAutoCompleteInputVariants = cva(\"wby-relative placeholder:wby-text-neutral-dimmed\", {\n variants: {\n disabled: {\n true: \"wby-cursor-not-allowed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled\"\n }\n }\n});\n\ntype MultiAutoCompleteInputProps = VariantProps<typeof multiAutoCompleteInputVariants> &\n InputPrimitiveProps & {\n changeValue: (value: string) => void;\n closeList: () => void;\n openList: () => void;\n placeholder: string;\n removeSelectedOption: (value: string) => void;\n selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n selectedOptions: CommandOptionFormatted[];\n value: string;\n };\n\nconst MultiAutoCompleteInput = ({\n changeValue,\n closeList,\n disabled,\n endIcon,\n invalid,\n openList,\n placeholder,\n removeSelectedOption,\n selectedOptionRenderer,\n selectedOptions,\n size,\n startIcon,\n value,\n variant,\n className,\n inputRef: parentInputRef,\n ...props\n}: MultiAutoCompleteInputProps) => {\n const [focused, setFocused] = React.useState<boolean>(false);\n const inputRef = React.useMemo<React.RefObject<HTMLInputElement>>(\n () =>\n parentInputRef && typeof parentInputRef !== \"function\"\n ? parentInputRef\n : React.createRef<HTMLInputElement>(),\n [parentInputRef]\n );\n\n const renderSelectedOptions = React.useCallback(\n (options: CommandOptionFormatted[]) => {\n return options.map((option, index) => {\n if (selectedOptionRenderer) {\n if (!option.item) {\n return null;\n }\n return selectedOptionRenderer.call(this, option.item, index);\n }\n\n return (\n <Tag\n key={`tag-${option.value}-${index}`}\n variant={variant === \"ghost-negative\" ? \"neutral-xstrong\" : \"neutral-muted\"}\n content={option.label}\n onDismiss={() => removeSelectedOption(option.value)}\n />\n );\n });\n },\n [selectedOptionRenderer, removeSelectedOption, variant]\n );\n\n return (\n <div\n {...props}\n className={cn(\n inputVariants({\n variant,\n size,\n invalid\n }),\n multiAutoCompleteInputVariants({ disabled }),\n className\n )}\n aria-disabled={disabled}\n onClick={() => {\n if (disabled) {\n return;\n }\n inputRef?.current?.focus();\n setFocused(true);\n }}\n data-disabled={disabled}\n data-focused={focused}\n >\n {startIcon && <InputIcon icon={startIcon} inputSize={size} />}\n <div className=\"wby-relative wby-flex wby-flex-wrap wby-flex-1 wby-gap-xs\">\n {renderSelectedOptions(selectedOptions)}\n <Command.Input\n className={\"wby-bg-transparent wby-border-none wby-outline-none\"}\n value={value}\n onValueChange={changeValue}\n placeholder={placeholder}\n disabled={disabled}\n onBlur={() => {\n setFocused(false);\n closeList();\n }}\n onFocus={() => {\n setFocused(true);\n openList();\n }}\n inputElement={\n <input\n type=\"text\"\n ref={inputRef}\n className={cn(multiAutoCompleteInputVariants({ disabled }))}\n />\n }\n />\n </div>\n {endIcon && <InputIcon icon={endIcon} inputSize={size} />}\n </div>\n );\n};\n\nexport { MultiAutoCompleteInput, type MultiAutoCompleteInputProps };\n"],"mappings":"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","ignoreList":[]}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from "react";
 interface MultiAutoCompleteInputIconsProps {
     displayResetAction: boolean;
+    inputVariant?: "primary" | "secondary" | "ghost" | "ghost-negative" | null;
     inputSize?: "md" | "lg" | "xl" | null;
     loading?: boolean;
     disabled?: boolean;

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js CHANGED Viewed

@@ -12,10 +12,11 @@ export const MultiAutoCompleteInputIcons = props => {
   }), props.displayResetAction && /*#__PURE__*/React.createElement(IconButton, {
     size: props.inputSize === "xl" ? "sm" : "xs" // Map button size based on the input size.
     ,
-    variant: "secondary",
+    variant: props.inputVariant === "ghost-negative" ? "ghost-negative" : "secondary",
     icon: /*#__PURE__*/React.createElement(Icon, {
       icon: /*#__PURE__*/React.createElement(Close, null),
-      label: "Reset"
+      label: "Reset",
+      color: props.inputVariant === "ghost-negative" ? "neutral-negative" : "inherit"
     }),
     disabled: props.disabled,
     onClick: event => {

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","MultiAutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","icon","label","disabled","onClick","event","stopPropagation","onResetValue","onOpenChange"],"sources":["MultiAutoCompleteInputIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { Loader } from \"~/Loader\";\n\ninterface MultiAutoCompleteInputIconsProps {\n displayResetAction: boolean;\n inputSize?: \"md\" \| \"lg\" \| \"xl\" \| null;\n loading?: boolean;\n disabled?: boolean;\n onOpenChange: (open: boolean) => void;\n onResetValue: () => void;\n}\n\nexport const MultiAutoCompleteInputIcons = (props: MultiAutoCompleteInputIconsProps) => {\n return (\n <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n {props.loading && <Loader size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} />}\n {props.displayResetAction && (\n <IconButton\n size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} // Map button size based on the input size.\n variant={\"secondary\"}\n icon={<Icon icon={<Close />} label={\"Reset\"} />}\n disabled={props.disabled}\n onClick={event => {\n event.stopPropagation();\n props.onResetValue();\n }}\n />\n )}\n <Icon\n size={props.inputSize === \"xl\" ? \"lg\" : \"sm\"} // Map icon size based on the input size.\n icon={<ChevronDown />}\n label={\"Open list\"}\n onClick={event => {\n event.stopPropagation();\n props.onOpenChange(true);\n }}\n />\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,MAAM;~~AAWf~~,OAAO,MAAMC,2BAA2B,GAAIC,KAAuC,IAAK;EACpF,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAuC,GAClDF,KAAK,CAACG,OAAO,iBAAIX,KAAA,CAAAS,aAAA,CAACH,MAAM;IAACM,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG;EAAK,CAAE,CAAC,EACzEL,KAAK,CAACM,kBAAkB,iBACrBd,KAAA,CAAAS,aAAA,CAACL,UAAU;IACPQ,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CE,OAAO,~~EAAE~~,~~WAAY~~;~~IACrBC~~,IAAI,~~eAAEhB~~,KAAA,CAAAS,aAAA,CAACJ,IAAI;~~MAACW~~,IAAI,~~eAAEhB~~,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAE;~~MAACe~~,KAAK,EAAE;~~IAAQ~~,~~CAAE~~,~~CAAE~~;~~IAChDC~~,QAAQ,~~EAAEV~~,KAAK,~~CAACU~~,QAAS;IACzBC,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;~~MACvBb~~,KAAK,~~CAACc~~,YAAY,CAAC,CAAC;IACxB;EAAE,CACL,CACJ,~~eACDtB~~,KAAA,CAAAS,aAAA,CAACJ,IAAI;IACDO,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;~~IAC9CG~~,IAAI,~~eAAEhB~~,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAE;~~IACtBc~~,KAAK,EAAE,WAAY;~~IACnBE~~,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;~~MACvBb~~,KAAK,~~CAACe~~,YAAY,CAAC,IAAI,CAAC;IAC5B;EAAE,CACL,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","MultiAutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","inputVariant","icon","label","color","disabled","onClick","event","stopPropagation","onResetValue","onOpenChange"],"sources":["MultiAutoCompleteInputIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { Loader } from \"~/Loader\";\n\ninterface MultiAutoCompleteInputIconsProps {\n displayResetAction: boolean;\n inputVariant?: \"primary\" \| \"secondary\" \| \"ghost\" \| \"ghost-negative\" \| null;\n inputSize?: \"md\" \| \"lg\" \| \"xl\" \| null;\n loading?: boolean;\n disabled?: boolean;\n onOpenChange: (open: boolean) => void;\n onResetValue: () => void;\n}\n\nexport const MultiAutoCompleteInputIcons = (props: MultiAutoCompleteInputIconsProps) => {\n return (\n <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n {props.loading && <Loader size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} />}\n {props.displayResetAction && (\n <IconButton\n size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} // Map button size based on the input size.\n variant={\n props.inputVariant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"\n }\n icon={\n <Icon\n icon={<Close />}\n label={\"Reset\"}\n color={\n props.inputVariant === \"ghost-negative\"\n ? \"neutral-negative\"\n : \"inherit\"\n }\n />\n }\n disabled={props.disabled}\n onClick={event => {\n event.stopPropagation();\n props.onResetValue();\n }}\n />\n )}\n <Icon\n size={props.inputSize === \"xl\" ? \"lg\" : \"sm\"} // Map icon size based on the input size.\n icon={<ChevronDown />}\n label={\"Open list\"}\n onClick={event => {\n event.stopPropagation();\n props.onOpenChange(true);\n }}\n />\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,MAAM;AAYf,OAAO,MAAMC,2BAA2B,GAAIC,KAAuC,IAAK;EACpF,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAuC,GAClDF,KAAK,CAACG,OAAO,iBAAIX,KAAA,CAAAS,aAAA,CAACH,MAAM;IAACM,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG;EAAK,CAAE,CAAC,EACzEL,KAAK,CAACM,kBAAkB,iBACrBd,KAAA,CAAAS,aAAA,CAACL,UAAU;IACPQ,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CE,OAAO,EACHP,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,WAChE;IACDC,IAAI,eACAjB,KAAA,CAAAS,aAAA,CAACJ,IAAI;MACDY,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAE;MAChBgB,KAAK,EAAE,OAAQ;MACfC,KAAK,EACDX,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GACjC,kBAAkB,GAClB;IACT,CACJ,CACJ;IACDI,QAAQ,EAAEZ,KAAK,CAACY,QAAS;IACzBC,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACgB,YAAY,CAAC,CAAC;IACxB;EAAE,CACL,CACJ,eACDxB,KAAA,CAAAS,aAAA,CAACJ,IAAI;IACDO,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CI,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAE;IACtBe,KAAK,EAAE,WAAY;IACnBG,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACiB,YAAY,CAAC,IAAI,CAAC;IAC5B;EAAE,CACL,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteList.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
+import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
 import { Command } from "../../../Command";
 interface MultiAutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {
     emptyMessage?: React.ReactNode;

package/MultiAutoComplete/primitives/components/MultiAutoCompleteList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Command","MultiAutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionCreate","onOptionSelect","optionRenderer","options","temporaryOption","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","renderedItems","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["MultiAutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { Command } from \"~/Command\";\n\ninterface MultiAutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n emptyMessage?: React.ReactNode;\n empty?: boolean;\n loading?: boolean;\n loadingMessage?: React.ReactNode;\n onOptionCreate?: (value: string) => void;\n onOptionSelect: (value: string) => void;\n optionRenderer?: (item: any, index: number) => React.ReactNode;\n options: CommandOptionFormatted[];\n temporaryOption?: CommandOptionFormatted;\n}\n\nexport const MultiAutoCompleteList = ({\n emptyMessage,\n empty,\n loading,\n loadingMessage,\n onOptionCreate,\n onOptionSelect,\n optionRenderer,\n options,\n temporaryOption,\n ...props\n}: MultiAutoCompleteListProps) => {\n const renderOptions = React.useCallback(\n (items: CommandOptionFormatted[]) => {\n if (empty && !temporaryOption) {\n return null;\n }\n\n const elements = [\n <Command.Item key={\"dummy-element\"} value=\"-\" className=\"wby-hidden\" />\n ];\n\n const renderedItems = items.reduce((acc, item, currentIndex) => {\n acc.push(\n <Command.Item\n key={`item-${item.value}-${currentIndex}`}\n value={item.value}\n keywords={[item.label]}\n disabled={item.disabled}\n selected={item.selected}\n onSelect={() => onOptionSelect(item.value)}\n onMouseDown={event => event.preventDefault()}\n >\n {optionRenderer && item.item\n ? optionRenderer.call(this, item.item, currentIndex)\n : item.label}\n </Command.Item>\n );\n\n // Conditionally render the separator if `separator` is true\n if (item.separator) {\n acc.push(<Command.Separator key={`separator-${item.value ?? currentIndex}`} />);\n }\n\n return acc;\n }, elements);\n\n if (temporaryOption?.value) {\n renderedItems.push(\n <Command.Item\n key={`temporary-${temporaryOption.value}`}\n value={temporaryOption.value}\n keywords={[temporaryOption.label]}\n disabled={temporaryOption.disabled}\n selected={temporaryOption.selected}\n onSelect={() => {\n onOptionCreate && onOptionCreate(temporaryOption.value);\n }}\n onMouseDown={event => event.preventDefault()}\n >\n {`Add \"${temporaryOption.label}\" as new option`}\n </Command.Item>\n );\n }\n\n return renderedItems;\n },\n [onOptionSelect, temporaryOption, onOptionCreate, empty, optionRenderer]\n );\n\n return (\n <Command.List {...props}>\n {loading ? <Command.Loading>{loadingMessage}</Command.Loading> : renderOptions(options)}\n {!loading && <Command.Empty>{emptyMessage}</Command.Empty>}\n </Command.List>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","Command","MultiAutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionCreate","onOptionSelect","optionRenderer","options","temporaryOption","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","renderedItems","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["MultiAutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { Command } from \"~/Command\";\n\ninterface MultiAutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n emptyMessage?: React.ReactNode;\n empty?: boolean;\n loading?: boolean;\n loadingMessage?: React.ReactNode;\n onOptionCreate?: (value: string) => void;\n onOptionSelect: (value: string) => void;\n optionRenderer?: (item: any, index: number) => React.ReactNode;\n options: CommandOptionFormatted[];\n temporaryOption?: CommandOptionFormatted;\n}\n\nexport const MultiAutoCompleteList = ({\n emptyMessage,\n empty,\n loading,\n loadingMessage,\n onOptionCreate,\n onOptionSelect,\n optionRenderer,\n options,\n temporaryOption,\n ...props\n}: MultiAutoCompleteListProps) => {\n const renderOptions = React.useCallback(\n (items: CommandOptionFormatted[]) => {\n if (empty && !temporaryOption) {\n return null;\n }\n\n const elements = [\n <Command.Item key={\"dummy-element\"} value=\"-\" className=\"wby-hidden\" />\n ];\n\n const renderedItems = items.reduce((acc, item, currentIndex) => {\n acc.push(\n <Command.Item\n key={`item-${item.value}-${currentIndex}`}\n value={item.value}\n keywords={[item.label]}\n disabled={item.disabled}\n selected={item.selected}\n onSelect={() => onOptionSelect(item.value)}\n onMouseDown={event => event.preventDefault()}\n >\n {optionRenderer && item.item\n ? optionRenderer.call(this, item.item, currentIndex)\n : item.label}\n </Command.Item>\n );\n\n // Conditionally render the separator if `separator` is true\n if (item.separator) {\n acc.push(<Command.Separator key={`separator-${item.value ?? currentIndex}`} />);\n }\n\n return acc;\n }, elements);\n\n if (temporaryOption?.value) {\n renderedItems.push(\n <Command.Item\n key={`temporary-${temporaryOption.value}`}\n value={temporaryOption.value}\n keywords={[temporaryOption.label]}\n disabled={temporaryOption.disabled}\n selected={temporaryOption.selected}\n onSelect={() => {\n onOptionCreate && onOptionCreate(temporaryOption.value);\n }}\n onMouseDown={event => event.preventDefault()}\n >\n {`Add \"${temporaryOption.label}\" as new option`}\n </Command.Item>\n );\n }\n\n return renderedItems;\n },\n [onOptionSelect, temporaryOption, onOptionCreate, empty, optionRenderer]\n );\n\n return (\n <Command.List {...props}>\n {loading ? <Command.Loading>{loadingMessage}</Command.Loading> : renderOptions(options)}\n {!loading && <Command.Empty>{emptyMessage}</Command.Empty>}\n </Command.List>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenter.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { CommandOption } from "../../../Command/domain/CommandOption";
-import { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
+import type { CommandOption } from "../../../Command/domain/CommandOption";
+import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
 export interface IMultiAutoCompleteListOptionsPresenterParams {
     options?: CommandOption[];
     emptyMessage?: any;

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["makeAutoObservable","CommandOptionFormatter","ListCache","MultiAutoCompleteListOptionsPresenter","open","loadedOptions","emptyMessage","loadingMessage","initialMessage","options","constructor","init","params","clear","addItems","vm","getItems","map","option","format","empty","hasItems","setListOpenState","setLoadedOptions","loaded","setSelectedOption","value","updateItems","selected","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption\";\nimport { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { CommandOptionFormatter } from \"~/Command/domain/CommandOptionFormatter\";\nimport { ListCache } from \"../../domains\";\n\nexport interface IMultiAutoCompleteListOptionsPresenterParams {\n options?: CommandOption[];\n emptyMessage?: any;\n loadingMessage?: any;\n initialMessage?: any;\n}\n\nexport interface IMultiAutoCompleteListOptionsPresenter {\n vm: {\n options: CommandOptionFormatted[];\n emptyMessage: any;\n loadingMessage: any;\n open: boolean;\n empty: boolean;\n };\n init: (params: IMultiAutoCompleteListOptionsPresenterParams) => void;\n setListOpenState: (open: boolean) => void;\n setLoadedOptions: (loaded: boolean) => void;\n addOption: (option: CommandOption) => void;\n setSelectedOption: (value: string) => void;\n removeSelectedOption: (value: string) => void;\n resetSelectedOptions: () => void;\n}\n\nexport class MultiAutoCompleteListOptionsPresenter\n implements IMultiAutoCompleteListOptionsPresenter\n{\n private open = false;\n private loadedOptions = false;\n private emptyMessage = \"No results.\";\n private loadingMessage = \"Loading...\";\n private initialMessage = \"Start typing to find an option.\";\n private options = new ListCache<CommandOption>();\n\n constructor() {\n makeAutoObservable(this);\n }\n\n init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n this.options.clear();\n params.options && this.options.addItems(params.options);\n this.emptyMessage = params.emptyMessage \|\| this.emptyMessage;\n this.loadingMessage = params.loadingMessage \|\| this.loadingMessage;\n this.initialMessage = params.initialMessage \|\| this.initialMessage;\n }\n\n get vm() {\n return {\n options: this.options.getItems().map(option => CommandOptionFormatter.format(option)),\n emptyMessage: this.loadedOptions ? this.emptyMessage : this.initialMessage,\n loadingMessage: this.loadingMessage,\n open: this.open,\n empty: !this.options.hasItems()\n };\n }\n\n setListOpenState = (open: boolean) => {\n this.open = open;\n };\n\n setLoadedOptions = (loaded: boolean) => {\n this.loadedOptions = loaded;\n };\n\n setSelectedOption = (value: string) => {\n this.options.updateItems(option => {\n if (option.value === value) {\n option.selected = true;\n }\n\n return option;\n });\n };\n\n removeSelectedOption = (value: string) => {\n this.options.updateItems(option => {\n if (option.value === value) {\n option.selected = false;\n }\n\n return option;\n });\n };\n\n resetSelectedOptions = () => {\n this.options.updateItems(option => {\n option.selected = false;\n return option;\n });\n };\n\n addOption = (option: CommandOption) => {\n this.options.addItems([option]);\n };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,sBAAsB;AAC/B,SAASC,SAAS;AA0BlB,OAAO,MAAMC,qCAAqC,CAElD;EACYC,IAAI,GAAG,KAAK;EACZC,aAAa,GAAG,KAAK;EACrBC,YAAY,GAAG,aAAa;EAC5BC,cAAc,GAAG,YAAY;EAC7BC,cAAc,GAAG,iCAAiC;EAClDC,OAAO,GAAG,IAAIP,SAAS,CAAgB,CAAC;EAEhDQ,WAAWA,CAAA,EAAG;IACVV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAW,IAAIA,CAACC,MAAoD,EAAE;IACvD,IAAI,CAACH,OAAO,CAACI,KAAK,CAAC,CAAC;IACpBD,MAAM,CAACH,OAAO,IAAI,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACF,MAAM,CAACH,OAAO,CAAC;IACvD,IAAI,CAACH,YAAY,GAAGM,MAAM,CAACN,YAAY,IAAI,IAAI,CAACA,YAAY;IAC5D,IAAI,CAACC,cAAc,GAAGK,MAAM,CAACL,cAAc,IAAI,IAAI,CAACA,cAAc;IAClE,IAAI,CAACC,cAAc,GAAGI,MAAM,CAACJ,cAAc,IAAI,IAAI,CAACA,cAAc;EACtE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,OAAO,EAAE,IAAI,CAACA,OAAO,CAACO,QAAQ,CAAC,CAAC,CAACC,GAAG,CAACC,MAAM,IAAIjB,sBAAsB,CAACkB,MAAM,CAACD,MAAM,CAAC,CAAC;MACrFZ,YAAY,EAAE,IAAI,CAACD,aAAa,GAAG,IAAI,CAACC,YAAY,GAAG,IAAI,CAACE,cAAc;MAC1ED,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCH,IAAI,EAAE,IAAI,CAACA,IAAI;MACfgB,KAAK,EAAE,CAAC,IAAI,CAACX,OAAO,CAACY,QAAQ,CAAC;IAClC,CAAC;EACL;EAEAC,gBAAgB,GAAIlB,IAAa,IAAK;IAClC,IAAI,CAACA,IAAI,GAAGA,IAAI;EACpB,CAAC;EAEDmB,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACnB,aAAa,GAAGmB,MAAM;EAC/B,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,IAAI;MAC1B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDW,oBAAoB,GAAIH,KAAa,IAAK;IACtC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,KAAK;MAC3B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDY,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACrB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/BA,MAAM,CAACU,QAAQ,GAAG,KAAK;MACvB,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDa,SAAS,GAAIb,MAAqB,IAAK;IACnC,IAAI,CAACT,OAAO,CAACK,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;EACnC,CAAC;AACL","ignoreList":[]}
1	+ {"version":3,"names":["makeAutoObservable","CommandOptionFormatter","ListCache","MultiAutoCompleteListOptionsPresenter","open","loadedOptions","emptyMessage","loadingMessage","initialMessage","options","constructor","init","params","clear","addItems","vm","getItems","map","option","format","empty","hasItems","setListOpenState","setLoadedOptions","loaded","setSelectedOption","value","updateItems","selected","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { CommandOptionFormatter } from \"~/Command/domain/CommandOptionFormatter\";\nimport { ListCache } from \"../../domains\";\n\nexport interface IMultiAutoCompleteListOptionsPresenterParams {\n options?: CommandOption[];\n emptyMessage?: any;\n loadingMessage?: any;\n initialMessage?: any;\n}\n\nexport interface IMultiAutoCompleteListOptionsPresenter {\n vm: {\n options: CommandOptionFormatted[];\n emptyMessage: any;\n loadingMessage: any;\n open: boolean;\n empty: boolean;\n };\n init: (params: IMultiAutoCompleteListOptionsPresenterParams) => void;\n setListOpenState: (open: boolean) => void;\n setLoadedOptions: (loaded: boolean) => void;\n addOption: (option: CommandOption) => void;\n setSelectedOption: (value: string) => void;\n removeSelectedOption: (value: string) => void;\n resetSelectedOptions: () => void;\n}\n\nexport class MultiAutoCompleteListOptionsPresenter\n implements IMultiAutoCompleteListOptionsPresenter\n{\n private open = false;\n private loadedOptions = false;\n private emptyMessage = \"No results.\";\n private loadingMessage = \"Loading...\";\n private initialMessage = \"Start typing to find an option.\";\n private options = new ListCache<CommandOption>();\n\n constructor() {\n makeAutoObservable(this);\n }\n\n init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n this.options.clear();\n params.options && this.options.addItems(params.options);\n this.emptyMessage = params.emptyMessage \|\| this.emptyMessage;\n this.loadingMessage = params.loadingMessage \|\| this.loadingMessage;\n this.initialMessage = params.initialMessage \|\| this.initialMessage;\n }\n\n get vm() {\n return {\n options: this.options.getItems().map(option => CommandOptionFormatter.format(option)),\n emptyMessage: this.loadedOptions ? this.emptyMessage : this.initialMessage,\n loadingMessage: this.loadingMessage,\n open: this.open,\n empty: !this.options.hasItems()\n };\n }\n\n setListOpenState = (open: boolean) => {\n this.open = open;\n };\n\n setLoadedOptions = (loaded: boolean) => {\n this.loadedOptions = loaded;\n };\n\n setSelectedOption = (value: string) => {\n this.options.updateItems(option => {\n if (option.value === value) {\n option.selected = true;\n }\n\n return option;\n });\n };\n\n removeSelectedOption = (value: string) => {\n this.options.updateItems(option => {\n if (option.value === value) {\n option.selected = false;\n }\n\n return option;\n });\n };\n\n resetSelectedOptions = () => {\n this.options.updateItems(option => {\n option.selected = false;\n return option;\n });\n };\n\n addOption = (option: CommandOption) => {\n this.options.addItems([option]);\n };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,sBAAsB;AAC/B,SAASC,SAAS;AA0BlB,OAAO,MAAMC,qCAAqC,CAElD;EACYC,IAAI,GAAG,KAAK;EACZC,aAAa,GAAG,KAAK;EACrBC,YAAY,GAAG,aAAa;EAC5BC,cAAc,GAAG,YAAY;EAC7BC,cAAc,GAAG,iCAAiC;EAClDC,OAAO,GAAG,IAAIP,SAAS,CAAgB,CAAC;EAEhDQ,WAAWA,CAAA,EAAG;IACVV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAW,IAAIA,CAACC,MAAoD,EAAE;IACvD,IAAI,CAACH,OAAO,CAACI,KAAK,CAAC,CAAC;IACpBD,MAAM,CAACH,OAAO,IAAI,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACF,MAAM,CAACH,OAAO,CAAC;IACvD,IAAI,CAACH,YAAY,GAAGM,MAAM,CAACN,YAAY,IAAI,IAAI,CAACA,YAAY;IAC5D,IAAI,CAACC,cAAc,GAAGK,MAAM,CAACL,cAAc,IAAI,IAAI,CAACA,cAAc;IAClE,IAAI,CAACC,cAAc,GAAGI,MAAM,CAACJ,cAAc,IAAI,IAAI,CAACA,cAAc;EACtE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,OAAO,EAAE,IAAI,CAACA,OAAO,CAACO,QAAQ,CAAC,CAAC,CAACC,GAAG,CAACC,MAAM,IAAIjB,sBAAsB,CAACkB,MAAM,CAACD,MAAM,CAAC,CAAC;MACrFZ,YAAY,EAAE,IAAI,CAACD,aAAa,GAAG,IAAI,CAACC,YAAY,GAAG,IAAI,CAACE,cAAc;MAC1ED,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCH,IAAI,EAAE,IAAI,CAACA,IAAI;MACfgB,KAAK,EAAE,CAAC,IAAI,CAACX,OAAO,CAACY,QAAQ,CAAC;IAClC,CAAC;EACL;EAEAC,gBAAgB,GAAIlB,IAAa,IAAK;IAClC,IAAI,CAACA,IAAI,GAAGA,IAAI;EACpB,CAAC;EAEDmB,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACnB,aAAa,GAAGmB,MAAM;EAC/B,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,IAAI;MAC1B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDW,oBAAoB,GAAIH,KAAa,IAAK;IACtC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,KAAK;MAC3B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDY,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACrB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/BA,MAAM,CAACU,QAAQ,GAAG,KAAK;MACvB,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDa,SAAS,GAAIb,MAAqB,IAAK;IACnC,IAAI,CAACT,OAAO,CAACK,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;EACnC,CAAC;AACL","ignoreList":[]}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenterWithUniqueValues.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { CommandOption } from "../../../Command/domain/CommandOption";
-import { IMultiAutoCompleteListOptionsPresenter, IMultiAutoCompleteListOptionsPresenterParams } from "./MultiAutoCompleteListOptionsPresenter";
+import type { CommandOption } from "../../../Command/domain/CommandOption";
+import type { IMultiAutoCompleteListOptionsPresenter, IMultiAutoCompleteListOptionsPresenterParams } from "./MultiAutoCompleteListOptionsPresenter";
 export declare class MultiAutoCompleteListOptionsPresenterWithUniqueValues implements IMultiAutoCompleteListOptionsPresenter {
     private decoretee;
     constructor(decoretee: IMultiAutoCompleteListOptionsPresenter);

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenterWithUniqueValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["MultiAutoCompleteListOptionsPresenterWithUniqueValues","constructor","decoretee","init","params","options","filter","option","selected","vm","setListOpenState","open","setLoadedOptions","loaded","setSelectedOption","value","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenterWithUniqueValues.ts"],"sourcesContent":["import { CommandOption } from \"~/Command/domain/CommandOption\";\nimport {\n IMultiAutoCompleteListOptionsPresenter,\n IMultiAutoCompleteListOptionsPresenterParams\n} from \"./MultiAutoCompleteListOptionsPresenter\";\n\nexport class MultiAutoCompleteListOptionsPresenterWithUniqueValues\n implements IMultiAutoCompleteListOptionsPresenter\n{\n private decoretee: IMultiAutoCompleteListOptionsPresenter;\n\n constructor(decoretee: IMultiAutoCompleteListOptionsPresenter) {\n this.decoretee = decoretee;\n }\n\n init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n const options = params.options?.filter(option => !option.selected);\n this.decoretee.init({\n ...params,\n options\n });\n }\n\n get vm() {\n return this.decoretee.vm;\n }\n\n setListOpenState = (open: boolean) => {\n this.decoretee.setListOpenState(open);\n };\n\n setLoadedOptions = (loaded: boolean) => {\n this.decoretee.setLoadedOptions(loaded);\n };\n\n setSelectedOption = (value: string) => {\n this.decoretee.setSelectedOption(value);\n };\n\n removeSelectedOption = (value: string) => {\n this.decoretee.removeSelectedOption(value);\n };\n\n resetSelectedOptions = () => {\n this.decoretee.resetSelectedOptions();\n };\n\n addOption = (option: CommandOption) => {\n this.decoretee.addOption(option);\n };\n}\n"],"mappings":"AAMA,OAAO,MAAMA,qDAAqD,CAElE;EAGIC,WAAWA,CAACC,SAAiD,EAAE;IAC3D,IAAI,CAACA,SAAS,GAAGA,SAAS;EAC9B;EAEAC,IAAIA,CAACC,MAAoD,EAAE;IACvD,MAAMC,OAAO,GAAGD,MAAM,CAACC,OAAO,EAAEC,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,QAAQ,CAAC;IAClE,IAAI,CAACN,SAAS,CAACC,IAAI,CAAC;MAChB,GAAGC,MAAM;MACTC;IACJ,CAAC,CAAC;EACN;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACP,SAAS,CAACO,EAAE;EAC5B;EAEAC,gBAAgB,GAAIC,IAAa,IAAK;IAClC,IAAI,CAACT,SAAS,CAACQ,gBAAgB,CAACC,IAAI,CAAC;EACzC,CAAC;EAEDC,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACX,SAAS,CAACU,gBAAgB,CAACC,MAAM,CAAC;EAC3C,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACb,SAAS,CAACY,iBAAiB,CAACC,KAAK,CAAC;EAC3C,CAAC;EAEDC,oBAAoB,GAAID,KAAa,IAAK;IACtC,IAAI,CAACb,SAAS,CAACc,oBAAoB,CAACD,KAAK,CAAC;EAC9C,CAAC;EAEDE,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACf,SAAS,CAACe,oBAAoB,CAAC,CAAC;EACzC,CAAC;EAEDC,SAAS,GAAIX,MAAqB,IAAK;IACnC,IAAI,CAACL,SAAS,CAACgB,SAAS,CAACX,MAAM,CAAC;EACpC,CAAC;AACL","ignoreList":[]}
1	+ {"version":3,"names":["MultiAutoCompleteListOptionsPresenterWithUniqueValues","constructor","decoretee","init","params","options","filter","option","selected","vm","setListOpenState","open","setLoadedOptions","loaded","setSelectedOption","value","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenterWithUniqueValues.ts"],"sourcesContent":["import type { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type {\n IMultiAutoCompleteListOptionsPresenter,\n IMultiAutoCompleteListOptionsPresenterParams\n} from \"./MultiAutoCompleteListOptionsPresenter\";\n\nexport class MultiAutoCompleteListOptionsPresenterWithUniqueValues\n implements IMultiAutoCompleteListOptionsPresenter\n{\n private decoretee: IMultiAutoCompleteListOptionsPresenter;\n\n constructor(decoretee: IMultiAutoCompleteListOptionsPresenter) {\n this.decoretee = decoretee;\n }\n\n init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n const options = params.options?.filter(option => !option.selected);\n this.decoretee.init({\n ...params,\n options\n });\n }\n\n get vm() {\n return this.decoretee.vm;\n }\n\n setListOpenState = (open: boolean) => {\n this.decoretee.setListOpenState(open);\n };\n\n setLoadedOptions = (loaded: boolean) => {\n this.decoretee.setLoadedOptions(loaded);\n };\n\n setSelectedOption = (value: string) => {\n this.decoretee.setSelectedOption(value);\n };\n\n removeSelectedOption = (value: string) => {\n this.decoretee.removeSelectedOption(value);\n };\n\n resetSelectedOptions = () => {\n this.decoretee.resetSelectedOptions();\n };\n\n addOption = (option: CommandOption) => {\n this.decoretee.addOption(option);\n };\n}\n"],"mappings":"AAMA,OAAO,MAAMA,qDAAqD,CAElE;EAGIC,WAAWA,CAACC,SAAiD,EAAE;IAC3D,IAAI,CAACA,SAAS,GAAGA,SAAS;EAC9B;EAEAC,IAAIA,CAACC,MAAoD,EAAE;IACvD,MAAMC,OAAO,GAAGD,MAAM,CAACC,OAAO,EAAEC,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,QAAQ,CAAC;IAClE,IAAI,CAACN,SAAS,CAACC,IAAI,CAAC;MAChB,GAAGC,MAAM;MACTC;IACJ,CAAC,CAAC;EACN;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACP,SAAS,CAACO,EAAE;EAC5B;EAEAC,gBAAgB,GAAIC,IAAa,IAAK;IAClC,IAAI,CAACT,SAAS,CAACQ,gBAAgB,CAACC,IAAI,CAAC;EACzC,CAAC;EAEDC,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACX,SAAS,CAACU,gBAAgB,CAACC,MAAM,CAAC;EAC3C,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACb,SAAS,CAACY,iBAAiB,CAACC,KAAK,CAAC;EAC3C,CAAC;EAEDC,oBAAoB,GAAID,KAAa,IAAK;IACtC,IAAI,CAACb,SAAS,CAACc,oBAAoB,CAACD,KAAK,CAAC;EAC9C,CAAC;EAEDE,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACf,SAAS,CAACe,oBAAoB,CAAC,CAAC;EACzC,CAAC;EAEDC,SAAS,GAAIX,MAAqB,IAAK;IACnC,IAAI,CAACL,SAAS,CAACgB,SAAS,CAACX,MAAM,CAAC;EACpC,CAAC;AACL","ignoreList":[]}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { MultiAutoCompleteOption } from "../../domains";
-import { IMultiAutoCompleteInputPresenter } from "./MultiAutoCompleteInputPresenter";
-import { IMultiAutoCompleteSelectedOptionsPresenter } from "./MultiAutoCompleteSelectedOptionsPresenter";
-import { IMultiAutoCompleteListOptionsPresenter } from "./MultiAutoCompleteListOptionsPresenter";
-import { IMultiAutoCompleteTemporaryOptionPresenter } from "./MultiAutoCompleteTemporaryOptionPresenter";
+import type { MultiAutoCompleteOption } from "../../domains";
+import type { IMultiAutoCompleteInputPresenter } from "./MultiAutoCompleteInputPresenter";
+import type { IMultiAutoCompleteSelectedOptionsPresenter } from "./MultiAutoCompleteSelectedOptionsPresenter";
+import type { IMultiAutoCompleteListOptionsPresenter } from "./MultiAutoCompleteListOptionsPresenter";
+import type { IMultiAutoCompleteTemporaryOptionPresenter } from "./MultiAutoCompleteTemporaryOptionPresenter";
 interface MultiAutoCompletePresenterParams {
     allowFreeInput?: boolean;
     displayResetAction?: boolean;

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.js CHANGED Viewed

@@ -71,11 +71,14 @@ class MultiAutoCompletePresenter {
   getListOptions(options = [], values = []) {
     return options.map(option => {
       const commandOption = typeof option === "string" ? CommandOption.createFromString(option) : CommandOption.create(option);
-      commandOption.selected = values.includes(commandOption.value);
+      commandOption.selected = values?.includes(commandOption.value) ?? false;
       return commandOption;
     });
   }
   getSelectedOptions(commandOptions, values = []) {
+    if (!values.length) {
+      return [];
+    }
     return values.map(value => {
       const option = commandOptions.find(option => option.value === value);
       if (!option) {

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["makeAutoObservable","CommandOption","MultiAutoCompletePresenter","params","undefined","constructor","inputPresenter","selectedOptionsPresenter","optionsListPresenter","init","placeholder","displayResetAction","listOptions","getListOptions","options","values","emptyMessage","loadingMessage","initialMessage","getSelectedOptions","vm","inputVm","selectedOptionsVm","optionsListVm","temporaryOptionVm","option","setListOpenState","open","onOpenChange","searchOption","value","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","find","commandOption","create","createFromString","selected","addOption","onValuesChange","getSelectedValues","removeSelectedOption","removeOption","resetSelectedOptions","resetOptions","onValuesReset","createOption","map","includes","commandOptions"],"sources":["MultiAutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption\";\nimport { MultiAutoCompleteOption } from \"../../domains\";\nimport { IMultiAutoCompleteInputPresenter } from \"./MultiAutoCompleteInputPresenter\";\nimport { IMultiAutoCompleteSelectedOptionsPresenter } from \"./MultiAutoCompleteSelectedOptionsPresenter\";\nimport { IMultiAutoCompleteListOptionsPresenter } from \"./MultiAutoCompleteListOptionsPresenter\";\nimport { IMultiAutoCompleteTemporaryOptionPresenter } from \"./MultiAutoCompleteTemporaryOptionPresenter\";\n\ninterface MultiAutoCompletePresenterParams {\n allowFreeInput?: boolean;\n displayResetAction?: boolean;\n emptyMessage?: any;\n loadingMessage?: any;\n initialMessage?: any;\n options?: MultiAutoCompleteOption[];\n placeholder?: string;\n values?: string[];\n onValueSearch?: (value: string) => void;\n onValuesReset?: () => void;\n onValuesChange: (values: string[]) => void;\n onOpenChange?: (open: boolean) => void;\n}\n\ninterface IMultiAutoCompletePresenter {\n vm: {\n inputVm: IMultiAutoCompleteInputPresenter[\"vm\"];\n selectedOptionsVm: IMultiAutoCompleteSelectedOptionsPresenter[\"vm\"];\n optionsListVm: IMultiAutoCompleteListOptionsPresenter[\"vm\"];\n temporaryOptionVm: IMultiAutoCompleteTemporaryOptionPresenter[\"vm\"];\n };\n init: (params: MultiAutoCompletePresenterParams) => void;\n setListOpenState: (open: boolean) => void;\n searchOption: (value: string) => void;\n setSelectedOption: (value: string) => void;\n removeSelectedOption: (value: string) => void;\n resetSelectedOptions: () => void;\n createOption: (value: string) => void;\n}\n\nclass MultiAutoCompletePresenter implements IMultiAutoCompletePresenter {\n private params?: MultiAutoCompletePresenterParams = undefined;\n private inputPresenter: IMultiAutoCompleteInputPresenter;\n private selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter;\n private optionsListPresenter: IMultiAutoCompleteListOptionsPresenter;\n\n constructor(\n inputPresenter: IMultiAutoCompleteInputPresenter,\n selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter,\n optionsListPresenter: IMultiAutoCompleteListOptionsPresenter\n ) {\n this.inputPresenter = inputPresenter;\n this.selectedOptionsPresenter = selectedOptionsPresenter;\n this.optionsListPresenter = optionsListPresenter;\n makeAutoObservable(this);\n }\n\n init(params: MultiAutoCompletePresenterParams) {\n this.params = params;\n\n this.inputPresenter.init({\n placeholder: params.placeholder,\n displayResetAction: params.displayResetAction\n });\n\n const listOptions = this.getListOptions(params.options, params.values);\n this.optionsListPresenter.init({\n options: listOptions,\n emptyMessage: params.emptyMessage,\n loadingMessage: params.loadingMessage,\n initialMessage: params.initialMessage\n });\n this.selectedOptionsPresenter.init({\n options: this.getSelectedOptions(listOptions, params.values)\n });\n }\n\n get vm() {\n return {\n inputVm: this.inputPresenter.vm,\n selectedOptionsVm: this.selectedOptionsPresenter.vm,\n optionsListVm: this.optionsListPresenter.vm,\n temporaryOptionVm: {\n option: undefined\n }\n };\n }\n\n setListOpenState = (open: boolean) => {\n this.optionsListPresenter.setListOpenState(open);\n this.params?.onOpenChange?.(open);\n };\n\n public searchOption = (value: string) => {\n this.inputPresenter.setValue(value);\n this.optionsListPresenter.setLoadedOptions(true);\n this.params?.onValueSearch?.(value);\n };\n\n public setSelectedOption = (value: string) => {\n this.inputPresenter.resetValue();\n this.optionsListPresenter.setSelectedOption(value);\n\n const option = this.vm.optionsListVm.options.find(option => option.value === value);\n\n const commandOption = option\n ? CommandOption.create(option)\n : CommandOption.createFromString(value);\n\n commandOption.selected = true;\n this.selectedOptionsPresenter.addOption(commandOption);\n\n this.params?.onValuesChange(this.getSelectedValues());\n };\n\n public removeSelectedOption = (value: string) => {\n this.optionsListPresenter.removeSelectedOption(value);\n this.selectedOptionsPresenter.removeOption(value);\n\n this.params?.onValuesChange(this.getSelectedValues());\n };\n\n public resetSelectedOptions = () => {\n this.optionsListPresenter.resetSelectedOptions();\n this.selectedOptionsPresenter.resetOptions();\n this.inputPresenter.resetValue();\n\n this.params?.onValuesChange(this.getSelectedValues());\n this.params?.onValuesReset?.();\n };\n\n public createOption = () => {\n return;\n };\n\n private getListOptions(\n options: MultiAutoCompleteOption[] = [],\n values: string[] = []\n ): CommandOption[] {\n return options.map(option => {\n const commandOption =\n typeof option === \"string\"\n ? CommandOption.createFromString(option)\n : CommandOption.create(option);\n\n commandOption.selected = values.includes(commandOption.value);\n\n return commandOption;\n });\n }\n\n private getSelectedOptions(\n commandOptions: CommandOption[],\n values: string[] = []\n ): CommandOption[] {\n return values.map(value => {\n const option = commandOptions.find(option => option.value === value);\n\n if (!option) {\n return CommandOption.createFromString(value);\n }\n\n return option;\n });\n }\n\n private getSelectedValues() {\n return this.selectedOptionsPresenter.vm.options.map(option => option.value);\n }\n}\n\nexport {\n MultiAutoCompletePresenter,\n type IMultiAutoCompletePresenter,\n type MultiAutoCompletePresenterParams\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["makeAutoObservable","CommandOption","MultiAutoCompletePresenter","params","undefined","constructor","inputPresenter","selectedOptionsPresenter","optionsListPresenter","init","placeholder","displayResetAction","listOptions","getListOptions","options","values","emptyMessage","loadingMessage","initialMessage","getSelectedOptions","vm","inputVm","selectedOptionsVm","optionsListVm","temporaryOptionVm","option","setListOpenState","open","onOpenChange","searchOption","value","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","find","commandOption","create","createFromString","selected","addOption","onValuesChange","getSelectedValues","removeSelectedOption","removeOption","resetSelectedOptions","resetOptions","onValuesReset","createOption","map","includes","commandOptions","length"],"sources":["MultiAutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type { MultiAutoCompleteOption } from \"../../domains\";\nimport type { IMultiAutoCompleteInputPresenter } from \"./MultiAutoCompleteInputPresenter\";\nimport type { IMultiAutoCompleteSelectedOptionsPresenter } from \"./MultiAutoCompleteSelectedOptionsPresenter\";\nimport type { IMultiAutoCompleteListOptionsPresenter } from \"./MultiAutoCompleteListOptionsPresenter\";\nimport type { IMultiAutoCompleteTemporaryOptionPresenter } from \"./MultiAutoCompleteTemporaryOptionPresenter\";\n\ninterface MultiAutoCompletePresenterParams {\n allowFreeInput?: boolean;\n displayResetAction?: boolean;\n emptyMessage?: any;\n loadingMessage?: any;\n initialMessage?: any;\n options?: MultiAutoCompleteOption[];\n placeholder?: string;\n values?: string[];\n onValueSearch?: (value: string) => void;\n onValuesReset?: () => void;\n onValuesChange: (values: string[]) => void;\n onOpenChange?: (open: boolean) => void;\n}\n\ninterface IMultiAutoCompletePresenter {\n vm: {\n inputVm: IMultiAutoCompleteInputPresenter[\"vm\"];\n selectedOptionsVm: IMultiAutoCompleteSelectedOptionsPresenter[\"vm\"];\n optionsListVm: IMultiAutoCompleteListOptionsPresenter[\"vm\"];\n temporaryOptionVm: IMultiAutoCompleteTemporaryOptionPresenter[\"vm\"];\n };\n init: (params: MultiAutoCompletePresenterParams) => void;\n setListOpenState: (open: boolean) => void;\n searchOption: (value: string) => void;\n setSelectedOption: (value: string) => void;\n removeSelectedOption: (value: string) => void;\n resetSelectedOptions: () => void;\n createOption: (value: string) => void;\n}\n\nclass MultiAutoCompletePresenter implements IMultiAutoCompletePresenter {\n private params?: MultiAutoCompletePresenterParams = undefined;\n private inputPresenter: IMultiAutoCompleteInputPresenter;\n private selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter;\n private optionsListPresenter: IMultiAutoCompleteListOptionsPresenter;\n\n constructor(\n inputPresenter: IMultiAutoCompleteInputPresenter,\n selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter,\n optionsListPresenter: IMultiAutoCompleteListOptionsPresenter\n ) {\n this.inputPresenter = inputPresenter;\n this.selectedOptionsPresenter = selectedOptionsPresenter;\n this.optionsListPresenter = optionsListPresenter;\n makeAutoObservable(this);\n }\n\n init(params: MultiAutoCompletePresenterParams) {\n this.params = params;\n\n this.inputPresenter.init({\n placeholder: params.placeholder,\n displayResetAction: params.displayResetAction\n });\n\n const listOptions = this.getListOptions(params.options, params.values);\n this.optionsListPresenter.init({\n options: listOptions,\n emptyMessage: params.emptyMessage,\n loadingMessage: params.loadingMessage,\n initialMessage: params.initialMessage\n });\n this.selectedOptionsPresenter.init({\n options: this.getSelectedOptions(listOptions, params.values)\n });\n }\n\n get vm() {\n return {\n inputVm: this.inputPresenter.vm,\n selectedOptionsVm: this.selectedOptionsPresenter.vm,\n optionsListVm: this.optionsListPresenter.vm,\n temporaryOptionVm: {\n option: undefined\n }\n };\n }\n\n setListOpenState = (open: boolean) => {\n this.optionsListPresenter.setListOpenState(open);\n this.params?.onOpenChange?.(open);\n };\n\n public searchOption = (value: string) => {\n this.inputPresenter.setValue(value);\n this.optionsListPresenter.setLoadedOptions(true);\n this.params?.onValueSearch?.(value);\n };\n\n public setSelectedOption = (value: string) => {\n this.inputPresenter.resetValue();\n this.optionsListPresenter.setSelectedOption(value);\n\n const option = this.vm.optionsListVm.options.find(option => option.value === value);\n\n const commandOption = option\n ? CommandOption.create(option)\n : CommandOption.createFromString(value);\n\n commandOption.selected = true;\n this.selectedOptionsPresenter.addOption(commandOption);\n\n this.params?.onValuesChange(this.getSelectedValues());\n };\n\n public removeSelectedOption = (value: string) => {\n this.optionsListPresenter.removeSelectedOption(value);\n this.selectedOptionsPresenter.removeOption(value);\n\n this.params?.onValuesChange(this.getSelectedValues());\n };\n\n public resetSelectedOptions = () => {\n this.optionsListPresenter.resetSelectedOptions();\n this.selectedOptionsPresenter.resetOptions();\n this.inputPresenter.resetValue();\n\n this.params?.onValuesChange(this.getSelectedValues());\n this.params?.onValuesReset?.();\n };\n\n public createOption = () => {\n return;\n };\n\n private getListOptions(\n options: MultiAutoCompleteOption[] = [],\n values: string[] = []\n ): CommandOption[] {\n return options.map(option => {\n const commandOption =\n typeof option === \"string\"\n ? CommandOption.createFromString(option)\n : CommandOption.create(option);\n\n commandOption.selected = values?.includes(commandOption.value) ?? false;\n\n return commandOption;\n });\n }\n\n private getSelectedOptions(\n commandOptions: CommandOption[],\n values: string[] = []\n ): CommandOption[] {\n if (!values.length) {\n return [];\n }\n\n return values.map(value => {\n const option = commandOptions.find(option => option.value === value);\n\n if (!option) {\n return CommandOption.createFromString(value);\n }\n\n return option;\n });\n }\n\n private getSelectedValues() {\n return this.selectedOptionsPresenter.vm.options.map(option => option.value);\n }\n}\n\nexport {\n MultiAutoCompletePresenter,\n type IMultiAutoCompletePresenter,\n type MultiAutoCompletePresenterParams\n};\n"],"mappings":"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","ignoreList":[]}