@artsy/palette 43.5.0-canary.1466.32519.0 → 44.0.0

package/dist/elements/SelectInput/SelectInput.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import { InputProps } from "../Input";
+import { TextProps } from "../Text";
 import { Option } from "./SelectInputList";
+import { ClickableProps } from "../Clickable";
 export interface SelectInputProps extends Omit<InputProps, "onSelect"> {
     active?: boolean;
     enableSearch?: boolean;
@@ -14,5 +16,9 @@ export interface SelectInputProps extends Omit<InputProps, "onSelect"> {
     onSelect: (option: Option) => void;
     options: Option[];
     required?: boolean;
+    /** Controls the width of the left hand select dropdown UI */
+    selectWidth?: ClickableProps["width"];
+    /** Controls the gap between the text and name labels in select options */
+    optionTextMinWidth?: TextProps["minWidth"];
 }
 export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/elements/SelectInput/SelectInput.js

@@ -18,7 +18,7 @@ var _RequiredField = require("../../shared/RequiredField");
 var _SelectInputList = require("./SelectInputList");
 var _Select = require("../Select");
 var _Clickable = require("../Clickable");
-var _excluded = ["className", "enableSearch", "disabled", "dropdownValue", "error", "focus", "hover", "label", "inputValue", "onSelect", "options", "required"];
+var _excluded = ["className", "enableSearch", "disabled", "dropdownValue", "error", "focus", "hover", "label", "inputValue", "onSelect", "options", "required", "selectWidth", "optionTextMinWidth"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,6 +44,8 @@ var SelectInput = exports.SelectInput = /*#__PURE__*/_react.default.forwardRef(f
     onSelect = _ref.onSelect,
     options = _ref.options,
     required = _ref.required,
+    selectWidth = _ref.selectWidth,
+    optionTextMinWidth = _ref.optionTextMinWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   if (options.length === 0) {
     throw new Error("Palette SelectInput requires at least 1 option in the options prop");
@@ -118,7 +120,8 @@ var SelectInput = exports.SelectInput = /*#__PURE__*/_react.default.forwardRef(f
     disabled: disabled,
     onClick: function onClick() {
       setOpen(!disabled && !open);
-    }
+    },
+    width: selectWidth
   }, selectedOption.text), /*#__PURE__*/_react.default.createElement(SelectInputInput, _extends({
     disabled: disabled,
     ref: (0, _composeReactRefs.default)(inputRef, forwardedRef),
@@ -137,7 +140,8 @@ var SelectInput = exports.SelectInput = /*#__PURE__*/_react.default.forwardRef(f
     options: options,
     onSelect: handleSelect,
     onClose: handleClose,
-    enableSearch: enableSearch
+    enableSearch: enableSearch,
+    optionTextMinWidth: optionTextMinWidth
   })), required && !(error && typeof error === "string") && /*#__PURE__*/_react.default.createElement(_RequiredField.RequiredField, {
     mt: 0.5,
     ml: 1,
@@ -160,7 +164,10 @@ var SelectInputContainer = (0, _styledComponents.default)(_Box.Box).withConfig({
 var SelectInputSelect = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
   displayName: "SelectInput__SelectInputSelect",
   componentId: "sc-dg0cg9-1"
-})(["", " display:flex;align-items:center;position:relative;min-width:120px;border:1px solid;border-right:0;padding:0 24px 0 ", ";font-family:", ";border-radius:3px 0 0 3px;border-color:", ";cursor:pointer;line-height:1;transition:color 0.25s,border-color 0.25s;height:50px;font-size:", ";color:", ";&:focus{outline:none;text-decoration:underline;color:", ";}"], _Select.caretMixin, (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.blue100"));
+})(["", " display:flex;align-items:center;position:relative;min-width:", "px;border:1px solid;border-right:0;padding:0 24px 0 ", ";font-family:", ";border-radius:3px 0 0 3px;border-color:", ";cursor:pointer;line-height:1;transition:color 0.25s,border-color 0.25s;height:50px;font-size:", ";color:", ";&:focus{outline:none;text-decoration:underline;color:", ";}"], _Select.caretMixin, function (p) {
+  var _p$width;
+  return (_p$width = p.width) !== null && _p$width !== void 0 ? _p$width : 120;
+}, (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.blue100"));
 var SelectInputDropdown = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "SelectInput__SelectInputDropdown",
   componentId: "sc-dg0cg9-2"

package/dist/elements/SelectInput/SelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_utils","_Box","_Text","_tokens","_RequiredField","_SelectInputList","_Select","_Clickable","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SelectInput","exports","React","forwardRef","_ref","forwardedRef","className","enableSearch","disabled","dropdownValue","error","focus","hover","label","inputValue","onSelect","options","required","rest","Error","inputRef","useRef","containerRef","defaultOption","useMemo","find","option","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useState","useState","_useState2","open","setOpen","_useState3","_useState4","selectedOption","setSelectedOption","_usePosition","usePosition","position","offset","active","flip","anchorRef","tooltipRef","_useWidthOf","useWidthOf","ref","width","inputName","handleSelect","_inputRef$current","current","handleFocusChange","useCallback","focused","_useContainsFocus","useContainsFocus","onChange","containsFocusRef","handleClose","createElement","Box","composeRefs","SelectInputContainer","placeholder","SelectInputSelect","onClick","text","SelectInputInput","maxLength","SelectInputLabel","htmlFor","SelectInputDropdown","role","SelectInputList","onClose","RequiredField","mt","ml","Text","variant","mr","color","textAlign","displayName","styled","withConfig","componentId","props","css","SELECT_INPUT_STATES","completed","Clickable","caretMixin","themeGet","input","systemHeight"],"sources":["../../../src/elements/SelectInput/SelectInput.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback, useMemo, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { height as systemHeight } from \"styled-system\"\nimport { useContainsFocus, usePosition, useWidthOf } from \"../../utils\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { InputProps } from \"../Input\"\nimport { Text } from \"../Text\"\nimport { SELECT_INPUT_STATES } from \"./tokens\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Option, SelectInputList } from \"./SelectInputList\"\nimport { caretMixin } from \"../Select\"\nimport { Clickable } from \"../Clickable\"\n\nexport interface SelectInputProps extends Omit<InputProps, \"onSelect\"> {\n  active?: boolean\n  enableSearch?: boolean\n  disabled?: boolean\n  dropdownValue?: string\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  inputValue?: string\n  label: string\n  onSelect: (option: Option) => void\n  options: Option[]\n  required?: boolean\n}\n\nexport const SelectInput = React.forwardRef<HTMLInputElement, SelectInputProps>(\n  (\n    {\n      className,\n      enableSearch,\n      disabled,\n      dropdownValue,\n      error,\n      focus,\n      hover,\n      label,\n      inputValue,\n      onSelect,\n      options,\n      required,\n      ...rest\n    },\n    forwardedRef\n  ) => {\n    if (options.length === 0) {\n      throw new Error(\n        \"Palette SelectInput requires at least 1 option in the options prop\"\n      )\n    }\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const containerRef = useRef<HTMLDivElement | null>(null)\n\n    const defaultOption = useMemo(\n      () =>\n        dropdownValue &&\n        options.find((option) => option.value === dropdownValue),\n      [dropdownValue, options]\n    )\n\n    const [boxProps, inputProps] = splitBoxProps(rest)\n\n    const [open, setOpen] = useState(false)\n    const [selectedOption, setSelectedOption] = useState(\n      defaultOption || options[0]\n    )\n\n    const { anchorRef, tooltipRef } = usePosition({\n      position: \"bottom\",\n      offset: 10,\n      active: open,\n      flip: false,\n    })\n\n    const { width } = useWidthOf({ ref: anchorRef })\n\n    const inputName = inputProps.name || \"palette-select-input\"\n\n    const handleSelect = (option: Option) => {\n      setSelectedOption(option)\n      setOpen(false)\n      inputRef.current?.focus()\n      onSelect?.(option)\n    }\n\n    const handleFocusChange = useCallback(\n      (focused: boolean) => {\n        if (focused || !open) return\n        setOpen(false)\n      },\n      [open]\n    )\n\n    // Handle closing the dropdown when clicking outside of the input\n    // or when focus leaves the input completely\n    const { ref: containsFocusRef } = useContainsFocus({\n      onChange: handleFocusChange,\n    })\n\n    const handleClose = () => {\n      setOpen(false)\n    }\n\n    return (\n      <Box\n        ref={composeRefs(containerRef, containsFocusRef) as any}\n        width=\"100%\"\n        className={className}\n        {...boxProps}\n      >\n        <SelectInputContainer\n          ref={anchorRef as any}\n          open={open}\n          hover={hover}\n          focus={focus}\n          error={error}\n          disabled={disabled}\n          placeholder={inputProps.placeholder}\n        >\n          <SelectInputSelect\n            data-testid=\"country-picker\"\n            disabled={disabled}\n            onClick={() => {\n              setOpen(!disabled && !open)\n            }}\n          >\n            {selectedOption.text}\n          </SelectInputSelect>\n\n          <SelectInputInput\n            disabled={disabled}\n            ref={composeRefs(inputRef, forwardedRef)}\n            required={required}\n            name={inputName}\n            maxLength={25}\n            placeholder={inputProps.placeholder}\n            value={inputValue}\n            {...inputProps}\n          />\n\n          <SelectInputLabel htmlFor={inputName}>{label}</SelectInputLabel>\n        </SelectInputContainer>\n\n        {open && (\n          <SelectInputDropdown\n            ref={tooltipRef as any}\n            role=\"listbox\"\n            width={width}\n          >\n            <SelectInputList\n              options={options}\n              onSelect={handleSelect}\n              onClose={handleClose}\n              enableSearch={enableSearch}\n            />\n          </SelectInputDropdown>\n        )}\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} disabled={disabled} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} mr={1} color=\"red100\" textAlign=\"right\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelectInput.displayName = \"SelectInput\"\n\ntype ContainerProps = Pick<\n  SelectInputProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"placeholder\"\n> & { open: boolean }\n\nconst SelectInputContainer = styled(Box)<ContainerProps>`\n  position: relative;\n  display: flex;\n  flex-direction: row;\n\n  ${(props) => {\n    return css`\n      ${SELECT_INPUT_STATES.default}\n      ${props.hover && SELECT_INPUT_STATES.hover}\n      ${(props.focus || props.open) && SELECT_INPUT_STATES.focus}\n      ${props.disabled && SELECT_INPUT_STATES.disabled}\n      ${props.error && SELECT_INPUT_STATES.error}\n\n      &:hover {\n        /* Applies hover style if the dropdown is not visible or the input is disabled */\n        ${!props.open && !props.disabled && SELECT_INPUT_STATES.hover}\n      }\n\n      &:focus-within {\n        ${!props.disabled && SELECT_INPUT_STATES.focus}\n\n        &:has(input:not(:placeholder-shown)) {\n          ${SELECT_INPUT_STATES.active}\n          ${props.error && SELECT_INPUT_STATES.error};\n        }\n      }\n\n      &:has(input:not(:placeholder-shown)) {\n        ${!!props.placeholder && SELECT_INPUT_STATES.completed}\n        ${props.error && SELECT_INPUT_STATES.error};\n      }\n    `\n  }}\n`\n\nconst SelectInputSelect = styled(Clickable)<{ disabled?: boolean }>`\n  ${caretMixin}\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-width: 120px;\n  border: 1px solid;\n  border-right: 0;\n  /* 24px = space.1 + 4px-wide caret + space.1 */\n  padding: 0 24px 0 ${themeGet(\"space.1\")};\n  font-family: ${themeGet(\"fonts.sans\")};\n  border-radius: 3px 0 0 3px;\n  border-color: ${themeGet(\"colors.mono30\")};\n  cursor: pointer;\n  line-height: 1;\n  transition: color 0.25s, border-color 0.25s;\n  height: 50px;\n  font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n  color: ${themeGet(\"colors.mono100\")};\n  &:focus {\n    outline: none;\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  }\n`\n\nconst SelectInputDropdown = styled(Box)`\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  background: ${themeGet(\"colors.mono0\")};\n  z-index: 1;\n  padding: ${themeGet(\"space.1\")};\n`\n\nconst SelectInputInput = styled.input`\n  width: 100%;\n  background-color: ${themeGet(\"colors.mono0\")};\n  padding: 0 ${themeGet(\"space.1\")};\n  appearance: none;\n  outline: none;\n  line-height: 1;\n  border: 1px solid;\n  border-radius: 0 3px 3px 0;\n  transition: color 0.25s, border-color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n  color: ${themeGet(\"colors.mono100\")};\n  border-color: ${themeGet(\"colors.mono30\")};\n  ${systemHeight}\n\n  ::placeholder {\n    color: ${themeGet(\"colors.mono60\")};\n    transition: color 0.25s;\n  }\n`\n\nconst SelectInputLabel = styled.label`\n  position: absolute;\n  top: 0;\n  left: 5px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n  font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n  color: ${themeGet(\"colors.mono60\")};\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    height: 2px;\n    width: 100%;\n    background-color: ${themeGet(\"colors.mono0\")};\n    z-index: -1;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"SelectInput.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_utils","_Box","_Text","_tokens","_RequiredField","_SelectInputList","_Select","_Clickable","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SelectInput","exports","React","forwardRef","_ref","forwardedRef","className","enableSearch","disabled","dropdownValue","error","focus","hover","label","inputValue","onSelect","options","required","selectWidth","optionTextMinWidth","rest","Error","inputRef","useRef","containerRef","defaultOption","useMemo","find","option","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useState","useState","_useState2","open","setOpen","_useState3","_useState4","selectedOption","setSelectedOption","_usePosition","usePosition","position","offset","active","flip","anchorRef","tooltipRef","_useWidthOf","useWidthOf","ref","width","inputName","handleSelect","_inputRef$current","current","handleFocusChange","useCallback","focused","_useContainsFocus","useContainsFocus","onChange","containsFocusRef","handleClose","createElement","Box","composeRefs","SelectInputContainer","placeholder","SelectInputSelect","onClick","text","SelectInputInput","maxLength","SelectInputLabel","htmlFor","SelectInputDropdown","role","SelectInputList","onClose","RequiredField","mt","ml","Text","variant","mr","color","textAlign","displayName","styled","withConfig","componentId","props","css","SELECT_INPUT_STATES","completed","Clickable","caretMixin","p","_p$width","themeGet","input","systemHeight"],"sources":["../../../src/elements/SelectInput/SelectInput.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback, useMemo, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { height as systemHeight } from \"styled-system\"\nimport { useContainsFocus, usePosition, useWidthOf } from \"../../utils\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { InputProps } from \"../Input\"\nimport { Text, TextProps } from \"../Text\"\nimport { SELECT_INPUT_STATES } from \"./tokens\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Option, SelectInputList } from \"./SelectInputList\"\nimport { caretMixin } from \"../Select\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\n\nexport interface SelectInputProps extends Omit<InputProps, \"onSelect\"> {\n  active?: boolean\n  enableSearch?: boolean\n  disabled?: boolean\n  dropdownValue?: string\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  inputValue?: string\n  label: string\n  onSelect: (option: Option) => void\n  options: Option[]\n  required?: boolean\n  /** Controls the width of the left hand select dropdown UI */\n  selectWidth?: ClickableProps[\"width\"]\n  /** Controls the gap between the text and name labels in select options */\n  optionTextMinWidth?: TextProps[\"minWidth\"]\n}\n\nexport const SelectInput = React.forwardRef<HTMLInputElement, SelectInputProps>(\n  (\n    {\n      className,\n      enableSearch,\n      disabled,\n      dropdownValue,\n      error,\n      focus,\n      hover,\n      label,\n      inputValue,\n      onSelect,\n      options,\n      required,\n      selectWidth,\n      optionTextMinWidth,\n      ...rest\n    },\n    forwardedRef\n  ) => {\n    if (options.length === 0) {\n      throw new Error(\n        \"Palette SelectInput requires at least 1 option in the options prop\"\n      )\n    }\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const containerRef = useRef<HTMLDivElement | null>(null)\n\n    const defaultOption = useMemo(\n      () =>\n        dropdownValue &&\n        options.find((option) => option.value === dropdownValue),\n      [dropdownValue, options]\n    )\n\n    const [boxProps, inputProps] = splitBoxProps(rest)\n\n    const [open, setOpen] = useState(false)\n    const [selectedOption, setSelectedOption] = useState(\n      defaultOption || options[0]\n    )\n\n    const { anchorRef, tooltipRef } = usePosition({\n      position: \"bottom\",\n      offset: 10,\n      active: open,\n      flip: false,\n    })\n\n    const { width } = useWidthOf({ ref: anchorRef })\n\n    const inputName = inputProps.name || \"palette-select-input\"\n\n    const handleSelect = (option: Option) => {\n      setSelectedOption(option)\n      setOpen(false)\n      inputRef.current?.focus()\n      onSelect?.(option)\n    }\n\n    const handleFocusChange = useCallback(\n      (focused: boolean) => {\n        if (focused || !open) return\n        setOpen(false)\n      },\n      [open]\n    )\n\n    // Handle closing the dropdown when clicking outside of the input\n    // or when focus leaves the input completely\n    const { ref: containsFocusRef } = useContainsFocus({\n      onChange: handleFocusChange,\n    })\n\n    const handleClose = () => {\n      setOpen(false)\n    }\n\n    return (\n      <Box\n        ref={composeRefs(containerRef, containsFocusRef) as any}\n        width=\"100%\"\n        className={className}\n        {...boxProps}\n      >\n        <SelectInputContainer\n          ref={anchorRef as any}\n          open={open}\n          hover={hover}\n          focus={focus}\n          error={error}\n          disabled={disabled}\n          placeholder={inputProps.placeholder}\n        >\n          <SelectInputSelect\n            data-testid=\"country-picker\"\n            disabled={disabled}\n            onClick={() => {\n              setOpen(!disabled && !open)\n            }}\n            width={selectWidth}\n          >\n            {selectedOption.text}\n          </SelectInputSelect>\n\n          <SelectInputInput\n            disabled={disabled}\n            ref={composeRefs(inputRef, forwardedRef)}\n            required={required}\n            name={inputName}\n            maxLength={25}\n            placeholder={inputProps.placeholder}\n            value={inputValue}\n            {...inputProps}\n          />\n\n          <SelectInputLabel htmlFor={inputName}>{label}</SelectInputLabel>\n        </SelectInputContainer>\n\n        {open && (\n          <SelectInputDropdown\n            ref={tooltipRef as any}\n            role=\"listbox\"\n            width={width}\n          >\n            <SelectInputList\n              options={options}\n              onSelect={handleSelect}\n              onClose={handleClose}\n              enableSearch={enableSearch}\n              optionTextMinWidth={optionTextMinWidth}\n            />\n          </SelectInputDropdown>\n        )}\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} disabled={disabled} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} mr={1} color=\"red100\" textAlign=\"right\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelectInput.displayName = \"SelectInput\"\n\ntype ContainerProps = Pick<\n  SelectInputProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"placeholder\"\n> & { open: boolean }\n\nconst SelectInputContainer = styled(Box)<ContainerProps>`\n  position: relative;\n  display: flex;\n  flex-direction: row;\n\n  ${(props) => {\n    return css`\n      ${SELECT_INPUT_STATES.default}\n      ${props.hover && SELECT_INPUT_STATES.hover}\n      ${(props.focus || props.open) && SELECT_INPUT_STATES.focus}\n      ${props.disabled && SELECT_INPUT_STATES.disabled}\n      ${props.error && SELECT_INPUT_STATES.error}\n\n      &:hover {\n        /* Applies hover style if the dropdown is not visible or the input is disabled */\n        ${!props.open && !props.disabled && SELECT_INPUT_STATES.hover}\n      }\n\n      &:focus-within {\n        ${!props.disabled && SELECT_INPUT_STATES.focus}\n\n        &:has(input:not(:placeholder-shown)) {\n          ${SELECT_INPUT_STATES.active}\n          ${props.error && SELECT_INPUT_STATES.error};\n        }\n      }\n\n      &:has(input:not(:placeholder-shown)) {\n        ${!!props.placeholder && SELECT_INPUT_STATES.completed}\n        ${props.error && SELECT_INPUT_STATES.error};\n      }\n    `\n  }}\n`\n\nconst SelectInputSelect = styled(Clickable)<{ disabled?: boolean }>`\n  ${caretMixin}\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-width: ${(p) => p.width ?? 120}px;\n  border: 1px solid;\n  border-right: 0;\n  /* 24px = space.1 + 4px-wide caret + space.1 */\n  padding: 0 24px 0 ${themeGet(\"space.1\")};\n  font-family: ${themeGet(\"fonts.sans\")};\n  border-radius: 3px 0 0 3px;\n  border-color: ${themeGet(\"colors.mono30\")};\n  cursor: pointer;\n  line-height: 1;\n  transition: color 0.25s, border-color 0.25s;\n  height: 50px;\n  font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n  color: ${themeGet(\"colors.mono100\")};\n  &:focus {\n    outline: none;\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  }\n`\n\nconst SelectInputDropdown = styled(Box)`\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  background: ${themeGet(\"colors.mono0\")};\n  z-index: 1;\n  padding: ${themeGet(\"space.1\")};\n`\n\nconst SelectInputInput = styled.input`\n  width: 100%;\n  background-color: ${themeGet(\"colors.mono0\")};\n  padding: 0 ${themeGet(\"space.1\")};\n  appearance: none;\n  outline: none;\n  line-height: 1;\n  border: 1px solid;\n  border-radius: 0 3px 3px 0;\n  transition: color 0.25s, border-color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n  color: ${themeGet(\"colors.mono100\")};\n  border-color: ${themeGet(\"colors.mono30\")};\n  ${systemHeight}\n\n  ::placeholder {\n    color: ${themeGet(\"colors.mono60\")};\n    transition: color 0.25s;\n  }\n`\n\nconst SelectInputLabel = styled.label`\n  position: absolute;\n  top: 0;\n  left: 5px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n  font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n  color: ${themeGet(\"colors.mono60\")};\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    height: 2px;\n    width: 100%;\n    background-color: ${themeGet(\"colors.mono0\")};\n    z-index: -1;\n  }\n`\n"],"mappings":"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"}

package/dist/elements/SelectInput/SelectInput.story.js

@@ -202,6 +202,12 @@ var Default = exports.Default = function Default() {
     }, {
       placeholder: "(000) 000 0000",
       disabled: true
+    }, {
+      placeholder: "(000) 000 0000",
+      selectWidth: 100
+    }, {
+      placeholder: "(000) 000 0000",
+      optionTextMinWidth: "20ch"
     }, {
       placeholder: "(000) 000 0000",
       error: "Something is wrong"
@@ -246,13 +252,19 @@ var CurrencySelect = exports.CurrencySelect = function CurrencySelect() {
     }, {
       placeholder: "Currency",
       enableSearch: true
+    }, {
+      placeholder: "Currency"
+    }, {
+      placeholder: "Currency"
     }]
   }, /*#__PURE__*/_react.default.createElement(_SelectInput.SelectInput, {
     options: currencyOptions,
     onSelect: function onSelect(option) {
       return console.log(option);
     },
-    label: "Currency"
+    label: "Currency",
+    selectWidth: 70,
+    optionTextMinWidth: "5ch"
   }));
 };
 CurrencySelect.displayName = "CurrencySelect";

package/dist/elements/SelectInput/SelectInput.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_SelectInput","obj","__esModule","default","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","countriesExample","text","countryCode","flag","Default","createElement","States","states","placeholder","enableSearch","label","undefined","required","disabled","error","SelectInput","options","onSelect","option","console","log","type","autoComplete","displayName","currencyOptions","CurrencySelect","LoadingDisplayTest","_React$useState","React","useState","_React$useState2","isLoaded","setIsLoaded","_React$useState3","_React$useState4","setCountryCode","_React$useState5","_React$useState6","phoneNumber","setPhoneNumber","useEffect","timer","setTimeout","clearTimeout","style","display","marginTop","key","dropdownValue","inputValue","onChange","e","target"],"sources":["../../../src/elements/SelectInput/SelectInput.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { SelectInput, SelectInputProps } from \"./SelectInput\"\n\nexport default {\n  title: \"Components/SelectInput\",\n}\n\nconst countriesExample = [\n  {\n    text: \"🇦🇫 +93\",\n    name: \"Afghanistan\",\n    value: \"af\",\n    countryCode: \"+93\",\n    flag: \"🇦🇫\",\n  },\n  {\n    text: \"🇦🇽 +358\",\n    name: \"Aland Islands\",\n    value: \"ax\",\n    countryCode: \"+358\",\n    flag: \"🇦🇽\",\n  },\n  {\n    text: \"🇦🇱 +355\",\n    name: \"Albania\",\n    value: \"al\",\n    countryCode: \"+355\",\n    flag: \"🇦🇱\",\n  },\n  {\n    text: \"🇩🇿 +213\",\n    name: \"Algeria\",\n    value: \"dz\",\n    countryCode: \"+213\",\n    flag: \"🇩🇿\",\n  },\n  {\n    text: \"🇦🇸 +1684\",\n    name: \"American Samoa\",\n    value: \"as\",\n    countryCode: \"+1684\",\n    flag: \"🇦🇸\",\n  },\n  {\n    text: \"🇦🇩 +376\",\n    name: \"Andorra\",\n    value: \"ad\",\n    countryCode: \"+376\",\n    flag: \"🇦🇩\",\n  },\n  {\n    text: \"🇦🇴 +244\",\n    name: \"Angola\",\n    value: \"ao\",\n    countryCode: \"+244\",\n    flag: \"🇦🇴\",\n  },\n  {\n    text: \"🇦🇮 +1264\",\n    name: \"Anguilla\",\n    value: \"ai\",\n    countryCode: \"+1264\",\n    flag: \"🇦🇮\",\n  },\n  {\n    text: \"🇦🇶 +672\",\n    name: \"Antarctica\",\n    value: \"aq\",\n    countryCode: \"+672\",\n    flag: \"🇦🇶\",\n  },\n  {\n    text: \"🇦🇬 +1268\",\n    name: \"Antigua and Barbuda\",\n    value: \"ag\",\n    countryCode: \"+1268\",\n    flag: \"🇦🇬\",\n  },\n  {\n    text: \"🇦🇷 +54\",\n    name: \"Argentina\",\n    value: \"ar\",\n    countryCode: \"+54\",\n    flag: \"🇦🇷\",\n  },\n  {\n    text: \"🇦🇲 +374\",\n    name: \"Armenia\",\n    value: \"am\",\n    countryCode: \"+374\",\n    flag: \"🇦🇲\",\n  },\n  {\n    text: \"🇦🇼 +297\",\n    name: \"Aruba\",\n    value: \"aw\",\n    countryCode: \"+297\",\n    flag: \"🇦🇼\",\n  },\n  {\n    text: \"🇦🇺 +61\",\n    name: \"Australia\",\n    value: \"au\",\n    countryCode: \"+61\",\n    flag: \"🇦🇺\",\n  },\n  {\n    text: \"🇦🇹 +43\",\n    name: \"Austria\",\n    value: \"at\",\n    countryCode: \"+43\",\n    flag: \"🇦🇹\",\n  },\n  {\n    text: \"🇦🇿 +994\",\n    name: \"Azerbaijan\",\n    value: \"az\",\n    countryCode: \"+994\",\n    flag: \"🇦🇿\",\n  },\n  {\n    text: \"🇧🇸 +1242\",\n    name: \"Bahamas\",\n    value: \"bs\",\n    countryCode: \"+1242\",\n    flag: \"🇧🇸\",\n  },\n  {\n    text: \"🇧🇭 +973\",\n    name: \"Bahrain\",\n    value: \"bh\",\n    countryCode: \"+973\",\n    flag: \"🇧🇭\",\n  },\n  {\n    text: \"🇧🇩 +880\",\n    name: \"Bangladesh\",\n    value: \"bd\",\n    countryCode: \"+880\",\n    flag: \"🇧🇩\",\n  },\n  {\n    text: \"🇧🇧 +1246\",\n    name: \"Barbados\",\n    value: \"bb\",\n    countryCode: \"+1246\",\n    flag: \"🇧🇧\",\n  },\n  {\n    text: \"🇧🇾 +375\",\n    name: \"Belarus\",\n    value: \"by\",\n    countryCode: \"+375\",\n    flag: \"🇧🇾\",\n  },\n  {\n    text: \"🇧🇪 +32\",\n    name: \"Belgium\",\n    value: \"be\",\n    countryCode: \"+32\",\n    flag: \"🇧🇪\",\n  },\n  {\n    text: \"🇧🇿 +501\",\n    name: \"Belize\",\n    value: \"bz\",\n    countryCode: \"+501\",\n    flag: \"🇧🇿\",\n  },\n  {\n    text: \"🇧🇯 +229\",\n    name: \"Benin\",\n    value: \"bj\",\n    countryCode: \"+229\",\n    flag: \"🇧🇯\",\n  },\n  {\n    text: \"🇧🇲 +1441\",\n    name: \"Bermuda\",\n    value: \"bm\",\n    countryCode: \"+1441\",\n    flag: \"🇧🇲\",\n  },\n  {\n    text: \"🇧🇹 +975\",\n    name: \"Bhutan\",\n    value: \"bt\",\n    countryCode: \"+975\",\n    flag: \"🇧🇹\",\n  },\n  {\n    text: \"🇧🇴 +591\",\n    name: \"Bolivia\",\n    value: \"bo\",\n    countryCode: \"+591\",\n    flag: \"🇧🇴\",\n  },\n  {\n    text: \"🇧🇦 +387\",\n    name: \"Bosnia and Herzegovina\",\n    value: \"ba\",\n    countryCode: \"+387\",\n    flag: \"🇧🇦\",\n  },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<SelectInputProps>>\n      states={[\n        {},\n        { placeholder: \"(000) 000 0000\" },\n        { placeholder: \"(000) 000 0000\", enableSearch: false },\n        { placeholder: \"(000) 000 0000\", label: undefined },\n        { placeholder: \"(000) 000 0000\", required: true },\n        { placeholder: \"(000) 000 0000\", disabled: true },\n        { placeholder: \"(000) 000 0000\", error: \"Something is wrong\" },\n      ]}\n    >\n      <SelectInput\n        options={countriesExample}\n        onSelect={(option) => console.log(option)}\n        label=\"Phone number\"\n        type=\"tel\"\n        autoComplete=\"tel-national\"\n        enableSearch\n      />\n    </States>\n  )\n}\n\nconst currencyOptions = [\n  {\n    text: \"USD\",\n    name: \"US Dollar\",\n    value: \"usd\",\n  },\n  {\n    text: \"EUR\",\n    name: \"Euro\",\n    value: \"eur\",\n  },\n  {\n    text: \"GBP\",\n    name: \"British Pound\",\n    value: \"gbp\",\n  },\n  {\n    text: \"JPY\",\n    name: \"Japanese Yen\",\n    value: \"jpy\",\n  },\n  {\n    text: \"CHF\",\n    name: \"Swiss Franc\",\n    value: \"chf\",\n  },\n]\n\nexport const CurrencySelect = () => {\n  return (\n    <States<Partial<SelectInputProps>>\n      states={[\n        {},\n        { placeholder: \"Currency\" },\n        { placeholder: \"Currency\", enableSearch: true },\n      ]}\n    >\n      <SelectInput\n        options={currencyOptions}\n        onSelect={(option) => console.log(option)}\n        label=\"Currency\"\n      />\n    </States>\n  )\n}\n\nexport const LoadingDisplayTest = () => {\n  const [isLoaded, setIsLoaded] = React.useState(false)\n  const [countryCode, setCountryCode] = React.useState(\"ad\")\n  const [phoneNumber, setPhoneNumber] = React.useState(\"\")\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      setIsLoaded(true)\n    }, 500)\n    return () => clearTimeout(timer)\n  }, [])\n\n  return (\n    <div>\n      <div\n        style={{\n          display: isLoaded ? \"grid\" : \"none\",\n          marginTop: \"16px\",\n        }}\n      >\n        <SelectInput\n          key=\"loading-test-phone-input\"\n          name=\"phoneNumber\"\n          placeholder=\"(000) 000 0000\"\n          options={countriesExample}\n          onSelect={(option) => {\n            console.log(\"Selected:\", option)\n            setCountryCode(option.value)\n          }}\n          dropdownValue={countryCode}\n          label=\"Phone number\"\n          type=\"tel\"\n          autoComplete=\"tel-national\"\n          inputValue={phoneNumber}\n          onChange={(e) => setPhoneNumber(e.target.value)}\n          data-testid=\"LoadingTestSelectInput\"\n          required\n        />\n      </div>\n      {!isLoaded && <div>Loading phone input...</div>}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SelectInput.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_SelectInput","obj","__esModule","default","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","countriesExample","text","countryCode","flag","Default","createElement","States","states","placeholder","enableSearch","label","undefined","required","disabled","selectWidth","optionTextMinWidth","error","SelectInput","options","onSelect","option","console","log","type","autoComplete","displayName","currencyOptions","CurrencySelect","LoadingDisplayTest","_React$useState","React","useState","_React$useState2","isLoaded","setIsLoaded","_React$useState3","_React$useState4","setCountryCode","_React$useState5","_React$useState6","phoneNumber","setPhoneNumber","useEffect","timer","setTimeout","clearTimeout","style","display","marginTop","key","dropdownValue","inputValue","onChange","e","target"],"sources":["../../../src/elements/SelectInput/SelectInput.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { SelectInput, SelectInputProps } from \"./SelectInput\"\n\nexport default {\n  title: \"Components/SelectInput\",\n}\n\nconst countriesExample = [\n  {\n    text: \"🇦🇫 +93\",\n    name: \"Afghanistan\",\n    value: \"af\",\n    countryCode: \"+93\",\n    flag: \"🇦🇫\",\n  },\n  {\n    text: \"🇦🇽 +358\",\n    name: \"Aland Islands\",\n    value: \"ax\",\n    countryCode: \"+358\",\n    flag: \"🇦🇽\",\n  },\n  {\n    text: \"🇦🇱 +355\",\n    name: \"Albania\",\n    value: \"al\",\n    countryCode: \"+355\",\n    flag: \"🇦🇱\",\n  },\n  {\n    text: \"🇩🇿 +213\",\n    name: \"Algeria\",\n    value: \"dz\",\n    countryCode: \"+213\",\n    flag: \"🇩🇿\",\n  },\n  {\n    text: \"🇦🇸 +1684\",\n    name: \"American Samoa\",\n    value: \"as\",\n    countryCode: \"+1684\",\n    flag: \"🇦🇸\",\n  },\n  {\n    text: \"🇦🇩 +376\",\n    name: \"Andorra\",\n    value: \"ad\",\n    countryCode: \"+376\",\n    flag: \"🇦🇩\",\n  },\n  {\n    text: \"🇦🇴 +244\",\n    name: \"Angola\",\n    value: \"ao\",\n    countryCode: \"+244\",\n    flag: \"🇦🇴\",\n  },\n  {\n    text: \"🇦🇮 +1264\",\n    name: \"Anguilla\",\n    value: \"ai\",\n    countryCode: \"+1264\",\n    flag: \"🇦🇮\",\n  },\n  {\n    text: \"🇦🇶 +672\",\n    name: \"Antarctica\",\n    value: \"aq\",\n    countryCode: \"+672\",\n    flag: \"🇦🇶\",\n  },\n  {\n    text: \"🇦🇬 +1268\",\n    name: \"Antigua and Barbuda\",\n    value: \"ag\",\n    countryCode: \"+1268\",\n    flag: \"🇦🇬\",\n  },\n  {\n    text: \"🇦🇷 +54\",\n    name: \"Argentina\",\n    value: \"ar\",\n    countryCode: \"+54\",\n    flag: \"🇦🇷\",\n  },\n  {\n    text: \"🇦🇲 +374\",\n    name: \"Armenia\",\n    value: \"am\",\n    countryCode: \"+374\",\n    flag: \"🇦🇲\",\n  },\n  {\n    text: \"🇦🇼 +297\",\n    name: \"Aruba\",\n    value: \"aw\",\n    countryCode: \"+297\",\n    flag: \"🇦🇼\",\n  },\n  {\n    text: \"🇦🇺 +61\",\n    name: \"Australia\",\n    value: \"au\",\n    countryCode: \"+61\",\n    flag: \"🇦🇺\",\n  },\n  {\n    text: \"🇦🇹 +43\",\n    name: \"Austria\",\n    value: \"at\",\n    countryCode: \"+43\",\n    flag: \"🇦🇹\",\n  },\n  {\n    text: \"🇦🇿 +994\",\n    name: \"Azerbaijan\",\n    value: \"az\",\n    countryCode: \"+994\",\n    flag: \"🇦🇿\",\n  },\n  {\n    text: \"🇧🇸 +1242\",\n    name: \"Bahamas\",\n    value: \"bs\",\n    countryCode: \"+1242\",\n    flag: \"🇧🇸\",\n  },\n  {\n    text: \"🇧🇭 +973\",\n    name: \"Bahrain\",\n    value: \"bh\",\n    countryCode: \"+973\",\n    flag: \"🇧🇭\",\n  },\n  {\n    text: \"🇧🇩 +880\",\n    name: \"Bangladesh\",\n    value: \"bd\",\n    countryCode: \"+880\",\n    flag: \"🇧🇩\",\n  },\n  {\n    text: \"🇧🇧 +1246\",\n    name: \"Barbados\",\n    value: \"bb\",\n    countryCode: \"+1246\",\n    flag: \"🇧🇧\",\n  },\n  {\n    text: \"🇧🇾 +375\",\n    name: \"Belarus\",\n    value: \"by\",\n    countryCode: \"+375\",\n    flag: \"🇧🇾\",\n  },\n  {\n    text: \"🇧🇪 +32\",\n    name: \"Belgium\",\n    value: \"be\",\n    countryCode: \"+32\",\n    flag: \"🇧🇪\",\n  },\n  {\n    text: \"🇧🇿 +501\",\n    name: \"Belize\",\n    value: \"bz\",\n    countryCode: \"+501\",\n    flag: \"🇧🇿\",\n  },\n  {\n    text: \"🇧🇯 +229\",\n    name: \"Benin\",\n    value: \"bj\",\n    countryCode: \"+229\",\n    flag: \"🇧🇯\",\n  },\n  {\n    text: \"🇧🇲 +1441\",\n    name: \"Bermuda\",\n    value: \"bm\",\n    countryCode: \"+1441\",\n    flag: \"🇧🇲\",\n  },\n  {\n    text: \"🇧🇹 +975\",\n    name: \"Bhutan\",\n    value: \"bt\",\n    countryCode: \"+975\",\n    flag: \"🇧🇹\",\n  },\n  {\n    text: \"🇧🇴 +591\",\n    name: \"Bolivia\",\n    value: \"bo\",\n    countryCode: \"+591\",\n    flag: \"🇧🇴\",\n  },\n  {\n    text: \"🇧🇦 +387\",\n    name: \"Bosnia and Herzegovina\",\n    value: \"ba\",\n    countryCode: \"+387\",\n    flag: \"🇧🇦\",\n  },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<SelectInputProps>>\n      states={[\n        {},\n        { placeholder: \"(000) 000 0000\" },\n        { placeholder: \"(000) 000 0000\", enableSearch: false },\n        { placeholder: \"(000) 000 0000\", label: undefined },\n        { placeholder: \"(000) 000 0000\", required: true },\n        { placeholder: \"(000) 000 0000\", disabled: true },\n        { placeholder: \"(000) 000 0000\", selectWidth: 100 },\n        { placeholder: \"(000) 000 0000\", optionTextMinWidth: \"20ch\" },\n        { placeholder: \"(000) 000 0000\", error: \"Something is wrong\" },\n      ]}\n    >\n      <SelectInput\n        options={countriesExample}\n        onSelect={(option) => console.log(option)}\n        label=\"Phone number\"\n        type=\"tel\"\n        autoComplete=\"tel-national\"\n        enableSearch\n      />\n    </States>\n  )\n}\n\nconst currencyOptions = [\n  {\n    text: \"USD\",\n    name: \"US Dollar\",\n    value: \"usd\",\n  },\n  {\n    text: \"EUR\",\n    name: \"Euro\",\n    value: \"eur\",\n  },\n  {\n    text: \"GBP\",\n    name: \"British Pound\",\n    value: \"gbp\",\n  },\n  {\n    text: \"JPY\",\n    name: \"Japanese Yen\",\n    value: \"jpy\",\n  },\n  {\n    text: \"CHF\",\n    name: \"Swiss Franc\",\n    value: \"chf\",\n  },\n]\n\nexport const CurrencySelect = () => {\n  return (\n    <States<Partial<SelectInputProps>>\n      states={[\n        {},\n        { placeholder: \"Currency\" },\n        { placeholder: \"Currency\", enableSearch: true },\n        { placeholder: \"Currency\" },\n        { placeholder: \"Currency\" },\n      ]}\n    >\n      <SelectInput\n        options={currencyOptions}\n        onSelect={(option) => console.log(option)}\n        label=\"Currency\"\n        selectWidth={70}\n        optionTextMinWidth=\"5ch\"\n      />\n    </States>\n  )\n}\n\nexport const LoadingDisplayTest = () => {\n  const [isLoaded, setIsLoaded] = React.useState(false)\n  const [countryCode, setCountryCode] = React.useState(\"ad\")\n  const [phoneNumber, setPhoneNumber] = React.useState(\"\")\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      setIsLoaded(true)\n    }, 500)\n    return () => clearTimeout(timer)\n  }, [])\n\n  return (\n    <div>\n      <div\n        style={{\n          display: isLoaded ? \"grid\" : \"none\",\n          marginTop: \"16px\",\n        }}\n      >\n        <SelectInput\n          key=\"loading-test-phone-input\"\n          name=\"phoneNumber\"\n          placeholder=\"(000) 000 0000\"\n          options={countriesExample}\n          onSelect={(option) => {\n            console.log(\"Selected:\", option)\n            setCountryCode(option.value)\n          }}\n          dropdownValue={countryCode}\n          label=\"Phone number\"\n          type=\"tel\"\n          autoComplete=\"tel-national\"\n          inputValue={phoneNumber}\n          onChange={(e) => setPhoneNumber(e.target.value)}\n          data-testid=\"LoadingTestSelectInput\"\n          required\n        />\n      </div>\n      {!isLoaded && <div>Loading phone input...</div>}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/SelectInput/SelectInputList.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { TextProps } from "../Text";
 import { SelectInputProps } from "./SelectInput";
 /**
  * The option structure for the list in the dropdown menu
@@ -20,5 +21,6 @@ export interface SelectInputListProps {
     options: Option[];
     onSelect: (option: Option) => void;
     onClose: () => void;
+    optionTextMinWidth?: TextProps["minWidth"];
 }
-export declare const SelectInputList: ({ enableSearch, options, onSelect, onClose, }: SelectInputListProps) => React.JSX.Element;
+export declare const SelectInputList: ({ enableSearch, options, onSelect, onClose, optionTextMinWidth, }: SelectInputListProps) => React.JSX.Element;

package/dist/elements/SelectInput/SelectInputList.js

@@ -36,7 +36,9 @@ var SelectInputList = exports.SelectInputList = function SelectInputList(_ref) {
   var enableSearch = _ref.enableSearch,
     options = _ref.options,
     onSelect = _ref.onSelect,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    _ref$optionTextMinWid = _ref.optionTextMinWidth,
+    optionTextMinWidth = _ref$optionTextMinWid === void 0 ? "8ch" : _ref$optionTextMinWid;
   var _useState = (0, _react.useState)(""),
     _useState2 = _slicedToArray(_useState, 2),
     query = _useState2[0],
@@ -126,7 +128,7 @@ var SelectInputList = exports.SelectInputList = function SelectInputList(_ref) {
       tabIndex: -1
     }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
       variant: "sm",
-      minWidth: "8ch"
+      minWidth: optionTextMinWidth
     }, option.text), /*#__PURE__*/_react.default.createElement(_Text.Text, {
       variant: "sm"
     }, option.name));

package/dist/elements/SelectInput/SelectInputList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInputList.js","names":["_react","_interopRequireWildcard","require","_Input","_Clickable","_Text","_styledComponents","_interopRequireDefault","_themeGet","_Box","_useKeyboardListNavigation","_useMouseActivity2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","SelectInputList","exports","_ref","enableSearch","options","onSelect","onClose","_useState","useState","_useState2","query","setQuery","optionsWithRefs","useMemo","map","option","ref","createRef","filteredOptionsWithRefs","filter","concat","toLowerCase","countryCode","includes","containerRef","useRef","_useKeyboardListNavig","useKeyboardListNavigation","list","waitForInteractive","onEnter","_ref2","element","event","preventDefault","stopPropagation","reset","index","_useMouseActivity","useMouseActivity","lastMouseMoveTimestamp","handleMouseEnter","now","performance","current","cursor","interactive","useEffect","_option$ref","_option$ref$current","focus","handleKeyDown","e","createElement","Box","Input","autoFocus","placeholder","onChange","target","onKeyDown","SelectInputListOptions","_ref3","SelectInputListOption","role","onMouseEnter","onClick","tabIndex","Text","variant","minWidth","text","displayName","styled","Clickable","withConfig","componentId","themeGet"],"sources":["../../../src/elements/SelectInput/SelectInputList.tsx"],"sourcesContent":["import React, { createRef, useEffect, useMemo, useRef, useState } from \"react\"\nimport { Input } from \"../Input\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { Box } from \"../Box\"\nimport { useKeyboardListNavigation } from \"use-keyboard-list-navigation\"\nimport { useMouseActivity } from \"../../utils/useMouseActivity\"\nimport { SelectInputProps } from \"./SelectInput\"\n\n/**\n * The option structure for the list in the dropdown menu\n *\n * @interface Option\n * @property {string} `text` is the content that will be displayed as selected option\n * @property {string} `name` is the content that will be displayed in the dropdown list\n * @property {string} `value` is the value that will be passed to onSelect\n */\nexport interface Option {\n  text: string\n  name: string\n  value: string\n  countryCode?: string\n  flag?: string\n}\n\nexport interface SelectInputListProps {\n  enableSearch?: SelectInputProps[\"enableSearch\"]\n  options: Option[]\n  onSelect: (option: Option) => void\n  onClose: () => void\n}\n\nexport const SelectInputList = ({\n  enableSearch,\n  options,\n  onSelect,\n  onClose,\n}: SelectInputListProps) => {\n  const [query, setQuery] = useState(\"\")\n\n  const optionsWithRefs = useMemo(() => {\n    return options.map((option) => ({\n      option,\n      ref: createRef<HTMLButtonElement>(),\n    }))\n  }, [options])\n\n  const filteredOptionsWithRefs = useMemo(() => {\n    return optionsWithRefs.filter((option) =>\n      `${option.option.name.toLowerCase()} ${\n        option.option.countryCode\n      }`.includes(query.toLowerCase())\n    )\n  }, [optionsWithRefs, query])\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const { reset, set, index } = useKeyboardListNavigation({\n    ref: containerRef,\n    list: filteredOptionsWithRefs,\n    waitForInteractive: true,\n    onEnter: ({ element, event }) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      onSelect(element.option)\n      reset()\n    },\n  })\n\n  const { lastMouseMoveTimestamp } = useMouseActivity()\n\n  const handleMouseEnter = (i: number) => () => {\n    const now = performance.now()\n\n    // 50ms mouse move window\n    if (now - lastMouseMoveTimestamp.current < 50) {\n      set({ cursor: i, interactive: true })\n    }\n  }\n\n  // Moves focus to different options when keyboard navigating using up/down\n  useEffect(() => {\n    const option = filteredOptionsWithRefs[index]\n    option?.ref?.current?.focus()\n  }, [index, filteredOptionsWithRefs])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case \"Escape\":\n        reset()\n        onClose()\n        break\n    }\n  }\n\n  return (\n    <Box ref={containerRef}>\n      {enableSearch && (\n        <Input\n          autoFocus\n          placeholder=\"Search\"\n          value={query}\n          onChange={(e) => {\n            setQuery(e.target.value)\n            reset()\n          }}\n          onKeyDown={handleKeyDown}\n        />\n      )}\n\n      <SelectInputListOptions>\n        {filteredOptionsWithRefs.map(({ option, ref }, i) => (\n          <SelectInputListOption\n            key={option.value}\n            ref={ref}\n            role=\"option\"\n            onMouseEnter={handleMouseEnter(i)}\n            onClick={() => {\n              onSelect(option)\n            }}\n            tabIndex={-1}\n          >\n            <Text variant=\"sm\" minWidth=\"8ch\">\n              {option.text}\n            </Text>\n\n            <Text variant=\"sm\">{option.name}</Text>\n          </SelectInputListOption>\n        ))}\n      </SelectInputListOptions>\n    </Box>\n  )\n}\n\nconst SelectInputListOption = styled(Clickable)`\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  gap: ${themeGet(\"space.0.5\")};\n  padding: ${themeGet(\"space.1\")} 0;\n  color: ${themeGet(\"colors.mono60\")};\n  &:focus {\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n    outline: none;\n  }\n`\n\nconst SelectInputListOptions = styled(Box)`\n  max-height: 250px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"mappings":"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"}
+{"version":3,"file":"SelectInputList.js","names":["_react","_interopRequireWildcard","require","_Input","_Clickable","_Text","_styledComponents","_interopRequireDefault","_themeGet","_Box","_useKeyboardListNavigation","_useMouseActivity2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","SelectInputList","exports","_ref","enableSearch","options","onSelect","onClose","_ref$optionTextMinWid","optionTextMinWidth","_useState","useState","_useState2","query","setQuery","optionsWithRefs","useMemo","map","option","ref","createRef","filteredOptionsWithRefs","filter","concat","toLowerCase","countryCode","includes","containerRef","useRef","_useKeyboardListNavig","useKeyboardListNavigation","list","waitForInteractive","onEnter","_ref2","element","event","preventDefault","stopPropagation","reset","index","_useMouseActivity","useMouseActivity","lastMouseMoveTimestamp","handleMouseEnter","now","performance","current","cursor","interactive","useEffect","_option$ref","_option$ref$current","focus","handleKeyDown","e","createElement","Box","Input","autoFocus","placeholder","onChange","target","onKeyDown","SelectInputListOptions","_ref3","SelectInputListOption","role","onMouseEnter","onClick","tabIndex","Text","variant","minWidth","text","displayName","styled","Clickable","withConfig","componentId","themeGet"],"sources":["../../../src/elements/SelectInput/SelectInputList.tsx"],"sourcesContent":["import React, { createRef, useEffect, useMemo, useRef, useState } from \"react\"\nimport { Input } from \"../Input\"\nimport { Clickable } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { Box } from \"../Box\"\nimport { useKeyboardListNavigation } from \"use-keyboard-list-navigation\"\nimport { useMouseActivity } from \"../../utils/useMouseActivity\"\nimport { SelectInputProps } from \"./SelectInput\"\n\n/**\n * The option structure for the list in the dropdown menu\n *\n * @interface Option\n * @property {string} `text` is the content that will be displayed as selected option\n * @property {string} `name` is the content that will be displayed in the dropdown list\n * @property {string} `value` is the value that will be passed to onSelect\n */\nexport interface Option {\n  text: string\n  name: string\n  value: string\n  countryCode?: string\n  flag?: string\n}\n\nexport interface SelectInputListProps {\n  enableSearch?: SelectInputProps[\"enableSearch\"]\n  options: Option[]\n  onSelect: (option: Option) => void\n  onClose: () => void\n  optionTextMinWidth?: TextProps[\"minWidth\"]\n}\n\nexport const SelectInputList = ({\n  enableSearch,\n  options,\n  onSelect,\n  onClose,\n  optionTextMinWidth = \"8ch\",\n}: SelectInputListProps) => {\n  const [query, setQuery] = useState(\"\")\n\n  const optionsWithRefs = useMemo(() => {\n    return options.map((option) => ({\n      option,\n      ref: createRef<HTMLButtonElement>(),\n    }))\n  }, [options])\n\n  const filteredOptionsWithRefs = useMemo(() => {\n    return optionsWithRefs.filter((option) =>\n      `${option.option.name.toLowerCase()} ${\n        option.option.countryCode\n      }`.includes(query.toLowerCase())\n    )\n  }, [optionsWithRefs, query])\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const { reset, set, index } = useKeyboardListNavigation({\n    ref: containerRef,\n    list: filteredOptionsWithRefs,\n    waitForInteractive: true,\n    onEnter: ({ element, event }) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      onSelect(element.option)\n      reset()\n    },\n  })\n\n  const { lastMouseMoveTimestamp } = useMouseActivity()\n\n  const handleMouseEnter = (i: number) => () => {\n    const now = performance.now()\n\n    // 50ms mouse move window\n    if (now - lastMouseMoveTimestamp.current < 50) {\n      set({ cursor: i, interactive: true })\n    }\n  }\n\n  // Moves focus to different options when keyboard navigating using up/down\n  useEffect(() => {\n    const option = filteredOptionsWithRefs[index]\n    option?.ref?.current?.focus()\n  }, [index, filteredOptionsWithRefs])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case \"Escape\":\n        reset()\n        onClose()\n        break\n    }\n  }\n\n  return (\n    <Box ref={containerRef}>\n      {enableSearch && (\n        <Input\n          autoFocus\n          placeholder=\"Search\"\n          value={query}\n          onChange={(e) => {\n            setQuery(e.target.value)\n            reset()\n          }}\n          onKeyDown={handleKeyDown}\n        />\n      )}\n\n      <SelectInputListOptions>\n        {filteredOptionsWithRefs.map(({ option, ref }, i) => (\n          <SelectInputListOption\n            key={option.value}\n            ref={ref}\n            role=\"option\"\n            onMouseEnter={handleMouseEnter(i)}\n            onClick={() => {\n              onSelect(option)\n            }}\n            tabIndex={-1}\n          >\n            <Text variant=\"sm\" minWidth={optionTextMinWidth}>\n              {option.text}\n            </Text>\n\n            <Text variant=\"sm\">{option.name}</Text>\n          </SelectInputListOption>\n        ))}\n      </SelectInputListOptions>\n    </Box>\n  )\n}\n\nconst SelectInputListOption = styled(Clickable)`\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  gap: ${themeGet(\"space.0.5\")};\n  padding: ${themeGet(\"space.1\")} 0;\n  color: ${themeGet(\"colors.mono60\")};\n  &:focus {\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n    outline: none;\n  }\n`\n\nconst SelectInputListOptions = styled(Box)`\n  max-height: 250px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "43.5.0-canary.1466.32519.0",
+  "version": "44.0.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -190,5 +190,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "18e4abceec765546df58003df4b17a30399dbc9c"
+  "gitHead": "b9bee8c36988469ef9083cae92d8d938ec80cfa0"
 }