@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

package/SegmentedControl/primitives/presenters/SegmentedControlPresenter.js

@@ -0,0 +1,29 @@
+import { makeAutoObservable } from "mobx";
+import { SegmentedControlItem } from "../../domains/SegmentedControlItem.js";
+import { SegmentedControlItemFormatter } from "../../domains/SegmentedControlItemFormatter.js";
+class SegmentedControlPresenter {
+  params = undefined;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init = params => {
+    this.params = params;
+  };
+  get vm() {
+    return {
+      items: this.getSegmentedControlItems().map(item => SegmentedControlItemFormatter.format(item))
+    };
+  }
+  changeValue = value => {
+    this.params?.onValueChange?.(value);
+  };
+  getSegmentedControlItems() {
+    if (!this.params?.items) {
+      return [];
+    }
+    return this.params.items.map(item => SegmentedControlItem.create(item));
+  }
+}
+export { SegmentedControlPresenter };
+
+//# sourceMappingURL=SegmentedControlPresenter.js.map

package/SegmentedControl/primitives/presenters/SegmentedControlPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","SegmentedControlItem","SegmentedControlItemFormatter","SegmentedControlPresenter","params","undefined","constructor","init","vm","items","getSegmentedControlItems","map","item","format","changeValue","value","onValueChange","create"],"sources":["SegmentedControlPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SegmentedControlVm } from \"../SegmentedControlPrimitive.js\";\nimport { SegmentedControlItem } from \"~/SegmentedControl/domains/SegmentedControlItem.js\";\nimport { SegmentedControlItemFormatter } from \"~/SegmentedControl/domains/SegmentedControlItemFormatter.js\";\nimport type { SegmentedControlItemParams } from \"~/SegmentedControl/domains/SegmentedControlItemParams.js\";\n\ninterface SegmentedControlPresenterParams<TValue = string> {\n    items: SegmentedControlItemParams[];\n    onValueChange?: (value: TValue) => void;\n}\n\ninterface ISegmentedControlPresenter<TValue = string> {\n    vm: SegmentedControlVm;\n    init: (props: SegmentedControlPresenterParams<TValue>) => void;\n    changeValue: (value: TValue) => void;\n}\n\nclass SegmentedControlPresenter<TValue = string> implements ISegmentedControlPresenter<TValue> {\n    private params?: SegmentedControlPresenterParams<TValue> = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: SegmentedControlPresenterParams<TValue>) => {\n        this.params = params;\n    };\n\n    get vm() {\n        return {\n            items: this.getSegmentedControlItems().map(item =>\n                SegmentedControlItemFormatter.format(item)\n            )\n        };\n    }\n\n    public changeValue = (value: TValue) => {\n        this.params?.onValueChange?.(value);\n    };\n\n    private getSegmentedControlItems() {\n        if (!this.params?.items) {\n            return [];\n        }\n\n        return this.params.items.map(item => SegmentedControlItem.create(item));\n    }\n}\n\nexport {\n    SegmentedControlPresenter,\n    type SegmentedControlPresenterParams,\n    type ISegmentedControlPresenter\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,oBAAoB;AAC7B,SAASC,6BAA6B;AActC,MAAMC,yBAAyB,CAAgE;EACnFC,MAAM,GAA6CC,SAAS;EAEpEC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOO,IAAI,GAAIH,MAA+C,IAAK;IAC/D,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB,CAAC;EAED,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACC,wBAAwB,CAAC,CAAC,CAACC,GAAG,CAACC,IAAI,IAC3CV,6BAA6B,CAACW,MAAM,CAACD,IAAI,CAC7C;IACJ,CAAC;EACL;EAEOE,WAAW,GAAIC,KAAa,IAAK;IACpC,IAAI,CAACX,MAAM,EAAEY,aAAa,GAAGD,KAAK,CAAC;EACvC,CAAC;EAEOL,wBAAwBA,CAAA,EAAG;IAC/B,IAAI,CAAC,IAAI,CAACN,MAAM,EAAEK,KAAK,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAO,IAAI,CAACL,MAAM,CAACK,KAAK,CAACE,GAAG,CAACC,IAAI,IAAIX,oBAAoB,CAACgB,MAAM,CAACL,IAAI,CAAC,CAAC;EAC3E;AACJ;AAEA,SACIT,yBAAyB","ignoreList":[]}

package/SegmentedControl/primitives/useSegmentedControl.d.ts

@@ -0,0 +1,7 @@
+import type { SegmentedControlPrimitiveProps } from "./SegmentedControlPrimitive.js";
+export declare const useSegmentedControl: (props: SegmentedControlPrimitiveProps) => {
+    vm: {
+        items: import("../index.js").SegmentedControlItemFormatted[];
+    };
+    changeValue: (value: string) => void;
+};

package/SegmentedControl/primitives/useSegmentedControl.js

@@ -0,0 +1,27 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { SegmentedControlPresenter } from "./presenters/SegmentedControlPresenter.js";
+export const useSegmentedControl = props => {
+  const params = useMemo(() => ({
+    items: props.items,
+    onValueChange: props.onChange
+  }), [props.items, props.onChange]);
+  const presenter = useMemo(() => {
+    return new SegmentedControlPresenter();
+  }, []);
+  useEffect(() => {
+    presenter.init(params);
+  }, [params]);
+  const [vm, setVm] = useState(presenter.vm);
+  useEffect(() => {
+    return autorun(() => {
+      setVm(presenter.vm);
+    });
+  }, [presenter]);
+  return {
+    vm,
+    changeValue: presenter.changeValue
+  };
+};
+
+//# sourceMappingURL=useSegmentedControl.js.map

package/SegmentedControl/primitives/useSegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SegmentedControlPresenter","useSegmentedControl","props","params","items","onValueChange","onChange","presenter","init","vm","setVm","changeValue"],"sources":["useSegmentedControl.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SegmentedControlPrimitiveProps } from \"./SegmentedControlPrimitive.js\";\nimport type { SegmentedControlPresenterParams } from \"./presenters/SegmentedControlPresenter.js\";\nimport { SegmentedControlPresenter } from \"./presenters/SegmentedControlPresenter.js\";\n\nexport const useSegmentedControl = (props: SegmentedControlPrimitiveProps) => {\n    const params: SegmentedControlPresenterParams = useMemo(\n        () => ({\n            items: props.items,\n            onValueChange: props.onChange\n        }),\n        [props.items, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        return new SegmentedControlPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValue: presenter.changeValue };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,yBAAyB;AAElC,OAAO,MAAMC,mBAAmB,GAAIC,KAAqC,IAAK;EAC1E,MAAMC,MAAuC,GAAGN,OAAO,CACnD,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,aAAa,EAAEH,KAAK,CAACI;EACzB,CAAC,CAAC,EACF,CAACJ,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACI,QAAQ,CAChC,CAAC;EAED,MAAMC,SAAS,GAAGV,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,yBAAyB,CAAC,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAENJ,SAAS,CAAC,MAAM;IACZW,SAAS,CAACC,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGZ,QAAQ,CAACS,SAAS,CAACE,EAAE,CAAC;EAE1Cb,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBW,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,WAAW,EAAEJ,SAAS,CAACI;EAAY,CAAC;AACrD,CAAC","ignoreList":[]}

package/Select/Select.d.ts

@@ -1,22 +1,22 @@
 import React from "react";
-import type { SelectPrimitiveProps } from "./primitives";
-import type { FormComponentProps } from "../FormComponent";
+import type { SelectPrimitiveProps } from "./primitives/index.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
 type SelectProps = SelectPrimitiveProps & FormComponentProps;
-declare const Select: (({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element) & {
-    original: ({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element;
+declare const Select: (({ label, description, note, hint, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element) & {
+    original: ({ label, description, note, hint, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element;
+    original: (({ label, description, note, hint, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, note, hint, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Select/Select.js

@@ -1,11 +1,12 @@
 import React, { useMemo } from "react";
-import { makeDecoratable } from "../utils";
-import { SelectPrimitive } from "./primitives";
-import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+import { makeDecoratable } from "../utils.js";
+import { SelectPrimitive } from "./primitives/index.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableSelect = ({
   label,
   description,
   note,
+  hint,
   required,
   disabled,
   validation,
@@ -17,9 +18,10 @@ const DecoratableSelect = ({
   } = validation || {};
   const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(FormComponentLabel, {
     text: label,
+    hint: hint,
     required: required,
     disabled: disabled,
     invalid: invalid

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","SelectPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableSelect","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","Object","assign","Select"],"sources":["Select.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { SelectPrimitiveProps } from \"./primitives\";\nimport { SelectPrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype SelectProps = SelectPrimitiveProps & FormComponentProps;\n\nconst DecoratableSelect = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: SelectProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <SelectPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Select = makeDecoratable(\"Select\", DecoratableSelect);\n\nexport { Select, type SelectProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IAACmB,IAAI,EAAEb,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEb,KAAA,CAAAqB,aAAA,CAAClB,eAAe,EAAAqB,MAAA,CAAAC,MAAA,KAAKV,KAAK;IAAEF,QAAQ,EAAEA,QAAS;IAACO,OAAO,EAAEA;EAAQ,EAAE,CAAC,eACpEpB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFb,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMa,MAAM,GAAGxB,eAAe,CAAC,QAAQ,EAAEM,iBAAiB,CAAC;AAE3D,SAASkB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","SelectPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableSelect","label","description","note","hint","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","Object","assign","Select"],"sources":["Select.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { SelectPrimitiveProps } from \"./primitives/index.js\";\nimport { SelectPrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype SelectProps = SelectPrimitiveProps & FormComponentProps;\n\nconst DecoratableSelect = ({\n    label,\n    description,\n    note,\n    hint,\n    required,\n    disabled,\n    validation,\n    ...props\n}: SelectProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                text={label}\n                hint={hint}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <SelectPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Select = makeDecoratable(\"Select\", DecoratableSelect);\n\nexport { Select, type SelectProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGpB,OAAO,CAAC,MAAMiB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIlB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBvB,KAAA,CAAAsB,aAAA,CAAChB,kBAAkB;IACfkB,IAAI,EAAEf,KAAM;IACZG,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFrB,KAAA,CAAAsB,aAAA,CAAClB,wBAAwB;IAACoB,IAAI,EAAEd,WAAY;IAACI,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEd,KAAA,CAAAsB,aAAA,CAACnB,eAAe,EAAAsB,MAAA,CAAAC,MAAA,KAAKV,KAAK;IAAEF,QAAQ,EAAEA,QAAS;IAACO,OAAO,EAAEA;EAAQ,EAAE,CAAC,eACpErB,KAAA,CAAAsB,aAAA,CAACjB,yBAAyB;IACtBmB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFd,KAAA,CAAAsB,aAAA,CAACf,iBAAiB;IAACiB,IAAI,EAAEb,IAAK;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMa,MAAM,GAAGzB,eAAe,CAAC,QAAQ,EAAEM,iBAAiB,CAAC;AAE3D,SAASmB,MAAM","ignoreList":[]}

package/Select/Select.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as SelectStories from './Select.stories';
 

package/Select/Select.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Select } from "./";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Select } from "../Select/index.js";
 declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof Select>;

package/Select/Select.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Select } from "./";
+import { Select } from "./index.js";
 const meta = {
   title: "Components/Form/Select",
   component: Select,

package/Select/Select.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Select","meta","title","component","argTypes","onChange","action","onOpenChange","disabled","control","defaultValue","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","options","label","WithLabel","WithRequiredLabel","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","newValue"],"sources":["Select.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Select } from \"~/Select\";\n\nconst meta: Meta<typeof Select> = {\n    title: \"Components/Form/Select\",\n    component: Select,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <Select {...args} value={value} onChange={setValue} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Select>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            { value: \"EST\", label: \"Eastern Standard Time (UTC-5)\" },\n            { value: \"CST\", label: \"Central Standard Time (UTC-6)\" },\n            { value: \"PST\", label: \"Pacific Standard Time (UTC-8)\" },\n            { value: \"GMT\", label: \"Greenwich Mean Time (UTC+0)\" },\n            { value: \"CET\", label: \"Central European Time (UTC+1)\" },\n            { value: \"CAT\", label: \"Central Africa Time (UTC+2)\" },\n            { value: \"IST\", label: \"India Standard Time (UTC+5:30)\" },\n            { value: \"CST_CHINA\", label: \"China Standard Time (UTC+8)\" },\n            { value: \"JST\", label: \"Japan Standard Time (UTC+9)\" },\n            { value: \"AWST\", label: \"Australian Western Standard Time (UTC+8)\" },\n            { value: \"NZST\", label: \"New Zealand Standard Time (UTC+12)\" },\n            { value: \"FJT\", label: \"Fiji Time (UTC+12)\" },\n            { value: \"ART\", label: \"Argentina Time (UTC-3)\" },\n            { value: \"BOT\", label: \"Bolivia Time (UTC-4)\" },\n            { value: \"BRT\", label: \"Brasilia Time (UTC-3)\" }\n        ]\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithRequiredLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = useState(\"\");\n\n        return <Select {...args} value={value} onChange={newValue => setValue(newValue)} />;\n    },\n    args: {\n        label: \"Time Zone\",\n        description: \"Select your preferred time zone\",\n        note: \"This setting will affect how times are displayed throughout the application\",\n        required: true,\n        disabled: false,\n        options: [\n            { value: \"EST\", label: \"Eastern Standard Time (UTC-5)\" },\n            { value: \"CST\", label: \"Central Standard Time (UTC-6)\" },\n            { value: \"PST\", label: \"Pacific Standard Time (UTC-8)\" },\n            { value: \"GMT\", label: \"Greenwich Mean Time (UTC+0)\" },\n            { value: \"CET\", label: \"Central European Time (UTC+1)\" },\n            { value: \"IST\", label: \"India Standard Time (UTC+5:30)\" }\n        ]\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Select","meta","title","component","argTypes","onChange","action","onOpenChange","disabled","control","defaultValue","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","options","label","WithLabel","WithRequiredLabel","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","newValue"],"sources":["Select.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Select } from \"~/Select/index.js\";\n\nconst meta: Meta<typeof Select> = {\n    title: \"Components/Form/Select\",\n    component: Select,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <Select {...args} value={value} onChange={setValue} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Select>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            { value: \"EST\", label: \"Eastern Standard Time (UTC-5)\" },\n            { value: \"CST\", label: \"Central Standard Time (UTC-6)\" },\n            { value: \"PST\", label: \"Pacific Standard Time (UTC-8)\" },\n            { value: \"GMT\", label: \"Greenwich Mean Time (UTC+0)\" },\n            { value: \"CET\", label: \"Central European Time (UTC+1)\" },\n            { value: \"CAT\", label: \"Central Africa Time (UTC+2)\" },\n            { value: \"IST\", label: \"India Standard Time (UTC+5:30)\" },\n            { value: \"CST_CHINA\", label: \"China Standard Time (UTC+8)\" },\n            { value: \"JST\", label: \"Japan Standard Time (UTC+9)\" },\n            { value: \"AWST\", label: \"Australian Western Standard Time (UTC+8)\" },\n            { value: \"NZST\", label: \"New Zealand Standard Time (UTC+12)\" },\n            { value: \"FJT\", label: \"Fiji Time (UTC+12)\" },\n            { value: \"ART\", label: \"Argentina Time (UTC-3)\" },\n            { value: \"BOT\", label: \"Bolivia Time (UTC-4)\" },\n            { value: \"BRT\", label: \"Brasilia Time (UTC-3)\" }\n        ]\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithRequiredLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = useState(\"\");\n\n        return <Select {...args} value={value} onChange={newValue => setValue(newValue)} />;\n    },\n    args: {\n        label: \"Time Zone\",\n        description: \"Select your preferred time zone\",\n        note: \"This setting will affect how times are displayed throughout the application\",\n        required: true,\n        disabled: false,\n        options: [\n            { value: \"EST\", label: \"Eastern Standard Time (UTC-5)\" },\n            { value: \"CST\", label: \"Central Standard Time (UTC-6)\" },\n            { value: \"PST\", label: \"Pacific Standard Time (UTC-8)\" },\n            { value: \"GMT\", label: \"Greenwich Mean Time (UTC+0)\" },\n            { value: \"CET\", label: \"Central European Time (UTC+1)\" },\n            { value: \"IST\", label: \"India Standard Time (UTC+5:30)\" }\n        ]\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,MAAM;AAEf,MAAMC,IAAyB,GAAG;EAC9BC,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAEH,MAAM;EACjBI,QAAQ,EAAE;IACNC,QAAQ,EAAE;MAAEC,MAAM,EAAE;IAAW,CAAC;IAChCC,YAAY,EAAE;MAAED,MAAM,EAAE;IAAe,CAAC;IACxCE,QAAQ,EAAE;MACNC,OAAO,EAAE,SAAS;MAClBC,YAAY,EAAE;IAClB;EACJ,CAAC;EACDC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGjB,QAAQ,CAACe,IAAI,CAACC,KAAK,CAAC;IAC9C,oBAAOjB,KAAA,CAAAmB,aAAA,CAACjB,MAAM,EAAAkB,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,KAAK,EAAEA,KAAM;MAACV,QAAQ,EAAEW;IAAS,EAAE,CAAC;EACjE;AACJ,CAAC;AAED,eAAef,IAAI;AAGnB,OAAO,MAAMmB,OAAc,GAAG;EAC1BN,IAAI,EAAE;IACFO,OAAO,EAAE,CACL;MAAEN,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAA8B,CAAC,EACtD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAA8B,CAAC,EACtD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAiC,CAAC,EACzD;MAAEP,KAAK,EAAE,WAAW;MAAEO,KAAK,EAAE;IAA8B,CAAC,EAC5D;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAA8B,CAAC,EACtD;MAAEP,KAAK,EAAE,MAAM;MAAEO,KAAK,EAAE;IAA2C,CAAC,EACpE;MAAEP,KAAK,EAAE,MAAM;MAAEO,KAAK,EAAE;IAAqC,CAAC,EAC9D;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAqB,CAAC,EAC7C;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAyB,CAAC,EACjD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAuB,CAAC,EAC/C;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAwB,CAAC;EAExD;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BT,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfQ,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAME,iBAAwB,GAAG;EACpCV,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfQ,KAAK,EAAE,iBAAiB;IACxBG,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMC,eAAsB,GAAG;EAClCZ,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfa,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5Bd,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfe,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,UAAiB,GAAG;EAC7BhB,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfiB,UAAU,EAAE;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC3BpB,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfQ,KAAK,EAAE,iBAAiB;IACxBd,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAM2B,WAAkB,GAAG;EAC9BrB,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfQ,KAAK,EAAE,iBAAiB;IACxBG,QAAQ,EAAE,IAAI;IACdE,WAAW,EAAE,+DAA+D;IAC5EE,IAAI,EAAE,qEAAqE;IAC3EE,UAAU,EAAE;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC;AAED,OAAO,MAAMG,aAAoB,GAAG;EAChCvB,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGjB,QAAQ,CAAC,EAAE,CAAC;IAEtC,oBAAOD,KAAA,CAAAmB,aAAA,CAACjB,MAAM,EAAAkB,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,KAAK,EAAEA,KAAM;MAACV,QAAQ,EAAEgC,QAAQ,IAAIrB,QAAQ,CAACqB,QAAQ;IAAE,EAAE,CAAC;EACvF,CAAC;EACDvB,IAAI,EAAE;IACFQ,KAAK,EAAE,WAAW;IAClBK,WAAW,EAAE,iCAAiC;IAC9CE,IAAI,EAAE,6EAA6E;IACnFJ,QAAQ,EAAE,IAAI;IACdjB,QAAQ,EAAE,KAAK;IACfa,OAAO,EAAE,CACL;MAAEN,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAA8B,CAAC,EACtD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAgC,CAAC,EACxD;MAAEP,KAAK,EAAE,KAAK;MAAEO,KAAK,EAAE;IAAiC,CAAC;EAEjE;AACJ,CAAC","ignoreList":[]}

package/Select/domains/SelectOption.d.ts

@@ -1,4 +1,4 @@
-import type { SelectOptionDto } from "./SelectOptionDto";
+import type { SelectOptionDto } from "./SelectOptionDto.js";
 export declare class SelectOption {
     private readonly _label;
     private readonly _value;

package/Select/domains/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectOption","constructor","data","_label","label","_value","value","_options","options","map","option","create","_disabled","disabled","_separator","separator","createFromString"],"sources":["SelectOption.ts"],"sourcesContent":["import type { SelectOptionDto } from \"./SelectOptionDto\";\n\nexport class SelectOption {\n    private readonly _label: string;\n    private readonly _value: string | null;\n    private readonly _options: SelectOption[];\n    private readonly _disabled: boolean;\n    private readonly _separator: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string | null;\n        options: SelectOptionDto[];\n        disabled: boolean;\n        separator: boolean;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._options = data.options.map(option => SelectOption.create(option));\n        this._disabled = data.disabled;\n        this._separator = data.separator;\n    }\n\n    static create(data: SelectOptionDto) {\n        return new SelectOption({\n            label: data.label,\n            value: data.value ?? null,\n            options: data.options ?? [],\n            disabled: data.disabled ?? false,\n            separator: data.separator ?? false\n        });\n    }\n\n    static createFromString(value: string) {\n        return new SelectOption({\n            label: value,\n            value: value,\n            options: [],\n            disabled: false,\n            separator: false\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get options() {\n        return this._options;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAC;EAOZC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGL,IAAI,CAACM,OAAO,CAACC,GAAG,CAACC,MAAM,IAAIV,YAAY,CAACW,MAAM,CAACD,MAAM,CAAC,CAAC;IACvE,IAAI,CAACE,SAAS,GAAGV,IAAI,CAACW,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGZ,IAAI,CAACa,SAAS;EACpC;EAEA,OAAOJ,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,YAAY,CAAC;MACpBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAI,IAAI;MACzBE,OAAO,EAAEN,IAAI,CAACM,OAAO,IAAI,EAAE;MAC3BK,QAAQ,EAAEX,IAAI,CAACW,QAAQ,IAAI,KAAK;MAChCE,SAAS,EAAEb,IAAI,CAACa,SAAS,IAAI;IACjC,CAAC,CAAC;EACN;EAEA,OAAOC,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,YAAY,CAAC;MACpBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,OAAO,EAAE,EAAE;MACXK,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE;IACf,CAAC,CAAC;EACN;EAEA,IAAIX,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIM,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;AACJ","ignoreList":[]}
+{"version":3,"names":["SelectOption","constructor","data","_label","label","_value","value","_options","options","map","option","create","_disabled","disabled","_separator","separator","createFromString"],"sources":["SelectOption.ts"],"sourcesContent":["import type { SelectOptionDto } from \"./SelectOptionDto.js\";\n\nexport class SelectOption {\n    private readonly _label: string;\n    private readonly _value: string | null;\n    private readonly _options: SelectOption[];\n    private readonly _disabled: boolean;\n    private readonly _separator: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string | null;\n        options: SelectOptionDto[];\n        disabled: boolean;\n        separator: boolean;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._options = data.options.map(option => SelectOption.create(option));\n        this._disabled = data.disabled;\n        this._separator = data.separator;\n    }\n\n    static create(data: SelectOptionDto) {\n        return new SelectOption({\n            label: data.label,\n            value: data.value ?? null,\n            options: data.options ?? [],\n            disabled: data.disabled ?? false,\n            separator: data.separator ?? false\n        });\n    }\n\n    static createFromString(value: string) {\n        return new SelectOption({\n            label: value,\n            value: value,\n            options: [],\n            disabled: false,\n            separator: false\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get options() {\n        return this._options;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAC;EAOZC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGL,IAAI,CAACM,OAAO,CAACC,GAAG,CAACC,MAAM,IAAIV,YAAY,CAACW,MAAM,CAACD,MAAM,CAAC,CAAC;IACvE,IAAI,CAACE,SAAS,GAAGV,IAAI,CAACW,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGZ,IAAI,CAACa,SAAS;EACpC;EAEA,OAAOJ,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,YAAY,CAAC;MACpBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAI,IAAI;MACzBE,OAAO,EAAEN,IAAI,CAACM,OAAO,IAAI,EAAE;MAC3BK,QAAQ,EAAEX,IAAI,CAACW,QAAQ,IAAI,KAAK;MAChCE,SAAS,EAAEb,IAAI,CAACa,SAAS,IAAI;IACjC,CAAC,CAAC;EACN;EAEA,OAAOC,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,YAAY,CAAC;MACpBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,OAAO,EAAE,EAAE;MACXK,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE;IACf,CAAC,CAAC;EACN;EAEA,IAAIX,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIM,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;AACJ","ignoreList":[]}

package/Select/domains/SelectOptionMapper.d.ts

@@ -1,5 +1,5 @@
-import type { SelectOption } from "./SelectOption";
-import type { SelectOptionFormatted } from "./SelectOptionFormatted";
+import type { SelectOption } from "./SelectOption.js";
+import type { SelectOptionFormatted } from "./SelectOptionFormatted.js";
 export declare class SelectOptionMapper {
     static toFormatted(option: SelectOption): SelectOptionFormatted;
 }

package/Select/domains/SelectOptionMapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectOptionMapper","toFormatted","option","label","value","disabled","separator","options","map"],"sources":["SelectOptionMapper.ts"],"sourcesContent":["import type { SelectOption } from \"./SelectOption\";\nimport type { SelectOptionFormatted } from \"./SelectOptionFormatted\";\n\nexport class SelectOptionMapper {\n    static toFormatted(option: SelectOption): SelectOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            separator: option.separator,\n            options: option.options.map(option => SelectOptionMapper.toFormatted(option))\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,MAAoB,EAAyB;IAC5D,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,SAAS,EAAEJ,MAAM,CAACI,SAAS;MAC3BC,OAAO,EAAEL,MAAM,CAACK,OAAO,CAACC,GAAG,CAACN,MAAM,IAAIF,kBAAkB,CAACC,WAAW,CAACC,MAAM,CAAC;IAChF,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["SelectOptionMapper","toFormatted","option","label","value","disabled","separator","options","map"],"sources":["SelectOptionMapper.ts"],"sourcesContent":["import type { SelectOption } from \"./SelectOption.js\";\nimport type { SelectOptionFormatted } from \"./SelectOptionFormatted.js\";\n\nexport class SelectOptionMapper {\n    static toFormatted(option: SelectOption): SelectOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            separator: option.separator,\n            options: option.options.map(option => SelectOptionMapper.toFormatted(option))\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,MAAoB,EAAyB;IAC5D,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,SAAS,EAAEJ,MAAM,CAACI,SAAS;MAC3BC,OAAO,EAAEL,MAAM,CAACK,OAAO,CAACC,GAAG,CAACN,MAAM,IAAIF,kBAAkB,CAACC,WAAW,CAACC,MAAM,CAAC;IAChF,CAAC;EACL;AACJ","ignoreList":[]}

package/Select/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./SelectOption";
-export * from "./SelectOptionDto";
-export * from "./SelectOptionFormatted";
-export * from "./SelectOptionMapper";
+export * from "./SelectOption.js";
+export type * from "./SelectOptionDto.js";
+export type * from "./SelectOptionFormatted.js";
+export * from "./SelectOptionMapper.js";

package/Select/domains/index.js

@@ -1,6 +1,4 @@
-export * from "./SelectOption";
-export * from "./SelectOptionDto";
-export * from "./SelectOptionFormatted";
-export * from "./SelectOptionMapper";
+export * from "./SelectOption.js";
+export * from "./SelectOptionMapper.js";
 
 //# sourceMappingURL=index.js.map

package/Select/domains/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SelectOption\";\nexport * from \"./SelectOptionDto\";\nexport * from \"./SelectOptionFormatted\";\nexport * from \"./SelectOptionMapper\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SelectOption.js\";\nexport type * from \"./SelectOptionDto.js\";\nexport type * from \"./SelectOptionFormatted.js\";\nexport * from \"./SelectOptionMapper.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/Select/index.d.ts

@@ -1,3 +1,3 @@
-export { type SelectOptionDto, type SelectOptionFormatted, SelectOptionMapper } from "./domains";
-export * from "./Select";
-export * from "./primitives/SelectPrimitive";
+export { type SelectOptionDto, type SelectOptionFormatted, SelectOptionMapper } from "./domains/index.js";
+export * from "./Select.js";
+export * from "./primitives/SelectPrimitive.js";

package/Select/index.js

@@ -1,5 +1,5 @@
-export { SelectOptionMapper } from "./domains";
-export * from "./Select";
-export * from "./primitives/SelectPrimitive";
+export { SelectOptionMapper } from "./domains/index.js";
+export * from "./Select.js";
+export * from "./primitives/SelectPrimitive.js";
 
 //# sourceMappingURL=index.js.map

package/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectOptionMapper"],"sources":["index.ts"],"sourcesContent":["export { type SelectOptionDto, type SelectOptionFormatted, SelectOptionMapper } from \"./domains\";\nexport * from \"./Select\";\nexport * from \"./primitives/SelectPrimitive\";\n"],"mappings":"AAAA,SAA2DA,kBAAkB;AAC7E;AACA","ignoreList":[]}
+{"version":3,"names":["SelectOptionMapper"],"sources":["index.ts"],"sourcesContent":["export {\n    type SelectOptionDto,\n    type SelectOptionFormatted,\n    SelectOptionMapper\n} from \"./domains/index.js\";\nexport * from \"./Select.js\";\nexport * from \"./primitives/SelectPrimitive.js\";\n"],"mappings":"AAAA,SAGIA,kBAAkB;AAEtB;AACA","ignoreList":[]}

package/Select/primitives/SelectPrimitive.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { type VariantProps } from "../../utils";
-import type { SelectOptionDto, SelectOptionFormatted } from "../domains";
-import type { selectTriggerVariants } from "./components";
+import { type VariantProps } from "../../utils.js";
+import type { SelectOptionDto, SelectOptionFormatted } from "../domains/index.js";
+import type { selectTriggerVariants } from "./components/index.js";
 /**
  * Trigger
  */

package/Select/primitives/SelectPrimitive.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { ReactComponent as Close } from "@webiny/icons/close.svg";
 import { Select as SelectPrimitives } from "radix-ui";
-import { useSelect } from "./useSelect";
-import { IconButton } from "../../Button";
-import { Icon } from "../../Icon";
-import { SelectContent, SelectItem, SelectLabel, SelectSeparator, SelectTrigger } from "./components";
+import { useSelect } from "./useSelect.js";
+import { IconButton } from "../../Button/index.js";
+import { Icon } from "../../Icon/index.js";
+import { SelectContent, SelectItem, SelectLabel, SelectSeparator, SelectTrigger } from "./components/index.js";
 const SelectRoot = SelectPrimitives.Root;
 const SelectGroup = SelectPrimitives.Group;
 const SelectValue = SelectPrimitives.Value;
@@ -53,7 +53,7 @@ const Trigger = ({
     endIcon: endIcon,
     resetButton: resetButton
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex-1 wby-text-left wby-truncate"
+    className: "flex-1 text-left truncate"
   }, /*#__PURE__*/React.createElement(SelectValue, props)));
 };
 

package/Select/primitives/SelectPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","Select","SelectPrimitives","useSelect","IconButton","Icon","SelectContent","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectRoot","Root","SelectGroup","Group","SelectValue","Value","Trigger","hasValue","size","variant","startIcon","endIcon","invalid","onValueReset","disabled","displayResetAction","props","resetButton","useMemo","undefined","createElement","onPointerDown","event","stopPropagation","icon","label","color","asChild","className","SelectOptions","renderOptions","useCallback","items","map","item","index","elements","options","length","push","key","value","separator","SelectPrimitiveRenderer","selectRootProps","selectTriggerProps","selectOptionsProps","onValueChange","Object","assign","SelectPrimitive","vm","changeValue","resetValue","selectRoot","selectTrigger","selectOptions"],"sources":["SelectPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { type VariantProps } from \"~/utils\";\nimport { useSelect } from \"./useSelect\";\nimport type { SelectOptionDto, SelectOptionFormatted } from \"../domains\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport type { selectTriggerVariants } from \"./components\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger\n} from \"./components\";\n\nconst SelectRoot = SelectPrimitives.Root;\n\nconst SelectGroup = SelectPrimitives.Group;\n\nconst SelectValue = SelectPrimitives.Value;\n\n/**\n * Trigger\n */\ntype SelectTriggerVm = {\n    placeholder: string;\n    hasValue: boolean;\n    displayResetAction: boolean;\n};\n\ntype SelectTriggerProps = SelectPrimitives.SelectValueProps &\n    SelectTriggerVm & {\n        size: VariantProps<typeof selectTriggerVariants>[\"size\"];\n        variant: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n        invalid: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n        startIcon?: React.ReactElement;\n        endIcon?: React.ReactElement;\n        onValueReset: () => void;\n        disabled?: boolean;\n    };\n\nconst Trigger = ({\n    hasValue,\n    size,\n    variant,\n    startIcon,\n    endIcon,\n    invalid,\n    onValueReset,\n    disabled,\n    displayResetAction,\n    ...props\n}: SelectTriggerProps) => {\n    const resetButton = React.useMemo(() => {\n        if (!hasValue || !displayResetAction) {\n            return undefined;\n        }\n\n        return (\n            <IconButton\n                onPointerDown={event => {\n                    event.stopPropagation();\n                    onValueReset();\n                }}\n                icon={\n                    <span>\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={variant === \"ghost-negative\" ? \"neutral-negative\" : \"inherit\"}\n                        />\n                    </span>\n                }\n                size={\"xs\"}\n                variant={variant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"}\n                disabled={disabled}\n                asChild\n            />\n        );\n    }, [hasValue, onValueReset, disabled, displayResetAction, variant]);\n\n    return (\n        <SelectTrigger\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            startIcon={startIcon}\n            endIcon={endIcon}\n            resetButton={resetButton}\n        >\n            <div className={\"wby-flex-1 wby-text-left wby-truncate\"}>\n                <SelectValue {...props} />\n            </div>\n        </SelectTrigger>\n    );\n};\n\n/**\n * SelectOptions\n */\ntype SelectOptionsVm = {\n    options: SelectOptionFormatted[];\n};\n\ntype SelectOptionsProps = SelectOptionsVm;\n\nconst SelectOptions = (props: SelectOptionsProps) => {\n    const renderOptions = React.useCallback((items: SelectOptionFormatted[]) => {\n        return items.map((item, index) => {\n            const elements = [];\n\n            if (item.options.length > 0) {\n                // Render as a group if there are nested options\n                elements.push(\n                    <SelectGroup key={`group-${index}`}>\n                        <SelectLabel>{item.label}</SelectLabel>\n                        {renderOptions(item.options)}\n                    </SelectGroup>\n                );\n            }\n\n            if (item.value) {\n                // Render as a select item if there are no nested options\n                elements.push(\n                    <SelectItem\n                        key={`item-${item.value}`}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {item.label}\n                    </SelectItem>\n                );\n            }\n\n            // Conditionally render the separator if hasSeparator is true\n            if (item.separator) {\n                elements.push(<SelectSeparator key={`separator-${item.value ?? index}`} />);\n            }\n\n            return elements;\n        });\n    }, []);\n\n    return <SelectContent>{renderOptions(props.options)}</SelectContent>;\n};\n\n/**\n * SelectRenderer\n */\nexport type SelectRootVm = {\n    value: string;\n};\n\ntype SelectRootProps = Omit<SelectPrimitives.SelectProps, \"onValueChange\">;\n\ntype SelectRendererProps = {\n    selectRootProps: SelectRootProps;\n    selectTriggerProps: Omit<SelectTriggerProps, \"onValueReset\">;\n    selectOptionsProps: SelectOptionsProps;\n    onValueChange: (value: string) => void;\n    onValueReset: () => void;\n};\n\nconst SelectPrimitiveRenderer = ({\n    selectRootProps,\n    selectTriggerProps,\n    selectOptionsProps,\n    onValueChange,\n    onValueReset\n}: SelectRendererProps) => {\n    return (\n        <SelectRoot {...selectRootProps} onValueChange={onValueChange}>\n            <Trigger {...selectTriggerProps} onValueReset={onValueReset} />\n            <SelectOptions {...selectOptionsProps} />\n        </SelectRoot>\n    );\n};\n\n/**\n * Select\n */\ntype SelectOption = SelectOptionDto | string;\n\ninterface SelectPrimitiveProps {\n    /**\n     * Whether to display the reset action button.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Icon to display at the end of the select trigger.\n     */\n    endIcon?: React.ReactElement;\n    /**\n     * Whether the select input is invalid.\n     */\n    invalid?: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n    /**\n     * Callback function called when the value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Callback function called when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback function called when the value is reset.\n     */\n    onValueReset?: () => void;\n    /**\n     * Array of options to display in the select dropdown.\n     */\n    options?: SelectOption[];\n    /**\n     * Placeholder text to display when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Size variant of the select trigger.\n     */\n    size?: VariantProps<typeof selectTriggerVariants>[\"size\"];\n    /**\n     * Icon to display at the start of the select trigger.\n     */\n    startIcon?: React.ReactElement;\n    /**\n     * The value of the select input.\n     */\n    value?: string;\n    /**\n     * Style variant of the select trigger.\n     */\n    variant?: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n}\n\nconst SelectPrimitive = (props: SelectPrimitiveProps) => {\n    const { vm, changeValue, resetValue } = useSelect(props);\n    const { size, variant, startIcon, endIcon, invalid, disabled, ...selectRootProps } = props;\n\n    return (\n        <SelectPrimitiveRenderer\n            selectRootProps={{ ...selectRootProps, ...vm.selectRoot, disabled }}\n            selectTriggerProps={{\n                ...vm.selectTrigger,\n                size,\n                variant,\n                startIcon,\n                endIcon,\n                invalid,\n                disabled\n            }}\n            selectOptionsProps={vm.selectOptions}\n            onValueChange={changeValue}\n            onValueReset={resetValue}\n        />\n    );\n};\n\nexport {\n    SelectPrimitive,\n    type SelectPrimitiveProps,\n    type SelectOptionsVm,\n    type SelectTriggerVm,\n    type SelectOption\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","Close","Select","SelectPrimitives","useSelect","IconButton","Icon","SelectContent","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectRoot","Root","SelectGroup","Group","SelectValue","Value","Trigger","hasValue","size","variant","startIcon","endIcon","invalid","onValueReset","disabled","displayResetAction","props","resetButton","useMemo","undefined","createElement","onPointerDown","event","stopPropagation","icon","label","color","asChild","className","SelectOptions","renderOptions","useCallback","items","map","item","index","elements","options","length","push","key","value","separator","SelectPrimitiveRenderer","selectRootProps","selectTriggerProps","selectOptionsProps","onValueChange","Object","assign","SelectPrimitive","vm","changeValue","resetValue","selectRoot","selectTrigger","selectOptions"],"sources":["SelectPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { type VariantProps } from \"~/utils.js\";\nimport { useSelect } from \"./useSelect.js\";\nimport type { SelectOptionDto, SelectOptionFormatted } from \"../domains/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport type { selectTriggerVariants } from \"./components/index.js\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger\n} from \"./components/index.js\";\n\nconst SelectRoot = SelectPrimitives.Root;\n\nconst SelectGroup = SelectPrimitives.Group;\n\nconst SelectValue = SelectPrimitives.Value;\n\n/**\n * Trigger\n */\ntype SelectTriggerVm = {\n    placeholder: string;\n    hasValue: boolean;\n    displayResetAction: boolean;\n};\n\ntype SelectTriggerProps = SelectPrimitives.SelectValueProps &\n    SelectTriggerVm & {\n        size: VariantProps<typeof selectTriggerVariants>[\"size\"];\n        variant: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n        invalid: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n        startIcon?: React.ReactElement;\n        endIcon?: React.ReactElement;\n        onValueReset: () => void;\n        disabled?: boolean;\n    };\n\nconst Trigger = ({\n    hasValue,\n    size,\n    variant,\n    startIcon,\n    endIcon,\n    invalid,\n    onValueReset,\n    disabled,\n    displayResetAction,\n    ...props\n}: SelectTriggerProps) => {\n    const resetButton = React.useMemo(() => {\n        if (!hasValue || !displayResetAction) {\n            return undefined;\n        }\n\n        return (\n            <IconButton\n                onPointerDown={event => {\n                    event.stopPropagation();\n                    onValueReset();\n                }}\n                icon={\n                    <span>\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={variant === \"ghost-negative\" ? \"neutral-negative\" : \"inherit\"}\n                        />\n                    </span>\n                }\n                size={\"xs\"}\n                variant={variant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"}\n                disabled={disabled}\n                asChild\n            />\n        );\n    }, [hasValue, onValueReset, disabled, displayResetAction, variant]);\n\n    return (\n        <SelectTrigger\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            startIcon={startIcon}\n            endIcon={endIcon}\n            resetButton={resetButton}\n        >\n            <div className={\"flex-1 text-left truncate\"}>\n                <SelectValue {...props} />\n            </div>\n        </SelectTrigger>\n    );\n};\n\n/**\n * SelectOptions\n */\ntype SelectOptionsVm = {\n    options: SelectOptionFormatted[];\n};\n\ntype SelectOptionsProps = SelectOptionsVm;\n\nconst SelectOptions = (props: SelectOptionsProps) => {\n    const renderOptions = React.useCallback((items: SelectOptionFormatted[]) => {\n        return items.map((item, index) => {\n            const elements = [];\n\n            if (item.options.length > 0) {\n                // Render as a group if there are nested options\n                elements.push(\n                    <SelectGroup key={`group-${index}`}>\n                        <SelectLabel>{item.label}</SelectLabel>\n                        {renderOptions(item.options)}\n                    </SelectGroup>\n                );\n            }\n\n            if (item.value) {\n                // Render as a select item if there are no nested options\n                elements.push(\n                    <SelectItem\n                        key={`item-${item.value}`}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {item.label}\n                    </SelectItem>\n                );\n            }\n\n            // Conditionally render the separator if hasSeparator is true\n            if (item.separator) {\n                elements.push(<SelectSeparator key={`separator-${item.value ?? index}`} />);\n            }\n\n            return elements;\n        });\n    }, []);\n\n    return <SelectContent>{renderOptions(props.options)}</SelectContent>;\n};\n\n/**\n * SelectRenderer\n */\nexport type SelectRootVm = {\n    value: string;\n};\n\ntype SelectRootProps = Omit<SelectPrimitives.SelectProps, \"onValueChange\">;\n\ntype SelectRendererProps = {\n    selectRootProps: SelectRootProps;\n    selectTriggerProps: Omit<SelectTriggerProps, \"onValueReset\">;\n    selectOptionsProps: SelectOptionsProps;\n    onValueChange: (value: string) => void;\n    onValueReset: () => void;\n};\n\nconst SelectPrimitiveRenderer = ({\n    selectRootProps,\n    selectTriggerProps,\n    selectOptionsProps,\n    onValueChange,\n    onValueReset\n}: SelectRendererProps) => {\n    return (\n        <SelectRoot {...selectRootProps} onValueChange={onValueChange}>\n            <Trigger {...selectTriggerProps} onValueReset={onValueReset} />\n            <SelectOptions {...selectOptionsProps} />\n        </SelectRoot>\n    );\n};\n\n/**\n * Select\n */\ntype SelectOption = SelectOptionDto | string;\n\ninterface SelectPrimitiveProps {\n    /**\n     * Whether to display the reset action button.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Icon to display at the end of the select trigger.\n     */\n    endIcon?: React.ReactElement;\n    /**\n     * Whether the select input is invalid.\n     */\n    invalid?: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n    /**\n     * Callback function called when the value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Callback function called when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback function called when the value is reset.\n     */\n    onValueReset?: () => void;\n    /**\n     * Array of options to display in the select dropdown.\n     */\n    options?: SelectOption[];\n    /**\n     * Placeholder text to display when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Size variant of the select trigger.\n     */\n    size?: VariantProps<typeof selectTriggerVariants>[\"size\"];\n    /**\n     * Icon to display at the start of the select trigger.\n     */\n    startIcon?: React.ReactElement;\n    /**\n     * The value of the select input.\n     */\n    value?: string;\n    /**\n     * Style variant of the select trigger.\n     */\n    variant?: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n}\n\nconst SelectPrimitive = (props: SelectPrimitiveProps) => {\n    const { vm, changeValue, resetValue } = useSelect(props);\n    const { size, variant, startIcon, endIcon, invalid, disabled, ...selectRootProps } = props;\n\n    return (\n        <SelectPrimitiveRenderer\n            selectRootProps={{ ...selectRootProps, ...vm.selectRoot, disabled }}\n            selectTriggerProps={{\n                ...vm.selectTrigger,\n                size,\n                variant,\n                startIcon,\n                endIcon,\n                invalid,\n                disabled\n            }}\n            selectOptionsProps={vm.selectOptions}\n            onValueChange={changeValue}\n            onValueReset={resetValue}\n        />\n    );\n};\n\nexport {\n    SelectPrimitive,\n    type SelectPrimitiveProps,\n    type SelectOptionsVm,\n    type SelectTriggerVm,\n    type SelectOption\n};\n"],"mappings":"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","ignoreList":[]}

package/Select/primitives/SelectPrimitive.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SelectPrimitive } from "./SelectPrimitive";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { SelectPrimitive } from "./SelectPrimitive.js";
 declare const meta: Meta<typeof SelectPrimitive>;
 export default meta;
 type Story = StoryObj<typeof SelectPrimitive>;

package/Select/primitives/SelectPrimitive.stories.js

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
 import { ReactComponent as ChevronRight } from "@webiny/icons/chevron_right.svg";
-import { SelectPrimitive } from "./SelectPrimitive";
-import { Button } from "../../Button";
+import { SelectPrimitive } from "./SelectPrimitive.js";
+import { Button } from "../../Button/index.js";
 const meta = {
   title: "Components/Form Primitives/Select",
   component: SelectPrimitive,
@@ -34,12 +34,12 @@ const meta = {
   render: args => {
     const [value, setValue] = useState(args.value);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement(SelectPrimitive, Object.assign({}, args, {
       value: value,
       onChange: setValue
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
   }
 };
@@ -159,7 +159,7 @@ export const GhostNegativeVariant = {
     placeholder: "Custom placeholder"
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+    className: "bg-neutral-dark text-neutral-light p-xl"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export const GhostNegativeVariantDisabled = {
@@ -168,7 +168,7 @@ export const GhostNegativeVariantDisabled = {
     disabled: true
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+    className: "bg-neutral-dark text-neutral-light p-xl"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export const GhostNegativeVariantInvalid = {
@@ -177,7 +177,7 @@ export const GhostNegativeVariantInvalid = {
     invalid: true
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+    className: "bg-neutral-dark text-neutral-light p-xl"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export const WithFormattedOptions = {
@@ -413,17 +413,17 @@ export const WithExternalValueControl = {
   render: args => {
     const [value, setValue] = useState(args.value);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SelectPrimitive, Object.assign({}, args, {
       value: value,
       onChange: value => setValue(value)
     }))), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, /*#__PURE__*/React.createElement(Button, {
       text: "Reset",
       onClick: () => setValue(undefined)
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
   }
 };