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

package/Accordion/components/AccordionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","KeyboardArrowDownIcon","Collapsible","CollapsiblePrimitive","cn","AccordionItemAction","Icon","AccordionTrigger","title","description","actions","icon","handle","interactive","divAsButtonProps","useMemo","role","tabIndex","onKeyDown","e","key","preventDefault","currentTarget","click","createElement","Trigger","asChild","onClick","Object","assign","className","Separator","size","color","label"],"sources":["AccordionTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as KeyboardArrowDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { type AccordionItemProps } from \"./AccordionItem\";\nimport { AccordionItemAction } from \"./AccordionItemAction\";\nimport { Icon } from \"~/Icon\";\n\ntype AccordionTriggerProps = Pick<\n    AccordionItemProps,\n    \"title\" | \"description\" | \"icon\" | \"handle\" | \"interactive\" | \"actions\"\n>;\n\nconst AccordionTrigger = ({\n    title,\n    description,\n    actions,\n    icon,\n    handle,\n    interactive = true\n}: AccordionTriggerProps) => {\n    // The following three attributes are required for the trigger to act as a button.\n    // We can't use the default button element here because the content of the trigger\n    // can also contain one or more buttons.\n    const divAsButtonProps = React.useMemo<React.HTMLAttributes<HTMLDivElement>>(() => {\n        return {\n            role: \"button\",\n            tabIndex: interactive ? 0 : -1, // Disable keyboard interaction if not interactive\n            onKeyDown: e => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    e.currentTarget.click();\n                }\n            }\n        };\n    }, [interactive]);\n\n    return (\n        <CollapsiblePrimitive.Trigger\n            asChild\n            onClick={e => !interactive && e.preventDefault()} // Prevent clicking if not interactive\n        >\n            <div\n                {...divAsButtonProps}\n                className={cn(\n                    \"wby-w-full wby-flex wby-items-center wby-cursor-pointer\",\n                    \"focus-visible:wby-outline-none focus-visible:wby-border-none focus-visible:wby-ring-sm focus-visible:wby-ring-primary-dimmed\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"group-[.wby-accordion-variant-container]:wby-rounded-lg\",\n                    \"[&[data-state=open]_[data-role=open-close-indicator]]:wby-rotate-180\",\n                    interactive ? \"wby-cursor-pointer\" : \"wby-cursor-default\"\n                )}\n            >\n                {handle}\n                <div\n                    className={\n                        \"wby-w-full wby-flex wby-justify-between wby-items-center wby-px-md wby-py-sm-extra\"\n                    }\n                >\n                    {icon && <div className={\"wby-mr-md\"}>{icon}</div>}\n                    <div\n                        className={\"wby-flex wby-flex-col wby-gap-xxs wby-flex-grow wby-text-left\"}\n                    >\n                        <div\n                            className={\"wby-text-md wby-font-semibold webiny_accordion-item-title\"}\n                        >\n                            {title}\n                        </div>\n                        <div className={\"wby-text-sm wby-text-neutral-strong\"}>{description}</div>\n                    </div>\n                    <div className={\"wby-flex wby-gap-xs\"}>\n                        {actions}\n\n                        {/* No need to show the separator if there are no actions and the item is not interactive. */}\n                        {actions && interactive && <AccordionItemAction.Separator />}\n\n                        {interactive && (\n                            <Icon\n                                size={\"lg\"}\n                                className={\"wby-transition\"}\n                                color={\"neutral-strong\"}\n                                data-role={\"open-close-indicator\"}\n                                label={\"Open/close indicator\"}\n                                icon={<KeyboardArrowDownIcon />}\n                            />\n                        )}\n                    </div>\n                </div>\n            </div>\n        </CollapsiblePrimitive.Trigger>\n    );\n};\n\nexport { AccordionTrigger };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,qBAAqB,QAAQ,uCAAuC;AAC/F,SAASC,WAAW,IAAIC,oBAAoB,QAAQ,UAAU;AAC9D,SAASC,EAAE;AAEX,SAASC,mBAAmB;AAC5B,SAASC,IAAI;AAOb,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,OAAO;EACPC,IAAI;EACJC,MAAM;EACNC,WAAW,GAAG;AACK,CAAC,KAAK;EACzB;EACA;EACA;EACA,MAAMC,gBAAgB,GAAGf,KAAK,CAACgB,OAAO,CAAuC,MAAM;IAC/E,OAAO;MACHC,IAAI,EAAE,QAAQ;MACdC,QAAQ,EAAEJ,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;MAAE;MAChCK,SAAS,EAAEC,CAAC,IAAI;QACZ,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;UACpCD,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBF,CAAC,CAACG,aAAa,CAACC,KAAK,CAAC,CAAC;QAC3B;MACJ;IACJ,CAAC;EACL,CAAC,EAAE,CAACV,WAAW,CAAC,CAAC;EAEjB,oBACId,KAAA,CAAAyB,aAAA,CAACrB,oBAAoB,CAACsB,OAAO;IACzBC,OAAO;IACPC,OAAO,EAAER,CAAC,IAAI,CAACN,WAAW,IAAIM,CAAC,CAACE,cAAc,CAAC,CAAE,CAAC;EAAA,gBAElDtB,KAAA,CAAAyB,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQf,gBAAgB;IACpBgB,SAAS,EAAE1B,EAAE,CACT,yDAAyD,EACzD,8HAA8H,EAC9H,6BAA6B,EAC7B,yDAAyD,EACzD,sEAAsE,EACtES,WAAW,GAAG,oBAAoB,GAAG,oBACzC;EAAE,IAEDD,MAAM,eACPb,KAAA,CAAAyB,aAAA;IACIM,SAAS,EACL;EACH,GAEAnB,IAAI,iBAAIZ,KAAA,CAAAyB,aAAA;IAAKM,SAAS,EAAE;EAAY,GAAEnB,IAAU,CAAC,eAClDZ,KAAA,CAAAyB,aAAA;IACIM,SAAS,EAAE;EAAgE,gBAE3E/B,KAAA,CAAAyB,aAAA;IACIM,SAAS,EAAE;EAA4D,GAEtEtB,KACA,CAAC,eACNT,KAAA,CAAAyB,aAAA;IAAKM,SAAS,EAAE;EAAsC,GAAErB,WAAiB,CACxE,CAAC,eACNV,KAAA,CAAAyB,aAAA;IAAKM,SAAS,EAAE;EAAsB,GACjCpB,OAAO,EAGPA,OAAO,IAAIG,WAAW,iBAAId,KAAA,CAAAyB,aAAA,CAACnB,mBAAmB,CAAC0B,SAAS,MAAE,CAAC,EAE3DlB,WAAW,iBACRd,KAAA,CAAAyB,aAAA,CAAClB,IAAI;IACD0B,IAAI,EAAE,IAAK;IACXF,SAAS,EAAE,gBAAiB;IAC5BG,KAAK,EAAE,gBAAiB;IACxB,aAAW,sBAAuB;IAClCC,KAAK,EAAE,sBAAuB;IAC9BvB,IAAI,eAAEZ,KAAA,CAAAyB,aAAA,CAACvB,qBAAqB,MAAE;EAAE,CACnC,CAEJ,CACJ,CACJ,CACqB,CAAC;AAEvC,CAAC;AAED,SAASM,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","KeyboardArrowDownIcon","Collapsible","CollapsiblePrimitive","cn","AccordionItemAction","Icon","AccordionItemDragHandle","AccordionTrigger","title","description","actions","icon","interactive","draggable","divAsButtonProps","useMemo","role","tabIndex","onKeyDown","e","key","preventDefault","currentTarget","click","createElement","Trigger","asChild","onClick","Object","assign","className","Separator","size","color","label"],"sources":["AccordionTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as KeyboardArrowDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { type AccordionItemProps } from \"./AccordionItem\";\nimport { AccordionItemAction } from \"./AccordionItemAction\";\nimport { Icon } from \"~/Icon\";\nimport { AccordionItemDragHandle } from \"~/Accordion/components/AccordionItemDragHandle\";\n\ntype AccordionTriggerProps = Pick<\n    AccordionItemProps,\n    \"title\" | \"description\" | \"icon\" | \"handle\" | \"interactive\" | \"actions\" | \"draggable\"\n>;\n\nconst AccordionTrigger = ({\n    title,\n    description,\n    actions,\n    icon,\n    interactive = true,\n    draggable\n}: AccordionTriggerProps) => {\n    // The following three attributes are required for the trigger to act as a button.\n    // We can't use the default button element here because the content of the trigger\n    // can also contain one or more buttons.\n    const divAsButtonProps = React.useMemo<React.HTMLAttributes<HTMLDivElement>>(() => {\n        return {\n            role: \"button\",\n            tabIndex: interactive ? 0 : -1, // Disable keyboard interaction if not interactive\n            onKeyDown: e => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    e.currentTarget.click();\n                }\n            }\n        };\n    }, [interactive]);\n\n    return (\n        <CollapsiblePrimitive.Trigger\n            asChild\n            onClick={e => !interactive && e.preventDefault()} // Prevent clicking if not interactive\n        >\n            <div\n                {...divAsButtonProps}\n                className={cn(\n                    \"wby-group/trigger wby-w-full wby-flex wby-items-center wby-cursor-pointer wby-relative\",\n                    \"focus-visible:wby-outline-none focus-visible:wby-border-none focus-visible:wby-ring-sm focus-visible:wby-ring-primary-dimmed\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"group-[.wby-accordion-variant-container]:wby-rounded-lg\",\n                    \"[&[data-state=open]_[data-role=open-close-indicator]]:wby-rotate-180\",\n                    interactive ? \"wby-cursor-pointer\" : \"wby-cursor-default\"\n                )}\n            >\n                {draggable ? <AccordionItemDragHandle /> : null}\n                <div\n                    className={\n                        \"wby-w-full wby-flex wby-justify-between wby-items-center wby-px-md wby-py-sm-extra\"\n                    }\n                >\n                    {icon && <div className={\"wby-mr-md\"}>{icon}</div>}\n                    <div\n                        className={\"wby-flex wby-flex-col wby-gap-xxs wby-flex-grow wby-text-left\"}\n                    >\n                        <div\n                            className={\"wby-text-md wby-font-semibold webiny_accordion-item-title\"}\n                        >\n                            {title}\n                        </div>\n                        <div className={\"wby-text-sm wby-text-neutral-strong\"}>{description}</div>\n                    </div>\n                    <div className={\"wby-flex wby-gap-xs\"}>\n                        {actions}\n\n                        {/* No need to show the separator if there are no actions and the item is not interactive. */}\n                        {actions && interactive && <AccordionItemAction.Separator />}\n\n                        {interactive && (\n                            <Icon\n                                size={\"lg\"}\n                                className={\"wby-transition\"}\n                                color={\"neutral-strong\"}\n                                data-role={\"open-close-indicator\"}\n                                label={\"Open/close indicator\"}\n                                icon={<KeyboardArrowDownIcon />}\n                            />\n                        )}\n                    </div>\n                </div>\n            </div>\n        </CollapsiblePrimitive.Trigger>\n    );\n};\n\nexport { AccordionTrigger };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,qBAAqB,QAAQ,uCAAuC;AAC/F,SAASC,WAAW,IAAIC,oBAAoB,QAAQ,UAAU;AAC9D,SAASC,EAAE;AAEX,SAASC,mBAAmB;AAC5B,SAASC,IAAI;AACb,SAASC,uBAAuB;AAOhC,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,OAAO;EACPC,IAAI;EACJC,WAAW,GAAG,IAAI;EAClBC;AACmB,CAAC,KAAK;EACzB;EACA;EACA;EACA,MAAMC,gBAAgB,GAAGhB,KAAK,CAACiB,OAAO,CAAuC,MAAM;IAC/E,OAAO;MACHC,IAAI,EAAE,QAAQ;MACdC,QAAQ,EAAEL,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;MAAE;MAChCM,SAAS,EAAEC,CAAC,IAAI;QACZ,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;UACpCD,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBF,CAAC,CAACG,aAAa,CAACC,KAAK,CAAC,CAAC;QAC3B;MACJ;IACJ,CAAC;EACL,CAAC,EAAE,CAACX,WAAW,CAAC,CAAC;EAEjB,oBACId,KAAA,CAAA0B,aAAA,CAACtB,oBAAoB,CAACuB,OAAO;IACzBC,OAAO;IACPC,OAAO,EAAER,CAAC,IAAI,CAACP,WAAW,IAAIO,CAAC,CAACE,cAAc,CAAC,CAAE,CAAC;EAAA,gBAElDvB,KAAA,CAAA0B,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQf,gBAAgB;IACpBgB,SAAS,EAAE3B,EAAE,CACT,wFAAwF,EACxF,8HAA8H,EAC9H,6BAA6B,EAC7B,yDAAyD,EACzD,sEAAsE,EACtES,WAAW,GAAG,oBAAoB,GAAG,oBACzC;EAAE,IAEDC,SAAS,gBAAGf,KAAA,CAAA0B,aAAA,CAAClB,uBAAuB,MAAE,CAAC,GAAG,IAAI,eAC/CR,KAAA,CAAA0B,aAAA;IACIM,SAAS,EACL;EACH,GAEAnB,IAAI,iBAAIb,KAAA,CAAA0B,aAAA;IAAKM,SAAS,EAAE;EAAY,GAAEnB,IAAU,CAAC,eAClDb,KAAA,CAAA0B,aAAA;IACIM,SAAS,EAAE;EAAgE,gBAE3EhC,KAAA,CAAA0B,aAAA;IACIM,SAAS,EAAE;EAA4D,GAEtEtB,KACA,CAAC,eACNV,KAAA,CAAA0B,aAAA;IAAKM,SAAS,EAAE;EAAsC,GAAErB,WAAiB,CACxE,CAAC,eACNX,KAAA,CAAA0B,aAAA;IAAKM,SAAS,EAAE;EAAsB,GACjCpB,OAAO,EAGPA,OAAO,IAAIE,WAAW,iBAAId,KAAA,CAAA0B,aAAA,CAACpB,mBAAmB,CAAC2B,SAAS,MAAE,CAAC,EAE3DnB,WAAW,iBACRd,KAAA,CAAA0B,aAAA,CAACnB,IAAI;IACD2B,IAAI,EAAE,IAAK;IACXF,SAAS,EAAE,gBAAiB;IAC5BG,KAAK,EAAE,gBAAiB;IACxB,aAAW,sBAAuB;IAClCC,KAAK,EAAE,sBAAuB;IAC9BvB,IAAI,eAAEb,KAAA,CAAA0B,aAAA,CAACxB,qBAAqB,MAAE;EAAE,CACnC,CAEJ,CACJ,CACJ,CACqB,CAAC;AAEvC,CAAC;AAED,SAASO,gBAAgB","ignoreList":[]}

package/Alert/Alert.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "../utils";
 import { type ButtonProps } from "../Button";
 declare const alertVariants: (props?: ({
-    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+    type?: "info" | "success" | "warning" | "danger" | null | undefined;
     variant?: "strong" | "subtle" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {

package/AutoComplete/AutoComplete.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { AutoCompletePrimitiveProps } from "./primitives";
-import { FormComponentProps } from "../FormComponent";
+import type { AutoCompletePrimitiveProps } from "./primitives";
+import type { FormComponentProps } from "../FormComponent";
 type AutoCompleteProps = AutoCompletePrimitiveProps & FormComponentProps;
 declare const AutoComplete: (({ label, description, note, required, disabled, validation, ...props }: AutoCompleteProps) => React.JSX.Element) & {
     original: ({ label, description, note, required, disabled, validation, ...props }: AutoCompleteProps) => React.JSX.Element;

package/AutoComplete/AutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","useEffect","useRef","makeDecoratable","AutoCompletePrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableAutoComplete","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","inputRef","inputId","setInputId","current","id","createElement","className","text","htmlFor","Object","assign","AutoComplete"],"sources":["AutoComplete.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect, useRef } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport { AutoCompletePrimitive, AutoCompletePrimitiveProps } from \"./primitives\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentProps\n} from \"~/FormComponent\";\n\ntype AutoCompleteProps = AutoCompletePrimitiveProps & FormComponentProps;\n\nconst DecoratableAutoComplete = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: AutoCompleteProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    // Retrieve the internally generated ID from cmdk's <Command.Input> to sync with the external <label>\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [inputId, setInputId] = useState<string>();\n\n    useEffect(() => {\n        if (inputRef.current?.id) {\n            setInputId(inputRef.current.id);\n        }\n    }, []);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n                htmlFor={inputId}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <AutoCompletePrimitive\n                {...props}\n                inputRef={inputRef}\n                disabled={disabled}\n                label={label}\n                invalid={invalid}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst AutoComplete = makeDecoratable(\"AutoComplete\", DecoratableAutoComplete);\n\nexport { AutoComplete };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACnE,SAASC,eAAe;AACxB,SAASC,qBAAqB;AAC9B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACY,CAAC,KAAK;EACrB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGtB,OAAO,CAAC,MAAMmB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;;EAE/E;EACA,MAAMI,QAAQ,GAAGpB,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAM,CAACqB,OAAO,EAAEC,UAAU,CAAC,GAAGxB,QAAQ,CAAS,CAAC;EAEhDC,SAAS,CAAC,MAAM;IACZ,IAAIqB,QAAQ,CAACG,OAAO,EAAEC,EAAE,EAAE;MACtBF,UAAU,CAACF,QAAQ,CAACG,OAAO,CAACC,EAAE,CAAC;IACnC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI5B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACpB,kBAAkB;IACfsB,IAAI,EAAEnB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjBS,OAAO,EAAEP;EAAQ,CACpB,CAAC,eACFzB,KAAA,CAAA6B,aAAA,CAACtB,wBAAwB;IAACwB,IAAI,EAAElB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEhB,KAAA,CAAA6B,aAAA,CAACvB,qBAAqB,EAAA2B,MAAA,CAAAC,MAAA,KACdhB,KAAK;IACTM,QAAQ,EAAEA,QAAS;IACnBR,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAEA,KAAM;IACbW,OAAO,EAAEA;EAAQ,EACpB,CAAC,eACFvB,KAAA,CAAA6B,aAAA,CAACrB,yBAAyB;IACtBuB,IAAI,EAAET,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFhB,KAAA,CAAA6B,aAAA,CAACnB,iBAAiB;IAACqB,IAAI,EAAEjB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMmB,YAAY,GAAG9B,eAAe,CAAC,cAAc,EAAEM,uBAAuB,CAAC;AAE7E,SAASwB,YAAY","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","useEffect","useRef","makeDecoratable","AutoCompletePrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableAutoComplete","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","inputRef","inputId","setInputId","current","id","createElement","className","text","htmlFor","Object","assign","AutoComplete"],"sources":["AutoComplete.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect, useRef } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { AutoCompletePrimitiveProps } from \"./primitives\";\nimport { AutoCompletePrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype AutoCompleteProps = AutoCompletePrimitiveProps & FormComponentProps;\n\nconst DecoratableAutoComplete = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: AutoCompleteProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    // Retrieve the internally generated ID from cmdk's <Command.Input> to sync with the external <label>\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [inputId, setInputId] = useState<string>();\n\n    useEffect(() => {\n        if (inputRef.current?.id) {\n            setInputId(inputRef.current.id);\n        }\n    }, []);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n                htmlFor={inputId}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <AutoCompletePrimitive\n                {...props}\n                inputRef={inputRef}\n                disabled={disabled}\n                label={label}\n                invalid={invalid}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst AutoComplete = makeDecoratable(\"AutoComplete\", DecoratableAutoComplete);\n\nexport { AutoComplete };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACnE,SAASC,eAAe;AAExB,SAASC,qBAAqB;AAE9B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACY,CAAC,KAAK;EACrB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGtB,OAAO,CAAC,MAAMmB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;;EAE/E;EACA,MAAMI,QAAQ,GAAGpB,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAM,CAACqB,OAAO,EAAEC,UAAU,CAAC,GAAGxB,QAAQ,CAAS,CAAC;EAEhDC,SAAS,CAAC,MAAM;IACZ,IAAIqB,QAAQ,CAACG,OAAO,EAAEC,EAAE,EAAE;MACtBF,UAAU,CAACF,QAAQ,CAACG,OAAO,CAACC,EAAE,CAAC;IACnC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI5B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACpB,kBAAkB;IACfsB,IAAI,EAAEnB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjBS,OAAO,EAAEP;EAAQ,CACpB,CAAC,eACFzB,KAAA,CAAA6B,aAAA,CAACtB,wBAAwB;IAACwB,IAAI,EAAElB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEhB,KAAA,CAAA6B,aAAA,CAACvB,qBAAqB,EAAA2B,MAAA,CAAAC,MAAA,KACdhB,KAAK;IACTM,QAAQ,EAAEA,QAAS;IACnBR,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAEA,KAAM;IACbW,OAAO,EAAEA;EAAQ,EACpB,CAAC,eACFvB,KAAA,CAAA6B,aAAA,CAACrB,yBAAyB;IACtBuB,IAAI,EAAET,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFhB,KAAA,CAAA6B,aAAA,CAACnB,iBAAiB;IAACqB,IAAI,EAAEjB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMmB,YAAY,GAAG9B,eAAe,CAAC,cAAc,EAAEM,uBAAuB,CAAC;AAE7E,SAASwB,YAAY","ignoreList":[]}

package/AutoComplete/domains/AutoCompleteOption.d.ts

@@ -1,2 +1,2 @@
-import { AutoCompleteOptionDto } from "./AutoCompleteOptionDto";
+import type { AutoCompleteOptionDto } from "./AutoCompleteOptionDto";
 export type AutoCompleteOption = AutoCompleteOptionDto | string;

package/AutoComplete/domains/AutoCompleteOption.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["AutoCompleteOption.ts"],"sourcesContent":["import { AutoCompleteOptionDto } from \"./AutoCompleteOptionDto\";\n\nexport type AutoCompleteOption = AutoCompleteOptionDto | string;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["AutoCompleteOption.ts"],"sourcesContent":["import type { AutoCompleteOptionDto } from \"./AutoCompleteOptionDto\";\n\nexport type AutoCompleteOption = AutoCompleteOptionDto | string;\n"],"mappings":"","ignoreList":[]}

package/AutoComplete/domains/AutoCompleteOptionDto.d.ts

@@ -1,2 +1,2 @@
-import { CommandOptionDto } from "../../Command";
+import type { CommandOptionDto } from "../../Command";
 export type AutoCompleteOptionDto = CommandOptionDto;

package/AutoComplete/domains/AutoCompleteOptionDto.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["AutoCompleteOptionDto.ts"],"sourcesContent":["import { CommandOptionDto } from \"~/Command\";\n\nexport type AutoCompleteOptionDto = CommandOptionDto;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["AutoCompleteOptionDto.ts"],"sourcesContent":["import type { CommandOptionDto } from \"~/Command\";\n\nexport type AutoCompleteOptionDto = CommandOptionDto;\n"],"mappings":"","ignoreList":[]}

package/AutoComplete/primitives/AutoCompletePrimitive.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { InputPrimitiveProps } from "../../Input";
-import { AutoCompleteOption } from "../domains";
-import { Icon } from "../../Icon";
+import type { InputPrimitiveProps } from "../../Input";
+import type { AutoCompleteOption } from "../domains";
+import type { Icon } from "../../Icon";
 interface AutoCompletePrimitiveProps {
     /**
      * Indicates if the reset action should be displayed.
@@ -104,9 +104,6 @@ declare const AutoCompletePrimitive: ((props: AutoCompletePrimitiveProps) => Rea
     createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: AutoCompletePrimitiveProps) => React.JSX.Element) & {
         original: (props: AutoCompletePrimitiveProps) => React.JSX.Element;
         originalName: string;
-        /**
-         * Message to display when there are no options.
-         */
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };

package/AutoComplete/primitives/AutoCompletePrimitive.js

@@ -51,6 +51,7 @@ const DecoratableAutoCompletePrimitive = props => {
     startIcon: props.startIcon,
     endIcon: /*#__PURE__*/React.createElement(AutoCompleteInputIcons, {
       inputSize: props.size,
+      inputVariant: props.variant,
       displayResetAction: vm.inputVm.displayResetAction,
       disabled: props.disabled,
       loading: props.loading,

package/AutoComplete/primitives/AutoCompletePrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","PopoverPrimitive","useAutoComplete","AutoCompleteInputIcons","AutoCompleteList","makeDecoratable","DecoratableAutoCompletePrimitive","props","vm","setListOpenState","setSelectedOption","searchOption","resetSelectedOption","showSelectedOption","handleKeyDown","useCallback","event","disabled","key","toLowerCase","handleSelectOption","value","handleOnBlur","createElement","open","optionsListVm","onOpenChange","label","String","onKeyDown","Trigger","asChild","Input","inputRef","inputVm","onValueChange","placeholder","size","variant","invalid","startIcon","endIcon","inputSize","displayResetAction","loading","onResetValue","onBlur","onFocus","Content","style","width","onOpenAutoFocus","e","preventDefault","options","onOptionSelect","empty","loadingMessage","emptyMessage","optionRenderer","AutoCompletePrimitive"],"sources":["AutoCompletePrimitive.tsx"],"sourcesContent":["import React, { KeyboardEvent } from \"react\";\nimport { Command } from \"~/Command\";\nimport { PopoverPrimitive } from \"~/Popover\";\nimport { InputPrimitiveProps } from \"~/Input\";\nimport { useAutoComplete } from \"./useAutoComplete\";\nimport { AutoCompleteInputIcons, AutoCompleteList } from \"./components\";\nimport { AutoCompleteOption } from \"../domains\";\nimport { makeDecoratable } from \"~/utils\";\nimport { Icon } from \"~/Icon\";\n\ninterface AutoCompletePrimitiveProps {\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Message to display when there are no options.\n     */\n    emptyMessage?: React.ReactNode;\n    /**\n     * Message to display when there are no options loaded or selected.\n     * Use it to invite the user to interact with the autocomplete by typing a value.\n     */\n    initialMessage?: React.ReactNode;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Accessible label for the command menu. Not shown visibly.\n     */\n    label?: string;\n    /**\n     * Indicates if the autocomplete is loading options.\n     */\n    loading?: boolean;\n    /**\n     * Message to display while loading options.\n     */\n    loadingMessage?: React.ReactNode;\n    /**\n     * Callback triggered when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback triggered to reset the value.\n     */\n    onValueReset?: () => void;\n    /**\n     * Callback triggered when a value has been searched by the user.\n     */\n    onValueSearch?: (value: string) => void;\n    /**\n     * Callback triggered when the value changes.\n     */\n    onValueChange: (value: string) => void;\n    /**\n     * List of options for the autocomplete.\n     */\n    options?: AutoCompleteOption[];\n    /**\n     * Custom renderer for the options.\n     */\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\nconst DecoratableAutoCompletePrimitive = (props: AutoCompletePrimitiveProps) => {\n    const {\n        vm,\n        setListOpenState,\n        setSelectedOption,\n        searchOption,\n        resetSelectedOption,\n        showSelectedOption\n    } = useAutoComplete(props);\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (event.key.toLowerCase() === \"escape\") {\n                setListOpenState(false);\n            } else {\n                setListOpenState(true);\n            }\n        },\n        [props.disabled, setListOpenState]\n    );\n\n    const handleSelectOption = React.useCallback(\n        (value: string) => {\n            setSelectedOption(value);\n            setListOpenState(false);\n        },\n        [setSelectedOption, setListOpenState]\n    );\n\n    const handleOnBlur = React.useCallback(() => {\n        setListOpenState(false);\n        showSelectedOption();\n    }, [setListOpenState]);\n\n    return (\n        <PopoverPrimitive open={vm.optionsListVm.open} onOpenChange={() => setListOpenState(true)}>\n            <Command label={String(props.label)} onKeyDown={handleKeyDown}>\n                <PopoverPrimitive.Trigger asChild>\n                    <span>\n                        <Command.Input\n                            inputRef={props.inputRef}\n                            value={vm.inputVm.value}\n                            onValueChange={searchOption}\n                            placeholder={vm.inputVm.placeholder}\n                            size={props.size}\n                            variant={props.variant}\n                            disabled={props.disabled}\n                            invalid={props.invalid}\n                            startIcon={props.startIcon}\n                            endIcon={\n                                <AutoCompleteInputIcons\n                                    inputSize={props.size}\n                                    displayResetAction={vm.inputVm.displayResetAction}\n                                    disabled={props.disabled}\n                                    loading={props.loading}\n                                    onResetValue={resetSelectedOption}\n                                    onOpenChange={() => setListOpenState(!vm.optionsListVm.open)}\n                                />\n                            }\n                            onBlur={handleOnBlur}\n                            onFocus={() => setListOpenState(true)}\n                        />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content\n                    style={{ width: \"var(--radix-popover-trigger-width)\" }}\n                    onOpenAutoFocus={e => e.preventDefault()}\n                >\n                    <AutoCompleteList\n                        options={vm.optionsListVm.options}\n                        onOptionSelect={handleSelectOption}\n                        empty={vm.optionsListVm.empty}\n                        loading={props.loading}\n                        loadingMessage={vm.optionsListVm.loadingMessage}\n                        emptyMessage={vm.optionsListVm.emptyMessage}\n                        optionRenderer={props.optionRenderer}\n                    />\n                </PopoverPrimitive.Content>\n            </Command>\n        </PopoverPrimitive>\n    );\n};\n\nconst AutoCompletePrimitive = makeDecoratable(\n    \"AutoCompletePrimitive\",\n    DecoratableAutoCompletePrimitive\n);\n\nexport { AutoCompletePrimitive, type AutoCompletePrimitiveProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Command","PopoverPrimitive","useAutoComplete","AutoCompleteInputIcons","AutoCompleteList","makeDecoratable","DecoratableAutoCompletePrimitive","props","vm","setListOpenState","setSelectedOption","searchOption","resetSelectedOption","showSelectedOption","handleKeyDown","useCallback","event","disabled","key","toLowerCase","handleSelectOption","value","handleOnBlur","createElement","open","optionsListVm","onOpenChange","label","String","onKeyDown","Trigger","asChild","Input","inputRef","inputVm","onValueChange","placeholder","size","variant","invalid","startIcon","endIcon","inputSize","inputVariant","displayResetAction","loading","onResetValue","onBlur","onFocus","Content","style","width","onOpenAutoFocus","e","preventDefault","options","onOptionSelect","empty","loadingMessage","emptyMessage","optionRenderer","AutoCompletePrimitive"],"sources":["AutoCompletePrimitive.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport React from \"react\";\nimport { Command } from \"~/Command\";\nimport { PopoverPrimitive } from \"~/Popover\";\nimport type { InputPrimitiveProps } from \"~/Input\";\nimport { useAutoComplete } from \"./useAutoComplete\";\nimport { AutoCompleteInputIcons, AutoCompleteList } from \"./components\";\nimport type { AutoCompleteOption } from \"../domains\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { Icon } from \"~/Icon\";\n\ninterface AutoCompletePrimitiveProps {\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Message to display when there are no options.\n     */\n    emptyMessage?: React.ReactNode;\n    /**\n     * Message to display when there are no options loaded or selected.\n     * Use it to invite the user to interact with the autocomplete by typing a value.\n     */\n    initialMessage?: React.ReactNode;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Accessible label for the command menu. Not shown visibly.\n     */\n    label?: string;\n    /**\n     * Indicates if the autocomplete is loading options.\n     */\n    loading?: boolean;\n    /**\n     * Message to display while loading options.\n     */\n    loadingMessage?: React.ReactNode;\n    /**\n     * Callback triggered when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback triggered to reset the value.\n     */\n    onValueReset?: () => void;\n    /**\n     * Callback triggered when a value has been searched by the user.\n     */\n    onValueSearch?: (value: string) => void;\n    /**\n     * Callback triggered when the value changes.\n     */\n    onValueChange: (value: string) => void;\n    /**\n     * List of options for the autocomplete.\n     */\n    options?: AutoCompleteOption[];\n    /**\n     * Custom renderer for the options.\n     */\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\nconst DecoratableAutoCompletePrimitive = (props: AutoCompletePrimitiveProps) => {\n    const {\n        vm,\n        setListOpenState,\n        setSelectedOption,\n        searchOption,\n        resetSelectedOption,\n        showSelectedOption\n    } = useAutoComplete(props);\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (event.key.toLowerCase() === \"escape\") {\n                setListOpenState(false);\n            } else {\n                setListOpenState(true);\n            }\n        },\n        [props.disabled, setListOpenState]\n    );\n\n    const handleSelectOption = React.useCallback(\n        (value: string) => {\n            setSelectedOption(value);\n            setListOpenState(false);\n        },\n        [setSelectedOption, setListOpenState]\n    );\n\n    const handleOnBlur = React.useCallback(() => {\n        setListOpenState(false);\n        showSelectedOption();\n    }, [setListOpenState]);\n\n    return (\n        <PopoverPrimitive open={vm.optionsListVm.open} onOpenChange={() => setListOpenState(true)}>\n            <Command label={String(props.label)} onKeyDown={handleKeyDown}>\n                <PopoverPrimitive.Trigger asChild>\n                    <span>\n                        <Command.Input\n                            inputRef={props.inputRef}\n                            value={vm.inputVm.value}\n                            onValueChange={searchOption}\n                            placeholder={vm.inputVm.placeholder}\n                            size={props.size}\n                            variant={props.variant}\n                            disabled={props.disabled}\n                            invalid={props.invalid}\n                            startIcon={props.startIcon}\n                            endIcon={\n                                <AutoCompleteInputIcons\n                                    inputSize={props.size}\n                                    inputVariant={props.variant}\n                                    displayResetAction={vm.inputVm.displayResetAction}\n                                    disabled={props.disabled}\n                                    loading={props.loading}\n                                    onResetValue={resetSelectedOption}\n                                    onOpenChange={() => setListOpenState(!vm.optionsListVm.open)}\n                                />\n                            }\n                            onBlur={handleOnBlur}\n                            onFocus={() => setListOpenState(true)}\n                        />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content\n                    style={{ width: \"var(--radix-popover-trigger-width)\" }}\n                    onOpenAutoFocus={e => e.preventDefault()}\n                >\n                    <AutoCompleteList\n                        options={vm.optionsListVm.options}\n                        onOptionSelect={handleSelectOption}\n                        empty={vm.optionsListVm.empty}\n                        loading={props.loading}\n                        loadingMessage={vm.optionsListVm.loadingMessage}\n                        emptyMessage={vm.optionsListVm.emptyMessage}\n                        optionRenderer={props.optionRenderer}\n                    />\n                </PopoverPrimitive.Content>\n            </Command>\n        </PopoverPrimitive>\n    );\n};\n\nconst AutoCompletePrimitive = makeDecoratable(\n    \"AutoCompletePrimitive\",\n    DecoratableAutoCompletePrimitive\n);\n\nexport { AutoCompletePrimitive, type AutoCompletePrimitiveProps };\n"],"mappings":"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","ignoreList":[]}

package/AutoComplete/primitives/AutoCompletePrimitive.stories.d.ts

@@ -19,6 +19,9 @@ export declare const SecondaryVariantInvalid: Story;
 export declare const GhostVariant: Story;
 export declare const GhostVariantDisabled: Story;
 export declare const GhostVariantInvalid: Story;
+export declare const GhostNegativeVariant: Story;
+export declare const GhostNegativeVariantDisabled: Story;
+export declare const GhostNegativeVariantInvalid: Story;
 export declare const WithPredefinedValue: Story;
 export declare const WithCustomPlaceholder: Story;
 export declare const WithCustomEmptyMessage: Story;

package/AutoComplete/primitives/AutoCompletePrimitive.stories.js

@@ -94,6 +94,7 @@ export const PrimaryVariantInvalid = {
 };
 export const SecondaryVariant = {
   args: {
+    ...Default.args,
     variant: "secondary",
     placeholder: "Custom placeholder"
   }
@@ -112,6 +113,7 @@ export const SecondaryVariantInvalid = {
 };
 export const GhostVariant = {
   args: {
+    ...Default.args,
     variant: "ghost",
     placeholder: "Custom placeholder"
   }
@@ -128,6 +130,34 @@ export const GhostVariantInvalid = {
     invalid: true
   }
 };
+export const GhostNegativeVariant = {
+  args: {
+    ...Default.args,
+    variant: "ghost-negative",
+    placeholder: "Custom placeholder"
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantDisabled = {
+  args: {
+    ...GhostNegativeVariant.args,
+    disabled: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantInvalid = {
+  args: {
+    ...GhostNegativeVariant.args,
+    invalid: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
 export const WithPredefinedValue = {
   args: {
     ...Default.args,

package/AutoComplete/primitives/AutoCompletePrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","SearchIcon","AutoCompletePrimitive","Button","Icon","meta","title","component","parameters","layout","argTypes","onValueChange","action","onOpenChange","render","args","value","setValue","createElement","className","Object","assign","Default","options","MediumSize","size","LargeSize","ExtraLargeSize","WithStartIcon","startIcon","label","icon","WithLoading","loading","WithoutResetAction","displayResetAction","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","WithPredefinedValue","WithCustomPlaceholder","WithCustomEmptyMessage","emptyMessage","WithCustomInitialMessage","initialMessage","WithFormattedOptions","WithCustomOptionRenderer","item","name","time_difference","flag","optionRenderer","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick"],"sources":["AutoCompletePrimitive.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 { AutoCompletePrimitive } from \"./AutoCompletePrimitive\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\nconst meta: Meta<typeof AutoCompletePrimitive> = {\n    title: \"Components/Form Primitives/Autocomplete\",\n    component: AutoCompletePrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onOpenChange: { action: \"onOpenChange\" }\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <AutoCompletePrimitive {...args} value={value} onValueChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof AutoCompletePrimitive>;\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        value: \"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 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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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 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 [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <AutoCompletePrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(\"\")} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","ReactComponent","SearchIcon","AutoCompletePrimitive","Button","Icon","meta","title","component","parameters","layout","argTypes","onValueChange","action","onOpenChange","render","args","value","setValue","createElement","className","Object","assign","Default","options","MediumSize","size","LargeSize","ExtraLargeSize","WithStartIcon","startIcon","label","icon","WithLoading","loading","WithoutResetAction","displayResetAction","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithPredefinedValue","WithCustomPlaceholder","WithCustomEmptyMessage","emptyMessage","WithCustomInitialMessage","initialMessage","WithFormattedOptions","WithCustomOptionRenderer","item","name","time_difference","flag","optionRenderer","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick"],"sources":["AutoCompletePrimitive.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 { AutoCompletePrimitive } from \"./AutoCompletePrimitive\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\nconst meta: Meta<typeof AutoCompletePrimitive> = {\n    title: \"Components/Form Primitives/Autocomplete\",\n    component: AutoCompletePrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onOpenChange: { action: \"onOpenChange\" }\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <AutoCompletePrimitive {...args} value={value} onValueChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof AutoCompletePrimitive>;\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        ...Default.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        ...Default.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        value: \"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 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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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                }\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 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 [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <AutoCompletePrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(\"\")} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/AutoComplete/primitives/components/AutoCompleteInputIcons.d.ts

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

package/AutoComplete/primitives/components/AutoCompleteInputIcons.js

@@ -12,10 +12,11 @@ export const AutoCompleteInputIcons = 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/AutoComplete/primitives/components/AutoCompleteInputIcons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","AutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","icon","label","disabled","onClick","event","stopPropagation","onResetValue","onOpenChange"],"sources":["AutoCompleteInputIcons.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 AutoCompleteInputIconsProps {\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 AutoCompleteInputIcons = (props: AutoCompleteInputIconsProps) => {\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,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,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":[]}
+{"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","AutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","inputVariant","icon","label","color","disabled","onClick","event","stopPropagation","onResetValue","onOpenChange"],"sources":["AutoCompleteInputIcons.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 AutoCompleteInputIconsProps {\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 AutoCompleteInputIcons = (props: AutoCompleteInputIconsProps) => {\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,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,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/AutoComplete/primitives/components/AutoCompleteList.d.ts

@@ -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 AutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {
     options: CommandOptionFormatted[];

package/AutoComplete/primitives/components/AutoCompleteList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","AutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionSelect","optionRenderer","options","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["AutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { Command } from \"~/Command\";\n\ninterface AutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n    options: CommandOptionFormatted[];\n    emptyMessage?: React.ReactNode;\n    empty?: boolean;\n    loading?: boolean;\n    loadingMessage?: React.ReactNode;\n    onOptionSelect: (value: string) => void;\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n}\n\nexport const AutoCompleteList = ({\n    emptyMessage,\n    empty,\n    loading,\n    loadingMessage,\n    onOptionSelect,\n    optionRenderer,\n    options,\n    ...props\n}: AutoCompleteListProps) => {\n    const renderOptions = React.useCallback(\n        (items: CommandOptionFormatted[]) => {\n            if (empty) {\n                return null;\n            }\n\n            const elements = [\n                <Command.Item key={\"dummy-element\"} value=\"-\" className=\"wby-hidden\" />\n            ];\n\n            return 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        [onOptionSelect, optionRenderer, empty]\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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO;AAYhB,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,YAAY;EACZC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,cAAc;EACdC,cAAc;EACdC,OAAO;EACP,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAGX,KAAK,CAACY,WAAW,CAClCC,KAA+B,IAAK;IACjC,IAAIT,KAAK,EAAE;MACP,OAAO,IAAI;IACf;IAEA,MAAMU,QAAQ,GAAG,cACbd,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;MAACC,GAAG,EAAE,eAAgB;MAACC,KAAK,EAAC,GAAG;MAACC,SAAS,EAAC;IAAY,CAAE,CAAC,CAC1E;IAED,OAAON,KAAK,CAACO,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,YAAY,KAAK;MAC7CF,GAAG,CAACG,IAAI,cACJxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;QACTC,GAAG,EAAE,QAAQK,IAAI,CAACJ,KAAK,IAAIK,YAAY,EAAG;QAC1CL,KAAK,EAAEI,IAAI,CAACJ,KAAM;QAClBO,QAAQ,EAAE,CAACH,IAAI,CAACI,KAAK,CAAE;QACvBC,QAAQ,EAAEL,IAAI,CAACK,QAAS;QACxBC,QAAQ,EAAEN,IAAI,CAACM,QAAS;QACxBC,QAAQ,EAAEA,CAAA,KAAMtB,cAAc,CAACe,IAAI,CAACJ,KAAK,CAAE;QAC3CY,WAAW,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MAAE,GAE5CxB,cAAc,IAAIc,IAAI,CAACA,IAAI,GACtBd,cAAc,CAACyB,IAAI,CAAC,IAAI,EAAEX,IAAI,CAACA,IAAI,EAAEC,YAAY,CAAC,GAClDD,IAAI,CAACI,KACD,CAClB,CAAC;;MAED;MACA,IAAIJ,IAAI,CAACY,SAAS,EAAE;QAChBb,GAAG,CAACG,IAAI,cAACxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACkC,SAAS;UAAClB,GAAG,EAAE,aAAaK,IAAI,CAACJ,KAAK,IAAIK,YAAY;QAAG,CAAE,CAAC,CAAC;MACnF;MAEA,OAAOF,GAAG;IACd,CAAC,EAAEP,QAAQ,CAAC;EAChB,CAAC,EACD,CAACP,cAAc,EAAEC,cAAc,EAAEJ,KAAK,CAC1C,CAAC;EAED,oBACIJ,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACmC,IAAI,EAAK1B,KAAK,EAClBL,OAAO,gBAAGL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACoC,OAAO,QAAE/B,cAAgC,CAAC,GAAGK,aAAa,CAACF,OAAO,CAAC,EACtF,CAACJ,OAAO,iBAAIL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACqC,KAAK,QAAEnC,YAA4B,CAC/C,CAAC;AAEvB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Command","AutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionSelect","optionRenderer","options","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["AutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { Command } from \"~/Command\";\n\ninterface AutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n    options: CommandOptionFormatted[];\n    emptyMessage?: React.ReactNode;\n    empty?: boolean;\n    loading?: boolean;\n    loadingMessage?: React.ReactNode;\n    onOptionSelect: (value: string) => void;\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n}\n\nexport const AutoCompleteList = ({\n    emptyMessage,\n    empty,\n    loading,\n    loadingMessage,\n    onOptionSelect,\n    optionRenderer,\n    options,\n    ...props\n}: AutoCompleteListProps) => {\n    const renderOptions = React.useCallback(\n        (items: CommandOptionFormatted[]) => {\n            if (empty) {\n                return null;\n            }\n\n            const elements = [\n                <Command.Item key={\"dummy-element\"} value=\"-\" className=\"wby-hidden\" />\n            ];\n\n            return 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        [onOptionSelect, optionRenderer, empty]\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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO;AAYhB,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,YAAY;EACZC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,cAAc;EACdC,cAAc;EACdC,OAAO;EACP,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAGX,KAAK,CAACY,WAAW,CAClCC,KAA+B,IAAK;IACjC,IAAIT,KAAK,EAAE;MACP,OAAO,IAAI;IACf;IAEA,MAAMU,QAAQ,GAAG,cACbd,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;MAACC,GAAG,EAAE,eAAgB;MAACC,KAAK,EAAC,GAAG;MAACC,SAAS,EAAC;IAAY,CAAE,CAAC,CAC1E;IAED,OAAON,KAAK,CAACO,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,YAAY,KAAK;MAC7CF,GAAG,CAACG,IAAI,cACJxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;QACTC,GAAG,EAAE,QAAQK,IAAI,CAACJ,KAAK,IAAIK,YAAY,EAAG;QAC1CL,KAAK,EAAEI,IAAI,CAACJ,KAAM;QAClBO,QAAQ,EAAE,CAACH,IAAI,CAACI,KAAK,CAAE;QACvBC,QAAQ,EAAEL,IAAI,CAACK,QAAS;QACxBC,QAAQ,EAAEN,IAAI,CAACM,QAAS;QACxBC,QAAQ,EAAEA,CAAA,KAAMtB,cAAc,CAACe,IAAI,CAACJ,KAAK,CAAE;QAC3CY,WAAW,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MAAE,GAE5CxB,cAAc,IAAIc,IAAI,CAACA,IAAI,GACtBd,cAAc,CAACyB,IAAI,CAAC,IAAI,EAAEX,IAAI,CAACA,IAAI,EAAEC,YAAY,CAAC,GAClDD,IAAI,CAACI,KACD,CAClB,CAAC;;MAED;MACA,IAAIJ,IAAI,CAACY,SAAS,EAAE;QAChBb,GAAG,CAACG,IAAI,cAACxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACkC,SAAS;UAAClB,GAAG,EAAE,aAAaK,IAAI,CAACJ,KAAK,IAAIK,YAAY;QAAG,CAAE,CAAC,CAAC;MACnF;MAEA,OAAOF,GAAG;IACd,CAAC,EAAEP,QAAQ,CAAC;EAChB,CAAC,EACD,CAACP,cAAc,EAAEC,cAAc,EAAEJ,KAAK,CAC1C,CAAC;EAED,oBACIJ,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACmC,IAAI,EAAK1B,KAAK,EAClBL,OAAO,gBAAGL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACoC,OAAO,QAAE/B,cAAgC,CAAC,GAAGK,aAAa,CAACF,OAAO,CAAC,EACtF,CAACJ,OAAO,iBAAIL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACqC,KAAK,QAAEnC,YAA4B,CAC/C,CAAC;AAEvB,CAAC","ignoreList":[]}

package/AutoComplete/primitives/presenters/AutoCompleteListOptionsPresenter.d.ts

@@ -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 IAutoCompleteListOptionsPresenterParams {
     options?: CommandOption[];
     emptyMessage?: any;

package/AutoComplete/primitives/presenters/AutoCompleteListOptionsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","CommandOptionFormatter","ListCache","AutoCompleteListOptionsPresenter","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","resetSelectedOption"],"sources":["AutoCompleteListOptionsPresenter.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 IAutoCompleteListOptionsPresenterParams {\n    options?: CommandOption[];\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n}\n\nexport interface IAutoCompleteListOptionsPresenter {\n    vm: {\n        options: CommandOptionFormatted[];\n        emptyMessage: any;\n        loadingMessage: any;\n        open: boolean;\n        empty: boolean;\n    };\n    init: (params: IAutoCompleteListOptionsPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setLoadedOptions: (loaded: boolean) => void;\n    setSelectedOption: (value: string) => void;\n    removeSelectedOption: (value: string) => void;\n    resetSelectedOption: () => void;\n}\n\nexport class AutoCompleteListOptionsPresenter implements IAutoCompleteListOptionsPresenter {\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: IAutoCompleteListOptionsPresenterParams) {\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            option.selected = option.value === value;\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    resetSelectedOption = () => {\n        this.options.updateItems(option => {\n            option.selected = false;\n            return option;\n        });\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,sBAAsB;AAC/B,SAASC,SAAS;AAyBlB,OAAO,MAAMC,gCAAgC,CAA8C;EAC/EC,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,MAA+C,EAAE;IAClD,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/BA,MAAM,CAACU,QAAQ,GAAGV,MAAM,CAACQ,KAAK,KAAKA,KAAK;MACxC,OAAOR,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,mBAAmB,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACrB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/BA,MAAM,CAACU,QAAQ,GAAG,KAAK;MACvB,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","CommandOptionFormatter","ListCache","AutoCompleteListOptionsPresenter","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","resetSelectedOption"],"sources":["AutoCompleteListOptionsPresenter.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 IAutoCompleteListOptionsPresenterParams {\n    options?: CommandOption[];\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n}\n\nexport interface IAutoCompleteListOptionsPresenter {\n    vm: {\n        options: CommandOptionFormatted[];\n        emptyMessage: any;\n        loadingMessage: any;\n        open: boolean;\n        empty: boolean;\n    };\n    init: (params: IAutoCompleteListOptionsPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setLoadedOptions: (loaded: boolean) => void;\n    setSelectedOption: (value: string) => void;\n    removeSelectedOption: (value: string) => void;\n    resetSelectedOption: () => void;\n}\n\nexport class AutoCompleteListOptionsPresenter implements IAutoCompleteListOptionsPresenter {\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: IAutoCompleteListOptionsPresenterParams) {\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            option.selected = option.value === value;\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    resetSelectedOption = () => {\n        this.options.updateItems(option => {\n            option.selected = false;\n            return option;\n        });\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,sBAAsB;AAC/B,SAASC,SAAS;AAyBlB,OAAO,MAAMC,gCAAgC,CAA8C;EAC/EC,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,MAA+C,EAAE;IAClD,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/BA,MAAM,CAACU,QAAQ,GAAGV,MAAM,CAACQ,KAAK,KAAKA,KAAK;MACxC,OAAOR,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,mBAAmB,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACrB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/BA,MAAM,CAACU,QAAQ,GAAG,KAAK;MACvB,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;AACL","ignoreList":[]}

package/AutoComplete/primitives/presenters/AutoCompletePresenter.d.ts

@@ -1,6 +1,6 @@
-import { AutoCompleteInputPresenterParams, IAutoCompleteInputPresenter } from "./AutoCompleteInputPresenter";
-import { IAutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter";
-import { AutoCompleteOption } from "../../domains";
+import type { AutoCompleteInputPresenterParams, IAutoCompleteInputPresenter } from "./AutoCompleteInputPresenter";
+import type { IAutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter";
+import type { AutoCompleteOption } from "../../domains";
 interface AutoCompletePresenterParams {
     emptyMessage?: any;
     loadingMessage?: any;

package/AutoComplete/primitives/presenters/AutoCompletePresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","CommandOption","AutoCompletePresenter","params","undefined","constructor","inputPresenter","optionsListPresenter","init","listOptions","getListOptions","options","value","emptyMessage","loadingMessage","initialMessage","initInput","selected","getSelectedOption","label","placeholder","displayResetAction","vm","inputVm","optionsListVm","setListOpenState","open","onOpenChange","searchOption","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","resetSelectedOption","selectedOption","onValueChange","onValueReset","showSelectedOption","map","option","commandOption","createFromString","create","find"],"sources":["AutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption\";\nimport {\n    AutoCompleteInputPresenterParams,\n    IAutoCompleteInputPresenter\n} from \"./AutoCompleteInputPresenter\";\nimport { IAutoCompleteListOptionsPresenter } from \"./AutoCompleteListOptionsPresenter\";\nimport { AutoCompleteOption } from \"../../domains\";\n\ninterface AutoCompletePresenterParams {\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n    onOpenChange?: (open: boolean) => void;\n    onValueChange: (value: string) => void;\n    onValueReset?: () => void;\n    onValueSearch?: (value: string) => void;\n    options?: AutoCompleteOption[];\n    value?: string;\n}\n\ninterface IAutoCompletePresenterParams {\n    vm: {\n        inputVm: IAutoCompleteInputPresenter[\"vm\"];\n        optionsListVm: IAutoCompleteListOptionsPresenter[\"vm\"];\n    };\n    init: (params: AutoCompletePresenterParams) => void;\n    initInput: (params: AutoCompleteInputPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setSelectedOption: (value: string) => void;\n    showSelectedOption: () => void;\n    searchOption: (value: string) => void;\n    resetSelectedOption: () => void;\n}\n\nclass AutoCompletePresenter implements IAutoCompletePresenterParams {\n    private params?: AutoCompletePresenterParams = undefined;\n    private inputPresenter: IAutoCompleteInputPresenter;\n    private optionsListPresenter: IAutoCompleteListOptionsPresenter;\n\n    constructor(\n        inputPresenter: IAutoCompleteInputPresenter,\n        optionsListPresenter: IAutoCompleteListOptionsPresenter\n    ) {\n        this.inputPresenter = inputPresenter;\n        this.optionsListPresenter = optionsListPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: AutoCompletePresenterParams) {\n        this.params = params;\n\n        const listOptions = this.getListOptions(params.options, params.value);\n        this.optionsListPresenter.init({\n            options: listOptions,\n            emptyMessage: params.emptyMessage,\n            loadingMessage: params.loadingMessage,\n            initialMessage: params.initialMessage\n        });\n    }\n\n    initInput(params: AutoCompleteInputPresenterParams) {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.init({\n            value: selected?.label ?? \"\",\n            placeholder: params.placeholder,\n            displayResetAction: params.displayResetAction\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            optionsListVm: this.optionsListPresenter.vm\n        };\n    }\n\n    public 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.resetSelectedOption();\n        this.optionsListPresenter.setSelectedOption(value);\n        const selectedOption = this.getSelectedOption();\n\n        if (selectedOption) {\n            this.inputPresenter.setValue(selectedOption.label);\n            this.params?.onValueChange?.(selectedOption.value);\n        } else {\n            this.params?.onValueChange?.(\"\");\n        }\n    };\n\n    public resetSelectedOption = () => {\n        this.optionsListPresenter.resetSelectedOption();\n        this.inputPresenter.resetValue();\n\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    public showSelectedOption = () => {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.setValue(selected?.label ?? \"\");\n    };\n\n    private getListOptions(options: AutoCompleteOption[] = [], value?: string): 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 = commandOption.value === value;\n            return commandOption;\n        });\n    }\n\n    private getSelectedOption() {\n        return this.vm.optionsListVm.options.find(option => option.selected);\n    }\n}\n\nexport { AutoCompletePresenter, type AutoCompletePresenterParams };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","CommandOption","AutoCompletePresenter","params","undefined","constructor","inputPresenter","optionsListPresenter","init","listOptions","getListOptions","options","value","emptyMessage","loadingMessage","initialMessage","initInput","selected","getSelectedOption","label","placeholder","displayResetAction","vm","inputVm","optionsListVm","setListOpenState","open","onOpenChange","searchOption","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","resetSelectedOption","selectedOption","onValueChange","onValueReset","showSelectedOption","map","option","commandOption","createFromString","create","find"],"sources":["AutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type {\n    AutoCompleteInputPresenterParams,\n    IAutoCompleteInputPresenter\n} from \"./AutoCompleteInputPresenter\";\nimport type { IAutoCompleteListOptionsPresenter } from \"./AutoCompleteListOptionsPresenter\";\nimport type { AutoCompleteOption } from \"../../domains\";\n\ninterface AutoCompletePresenterParams {\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n    onOpenChange?: (open: boolean) => void;\n    onValueChange: (value: string) => void;\n    onValueReset?: () => void;\n    onValueSearch?: (value: string) => void;\n    options?: AutoCompleteOption[];\n    value?: string;\n}\n\ninterface IAutoCompletePresenterParams {\n    vm: {\n        inputVm: IAutoCompleteInputPresenter[\"vm\"];\n        optionsListVm: IAutoCompleteListOptionsPresenter[\"vm\"];\n    };\n    init: (params: AutoCompletePresenterParams) => void;\n    initInput: (params: AutoCompleteInputPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setSelectedOption: (value: string) => void;\n    showSelectedOption: () => void;\n    searchOption: (value: string) => void;\n    resetSelectedOption: () => void;\n}\n\nclass AutoCompletePresenter implements IAutoCompletePresenterParams {\n    private params?: AutoCompletePresenterParams = undefined;\n    private inputPresenter: IAutoCompleteInputPresenter;\n    private optionsListPresenter: IAutoCompleteListOptionsPresenter;\n\n    constructor(\n        inputPresenter: IAutoCompleteInputPresenter,\n        optionsListPresenter: IAutoCompleteListOptionsPresenter\n    ) {\n        this.inputPresenter = inputPresenter;\n        this.optionsListPresenter = optionsListPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: AutoCompletePresenterParams) {\n        this.params = params;\n\n        const listOptions = this.getListOptions(params.options, params.value);\n        this.optionsListPresenter.init({\n            options: listOptions,\n            emptyMessage: params.emptyMessage,\n            loadingMessage: params.loadingMessage,\n            initialMessage: params.initialMessage\n        });\n    }\n\n    initInput(params: AutoCompleteInputPresenterParams) {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.init({\n            value: selected?.label ?? \"\",\n            placeholder: params.placeholder,\n            displayResetAction: params.displayResetAction\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            optionsListVm: this.optionsListPresenter.vm\n        };\n    }\n\n    public 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.resetSelectedOption();\n        this.optionsListPresenter.setSelectedOption(value);\n        const selectedOption = this.getSelectedOption();\n\n        if (selectedOption) {\n            this.inputPresenter.setValue(selectedOption.label);\n            this.params?.onValueChange?.(selectedOption.value);\n        } else {\n            this.params?.onValueChange?.(\"\");\n        }\n    };\n\n    public resetSelectedOption = () => {\n        this.optionsListPresenter.resetSelectedOption();\n        this.inputPresenter.resetValue();\n\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    public showSelectedOption = () => {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.setValue(selected?.label ?? \"\");\n    };\n\n    private getListOptions(options: AutoCompleteOption[] = [], value?: string): 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 = commandOption.value === value;\n            return commandOption;\n        });\n    }\n\n    private getSelectedOption() {\n        return this.vm.optionsListVm.options.find(option => option.selected);\n    }\n}\n\nexport { AutoCompletePresenter, type AutoCompletePresenterParams };\n"],"mappings":"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","ignoreList":[]}

package/AutoComplete/primitives/useAutoComplete.d.ts

@@ -1,4 +1,4 @@
-import { AutoCompletePrimitiveProps } from "./AutoCompletePrimitive";
+import type { AutoCompletePrimitiveProps } from "./AutoCompletePrimitive";
 export declare const useAutoComplete: (props: AutoCompletePrimitiveProps) => {
     vm: {
         inputVm: {