@webiny/admin-ui 6.0.0-alpha.0

package/Select/primitives/SelectPrimitive.js

@@ -0,0 +1,153 @@
+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";
+const SelectRoot = SelectPrimitives.Root;
+const SelectGroup = SelectPrimitives.Group;
+const SelectValue = SelectPrimitives.Value;
+
+/**
+ * Trigger
+ */
+
+const Trigger = ({
+  hasValue,
+  size,
+  variant,
+  startIcon,
+  endIcon,
+  invalid,
+  onValueReset,
+  disabled,
+  displayResetAction,
+  ...props
+}) => {
+  const resetButton = React.useMemo(() => {
+    if (!hasValue || !displayResetAction) {
+      return undefined;
+    }
+    return /*#__PURE__*/React.createElement(IconButton, {
+      onPointerDown: event => {
+        event.stopPropagation();
+        onValueReset();
+      },
+      icon: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(Close, null),
+        label: "Reset"
+      })),
+      size: "xs",
+      variant: "secondary",
+      disabled: disabled,
+      asChild: true
+    });
+  }, [hasValue, onValueReset, disabled]);
+  return /*#__PURE__*/React.createElement(SelectTrigger, {
+    size: size,
+    variant: variant,
+    invalid: invalid,
+    startIcon: startIcon,
+    endIcon: endIcon,
+    resetButton: resetButton
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-1 wby-text-left wby-truncate"
+  }, /*#__PURE__*/React.createElement(SelectValue, props)));
+};
+
+/**
+ * SelectOptions
+ */
+
+const SelectOptions = props => {
+  const renderOptions = React.useCallback(items => {
+    return items.map((item, index) => {
+      const elements = [];
+      if (item.options.length > 0) {
+        // Render as a group if there are nested options
+        elements.push(/*#__PURE__*/React.createElement(SelectGroup, {
+          key: `group-${index}`
+        }, /*#__PURE__*/React.createElement(SelectLabel, null, item.label), renderOptions(item.options)));
+      }
+      if (item.value) {
+        // Render as a select item if there are no nested options
+        elements.push(/*#__PURE__*/React.createElement(SelectItem, {
+          key: `item-${item.value}`,
+          value: item.value,
+          disabled: item.disabled
+        }, item.label));
+      }
+
+      // Conditionally render the separator if hasSeparator is true
+      if (item.separator) {
+        elements.push(/*#__PURE__*/React.createElement(SelectSeparator, {
+          key: `separator-${item.value ?? index}`
+        }));
+      }
+      return elements;
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(SelectContent, null, renderOptions(props.options));
+};
+
+/**
+ * SelectRenderer
+ */
+
+const SelectPrimitiveRenderer = ({
+  selectRootProps,
+  selectTriggerProps,
+  selectOptionsProps,
+  onValueChange,
+  onValueReset
+}) => {
+  return /*#__PURE__*/React.createElement(SelectRoot, Object.assign({}, selectRootProps, {
+    onValueChange: onValueChange
+  }), /*#__PURE__*/React.createElement(Trigger, Object.assign({}, selectTriggerProps, {
+    onValueReset: onValueReset
+  })), /*#__PURE__*/React.createElement(SelectOptions, selectOptionsProps));
+};
+
+/**
+ * Select
+ */
+
+const SelectPrimitive = props => {
+  const {
+    vm,
+    changeValue,
+    resetValue
+  } = useSelect(props);
+  const {
+    size,
+    variant,
+    startIcon,
+    endIcon,
+    invalid,
+    disabled,
+    ...selectRootProps
+  } = props;
+  return /*#__PURE__*/React.createElement(SelectPrimitiveRenderer, {
+    selectRootProps: {
+      ...selectRootProps,
+      ...vm.selectRoot,
+      disabled
+    },
+    selectTriggerProps: {
+      ...vm.selectTrigger,
+      size,
+      variant,
+      startIcon,
+      endIcon,
+      invalid,
+      disabled
+    },
+    selectOptionsProps: vm.selectOptions,
+    onValueChange: changeValue,
+    onValueReset: resetValue
+  });
+};
+export { SelectPrimitive };
+
+//# sourceMappingURL=SelectPrimitive.js.map

package/Select/primitives/SelectPrimitive.js.map

@@ -0,0 +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","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 { SelectOptionDto, SelectOptionFormatted } from \"../domains\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger,\n    selectTriggerVariants\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 icon={<Close />} label={\"Reset\"} />\n                    </span>\n                }\n                size={\"xs\"}\n                variant={\"secondary\"}\n                disabled={disabled}\n                asChild\n            />\n        );\n    }, [hasValue, onValueReset, disabled]);\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":[]}

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

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SelectPrimitive } from "./SelectPrimitive";
+declare const meta: Meta<typeof SelectPrimitive>;
+export default meta;
+type Story = StoryObj<typeof SelectPrimitive>;
+export declare const Default: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const ExtraLargeSize: Story;
+export declare const WithCustomPlaceholder: Story;
+export declare const WithStartIcon: Story;
+export declare const WithEndIconIcon: Story;
+export declare const WithStartAndEndIcons: Story;
+export declare const WithoutResetAction: Story;
+export declare const PrimaryVariant: Story;
+export declare const PrimaryVariantDisabled: Story;
+export declare const PrimaryVariantInvalid: Story;
+export declare const SecondaryVariant: Story;
+export declare const SecondaryVariantDisabled: Story;
+export declare const SecondaryVariantInvalid: Story;
+export declare const GhostVariant: Story;
+export declare const GhostVariantDisabled: Story;
+export declare const GhostVariantInvalid: Story;
+export declare const WithFormattedOptions: Story;
+export declare const WithOptionGroups: Story;
+export declare const WithSeparators: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithExternalValueControl: Story;

package/Select/primitives/SelectPrimitive.stories.js

@@ -0,0 +1,403 @@
+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";
+const meta = {
+  title: "Components/Form Primitives/Select",
+  component: SelectPrimitive,
+  argTypes: {
+    onChange: {
+      action: "onChange"
+    },
+    onOpenChange: {
+      action: "onOpenChange"
+    },
+    variant: {
+      control: "select",
+      options: ["primary", "secondary", "ghost"]
+    },
+    size: {
+      control: "select",
+      options: ["md", "lg", "xl"]
+    },
+    disabled: {
+      control: "boolean"
+    },
+    invalid: {
+      control: "boolean"
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [value, setValue] = useState(args.value);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-full"
+    }, /*#__PURE__*/React.createElement(SelectPrimitive, Object.assign({}, args, {
+      value: value,
+      onChange: setValue
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "wby-mt-4 wby-text-center"
+    }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    options: ["Eastern Standard Time (EST)", "Central Standard Time (CST)", "Pacific Standard Time (PST)", "Greenwich Mean Time (GMT)", "Central European Time (CET)", "Central Africa Time (CAT)", "India Standard Time (IST)", "China Standard Time (CST)", "Japan Standard Time (JST)", "Australian Western Standard Time (AWST)", "New Zealand Standard Time (NZST)", "Fiji Time (FJT)", "Argentina Time (ART)", "Bolivia Time (BOT)", "Brasilia Time (BRT)"]
+  }
+};
+export const MediumSize = {
+  args: {
+    ...Default.args,
+    size: "md"
+  }
+};
+export const LargeSize = {
+  args: {
+    ...Default.args,
+    size: "lg"
+  }
+};
+export const ExtraLargeSize = {
+  args: {
+    ...Default.args,
+    size: "xl"
+  }
+};
+export const WithCustomPlaceholder = {
+  args: {
+    ...Default.args,
+    placeholder: "Custom placeholder"
+  }
+};
+export const WithStartIcon = {
+  args: {
+    ...Default.args,
+    startIcon: /*#__PURE__*/React.createElement(SearchIcon, null)
+  }
+};
+export const WithEndIconIcon = {
+  args: {
+    ...Default.args,
+    endIcon: /*#__PURE__*/React.createElement(SearchIcon, null)
+  }
+};
+export const WithStartAndEndIcons = {
+  args: {
+    ...Default.args,
+    startIcon: /*#__PURE__*/React.createElement(SearchIcon, null),
+    endIcon: /*#__PURE__*/React.createElement(ChevronRight, null)
+  }
+};
+export const WithoutResetAction = {
+  args: {
+    ...Default.args,
+    displayResetAction: false
+  }
+};
+export const PrimaryVariant = {
+  args: {
+    ...Default.args,
+    variant: "primary"
+  }
+};
+export const PrimaryVariantDisabled = {
+  args: {
+    ...PrimaryVariant.args,
+    disabled: true
+  }
+};
+export const PrimaryVariantInvalid = {
+  args: {
+    ...PrimaryVariant.args,
+    invalid: true
+  }
+};
+export const SecondaryVariant = {
+  args: {
+    ...Default.args,
+    variant: "secondary"
+  }
+};
+export const SecondaryVariantDisabled = {
+  args: {
+    ...SecondaryVariant.args,
+    disabled: true
+  }
+};
+export const SecondaryVariantInvalid = {
+  args: {
+    ...SecondaryVariant.args,
+    invalid: true
+  }
+};
+export const GhostVariant = {
+  args: {
+    ...Default.args,
+    variant: "ghost"
+  }
+};
+export const GhostVariantDisabled = {
+  args: {
+    ...GhostVariant.args,
+    disabled: true
+  }
+};
+export const GhostVariantInvalid = {
+  args: {
+    ...GhostVariant.args,
+    invalid: true
+  }
+};
+export const WithFormattedOptions = {
+  args: {
+    ...Default.args,
+    options: [{
+      label: "Eastern Standard Time (EST)",
+      value: "est"
+    }, {
+      label: "Central Standard Time (CST)",
+      value: "cst"
+    }, {
+      label: "Pacific Standard Time (PST)",
+      value: "pst"
+    }, {
+      label: "Greenwich Mean Time (GMT)",
+      value: "gmt"
+    }, {
+      label: "Central European Time (CET)",
+      value: "cet"
+    }, {
+      label: "Central Africa Time (CAT)",
+      value: "cat"
+    }, {
+      label: "India Standard Time (IST)",
+      value: "ist"
+    }, {
+      label: "China Standard Time (CST)",
+      value: "cst_china"
+    }, {
+      label: "Japan Standard Time (JST)",
+      value: "jst"
+    }, {
+      label: "Australian Western Standard Time (AWST)",
+      value: "awst"
+    }, {
+      label: "New Zealand Standard Time (NZST)",
+      value: "nzst"
+    }, {
+      label: "Fiji Time (FJT)",
+      value: "fjt"
+    }, {
+      label: "Argentina Time (ART)",
+      value: "art"
+    }, {
+      label: "Bolivia Time (BOT)",
+      value: "bot"
+    }, {
+      label: "Brasilia Time (BRT)",
+      value: "brt"
+    }]
+  }
+};
+export const WithOptionGroups = {
+  args: {
+    ...Default.args,
+    options: [{
+      label: "North America",
+      options: [{
+        label: "Eastern Standard Time (EST)",
+        value: "est"
+      }, {
+        label: "Central Standard Time (CST)",
+        value: "cst"
+      }, {
+        label: "Pacific Standard Time (PST)",
+        value: "pst"
+      }]
+    }, {
+      label: "Europe & Africa",
+      options: [{
+        label: "Greenwich Mean Time (GMT)",
+        value: "gmt"
+      }, {
+        label: "Central European Time (CET)",
+        value: "cet"
+      }, {
+        label: "Central Africa Time (CAT)",
+        value: "cat"
+      }]
+    }, {
+      label: "Asia",
+      options: [{
+        label: "India Standard Time (IST)",
+        value: "ist"
+      }, {
+        label: "China Standard Time (CST)",
+        value: "cst_china"
+      }, {
+        label: "Japan Standard Time (JST)",
+        value: "jst"
+      }]
+    }, {
+      label: "Australia & Pacific",
+      options: [{
+        label: "Australian Western Standard Time (AWST)",
+        value: "awst"
+      }, {
+        label: "New Zealand Standard Time (NZST)",
+        value: "nzst"
+      }, {
+        label: "Fiji Time (FJT)",
+        value: "fjt"
+      }]
+    }, {
+      label: "South America",
+      options: [{
+        label: "Argentina Time (ART)",
+        value: "art"
+      }, {
+        label: "Bolivia Time (BOT)",
+        value: "bot"
+      }, {
+        label: "Brasilia Time (BRT)",
+        value: "brt"
+      }]
+    }]
+  }
+};
+export const WithSeparators = {
+  args: {
+    ...Default.args,
+    options: [{
+      label: "Eastern Standard Time (EST)",
+      value: "est"
+    }, {
+      label: "Central Standard Time (CST)",
+      value: "cst"
+    }, {
+      label: "Pacific Standard Time (PST)",
+      value: "pst",
+      separator: true
+    }, {
+      label: "Greenwich Mean Time (GMT)",
+      value: "gmt"
+    }, {
+      label: "Central European Time (CET)",
+      value: "cet"
+    }, {
+      label: "Central Africa Time (CAT)",
+      value: "cat",
+      separator: true
+    }, {
+      label: "India Standard Time (IST)",
+      value: "ist"
+    }, {
+      label: "China Standard Time (CST)",
+      value: "cst_china"
+    }, {
+      label: "Japan Standard Time (JST)",
+      value: "jst",
+      separator: true
+    }, {
+      label: "Australian Western Standard Time (AWST)",
+      value: "awst"
+    }, {
+      label: "New Zealand Standard Time (NZST)",
+      value: "nzst"
+    }, {
+      label: "Fiji Time (FJT)",
+      value: "fjt",
+      separator: true
+    }, {
+      label: "Argentina Time (ART)",
+      value: "art"
+    }, {
+      label: "Bolivia Time (BOT)",
+      value: "bot"
+    }, {
+      label: "Brasilia Time (BRT)",
+      value: "brt"
+    }]
+  }
+};
+export const WithDisabledOptions = {
+  args: {
+    options: [{
+      label: "Eastern Standard Time (EST)",
+      value: "est",
+      disabled: true
+    }, {
+      label: "Central Standard Time (CST)",
+      value: "cst",
+      disabled: true
+    }, {
+      label: "Pacific Standard Time (PST)",
+      value: "pst",
+      disabled: true
+    }, {
+      label: "Greenwich Mean Time (GMT)",
+      value: "gmt"
+    }, {
+      label: "Central European Time (CET)",
+      value: "cet"
+    }, {
+      label: "Central Africa Time (CAT)",
+      value: "cat"
+    }, {
+      label: "India Standard Time (IST)",
+      value: "ist"
+    }, {
+      label: "China Standard Time (CST)",
+      value: "cst_china"
+    }, {
+      label: "Japan Standard Time (JST)",
+      value: "jst"
+    }, {
+      label: "Australian Western Standard Time (AWST)",
+      value: "awst"
+    }, {
+      label: "New Zealand Standard Time (NZST)",
+      value: "nzst"
+    }, {
+      label: "Fiji Time (FJT)",
+      value: "fjt"
+    }, {
+      label: "Argentina Time (ART)",
+      value: "art"
+    }, {
+      label: "Bolivia Time (BOT)",
+      value: "bot"
+    }, {
+      label: "Brasilia Time (BRT)",
+      value: "brt"
+    }]
+  }
+};
+export const WithExternalValueControl = {
+  args: {
+    ...Default.args,
+    options: ["Eastern Standard Time (EST)", "Central Standard Time (CST)", "Pacific Standard Time (PST)", "Greenwich Mean Time (GMT)", "Central European Time (CET)", "Central Africa Time (CAT)", "India Standard Time (IST)", "China Standard Time (CST)", "Japan Standard Time (JST)", "Australian Western Standard Time (AWST)", "New Zealand Standard Time (NZST)", "Fiji Time (FJT)", "Argentina Time (ART)", "Bolivia Time (BOT)", "Brasilia Time (BRT)"]
+  },
+  render: args => {
+    const [value, setValue] = useState(args.value);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-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"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: "Reset",
+      onClick: () => setValue(undefined)
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "wby-mt-4 wby-text-center"
+    }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
+  }
+};
+
+//# sourceMappingURL=SelectPrimitive.stories.js.map

package/Select/primitives/SelectPrimitive.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ReactComponent","SearchIcon","ChevronRight","SelectPrimitive","Button","meta","title","component","argTypes","onChange","action","onOpenChange","variant","control","options","size","disabled","invalid","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","Default","MediumSize","LargeSize","ExtraLargeSize","WithCustomPlaceholder","placeholder","WithStartIcon","startIcon","WithEndIconIcon","endIcon","WithStartAndEndIcons","WithoutResetAction","displayResetAction","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","WithFormattedOptions","label","WithOptionGroups","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick","undefined"],"sources":["SelectPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\nimport { SelectPrimitive } from \"./SelectPrimitive\";\nimport { Button } from \"~/Button\";\n\nconst meta: Meta<typeof SelectPrimitive> = {\n    title: \"Components/Form Primitives/Select\",\n    component: SelectPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        variant: { control: \"select\", options: [\"primary\", \"secondary\", \"ghost\"] },\n        size: { control: \"select\", options: [\"md\", \"lg\", \"xl\"] },\n        disabled: { control: \"boolean\" },\n        invalid: { control: \"boolean\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <SelectPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SelectPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    }\n};\n\nexport const MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />\n    }\n};\n\nexport const WithEndIconIcon: Story = {\n    args: {\n        ...Default.args,\n        endIcon: <SearchIcon />\n    }\n};\n\nexport const WithStartAndEndIcons: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />,\n        endIcon: <ChevronRight />\n    }\n};\n\nexport const WithoutResetAction: Story = {\n    args: {\n        ...Default.args,\n        displayResetAction: false\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const WithFormattedOptions: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithOptionGroups: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"North America\",\n                options: [\n                    { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n                    { label: \"Central Standard Time (CST)\", value: \"cst\" },\n                    { label: \"Pacific Standard Time (PST)\", value: \"pst\" }\n                ]\n            },\n            {\n                label: \"Europe & Africa\",\n                options: [\n                    { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n                    { label: \"Central European Time (CET)\", value: \"cet\" },\n                    { label: \"Central Africa Time (CAT)\", value: \"cat\" }\n                ]\n            },\n            {\n                label: \"Asia\",\n                options: [\n                    { label: \"India Standard Time (IST)\", value: \"ist\" },\n                    { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n                    { label: \"Japan Standard Time (JST)\", value: \"jst\" }\n                ]\n            },\n            {\n                label: \"Australia & Pacific\",\n                options: [\n                    { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n                    { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n                    { label: \"Fiji Time (FJT)\", value: \"fjt\" }\n                ]\n            },\n            {\n                label: \"South America\",\n                options: [\n                    { label: \"Argentina Time (ART)\", value: \"art\" },\n                    { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n                    { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n                ]\n            }\n        ]\n    }\n};\n\nexport const WithSeparators: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithDisabledOptions: Story = {\n    args: {\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n            { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <SelectPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(undefined)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

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

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