@webiny/admin-ui 6.0.0-alpha.0

package/Select/primitives/components/SelectContent.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+import { cn } from "../../../utils";
+import { SelectScrollUpButton } from "./SelectScrollUpButton";
+import { SelectScrollDownButton } from "./SelectScrollDownButton";
+const SelectContent = ({
+  className,
+  children,
+  ...props
+}) => /*#__PURE__*/React.createElement(SelectPrimitives.Portal, null, /*#__PURE__*/React.createElement(SelectPrimitives.Content, Object.assign({
+  className: cn(["wby-relative wby-z-[150] wby-max-h-96 wby-min-w-56 wby-shadow-lg wby-py-sm wby-overflow-hidden wby-rounded-sm wby-border-sm wby-border-neutral-muted wby-bg-neutral-base wby-text-neutral-strong", "data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2", "data-[side=bottom]:wby-translate-y-1 data-[side=left]:wby--translate-x-1 data-[side=right]:wby-translate-x-1 data-[side=top]:wby--translate-y-1"], className),
+  position: "popper"
+}, props), /*#__PURE__*/React.createElement(SelectScrollUpButton, null), /*#__PURE__*/React.createElement(SelectPrimitives.Viewport, {
+  className: cn(["wby-py-xs", "wby-h-[var(--radix-select-trigger-height)] wby-w-full wby-min-w-[var(--radix-select-trigger-width)]"])
+}, children), /*#__PURE__*/React.createElement(SelectScrollDownButton, null)));
+export { SelectContent };
+
+//# sourceMappingURL=SelectContent.js.map

package/Select/primitives/components/SelectContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectScrollUpButton","SelectScrollDownButton","SelectContent","className","children","props","createElement","Portal","Content","Object","assign","position","Viewport"],"sources":["SelectContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { SelectScrollUpButton } from \"./SelectScrollUpButton\";\nimport { SelectScrollDownButton } from \"./SelectScrollDownButton\";\n\ntype SelectContentProps = SelectPrimitives.SelectContentProps;\n\nconst SelectContent = ({ className, children, ...props }: SelectContentProps) => (\n    <SelectPrimitives.Portal>\n        <SelectPrimitives.Content\n            className={cn(\n                [\n                    \"wby-relative wby-z-[150] wby-max-h-96 wby-min-w-56 wby-shadow-lg wby-py-sm wby-overflow-hidden wby-rounded-sm wby-border-sm wby-border-neutral-muted wby-bg-neutral-base wby-text-neutral-strong\",\n                    \"data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2\",\n                    \"data-[side=bottom]:wby-translate-y-1 data-[side=left]:wby--translate-x-1 data-[side=right]:wby-translate-x-1 data-[side=top]:wby--translate-y-1\"\n                ],\n                className\n            )}\n            position={\"popper\"}\n            {...props}\n        >\n            <SelectScrollUpButton />\n            <SelectPrimitives.Viewport\n                className={cn([\n                    \"wby-py-xs\",\n                    \"wby-h-[var(--radix-select-trigger-height)] wby-w-full wby-min-w-[var(--radix-select-trigger-width)]\"\n                ])}\n            >\n                {children}\n            </SelectPrimitives.Viewport>\n            <SelectScrollDownButton />\n        </SelectPrimitives.Content>\n    </SelectPrimitives.Portal>\n);\n\nexport { SelectContent, type SelectContentProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AACX,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;AAI/B,MAAMC,aAAa,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAA0B,CAAC,kBACxET,KAAA,CAAAU,aAAA,CAACR,gBAAgB,CAACS,MAAM,qBACpBX,KAAA,CAAAU,aAAA,CAACR,gBAAgB,CAACU,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBP,SAAS,EAAEJ,EAAE,CACT,CACI,kMAAkM,EAClM,0XAA0X,EAC1X,iJAAiJ,CACpJ,EACDI,SACJ,CAAE;EACFQ,QAAQ,EAAE;AAAS,GACfN,KAAK,gBAETT,KAAA,CAAAU,aAAA,CAACN,oBAAoB,MAAE,CAAC,eACxBJ,KAAA,CAAAU,aAAA,CAACR,gBAAgB,CAACc,QAAQ;EACtBT,SAAS,EAAEJ,EAAE,CAAC,CACV,WAAW,EACX,qGAAqG,CACxG;AAAE,GAEFK,QACsB,CAAC,eAC5BR,KAAA,CAAAU,aAAA,CAACL,sBAAsB,MAAE,CACH,CACL,CAC5B;AAED,SAASC,aAAa","ignoreList":[]}

package/Select/primitives/components/SelectIcon.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+type SelectIconProps = {
+    icon: React.ReactElement;
+};
+declare const SelectIcon: ({ icon }: SelectIconProps) => React.JSX.Element;
+export { SelectIcon, type SelectIconProps };

package/Select/primitives/components/SelectIcon.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+const SelectIcon = ({
+  icon
+}) => {
+  return /*#__PURE__*/React.createElement(SelectPrimitives.Icon, {
+    asChild: true,
+    className: "wby-h-md wby-w-md"
+  }, /*#__PURE__*/React.cloneElement(icon));
+};
+export { SelectIcon };
+
+//# sourceMappingURL=SelectIcon.js.map

package/Select/primitives/components/SelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Select","SelectPrimitives","SelectIcon","icon","createElement","Icon","asChild","className","cloneElement"],"sources":["SelectIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\n\ntype SelectIconProps = {\n    icon: React.ReactElement;\n};\n\nconst SelectIcon = ({ icon }: SelectIconProps) => {\n    return (\n        <SelectPrimitives.Icon asChild className={\"wby-h-md wby-w-md\"}>\n            {React.cloneElement(icon)}\n        </SelectPrimitives.Icon>\n    );\n};\n\nexport { SelectIcon, type SelectIconProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AAMrD,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAsB,CAAC,KAAK;EAC9C,oBACIJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,IAAI;IAACC,OAAO;IAACC,SAAS,EAAE;EAAoB,gBACzDR,KAAK,CAACS,YAAY,CAACL,IAAI,CACL,CAAC;AAEhC,CAAC;AAED,SAASD,UAAU","ignoreList":[]}

package/Select/primitives/components/SelectItem.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+type SelectItemProps = SelectPrimitives.SelectItemProps;
+declare const SelectItem: ({ className, children, ...props }: SelectPrimitives.SelectItemProps) => React.JSX.Element;
+export { SelectItem, type SelectItemProps };

package/Select/primitives/components/SelectItem.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { ReactComponent as Check } from "@webiny/icons/check.svg";
+import { Select as SelectPrimitives } from "radix-ui";
+import { cn } from "../../../utils";
+const SelectItem = ({
+  className,
+  children,
+  ...props
+}) => /*#__PURE__*/React.createElement(SelectPrimitives.Item, Object.assign({
+  className: cn(["wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-cursor-default wby-select-none wby-rounded-sm wby-p-sm wby-mx-sm wby-text-md wby-outline-none", "wby-bg-neutral-base wby-text-neutral-primary wby-fill-neutral-xstrong", "focus:wby-bg-neutral-dimmed", "data-[disabled]:wby-text-neutral-disabled data-[disabled]:wby-cursor-not-allowed", "data-[state=checked]:wby-font-semibold"], className)
+}, props), /*#__PURE__*/React.createElement(SelectPrimitives.ItemText, null, children), /*#__PURE__*/React.createElement(SelectPrimitives.ItemIndicator, null, /*#__PURE__*/React.createElement(Check, {
+  className: "wby-h-md wby-w-h-md"
+})));
+export { SelectItem };
+
+//# sourceMappingURL=SelectItem.js.map

package/Select/primitives/components/SelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","Check","Select","SelectPrimitives","cn","SelectItem","className","children","props","createElement","Item","Object","assign","ItemText","ItemIndicator"],"sources":["SelectItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectItemProps = SelectPrimitives.SelectItemProps;\n\nconst SelectItem = ({ className, children, ...props }: SelectPrimitives.SelectItemProps) => (\n    <SelectPrimitives.Item\n        className={cn(\n            [\n                \"wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-cursor-default wby-select-none wby-rounded-sm wby-p-sm wby-mx-sm wby-text-md wby-outline-none\",\n                \"wby-bg-neutral-base wby-text-neutral-primary wby-fill-neutral-xstrong\",\n                \"focus:wby-bg-neutral-dimmed\",\n                \"data-[disabled]:wby-text-neutral-disabled data-[disabled]:wby-cursor-not-allowed\",\n                \"data-[state=checked]:wby-font-semibold\"\n            ],\n            className\n        )}\n        {...props}\n    >\n        <SelectPrimitives.ItemText>{children}</SelectPrimitives.ItemText>\n        <SelectPrimitives.ItemIndicator>\n            <Check className=\"wby-h-md wby-w-h-md\" />\n        </SelectPrimitives.ItemIndicator>\n    </SelectPrimitives.Item>\n);\n\nexport { SelectItem, type SelectItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,UAAU,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAwC,CAAC,kBACnFT,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACO,IAAI,EAAAC,MAAA,CAAAC,MAAA;EAClBN,SAAS,EAAEF,EAAE,CACT,CACI,kKAAkK,EAClK,uEAAuE,EACvE,6BAA6B,EAC7B,kFAAkF,EAClF,wCAAwC,CAC3C,EACDE,SACJ;AAAE,GACEE,KAAK,gBAETT,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACU,QAAQ,QAAEN,QAAoC,CAAC,eACjER,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACW,aAAa,qBAC3Bf,KAAA,CAAAU,aAAA,CAACR,KAAK;EAACK,SAAS,EAAC;AAAqB,CAAE,CACZ,CACb,CAC1B;AAED,SAASD,UAAU","ignoreList":[]}

package/Select/primitives/components/SelectLabel.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+type SelectLabelProps = SelectPrimitives.SelectLabelProps;
+declare const SelectLabel: ({ className, ...props }: SelectPrimitives.SelectLabelProps) => React.JSX.Element;
+export { SelectLabel, type SelectLabelProps };

package/Select/primitives/components/SelectLabel.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+import { cn } from "../../../utils";
+const SelectLabel = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(SelectPrimitives.Label, Object.assign({
+  className: cn("wby-py-sm wby-px-md wby-text-neutral-strong wby-text-sm wby-font-semibold wby-uppercase", className)
+}, props));
+export { SelectLabel };
+
+//# sourceMappingURL=SelectLabel.js.map

package/Select/primitives/components/SelectLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectLabel","className","props","createElement","Label","Object","assign"],"sources":["SelectLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectLabelProps = SelectPrimitives.SelectLabelProps;\n\nconst SelectLabel = ({ className, ...props }: SelectPrimitives.SelectLabelProps) => (\n    <SelectPrimitives.Label\n        className={cn(\n            \"wby-py-sm wby-px-md wby-text-neutral-strong wby-text-sm wby-font-semibold wby-uppercase\",\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { SelectLabel, type SelectLabelProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAyC,CAAC,kBAC3EN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,KAAK,EAAAC,MAAA,CAAAC,MAAA;EACnBL,SAAS,EAAEF,EAAE,CACT,yFAAyF,EACzFE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,WAAW","ignoreList":[]}

package/Select/primitives/components/SelectScrollDownButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+type SelectScrollDownButtonProps = SelectPrimitives.SelectScrollDownButtonProps;
+declare const SelectScrollDownButton: ({ className, ...props }: SelectScrollDownButtonProps) => React.JSX.Element;
+export { SelectScrollDownButton, type SelectScrollDownButtonProps };

package/Select/primitives/components/SelectScrollDownButton.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Select as SelectPrimitives } from "radix-ui";
+import { cn } from "../../../utils";
+const SelectScrollDownButton = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(SelectPrimitives.ScrollDownButton, Object.assign({
+  className: cn("wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pt-sm wby-fill-neutral-xstrong", className)
+}, props), /*#__PURE__*/React.createElement(ChevronDown, {
+  className: "wby-h-md wby-w-md"
+}));
+export { SelectScrollDownButton };
+
+//# sourceMappingURL=SelectScrollDownButton.js.map

package/Select/primitives/components/SelectScrollDownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","SelectScrollDownButton","className","props","createElement","ScrollDownButton","Object","assign"],"sources":["SelectScrollDownButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectScrollDownButtonProps = SelectPrimitives.SelectScrollDownButtonProps;\n\nconst SelectScrollDownButton = ({ className, ...props }: SelectScrollDownButtonProps) => (\n    <SelectPrimitives.ScrollDownButton\n        className={cn(\n            \"wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pt-sm wby-fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronDown className=\"wby-h-md wby-w-md\" />\n    </SelectPrimitives.ScrollDownButton>\n);\n\nexport { SelectScrollDownButton, type SelectScrollDownButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAmC,CAAC,kBAChFR,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,gBAAgB,EAAAC,MAAA,CAAAC,MAAA;EAC9BL,SAAS,EAAEF,EAAE,CACT,oGAAoG,EACpGE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,WAAW;EAACK,SAAS,EAAC;AAAmB,CAAE,CACb,CACtC;AAED,SAASD,sBAAsB","ignoreList":[]}

package/Select/primitives/components/SelectScrollUpButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+type SelectScrollUpButtonProps = SelectPrimitives.SelectScrollUpButtonProps;
+declare const SelectScrollUpButton: ({ className, ...props }: SelectScrollUpButtonProps) => React.JSX.Element;
+export { SelectScrollUpButton, type SelectScrollUpButtonProps };

package/Select/primitives/components/SelectScrollUpButton.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { ReactComponent as ChevronUp } from "@webiny/icons/keyboard_arrow_up.svg";
+import { Select as SelectPrimitives } from "radix-ui";
+import { cn } from "../../../utils";
+const SelectScrollUpButton = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(SelectPrimitives.ScrollUpButton, Object.assign({
+  className: cn("wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pb-sm wby-fill-neutral-xstrong", className)
+}, props), /*#__PURE__*/React.createElement(ChevronUp, {
+  className: "wby-h-md wby-w-md"
+}));
+export { SelectScrollUpButton };
+
+//# sourceMappingURL=SelectScrollUpButton.js.map

package/Select/primitives/components/SelectScrollUpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","ChevronUp","Select","SelectPrimitives","cn","SelectScrollUpButton","className","props","createElement","ScrollUpButton","Object","assign"],"sources":["SelectScrollUpButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronUp } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectScrollUpButtonProps = SelectPrimitives.SelectScrollUpButtonProps;\n\nconst SelectScrollUpButton = ({ className, ...props }: SelectScrollUpButtonProps) => (\n    <SelectPrimitives.ScrollUpButton\n        className={cn(\n            \"wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pb-sm wby-fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronUp className=\"wby-h-md wby-w-md\" />\n    </SelectPrimitives.ScrollUpButton>\n);\n\nexport { SelectScrollUpButton, type SelectScrollUpButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiC,CAAC,kBAC5ER,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,cAAc,EAAAC,MAAA,CAAAC,MAAA;EAC5BL,SAAS,EAAEF,EAAE,CACT,oGAAoG,EACpGE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,SAAS;EAACK,SAAS,EAAC;AAAmB,CAAE,CACb,CACpC;AAED,SAASD,oBAAoB","ignoreList":[]}

package/Select/primitives/components/SelectSeparator.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+type SelectSeparatorProps = SelectPrimitives.SelectSeparatorProps;
+declare const SelectSeparator: ({ className, ...props }: SelectSeparatorProps) => React.JSX.Element;
+export { SelectSeparator, type SelectSeparatorProps };

package/Select/primitives/components/SelectSeparator.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+import { cn } from "../../../utils";
+const SelectSeparator = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(SelectPrimitives.Separator, Object.assign({
+  className: cn("wby--mx-sm wby-my-sm wby-h-px wby-bg-neutral-strong", className)
+}, props));
+export { SelectSeparator };
+
+//# sourceMappingURL=SelectSeparator.js.map

package/Select/primitives/components/SelectSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectSeparator","className","props","createElement","Separator","Object","assign"],"sources":["SelectSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectSeparatorProps = SelectPrimitives.SelectSeparatorProps;\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => (\n    <SelectPrimitives.Separator\n        className={cn(\"wby--mx-sm wby-my-sm wby-h-px wby-bg-neutral-strong\", className)}\n        {...props}\n    />\n);\nexport { SelectSeparator, type SelectSeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4B,CAAC,kBAClEN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,SAAS,EAAAC,MAAA,CAAAC,MAAA;EACvBL,SAAS,EAAEF,EAAE,CAAC,qDAAqD,EAAEE,SAAS;AAAE,GAC5EC,KAAK,CACZ,CACJ;AACD,SAASF,eAAe","ignoreList":[]}

package/Select/primitives/components/SelectTrigger.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Select as SelectPrimitives } from "radix-ui";
+import { type VariantProps } from "../../../utils";
+declare const selectTriggerVariants: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "md" | "lg" | "xl" | null | undefined;
+    invalid?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface SelectTriggerProps extends SelectPrimitives.SelectTriggerProps, VariantProps<typeof selectTriggerVariants> {
+    startIcon?: React.ReactElement;
+    endIcon?: React.ReactElement;
+    resetButton?: React.ReactElement;
+}
+declare const SelectTrigger: ({ className, children, size, variant, startIcon, endIcon, resetButton, disabled, invalid, ...props }: SelectTriggerProps) => React.JSX.Element;
+export { SelectTrigger, selectTriggerVariants };

package/Select/primitives/components/SelectTrigger.js

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Select as SelectPrimitives } from "radix-ui";
+import { cn, cva } from "../../../utils";
+import { SelectIcon } from "./SelectIcon";
+const selectTriggerVariants = cva(["wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-border-sm wby-text-md wby-relative", "focus:wby-outline-none", "disabled:wby-pointer-events-none"], {
+  variants: {
+    variant: {
+      primary: ["wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed wby-fill-neutral-xstrong", "hover:wby-border-neutral-strong", "focus:wby-border-neutral-black", "data-[state=open]:wby-border-neutral-black", "disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled"],
+      secondary: ["wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-muted wby-fill-neutral-xstrong", "hover:wby-bg-neutral-dimmed", "focus:wby-border-neutral-black focus:wby-bg-neutral-base", "data-[state=open]:wby-border-neutral-black data-[state=open]:wby-bg-neutral-base", "disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled"],
+      ghost: ["wby-bg-neutral-base wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed", "hover:wby-bg-neutral-dark/5", "focus:wby-bg-neutral-dark/5", "data-[state=open]:wby-bg-neutral-dark/5", "disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled"]
+    },
+    size: {
+      md: ["wby-rounded-md", "wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]"],
+      lg: ["wby-rounded-md", "wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]"],
+      xl: ["wby-rounded-lg wby-leading-6", "wby-py-[calc(theme(padding.md)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]"]
+    },
+    invalid: {
+      true: ""
+    }
+  },
+  compoundVariants: [{
+    variant: "primary",
+    invalid: true,
+    class: "!wby-border-destructive-default"
+  }, {
+    variant: "secondary",
+    invalid: true,
+    class: "!wby-border-destructive-default"
+  }, {
+    variant: "ghost",
+    invalid: true,
+    class: "!wby-border-destructive-subtle !wby-bg-destructive-subtle"
+  }],
+  defaultVariants: {
+    variant: "primary",
+    size: "lg"
+  }
+});
+const SelectTrigger = ({
+  className,
+  children,
+  size,
+  variant,
+  startIcon,
+  endIcon = /*#__PURE__*/React.createElement(ChevronDown, null),
+  resetButton,
+  disabled,
+  invalid,
+  ...props
+}) => /*#__PURE__*/React.createElement(SelectPrimitives.Trigger, Object.assign({
+  className: cn(selectTriggerVariants({
+    variant,
+    size,
+    invalid
+  }), className),
+  disabled: disabled
+}, props), startIcon && /*#__PURE__*/React.createElement(SelectIcon, {
+  icon: startIcon
+}), children, resetButton, /*#__PURE__*/React.createElement(SelectIcon, {
+  icon: endIcon
+}));
+export { SelectTrigger, selectTriggerVariants };
+
+//# sourceMappingURL=SelectTrigger.js.map

package/Select/primitives/components/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","cva","SelectIcon","selectTriggerVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","SelectTrigger","className","children","startIcon","endIcon","createElement","resetButton","disabled","props","Trigger","Object","assign","icon"],"sources":["SelectTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { SelectIcon } from \"./SelectIcon\";\n\nconst selectTriggerVariants = cva(\n    [\n        \"wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-border-sm wby-text-md wby-relative\",\n        \"focus:wby-outline-none\",\n        \"disabled:wby-pointer-events-none\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed wby-fill-neutral-xstrong\",\n                    \"hover:wby-border-neutral-strong\",\n                    \"focus:wby-border-neutral-black\",\n                    \"data-[state=open]:wby-border-neutral-black\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-muted wby-fill-neutral-xstrong\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"focus:wby-border-neutral-black focus:wby-bg-neutral-base\",\n                    \"data-[state=open]:wby-border-neutral-black data-[state=open]:wby-bg-neutral-base\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ],\n                ghost: [\n                    \"wby-bg-neutral-base wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dark/5\",\n                    \"focus:wby-bg-neutral-dark/5\",\n                    \"data-[state=open]:wby-bg-neutral-dark/5\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ]\n            },\n            size: {\n                md: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                lg: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                xl: [\n                    \"wby-rounded-lg wby-leading-6\",\n                    \"wby-py-[calc(theme(padding.md)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]\"\n                ]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"!wby-border-destructive-subtle !wby-bg-destructive-subtle\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface SelectTriggerProps\n    extends SelectPrimitives.SelectTriggerProps,\n        VariantProps<typeof selectTriggerVariants> {\n    startIcon?: React.ReactElement;\n    endIcon?: React.ReactElement;\n    resetButton?: React.ReactElement;\n}\n\nconst SelectTrigger = ({\n    className,\n    children,\n    size,\n    variant,\n    startIcon,\n    endIcon = <ChevronDown />,\n    resetButton,\n    disabled,\n    invalid,\n    ...props\n}: SelectTriggerProps) => (\n    <SelectPrimitives.Trigger\n        className={cn(selectTriggerVariants({ variant, size, invalid }), className)}\n        disabled={disabled}\n        {...props}\n    >\n        {startIcon && <SelectIcon icon={startIcon} />}\n        {children}\n        {resetButton}\n        <SelectIcon icon={endIcon} />\n    </SelectPrimitives.Trigger>\n);\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAEnB,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,4GAA4G,EAC5G,wBAAwB,EACxB,kCAAkC,CACrC,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,mIAAmI,EACnI,iCAAiC,EACjC,gCAAgC,EAChC,4CAA4C,EAC5C,0LAA0L,CAC7L;MACDC,SAAS,EAAE,CACP,oIAAoI,EACpI,6BAA6B,EAC7B,0DAA0D,EAC1D,kFAAkF,EAClF,0LAA0L,CAC7L;MACDC,KAAK,EAAE,CACH,wGAAwG,EACxG,6BAA6B,EAC7B,6BAA6B,EAC7B,yCAAyC,EACzC,0LAA0L;IAElM,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,8BAA8B,EAC9B,+GAA+G;IAEvH,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIV,OAAO,EAAE,SAAS;IAClBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,WAAW;IACpBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAUD,MAAMS,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,QAAQ;EACRX,IAAI;EACJJ,OAAO;EACPgB,SAAS;EACTC,OAAO,gBAAG3B,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,MAAE,CAAC;EACzB2B,WAAW;EACXC,QAAQ;EACRZ,OAAO;EACP,GAAGa;AACa,CAAC,kBACjB/B,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB,CAAC4B,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBV,SAAS,EAAEnB,EAAE,CAACG,qBAAqB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEI;EAAQ,CAAC,CAAC,EAAEM,SAAS,CAAE;EAC5EM,QAAQ,EAAEA;AAAS,GACfC,KAAK,GAERL,SAAS,iBAAI1B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAET;AAAU,CAAE,CAAC,EAC5CD,QAAQ,EACRI,WAAW,eACZ7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAER;AAAQ,CAAE,CACN,CAC7B;AAED,SAASJ,aAAa,EAAEf,qBAAqB","ignoreList":[]}

package/Select/primitives/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./SelectContent";
+export * from "./SelectIcon";
+export * from "./SelectItem";
+export * from "./SelectLabel";
+export * from "./SelectScrollDownButton";
+export * from "./SelectScrollUpButton";
+export * from "./SelectSeparator";
+export * from "./SelectTrigger";

package/Select/primitives/components/index.js

@@ -0,0 +1,10 @@
+export * from "./SelectContent";
+export * from "./SelectIcon";
+export * from "./SelectItem";
+export * from "./SelectLabel";
+export * from "./SelectScrollDownButton";
+export * from "./SelectScrollUpButton";
+export * from "./SelectSeparator";
+export * from "./SelectTrigger";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SelectContent\";\nexport * from \"./SelectIcon\";\nexport * from \"./SelectItem\";\nexport * from \"./SelectLabel\";\nexport * from \"./SelectScrollDownButton\";\nexport * from \"./SelectScrollUpButton\";\nexport * from \"./SelectSeparator\";\nexport * from \"./SelectTrigger\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Select/primitives/index.d.ts

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

package/Select/primitives/index.js

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

package/Select/primitives/index.js.map

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

package/Select/primitives/presenters/SelectPresenter.d.ts

@@ -0,0 +1,43 @@
+import { SelectOptionsVm, SelectTriggerVm, SelectOption as SelectOptionParams, type SelectRootVm } from "../SelectPrimitive";
+interface SelectPresenterParams {
+    options?: SelectOptionParams[];
+    value?: string;
+    placeholder?: string;
+    displayResetAction?: boolean;
+    onValueChange?: (value: string) => void;
+    onValueReset?: () => void;
+}
+interface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {
+    vm: {
+        selectRoot: SelectRootVm;
+        selectTrigger: SelectTriggerVm;
+        selectOptions: SelectOptionsVm;
+    };
+    init: (params: TParams) => void;
+    changeValue: (value: string) => void;
+    resetValue: () => void;
+}
+declare class SelectPresenter implements ISelectPresenter {
+    private params?;
+    private options?;
+    private displayResetAction;
+    constructor();
+    init(params: SelectPresenterParams): void;
+    get vm(): {
+        selectRoot: {
+            value: string;
+        };
+        selectTrigger: {
+            placeholder: string;
+            hasValue: boolean;
+            displayResetAction: boolean;
+        };
+        selectOptions: {
+            options: import("../../domains").SelectOptionFormatted[];
+        };
+    };
+    changeValue: (value?: string) => void;
+    resetValue: () => void;
+    private transformOptions;
+}
+export { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };

package/Select/primitives/presenters/SelectPresenter.js

@@ -0,0 +1,50 @@
+import { makeAutoObservable } from "mobx";
+import { SelectOption, SelectOptionMapper } from "../../domains";
+class SelectPresenter {
+  displayResetAction = true;
+  constructor() {
+    this.params = undefined;
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.params = params;
+    this.options = this.transformOptions(params.options);
+    this.displayResetAction = params?.displayResetAction ?? true;
+  }
+  get vm() {
+    return {
+      selectRoot: {
+        value: this.params?.value || ""
+      },
+      selectTrigger: {
+        placeholder: this.params?.placeholder || "Select an option",
+        hasValue: !!this.params?.value,
+        displayResetAction: this.displayResetAction
+      },
+      selectOptions: {
+        options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []
+      }
+    };
+  }
+  changeValue = value => {
+    this.params?.onValueChange?.(value || "");
+  };
+  resetValue = () => {
+    this.params?.onValueChange?.("");
+    this.params?.onValueReset?.();
+  };
+  transformOptions(options) {
+    if (!options) {
+      return [];
+    }
+    return options.map(option => {
+      if (typeof option === "string") {
+        return SelectOption.createFromString(option);
+      }
+      return SelectOption.create(option);
+    });
+  }
+}
+export { SelectPresenter };
+
+//# sourceMappingURL=SelectPresenter.js.map

package/Select/primitives/presenters/SelectPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","SelectOption","SelectOptionMapper","SelectPresenter","displayResetAction","constructor","params","undefined","init","options","transformOptions","vm","selectRoot","value","selectTrigger","placeholder","hasValue","selectOptions","map","option","toFormatted","changeValue","onValueChange","resetValue","onValueReset","createFromString","create"],"sources":["SelectPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    SelectOptionsVm,\n    SelectTriggerVm,\n    SelectOption as SelectOptionParams,\n    type SelectRootVm\n} from \"../SelectPrimitive\";\nimport { SelectOption, SelectOptionMapper } from \"../../domains\";\n\ninterface SelectPresenterParams {\n    options?: SelectOptionParams[];\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n    onValueChange?: (value: string) => void;\n    onValueReset?: () => void;\n}\n\ninterface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {\n    vm: {\n        selectRoot: SelectRootVm;\n        selectTrigger: SelectTriggerVm;\n        selectOptions: SelectOptionsVm;\n    };\n    init: (params: TParams) => void;\n    changeValue: (value: string) => void;\n    resetValue: () => void;\n}\n\nclass SelectPresenter implements ISelectPresenter {\n    private params?: SelectPresenterParams;\n    private options?: SelectOption[];\n    private displayResetAction = true;\n\n    constructor() {\n        this.params = undefined;\n        makeAutoObservable(this);\n    }\n\n    init(params: SelectPresenterParams) {\n        this.params = params;\n        this.options = this.transformOptions(params.options);\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            selectRoot: {\n                value: this.params?.value || \"\"\n            },\n            selectTrigger: {\n                placeholder: this.params?.placeholder || \"Select an option\",\n                hasValue: !!this.params?.value,\n                displayResetAction: this.displayResetAction\n            },\n            selectOptions: {\n                options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []\n            }\n        };\n    }\n\n    public changeValue = (value?: string) => {\n        this.params?.onValueChange?.(value || \"\");\n    };\n\n    public resetValue = () => {\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    private transformOptions(options: SelectPresenterParams[\"options\"]): SelectOption[] {\n        if (!options) {\n            return [];\n        }\n\n        return options.map(option => {\n            if (typeof option === \"string\") {\n                return SelectOption.createFromString(option);\n            }\n            return SelectOption.create(option);\n        });\n    }\n}\n\nexport { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAOzC,SAASC,YAAY,EAAEC,kBAAkB;AAsBzC,MAAMC,eAAe,CAA6B;EAGtCC,kBAAkB,GAAG,IAAI;EAEjCC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAGC,SAAS;IACvBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,IAAIA,CAACF,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,OAAO,GAAG,IAAI,CAACC,gBAAgB,CAACJ,MAAM,CAACG,OAAO,CAAC;IACpD,IAAI,CAACL,kBAAkB,GAAGE,MAAM,EAAEF,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,UAAU,EAAE;QACRC,KAAK,EAAE,IAAI,CAACP,MAAM,EAAEO,KAAK,IAAI;MACjC,CAAC;MACDC,aAAa,EAAE;QACXC,WAAW,EAAE,IAAI,CAACT,MAAM,EAAES,WAAW,IAAI,kBAAkB;QAC3DC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,MAAM,EAAEO,KAAK;QAC9BT,kBAAkB,EAAE,IAAI,CAACA;MAC7B,CAAC;MACDa,aAAa,EAAE;QACXR,OAAO,EAAE,IAAI,CAACA,OAAO,EAAES,GAAG,CAACC,MAAM,IAAIjB,kBAAkB,CAACkB,WAAW,CAACD,MAAM,CAAC,CAAC,IAAI;MACpF;IACJ,CAAC;EACL;EAEOE,WAAW,GAAIR,KAAc,IAAK;IACrC,IAAI,CAACP,MAAM,EAAEgB,aAAa,GAAGT,KAAK,IAAI,EAAE,CAAC;EAC7C,CAAC;EAEMU,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACjB,MAAM,EAAEgB,aAAa,GAAG,EAAE,CAAC;IAChC,IAAI,CAAChB,MAAM,EAAEkB,YAAY,GAAG,CAAC;EACjC,CAAC;EAEOd,gBAAgBA,CAACD,OAAyC,EAAkB;IAChF,IAAI,CAACA,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACS,GAAG,CAACC,MAAM,IAAI;MACzB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAOlB,YAAY,CAACwB,gBAAgB,CAACN,MAAM,CAAC;MAChD;MACA,OAAOlB,YAAY,CAACyB,MAAM,CAACP,MAAM,CAAC;IACtC,CAAC,CAAC;EACN;AACJ;AAEA,SAAShB,eAAe","ignoreList":[]}

package/Select/primitives/presenters/SelectPresenter.test.d.ts

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

package/Select/primitives/presenters/SelectPresenter.test.js

@@ -0,0 +1,171 @@
+import { SelectPresenter } from "./SelectPresenter";
+describe("SelectPresenter", () => {
+  const onValueChange = jest.fn();
+  it("should return the compatible `vm.selectRoot` based on props", () => {
+    const onValueChange = jest.fn();
+
+    // `value`
+    {
+      const presenter = new SelectPresenter();
+      presenter.init({
+        onValueChange,
+        value: "Custom value"
+      });
+      expect(presenter.vm.selectRoot.value).toEqual("Custom value");
+    }
+    {
+      // default: no props
+      const presenter = new SelectPresenter();
+      presenter.init({
+        onValueChange
+      });
+      expect(presenter.vm.selectRoot.value).toEqual("");
+    }
+  });
+  it("should return the compatible `vm.selectTrigger` based on props", () => {
+    const onValueChange = jest.fn();
+
+    // `placeholder`
+    {
+      const presenter = new SelectPresenter();
+      presenter.init({
+        onValueChange,
+        placeholder: "Custom placeholder"
+      });
+      expect(presenter.vm.selectTrigger.placeholder).toEqual("Custom placeholder");
+    }
+
+    // `displayResetAction`
+    {
+      const presenter = new SelectPresenter();
+      presenter.init({
+        onValueChange,
+        displayResetAction: false
+      });
+      expect(presenter.vm.selectTrigger.displayResetAction).toEqual(false);
+    }
+    {
+      // default: no props
+      const presenter = new SelectPresenter();
+      presenter.init({
+        onValueChange
+      });
+      expect(presenter.vm.selectTrigger.placeholder).toEqual("Select an option");
+      expect(presenter.vm.selectTrigger.hasValue).toEqual(false);
+    }
+  });
+  it("should return the compatible `vm.selectOptions` based on props", () => {
+    // with `options` as string
+    {
+      const presenter = new SelectPresenter();
+      presenter.init({
+        onValueChange,
+        options: ["Option 1", "Option 2"]
+      });
+      expect(presenter.vm.selectOptions.options).toEqual([{
+        value: "Option 1",
+        label: "Option 1",
+        options: [],
+        disabled: false,
+        separator: false
+      }, {
+        value: "Option 2",
+        label: "Option 2",
+        options: [],
+        disabled: false,
+        separator: false
+      }]);
+    }
+
+    // with `options` as formatted options
+    {
+      const presenter = new SelectPresenter();
+      presenter.init({
+        onValueChange,
+        options: [{
+          value: "option-1",
+          label: "Option 1"
+        }, {
+          value: "option-2",
+          label: "Option 2",
+          options: [{
+            value: "option-3",
+            label: "Option 3",
+            options: [{
+              value: "option-4",
+              label: "Option 4"
+            }]
+          }]
+        }, {
+          value: "option-5",
+          label: "Option 5",
+          disabled: true
+        }, {
+          value: "option-6",
+          label: "Option 6",
+          separator: true
+        }]
+      });
+      expect(presenter.vm.selectOptions.options).toEqual([{
+        value: "option-1",
+        label: "Option 1",
+        options: [],
+        disabled: false,
+        separator: false
+      }, {
+        value: "option-2",
+        label: "Option 2",
+        options: [{
+          value: "option-3",
+          label: "Option 3",
+          options: [{
+            value: "option-4",
+            label: "Option 4",
+            options: [],
+            disabled: false,
+            separator: false
+          }],
+          disabled: false,
+          separator: false
+        }],
+        disabled: false,
+        separator: false
+      }, {
+        value: "option-5",
+        label: "Option 5",
+        options: [],
+        disabled: true,
+        separator: false
+      }, {
+        value: "option-6",
+        label: "Option 6",
+        options: [],
+        disabled: false,
+        separator: true
+      }]);
+    }
+  });
+  it("should call `onValueChange` callback when `changeValue` is called", () => {
+    const presenter = new SelectPresenter();
+    presenter.init({
+      onValueChange,
+      value: "value"
+    });
+    presenter.changeValue("value-2");
+    expect(onValueChange).toHaveBeenCalledWith("value-2");
+  });
+  it("should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called", () => {
+    const onValueReset = jest.fn();
+    const presenter = new SelectPresenter();
+    presenter.init({
+      onValueChange,
+      onValueReset,
+      value: "value"
+    });
+    presenter.resetValue();
+    expect(onValueChange).toHaveBeenCalledWith("");
+    expect(onValueReset).toHaveBeenCalled();
+  });
+});
+
+//# sourceMappingURL=SelectPresenter.test.js.map