@webiny/admin-ui 0.0.0-unstable.e53eceafb5

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

@@ -0,0 +1,14 @@
+import React from "react";
+import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
+import { Command } from "../../../Command";
+interface AutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {
+    options: CommandOptionFormatted[];
+    emptyMessage?: React.ReactNode;
+    empty?: boolean;
+    loading?: boolean;
+    loadingMessage?: React.ReactNode;
+    onOptionSelect: (value: string) => void;
+    optionRenderer?: (item: any, index: number) => React.ReactNode;
+}
+export declare const AutoCompleteList: ({ emptyMessage, empty, loading, loadingMessage, onOptionSelect, optionRenderer, options, ...props }: AutoCompleteListProps) => React.JSX.Element;
+export {};

package/AutoComplete/primitives/components/AutoCompleteList.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { Command } from "../../../Command";
+export const AutoCompleteList = ({
+  emptyMessage,
+  empty,
+  loading,
+  loadingMessage,
+  onOptionSelect,
+  optionRenderer,
+  options,
+  ...props
+}) => {
+  const renderOptions = React.useCallback(items => {
+    if (empty) {
+      return null;
+    }
+    const elements = [/*#__PURE__*/React.createElement(Command.Item, {
+      key: "dummy-element",
+      value: "-",
+      className: "wby-hidden"
+    })];
+    return items.reduce((acc, item, currentIndex) => {
+      acc.push(/*#__PURE__*/React.createElement(Command.Item, {
+        key: `item-${item.value}-${currentIndex}`,
+        value: item.value,
+        keywords: [item.label],
+        disabled: item.disabled,
+        selected: item.selected,
+        onSelect: () => onOptionSelect(item.value),
+        onMouseDown: event => event.preventDefault()
+      }, optionRenderer && item.item ? optionRenderer.call(this, item.item, currentIndex) : item.label));
+
+      // Conditionally render the separator if `separator` is true
+      if (item.separator) {
+        acc.push(/*#__PURE__*/React.createElement(Command.Separator, {
+          key: `separator-${item.value ?? currentIndex}`
+        }));
+      }
+      return acc;
+    }, elements);
+  }, [onOptionSelect, optionRenderer, empty]);
+  return /*#__PURE__*/React.createElement(Command.List, props, loading ? /*#__PURE__*/React.createElement(Command.Loading, null, loadingMessage) : renderOptions(options), !loading && /*#__PURE__*/React.createElement(Command.Empty, null, emptyMessage));
+};
+
+//# sourceMappingURL=AutoCompleteList.js.map

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

@@ -0,0 +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 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/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AutoCompleteInputIcons";
+export * from "./AutoCompleteList";

package/AutoComplete/primitives/components/index.js

@@ -0,0 +1,4 @@
+export * from "./AutoCompleteInputIcons";
+export * from "./AutoCompleteList";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AutoCompleteInputIcons\";\nexport * from \"./AutoCompleteList\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/AutoComplete/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./AutoCompletePrimitive";

package/AutoComplete/primitives/index.js

@@ -0,0 +1,3 @@
+export * from "./AutoCompletePrimitive";
+
+//# sourceMappingURL=index.js.map

package/AutoComplete/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AutoCompletePrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+interface AutoCompleteInputPresenterParams {
+    value?: string;
+    placeholder?: string;
+    displayResetAction?: boolean;
+}
+interface IAutoCompleteInputPresenter {
+    vm: {
+        placeholder: string;
+        value: string;
+        displayResetAction: boolean;
+    };
+    init: (params: AutoCompleteInputPresenterParams) => void;
+    setValue: (query: string) => void;
+    resetValue: () => void;
+}
+declare class AutoCompleteInputPresenter implements IAutoCompleteInputPresenter {
+    private searchQuery?;
+    private placeholder?;
+    private displayResetAction?;
+    constructor();
+    init(params?: AutoCompleteInputPresenterParams): void;
+    get vm(): {
+        placeholder: string;
+        value: string;
+        displayResetAction: boolean;
+    };
+    setValue: (value: string) => void;
+    resetValue: () => void;
+}
+export { AutoCompleteInputPresenter, type IAutoCompleteInputPresenter, type AutoCompleteInputPresenterParams };

package/AutoComplete/primitives/presenters/AutoCompleteInputPresenter.js

@@ -0,0 +1,30 @@
+import { makeAutoObservable } from "mobx";
+class AutoCompleteInputPresenter {
+  searchQuery = undefined;
+  placeholder = undefined;
+  displayResetAction = true;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.searchQuery = params?.value;
+    this.placeholder = params?.placeholder;
+    this.displayResetAction = params?.displayResetAction ?? true;
+  }
+  get vm() {
+    return {
+      placeholder: this.placeholder || "Start typing or select",
+      value: this.searchQuery || "",
+      displayResetAction: Boolean(this.displayResetAction && !!this.searchQuery)
+    };
+  }
+  setValue = value => {
+    this.searchQuery = value;
+  };
+  resetValue = () => {
+    this.searchQuery = undefined;
+  };
+}
+export { AutoCompleteInputPresenter };
+
+//# sourceMappingURL=AutoCompleteInputPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","AutoCompleteInputPresenter","searchQuery","undefined","placeholder","displayResetAction","constructor","init","params","value","vm","Boolean","setValue","resetValue"],"sources":["AutoCompleteInputPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\ninterface AutoCompleteInputPresenterParams {\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n}\n\ninterface IAutoCompleteInputPresenter {\n    vm: {\n        placeholder: string;\n        value: string;\n        displayResetAction: boolean;\n    };\n    init: (params: AutoCompleteInputPresenterParams) => void;\n    setValue: (query: string) => void;\n    resetValue: () => void;\n}\n\nclass AutoCompleteInputPresenter implements IAutoCompleteInputPresenter {\n    private searchQuery?: string = undefined;\n    private placeholder?: string = undefined;\n    private displayResetAction?: boolean = true;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params?: AutoCompleteInputPresenterParams) {\n        this.searchQuery = params?.value;\n        this.placeholder = params?.placeholder;\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            placeholder: this.placeholder || \"Start typing or select\",\n            value: this.searchQuery || \"\",\n            displayResetAction: Boolean(this.displayResetAction && !!this.searchQuery)\n        };\n    }\n\n    public setValue = (value: string) => {\n        this.searchQuery = value;\n    };\n\n    public resetValue = () => {\n        this.searchQuery = undefined;\n    };\n}\n\nexport {\n    AutoCompleteInputPresenter,\n    type IAutoCompleteInputPresenter,\n    type AutoCompleteInputPresenterParams\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAmBzC,MAAMC,0BAA0B,CAAwC;EAC5DC,WAAW,GAAYC,SAAS;EAChCC,WAAW,GAAYD,SAAS;EAChCE,kBAAkB,GAAa,IAAI;EAE3CC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACC,MAAyC,EAAE;IAC5C,IAAI,CAACN,WAAW,GAAGM,MAAM,EAAEC,KAAK;IAChC,IAAI,CAACL,WAAW,GAAGI,MAAM,EAAEJ,WAAW;IACtC,IAAI,CAACC,kBAAkB,GAAGG,MAAM,EAAEH,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,WAAW,EAAE,IAAI,CAACA,WAAW,IAAI,wBAAwB;MACzDK,KAAK,EAAE,IAAI,CAACP,WAAW,IAAI,EAAE;MAC7BG,kBAAkB,EAAEM,OAAO,CAAC,IAAI,CAACN,kBAAkB,IAAI,CAAC,CAAC,IAAI,CAACH,WAAW;IAC7E,CAAC;EACL;EAEOU,QAAQ,GAAIH,KAAa,IAAK;IACjC,IAAI,CAACP,WAAW,GAAGO,KAAK;EAC5B,CAAC;EAEMI,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACX,WAAW,GAAGC,SAAS;EAChC,CAAC;AACL;AAEA,SACIF,0BAA0B","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+import type { CommandOption } from "../../../Command/domain/CommandOption";
+import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
+export interface IAutoCompleteListOptionsPresenterParams {
+    options?: CommandOption[];
+    emptyMessage?: any;
+    loadingMessage?: any;
+    initialMessage?: any;
+}
+export interface IAutoCompleteListOptionsPresenter {
+    vm: {
+        options: CommandOptionFormatted[];
+        emptyMessage: any;
+        loadingMessage: any;
+        open: boolean;
+        empty: boolean;
+    };
+    init: (params: IAutoCompleteListOptionsPresenterParams) => void;
+    setListOpenState: (open: boolean) => void;
+    setLoadedOptions: (loaded: boolean) => void;
+    setSelectedOption: (value: string) => void;
+    removeSelectedOption: (value: string) => void;
+    resetSelectedOption: () => void;
+}
+export declare class AutoCompleteListOptionsPresenter implements IAutoCompleteListOptionsPresenter {
+    private open;
+    private loadedOptions;
+    private emptyMessage;
+    private loadingMessage;
+    private initialMessage;
+    private options;
+    constructor();
+    init(params: IAutoCompleteListOptionsPresenterParams): void;
+    get vm(): {
+        options: CommandOptionFormatted[];
+        emptyMessage: string;
+        loadingMessage: string;
+        open: boolean;
+        empty: boolean;
+    };
+    setListOpenState: (open: boolean) => void;
+    setLoadedOptions: (loaded: boolean) => void;
+    setSelectedOption: (value: string) => void;
+    removeSelectedOption: (value: string) => void;
+    resetSelectedOption: () => void;
+}

package/AutoComplete/primitives/presenters/AutoCompleteListOptionsPresenter.js

@@ -0,0 +1,58 @@
+import { makeAutoObservable } from "mobx";
+import { CommandOptionFormatter } from "../../../Command/domain/CommandOptionFormatter";
+import { ListCache } from "../../domains";
+export class AutoCompleteListOptionsPresenter {
+  open = false;
+  loadedOptions = false;
+  emptyMessage = "No results.";
+  loadingMessage = "Loading...";
+  initialMessage = "Start typing to find an option.";
+  options = new ListCache();
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.options.clear();
+    params.options && this.options.addItems(params.options);
+    this.emptyMessage = params.emptyMessage || this.emptyMessage;
+    this.loadingMessage = params.loadingMessage || this.loadingMessage;
+    this.initialMessage = params.initialMessage || this.initialMessage;
+  }
+  get vm() {
+    return {
+      options: this.options.getItems().map(option => CommandOptionFormatter.format(option)),
+      emptyMessage: this.loadedOptions ? this.emptyMessage : this.initialMessage,
+      loadingMessage: this.loadingMessage,
+      open: this.open,
+      empty: !this.options.hasItems()
+    };
+  }
+  setListOpenState = open => {
+    this.open = open;
+  };
+  setLoadedOptions = loaded => {
+    this.loadedOptions = loaded;
+  };
+  setSelectedOption = value => {
+    this.options.updateItems(option => {
+      option.selected = option.value === value;
+      return option;
+    });
+  };
+  removeSelectedOption = value => {
+    this.options.updateItems(option => {
+      if (option.value === value) {
+        option.selected = false;
+      }
+      return option;
+    });
+  };
+  resetSelectedOption = () => {
+    this.options.updateItems(option => {
+      option.selected = false;
+      return option;
+    });
+  };
+}
+
+//# sourceMappingURL=AutoCompleteListOptionsPresenter.js.map

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

@@ -0,0 +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 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

@@ -0,0 +1,57 @@
+import type { AutoCompleteInputPresenterParams, IAutoCompleteInputPresenter } from "./AutoCompleteInputPresenter";
+import type { IAutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter";
+import type { AutoCompleteOption } from "../../domains";
+interface AutoCompletePresenterParams {
+    emptyMessage?: any;
+    loadingMessage?: any;
+    initialMessage?: any;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange: (value: string) => void;
+    onValueReset?: () => void;
+    onValueSearch?: (value: string) => void;
+    options?: AutoCompleteOption[];
+    value?: string;
+}
+interface IAutoCompletePresenterParams {
+    vm: {
+        inputVm: IAutoCompleteInputPresenter["vm"];
+        optionsListVm: IAutoCompleteListOptionsPresenter["vm"];
+    };
+    init: (params: AutoCompletePresenterParams) => void;
+    initInput: (params: AutoCompleteInputPresenterParams) => void;
+    setListOpenState: (open: boolean) => void;
+    setSelectedOption: (value: string) => void;
+    showSelectedOption: () => void;
+    searchOption: (value: string) => void;
+    resetSelectedOption: () => void;
+}
+declare class AutoCompletePresenter implements IAutoCompletePresenterParams {
+    private params?;
+    private inputPresenter;
+    private optionsListPresenter;
+    constructor(inputPresenter: IAutoCompleteInputPresenter, optionsListPresenter: IAutoCompleteListOptionsPresenter);
+    init(params: AutoCompletePresenterParams): void;
+    initInput(params: AutoCompleteInputPresenterParams): void;
+    get vm(): {
+        inputVm: {
+            placeholder: string;
+            value: string;
+            displayResetAction: boolean;
+        };
+        optionsListVm: {
+            options: import("../../../Command").CommandOptionFormatted[];
+            emptyMessage: any;
+            loadingMessage: any;
+            open: boolean;
+            empty: boolean;
+        };
+    };
+    setListOpenState: (open: boolean) => void;
+    searchOption: (value: string) => void;
+    setSelectedOption: (value: string) => void;
+    resetSelectedOption: () => void;
+    showSelectedOption: () => void;
+    private getListOptions;
+    private getSelectedOption;
+}
+export { AutoCompletePresenter, type AutoCompletePresenterParams };

package/AutoComplete/primitives/presenters/AutoCompletePresenter.js

@@ -0,0 +1,78 @@
+import { makeAutoObservable } from "mobx";
+import { CommandOption } from "../../../Command/domain/CommandOption";
+class AutoCompletePresenter {
+  params = undefined;
+  constructor(inputPresenter, optionsListPresenter) {
+    this.inputPresenter = inputPresenter;
+    this.optionsListPresenter = optionsListPresenter;
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.params = params;
+    const listOptions = this.getListOptions(params.options, params.value);
+    this.optionsListPresenter.init({
+      options: listOptions,
+      emptyMessage: params.emptyMessage,
+      loadingMessage: params.loadingMessage,
+      initialMessage: params.initialMessage
+    });
+  }
+  initInput(params) {
+    const selected = this.getSelectedOption();
+    this.inputPresenter.init({
+      value: selected?.label ?? "",
+      placeholder: params.placeholder,
+      displayResetAction: params.displayResetAction
+    });
+  }
+  get vm() {
+    return {
+      inputVm: this.inputPresenter.vm,
+      optionsListVm: this.optionsListPresenter.vm
+    };
+  }
+  setListOpenState = open => {
+    this.optionsListPresenter.setListOpenState(open);
+    this.params?.onOpenChange?.(open);
+  };
+  searchOption = value => {
+    this.inputPresenter.setValue(value);
+    this.optionsListPresenter.setLoadedOptions(true);
+    this.params?.onValueSearch?.(value);
+  };
+  setSelectedOption = value => {
+    this.inputPresenter.resetValue();
+    this.optionsListPresenter.resetSelectedOption();
+    this.optionsListPresenter.setSelectedOption(value);
+    const selectedOption = this.getSelectedOption();
+    if (selectedOption) {
+      this.inputPresenter.setValue(selectedOption.label);
+      this.params?.onValueChange?.(selectedOption.value);
+    } else {
+      this.params?.onValueChange?.("");
+    }
+  };
+  resetSelectedOption = () => {
+    this.optionsListPresenter.resetSelectedOption();
+    this.inputPresenter.resetValue();
+    this.params?.onValueChange?.("");
+    this.params?.onValueReset?.();
+  };
+  showSelectedOption = () => {
+    const selected = this.getSelectedOption();
+    this.inputPresenter.setValue(selected?.label ?? "");
+  };
+  getListOptions(options = [], value) {
+    return options.map(option => {
+      const commandOption = typeof option === "string" ? CommandOption.createFromString(option) : CommandOption.create(option);
+      commandOption.selected = commandOption.value === value;
+      return commandOption;
+    });
+  }
+  getSelectedOption() {
+    return this.vm.optionsListVm.options.find(option => option.selected);
+  }
+}
+export { AutoCompletePresenter };
+
+//# sourceMappingURL=AutoCompletePresenter.js.map

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

@@ -0,0 +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 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/presenters/AutoCompletePresenter.test.d.ts

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