@purpur/library 9.8.1 → 9.10.0

package/dist/search-field-Dx4qCcrh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-field-Dx4qCcrh.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field-base.tsx","../../../components/search-field/src/search-field-autocomplete.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n  type?: \"submit\" | \"button\";\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n  type = \"submit\",\n  onClick,\n}: Props) => {\n  const buttonProps = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n    onClick,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...buttonProps} aria-label={label} iconOnly size=\"sm\" type={type} variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...buttonProps} size=\"sm\" type={type} variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, {\n  type ChangeEvent,\n  type CSSProperties,\n  type FormEvent,\n  forwardRef,\n  type RefObject,\n} from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport { type AutocompleteOption } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search is triggered.\n   * */\n  onSearch?: (event?: React.SyntheticEvent) => void;\n  /**\n   * Controls how the search field handles submission.\n   * - `\"form\"` (default): Renders a `<form>` element and submits via form submission.\n   * - `\"manual\"`: Renders a `<div>` instead of a `<form>` element.\n   *   Use this when the component is nested inside another form.\n   * */\n  submitBehavior?: \"form\" | \"manual\";\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldBaseProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\" | \"variant\">;\n\ntype SearchFieldBaseInternalProps = SearchFieldBaseProps & {\n  wrapperStyle?: CSSProperties;\n};\n\ntype SearchFieldAutocompleteSharedProps = {\n  /**\n   * Called when the user selects a suggestion.\n   */\n  onSelectSuggestion?: (option: AutocompleteOption) => void;\n  /**\n   * Open the suggestions listbox when the input receives focus.\n   */\n  openSuggestionsOnFocus?: boolean;\n  /**\n   * Maximum height of the suggestions listbox. A number is interpreted as px.\n   */\n  suggestionsMaxHeight?: string | number;\n};\n\ntype SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {\n  suggestions?: never;\n  suggestionsLabel?: never;\n};\n\ntype SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {\n  /**\n   * The list of suggestions to display in a listbox below the field.\n   * No filtering is applied — pass the already-correct (pre-filtered) list.\n   * If autocomplete should stay enabled while there are temporarily no matches,\n   * pass an empty array instead of `undefined` or `null`. Changing this prop\n   * from an absent value to an array switches between the regular and\n   * autocomplete variants, which causes a re-render, drops input focus, and\n   * hides the listbox.\n   */\n  suggestions: AutocompleteOption[];\n  /**\n   * Accessible label for the suggestions listbox.\n   */\n  suggestionsLabel: string;\n};\n\nexport type SearchFieldAutocompleteEnhancements =\n  | SearchFieldWithoutAutocomplete\n  | SearchFieldWithAutocomplete;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchFieldBase = forwardRef<HTMLInputElement, SearchFieldBaseInternalProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      submitBehavior = \"form\",\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      wrapperStyle,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n    const isManualSubmit = submitBehavior === \"manual\";\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    const textFieldProps: TextFieldProps = {\n      ref,\n      className: classes,\n      clearButtonAriaLabel,\n      disabled,\n      onClear,\n      startAdornment: !iconOnlySearchButton ? (\n        <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n      ) : null,\n      \"data-testid\": getTestId(\"text-field\"),\n      type: \"search\" as const,\n      ...props,\n    };\n\n    const searchButton =\n      variant !== \"no-button\" ? (\n        <SearchFieldButton\n          type={isManualSubmit ? \"button\" : \"submit\"}\n          onClick={isManualSubmit ? (event) => onSearch?.(event) : undefined}\n          disabled={disabled}\n          iconOnly={iconOnlySearchButton}\n          label={searchButtonLabel}\n          data-testid={getTestId(\"button\")}\n        />\n      ) : null;\n\n    if (isManualSubmit) {\n      const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        props.onKeyDown?.(event);\n\n        if (event.key === \"Enter\" && !event.defaultPrevented) {\n          event.preventDefault();\n          onSearch?.(event);\n        }\n      };\n\n      return (\n        <div\n          className={cx(`${rootClassName}__wrapper`)}\n          data-testid={dataTestId}\n          style={wrapperStyle}\n        >\n          <TextField {...textFieldProps} onKeyDown={handleKeyDown} afterField={searchButton} />\n        </div>\n      );\n    }\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        style={wrapperStyle}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField {...textFieldProps} afterField={searchButton} />\n      </form>\n    );\n  }\n);\n\nSearchFieldBase.displayName = \"SearchFieldBase\";\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { type AutocompleteOption, useAutocomplete } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport {\n  type SearchFieldAutocompleteEnhancements,\n  SearchFieldBase,\n  type SearchFieldBaseProps,\n} from \"./search-field-base\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport type SearchFieldAutocompleteProps = SearchFieldBaseProps &\n  Extract<SearchFieldAutocompleteEnhancements, { suggestions: AutocompleteOption[] }>;\n\nexport const SearchFieldAutocomplete = forwardRef<HTMLInputElement, SearchFieldAutocompleteProps>(\n  (\n    {\n      suggestions,\n      suggestionsLabel,\n      onSelectSuggestion,\n      openSuggestionsOnFocus,\n      suggestionsMaxHeight,\n      ...searchFieldProps\n    },\n    ref\n  ) => {\n    const randomId = useId();\n    const inputId = (searchFieldProps.id as string | undefined) ?? randomId;\n\n    const autocomplete = useAutocomplete({\n      id: inputId,\n      options: suggestions,\n      listboxLabel: suggestionsLabel,\n      disabled: searchFieldProps.disabled,\n      readOnly: searchFieldProps.readOnly,\n      openOnFocus: openSuggestionsOnFocus,\n      listboxMaxHeight: suggestionsMaxHeight,\n      onSelect: onSelectSuggestion,\n      [\"data-testid\"]: searchFieldProps[\"data-testid\"],\n    });\n\n    const setInputRef = (node: HTMLInputElement | null) => {\n      (autocomplete.inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    };\n\n    const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n      searchFieldProps.onChange?.(event);\n      if (!autocomplete.isOpen) {\n        autocomplete.openListbox();\n      }\n    };\n\n    return (\n      <div\n        ref={autocomplete.rootRef as React.RefObject<HTMLDivElement>}\n        className={cx(`${rootClassName}__autocomplete-root`)}\n      >\n        <SearchFieldBase\n          ref={setInputRef}\n          {...searchFieldProps}\n          onChange={handleInputChange}\n          id={inputId}\n          wrapperStyle={autocomplete.anchorStyle}\n          {...autocomplete.inputProps}\n        />\n        {autocomplete.isOpen && (\n          <Listbox {...autocomplete.listboxProps} className={cx(`${rootClassName}__listbox`)}>\n            {suggestions.map((option, index) => {\n              const { key, ...listboxItemProps } = autocomplete.getListboxItemProps(option, index);\n\n              return (\n                <Listbox.Item key={key} {...listboxItemProps}>\n                  {option.label}\n                </Listbox.Item>\n              );\n            })}\n          </Listbox>\n        )}\n      </div>\n    );\n  }\n);\n\nSearchFieldAutocomplete.displayName = \"SearchFieldAutocomplete\";\n","import React, { forwardRef } from \"react\";\n\nimport { SearchFieldAutocomplete } from \"./search-field-autocomplete\";\nimport {\n  type SearchFieldAutocompleteEnhancements,\n  SearchFieldBase,\n  type SearchFieldBaseProps,\n  searchFieldVariants,\n} from \"./search-field-base\";\n\nexport { searchFieldVariants };\n\nexport type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>((props, ref) => {\n  if (props.suggestions) {\n    return <SearchFieldAutocomplete ref={ref} {...props} />;\n  }\n\n  return <SearchFieldBase ref={ref} {...props} />;\n});\n\nSearchField.displayName = \"SearchField\";\n\nexport {\n  SearchFieldAutocomplete,\n  type SearchFieldAutocompleteProps,\n} from \"./search-field-autocomplete\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","type","onClick","buttonProps","Button","IconSearch","jsx","searchFieldVariants","SearchFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","submitBehavior","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","wrapperStyle","props","ref","getTestId","name","hasClearButton","isManualSubmit","classes","textFieldProps","searchButton","event","handleKeyDown","TextField","e","SearchFieldAutocomplete","suggestions","suggestionsLabel","onSelectSuggestion","openSuggestionsOnFocus","suggestionsMaxHeight","searchFieldProps","randomId","useId","inputId","autocomplete","useAutocomplete","setInputRef","node","handleInputChange","jsxs","Listbox","option","index","key","listboxItemProps","SearchField"],"mappings":"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"}

package/dist/select-BEmu_fh9.mjs

@@ -1,175 +0,0 @@
-import { jsx as l, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as S, useId as z } from "react";
-import { F as j } from "./field-error-text-CBSX8dGx.mjs";
-import { F as L } from "./field-helper-text-C5ee4SFV.mjs";
-import { r as h } from "./check-circle-filled.es-umBwOv5_.mjs";
-import { l as N } from "./chevron-down.es-PCIIj6oG.mjs";
-import { L as q } from "./label-7sJe5-pX.mjs";
-import { a as E } from "./spinner-DRQN6YdK.mjs";
-import { c as H } from "./bind-CU-R61T-.mjs";
-const K = {
-  "purpur-select": "_purpur-select_1gf3p_1",
-  "purpur-select__label": "_purpur-select__label_1gf3p_7",
-  "purpur-select__field-row": "_purpur-select__field-row_1gf3p_12",
-  "purpur-select__frame": "_purpur-select__frame_1gf3p_16",
-  "purpur-select__frame--negative": "_purpur-select__frame--negative_1gf3p_23",
-  "purpur-select__select-container": "_purpur-select__select-container_1gf3p_26",
-  "purpur-select__select-container--disabled": "_purpur-select__select-container--disabled_1gf3p_33",
-  "purpur-select__select": "_purpur-select__select_1gf3p_26",
-  "purpur-select__select-container--readonly": "_purpur-select__select-container--readonly_1gf3p_33",
-  "purpur-select__select-container--negative": "_purpur-select__select-container--negative_1gf3p_41",
-  "purpur-select__select--error": "_purpur-select__select--error_1gf3p_91",
-  "purpur-select__select--is-valid": "_purpur-select__select--is-valid_1gf3p_97",
-  "purpur-select__select--negative": "_purpur-select__select--negative_1gf3p_103",
-  "purpur-select__end-adornments": "_purpur-select__end-adornments_1gf3p_120",
-  "purpur-select__select-icon": "_purpur-select__select-icon_1gf3p_130",
-  "purpur-select__select-icon--readonly": "_purpur-select__select-icon--readonly_1gf3p_133",
-  "purpur-select__select-icon--disabled": "_purpur-select__select-icon--disabled_1gf3p_133",
-  "purpur-select__select-icon--negative": "_purpur-select__select-icon--negative_1gf3p_136",
-  "purpur-select__valid-icon": "_purpur-select__valid-icon_1gf3p_142"
-}, a = H.bind(K), e = "purpur-select", R = S(
-  ({
-    label: r,
-    options: n,
-    className: p,
-    errorText: s,
-    helperText: u,
-    negative: i = !1,
-    placeholder: d,
-    readOnly: c = !1,
-    ["data-testid"]: $,
-    valid: w,
-    loading: x,
-    ..._
-  }, C) => {
-    const t = (f) => $ ? `${$}-${f}` : void 0, o = w && !s, F = z(), m = _.id ?? F, v = u ? `${m}-helper-text` : void 0, I = a(`${e}__select-container`, {
-      [`${e}__select-container--disabled`]: _.disabled,
-      [`${e}__select-container--readonly`]: c && !_.disabled,
-      [`${e}__select-container--negative`]: i
-    });
-    return N, a(`${e}__select-icon`, {
-      [`${e}__select-icon--disabled`]: _.disabled,
-      [`${e}__select-icon--readonly`]: c && !_.disabled,
-      [`${e}__select-icon--is-valid`]: o,
-      [`${e}__select-icon--negative`]: i
-    }), t("dropdown-icon"), o && (h, t("valid-icon"), a(`${e}__valid-icon`)), /* @__PURE__ */ b(
-      "div",
-      {
-        className: a(e, p, {
-          [`${e}--negative`]: i
-        }),
-        children: [
-          r && /* @__PURE__ */ b(
-            q,
-            {
-              htmlFor: m,
-              className: a(`${e}__label`),
-              "data-testid": t("label"),
-              disabled: _.disabled,
-              negative: i,
-              children: [
-                _.required && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
-                r
-              ]
-            }
-          ),
-          /* @__PURE__ */ l("div", { className: a(`${e}__field-row`), children: /* @__PURE__ */ b("div", { className: I, children: [
-            /* @__PURE__ */ b(
-              "select",
-              {
-                ..._,
-                onChange: c ? void 0 : _?.onChange,
-                id: m,
-                ref: C,
-                "data-testid": t("select"),
-                "aria-describedby": _["aria-describedby"] || v,
-                "aria-invalid": _["aria-invalid"] || !!s,
-                "aria-disabled": _["aria-disabled"] || _.disabled,
-                "aria-readonly": _["aria-readonly"] || c && !_.disabled,
-                className: a(`${e}__select`, {
-                  [`${e}__select--error`]: !!s,
-                  [`${e}__select--is-valid`]: o,
-                  [`${e}__select--negative`]: i
-                }),
-                children: [
-                  d && /* @__PURE__ */ l("option", { value: d.value ?? d.label, disabled: !0, children: d.label }),
-                  n.map(
-                    (f, g) => V(f) ? k(f, m, g, c) : y(f, m, g, c)
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ b("div", { className: a(`${e}__end-adornments`), children: [
-              x ? /* @__PURE__ */ l(
-                E,
-                {
-                  disabled: _.disabled,
-                  size: "xxs",
-                  negative: i,
-                  "data-testid": t("spinner")
-                },
-                "spinner"
-              ) : /* @__PURE__ */ l(
-                N,
-                {
-                  className: a(`${e}__select-icon`, {
-                    [`${e}__select-icon--disabled`]: _.disabled,
-                    [`${e}__select-icon--readonly`]: c && !_.disabled,
-                    [`${e}__select-icon--is-valid`]: o,
-                    [`${e}__select-icon--negative`]: i
-                  }),
-                  "data-testid": t("dropdown-icon"),
-                  size: "sm"
-                },
-                "chevron-down-icon"
-              ),
-              o && /* @__PURE__ */ l(
-                h,
-                {
-                  "data-testid": t("valid-icon"),
-                  className: a(`${e}__valid-icon`)
-                },
-                "valid-icon"
-              )
-            ] }),
-            /* @__PURE__ */ l(
-              "div",
-              {
-                className: a(`${e}__frame`, {
-                  [`${e}__frame--negative`]: i
-                })
-              }
-            )
-          ] }) }),
-          v && /* @__PURE__ */ l(
-            L,
-            {
-              disabled: _.disabled,
-              "data-testid": t("helper-text"),
-              id: v,
-              negative: i,
-              children: u
-            }
-          ),
-          s && /* @__PURE__ */ l(j, { negative: i, "data-testid": t("error-text"), children: s })
-        ]
-      }
-    );
-  }
-), V = (r) => r.hasOwnProperty("options"), k = (r, n, p, s) => {
-  const u = `${n}--group--${p}`;
-  return /* @__PURE__ */ l("optgroup", { label: r.label, children: r.options.map((i, d) => y(i, u, d, s)) }, u);
-}, y = (r, n, p, s) => /* @__PURE__ */ l(
-  "option",
-  {
-    value: r.value ?? r.label,
-    disabled: s,
-    children: r.label
-  },
-  `${n}--option--${p}`
-);
-R.displayName = "Select";
-export {
-  R as S
-};
-//# sourceMappingURL=select-BEmu_fh9.mjs.map

package/dist/select-BEmu_fh9.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BEmu_fh9.mjs","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","IconChevronDown","IconCheckCircleFilled","jsxs","Label","jsx","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}

package/dist/select-DOqTJgTj.js

@@ -1,2 +0,0 @@
-"use strict";const _=require("react/jsx-runtime"),g=require("react"),F=require("./field-error-text-FhQulSV5.js"),S=require("./field-helper-text-DSKO-Tce.js"),x=require("./check-circle-filled.es-5-GXE9l4.js"),h=require("./chevron-down.es-BMjgiS3F.js"),z=require("./label-yHK80hhV.js"),R=require("./spinner-tKunS_o-.js"),E=require("./bind-DeUYJ6m9.js"),H={"purpur-select":"_purpur-select_1gf3p_1","purpur-select__label":"_purpur-select__label_1gf3p_7","purpur-select__field-row":"_purpur-select__field-row_1gf3p_12","purpur-select__frame":"_purpur-select__frame_1gf3p_16","purpur-select__frame--negative":"_purpur-select__frame--negative_1gf3p_23","purpur-select__select-container":"_purpur-select__select-container_1gf3p_26","purpur-select__select-container--disabled":"_purpur-select__select-container--disabled_1gf3p_33","purpur-select__select":"_purpur-select__select_1gf3p_26","purpur-select__select-container--readonly":"_purpur-select__select-container--readonly_1gf3p_33","purpur-select__select-container--negative":"_purpur-select__select-container--negative_1gf3p_41","purpur-select__select--error":"_purpur-select__select--error_1gf3p_91","purpur-select__select--is-valid":"_purpur-select__select--is-valid_1gf3p_97","purpur-select__select--negative":"_purpur-select__select--negative_1gf3p_103","purpur-select__end-adornments":"_purpur-select__end-adornments_1gf3p_120","purpur-select__select-icon":"_purpur-select__select-icon_1gf3p_130","purpur-select__select-icon--readonly":"_purpur-select__select-icon--readonly_1gf3p_133","purpur-select__select-icon--disabled":"_purpur-select__select-icon--disabled_1gf3p_133","purpur-select__select-icon--negative":"_purpur-select__select-icon--negative_1gf3p_136","purpur-select__valid-icon":"_purpur-select__valid-icon_1gf3p_142"},r=E.c.bind(H),e="purpur-select",j=g.forwardRef(({label:i,options:n,className:u,errorText:t,helperText:p,negative:l=!1,placeholder:d,readOnly:a=!1,["data-testid"]:$,valid:q,loading:w,...s},y)=>{const c=f=>$?`${$}-${f}`:void 0,o=q&&!t,C=g.useId(),b=s.id??C,v=p?`${b}-helper-text`:void 0,I=r(`${e}__select-container`,{[`${e}__select-container--disabled`]:s.disabled,[`${e}__select-container--readonly`]:a&&!s.disabled,[`${e}__select-container--negative`]:l});return h.l,r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),c("dropdown-icon"),o&&(x.r,c("valid-icon"),r(`${e}__valid-icon`)),_.jsxs("div",{className:r(e,u,{[`${e}--negative`]:l}),children:[i&&_.jsxs(z.Label,{htmlFor:b,className:r(`${e}__label`),"data-testid":c("label"),disabled:s.disabled,negative:l,children:[s.required&&_.jsx("span",{"aria-hidden":!0,children:"*"}),i]}),_.jsx("div",{className:r(`${e}__field-row`),children:_.jsxs("div",{className:I,children:[_.jsxs("select",{...s,onChange:a?void 0:s?.onChange,id:b,ref:y,"data-testid":c("select"),"aria-describedby":s["aria-describedby"]||v,"aria-invalid":s["aria-invalid"]||!!t,"aria-disabled":s["aria-disabled"]||s.disabled,"aria-readonly":s["aria-readonly"]||a&&!s.disabled,className:r(`${e}__select`,{[`${e}__select--error`]:!!t,[`${e}__select--is-valid`]:o,[`${e}__select--negative`]:l}),children:[d&&_.jsx("option",{value:d.value??d.label,disabled:!0,children:d.label}),n.map((f,m)=>k(f)?D(f,b,m,a):N(f,b,m,a))]}),_.jsxs("div",{className:r(`${e}__end-adornments`),children:[w?_.jsx(R.Spinner,{disabled:s.disabled,size:"xxs",negative:l,"data-testid":c("spinner")},"spinner"):_.jsx(h.l,{className:r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),"data-testid":c("dropdown-icon"),size:"sm"},"chevron-down-icon"),o&&_.jsx(x.r,{"data-testid":c("valid-icon"),className:r(`${e}__valid-icon`)},"valid-icon")]}),_.jsx("div",{className:r(`${e}__frame`,{[`${e}__frame--negative`]:l})})]})}),v&&_.jsx(S.FieldHelperText,{disabled:s.disabled,"data-testid":c("helper-text"),id:v,negative:l,children:p}),t&&_.jsx(F.FieldErrorText,{negative:l,"data-testid":c("error-text"),children:t})]})}),k=i=>i.hasOwnProperty("options"),D=(i,n,u,t)=>{const p=`${n}--group--${u}`;return _.jsx("optgroup",{label:i.label,children:i.options.map((l,d)=>N(l,p,d,t))},p)},N=(i,n,u,t)=>_.jsx("option",{value:i.value??i.label,disabled:t,children:i.label},`${n}--option--${u}`);j.displayName="Select";exports.Select=j;
-//# sourceMappingURL=select-DOqTJgTj.js.map

package/dist/select-DOqTJgTj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-DOqTJgTj.js","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","jsx","IconChevronDown","IconCheckCircleFilled","jsxs","Label","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}