@artsy/palette 45.13.1 → 45.14.0-canary.1497.33070.0

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

@@ -0,0 +1,560 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from "react";
+import { SelectInput } from "./SelectInput";
+import { STORYBOOK_PROPS_BLOCKLIST } from "../../utils/storybookBlocklist";
+export default {
+  component: SelectInput,
+  title: "Components/SelectInput",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A composite input component that combines a dropdown selector with a text input, commonly used for phone numbers with country codes."
+      }
+    },
+    controls: {
+      exclude: STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+var countriesExample = [{
+  text: "🇦🇫 +93",
+  name: "Afghanistan",
+  value: "af",
+  countryCode: "+93",
+  flag: "🇦🇫"
+}, {
+  text: "🇦🇽 +358",
+  name: "Aland Islands",
+  value: "ax",
+  countryCode: "+358",
+  flag: "🇦🇽"
+}, {
+  text: "🇦🇱 +355",
+  name: "Albania",
+  value: "al",
+  countryCode: "+355",
+  flag: "🇦🇱"
+}, {
+  text: "🇩🇿 +213",
+  name: "Algeria",
+  value: "dz",
+  countryCode: "+213",
+  flag: "🇩🇿"
+}, {
+  text: "🇦🇸 +1684",
+  name: "American Samoa",
+  value: "as",
+  countryCode: "+1684",
+  flag: "🇦🇸"
+}, {
+  text: "🇦🇩 +376",
+  name: "Andorra",
+  value: "ad",
+  countryCode: "+376",
+  flag: "🇦🇩"
+}, {
+  text: "🇦🇴 +244",
+  name: "Angola",
+  value: "ao",
+  countryCode: "+244",
+  flag: "🇦🇴"
+}, {
+  text: "🇦🇮 +1264",
+  name: "Anguilla",
+  value: "ai",
+  countryCode: "+1264",
+  flag: "🇦🇮"
+}, {
+  text: "🇦🇶 +672",
+  name: "Antarctica",
+  value: "aq",
+  countryCode: "+672",
+  flag: "🇦🇶"
+}, {
+  text: "🇦🇬 +1268",
+  name: "Antigua and Barbuda",
+  value: "ag",
+  countryCode: "+1268",
+  flag: "🇦🇬"
+}, {
+  text: "🇦🇷 +54",
+  name: "Argentina",
+  value: "ar",
+  countryCode: "+54",
+  flag: "🇦🇷"
+}, {
+  text: "🇦🇲 +374",
+  name: "Armenia",
+  value: "am",
+  countryCode: "+374",
+  flag: "🇦🇲"
+}, {
+  text: "🇦🇼 +297",
+  name: "Aruba",
+  value: "aw",
+  countryCode: "+297",
+  flag: "🇦🇼"
+}, {
+  text: "🇦🇺 +61",
+  name: "Australia",
+  value: "au",
+  countryCode: "+61",
+  flag: "🇦🇺"
+}, {
+  text: "🇦🇹 +43",
+  name: "Austria",
+  value: "at",
+  countryCode: "+43",
+  flag: "🇦🇹"
+}, {
+  text: "🇦🇿 +994",
+  name: "Azerbaijan",
+  value: "az",
+  countryCode: "+994",
+  flag: "🇦🇿"
+}, {
+  text: "🇧🇸 +1242",
+  name: "Bahamas",
+  value: "bs",
+  countryCode: "+1242",
+  flag: "🇧🇸"
+}, {
+  text: "🇧🇭 +973",
+  name: "Bahrain",
+  value: "bh",
+  countryCode: "+973",
+  flag: "🇧🇭"
+}, {
+  text: "🇧🇩 +880",
+  name: "Bangladesh",
+  value: "bd",
+  countryCode: "+880",
+  flag: "🇧🇩"
+}, {
+  text: "🇧🇧 +1246",
+  name: "Barbados",
+  value: "bb",
+  countryCode: "+1246",
+  flag: "🇧🇧"
+}, {
+  text: "🇧🇾 +375",
+  name: "Belarus",
+  value: "by",
+  countryCode: "+375",
+  flag: "🇧🇾"
+}, {
+  text: "🇧🇪 +32",
+  name: "Belgium",
+  value: "be",
+  countryCode: "+32",
+  flag: "🇧🇪"
+}, {
+  text: "🇧🇿 +501",
+  name: "Belize",
+  value: "bz",
+  countryCode: "+501",
+  flag: "🇧🇿"
+}, {
+  text: "🇧🇯 +229",
+  name: "Benin",
+  value: "bj",
+  countryCode: "+229",
+  flag: "🇧🇯"
+}, {
+  text: "🇧🇲 +1441",
+  name: "Bermuda",
+  value: "bm",
+  countryCode: "+1441",
+  flag: "🇧🇲"
+}, {
+  text: "🇧🇹 +975",
+  name: "Bhutan",
+  value: "bt",
+  countryCode: "+975",
+  flag: "🇧🇹"
+}, {
+  text: "🇧🇴 +591",
+  name: "Bolivia",
+  value: "bo",
+  countryCode: "+591",
+  flag: "🇧🇴"
+}, {
+  text: "🇧🇦 +387",
+  name: "Bosnia and Herzegovina",
+  value: "ba",
+  countryCode: "+387",
+  flag: "🇧🇦"
+}];
+export var Default = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic SelectInput with search enabled."
+      }
+    }
+  }
+};
+export var WithPlaceholder = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true,
+    placeholder: "(000) 000 0000"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "SelectInput with placeholder text."
+      }
+    }
+  }
+};
+export var WithoutSearch = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: false,
+    placeholder: "(000) 000 0000"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "SelectInput without search functionality."
+      }
+    }
+  }
+};
+export var WithoutLabel = {
+  args: {
+    options: countriesExample,
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true,
+    placeholder: "(000) 000 0000"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "SelectInput without a label."
+      }
+    }
+  }
+};
+export var Required = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true,
+    placeholder: "(000) 000 0000",
+    required: true
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Required SelectInput with validation indicator."
+      }
+    }
+  }
+};
+export var Disabled = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true,
+    placeholder: "(000) 000 0000",
+    disabled: true
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled SelectInput."
+      }
+    }
+  }
+};
+export var CustomSelectWidth = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true,
+    placeholder: "(000) 000 0000",
+    selectWidth: 100
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "SelectInput with custom select dropdown width."
+      }
+    }
+  }
+};
+export var CustomOptionTextWidth = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true,
+    placeholder: "(000) 000 0000",
+    optionTextMinWidth: "20ch"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "SelectInput with custom minimum width for option text."
+      }
+    }
+  }
+};
+export var WithError = {
+  args: {
+    options: countriesExample,
+    label: "Phone number",
+    type: "tel",
+    autoComplete: "tel-national",
+    enableSearch: true,
+    placeholder: "(000) 000 0000",
+    error: "Something is wrong"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "SelectInput with error state."
+      }
+    }
+  }
+};
+var currencyOptions = [{
+  text: "USD",
+  name: "US Dollar",
+  value: "usd"
+}, {
+  text: "EUR",
+  name: "Euro",
+  value: "eur"
+}, {
+  text: "GBP",
+  name: "British Pound",
+  value: "gbp"
+}, {
+  text: "JPY",
+  name: "Japanese Yen",
+  value: "jpy"
+}, {
+  text: "CHF",
+  name: "Swiss Franc",
+  value: "chf"
+}];
+export var CurrencySelect = {
+  args: {
+    options: currencyOptions,
+    label: "Currency",
+    selectWidth: 70,
+    optionTextMinWidth: "5ch"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Currency select input with custom width settings."
+      }
+    }
+  }
+};
+export var CurrencyWithPlaceholder = {
+  args: {
+    options: currencyOptions,
+    label: "Currency",
+    selectWidth: 70,
+    optionTextMinWidth: "5ch",
+    placeholder: "Currency"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Currency select with placeholder text."
+      }
+    }
+  }
+};
+export var CurrencyWithSearch = {
+  args: {
+    options: currencyOptions,
+    label: "Currency",
+    selectWidth: 70,
+    optionTextMinWidth: "5ch",
+    placeholder: "Currency",
+    enableSearch: true
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(SelectInput, _extends({}, args, {
+      onSelect: function onSelect(option) {
+        return console.log(option);
+      }
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Currency select with search enabled."
+      }
+    }
+  }
+};
+export var LoadingDisplayTest = {
+  render: function render() {
+    var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isLoaded = _React$useState2[0],
+      setIsLoaded = _React$useState2[1];
+    var _React$useState3 = React.useState("ad"),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      countryCode = _React$useState4[0],
+      setCountryCode = _React$useState4[1];
+    var _React$useState5 = React.useState(""),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      phoneNumber = _React$useState6[0],
+      setPhoneNumber = _React$useState6[1];
+    React.useEffect(function () {
+      var timer = setTimeout(function () {
+        setIsLoaded(true);
+      }, 500);
+      return function () {
+        return clearTimeout(timer);
+      };
+    }, []);
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: isLoaded ? "grid" : "none",
+        marginTop: "16px"
+      }
+    }, /*#__PURE__*/React.createElement(SelectInput, {
+      key: "loading-test-phone-input",
+      name: "phoneNumber",
+      placeholder: "(000) 000 0000",
+      options: countriesExample,
+      onSelect: function onSelect(option) {
+        console.log("Selected:", option);
+        setCountryCode(option.value);
+      },
+      dropdownValue: countryCode,
+      label: "Phone number",
+      type: "tel",
+      autoComplete: "tel-national",
+      inputValue: phoneNumber,
+      onChange: function onChange(e) {
+        return setPhoneNumber(e.target.value);
+      },
+      "data-testid": "LoadingTestSelectInput",
+      required: true
+    })), !isLoaded && /*#__PURE__*/React.createElement("div", null, "Loading phone input..."));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Test loading state for SelectInput."
+      }
+    }
+  }
+};
+//# sourceMappingURL=SelectInput.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.story.js","names":["React","SelectInput","STORYBOOK_PROPS_BLOCKLIST","component","title","tags","parameters","docs","description","controls","exclude","countriesExample","text","name","value","countryCode","flag","Default","args","options","label","type","autoComplete","enableSearch","render","createElement","_extends","onSelect","option","console","log","story","WithPlaceholder","placeholder","WithoutSearch","WithoutLabel","Required","required","Disabled","disabled","CustomSelectWidth","selectWidth","CustomOptionTextWidth","optionTextMinWidth","WithError","error","currencyOptions","CurrencySelect","CurrencyWithPlaceholder","CurrencyWithSearch","LoadingDisplayTest","_React$useState","useState","_React$useState2","_slicedToArray","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 { SelectInput } from \"./SelectInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: SelectInput,\n  title: \"Components/SelectInput\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A composite input component that combines a dropdown selector with a text input, commonly used for phone numbers with country codes.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\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  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic SelectInput with search enabled.\",\n      },\n    },\n  },\n}\n\nexport const WithPlaceholder = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with placeholder text.\",\n      },\n    },\n  },\n}\n\nexport const WithoutSearch = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: false,\n    placeholder: \"(000) 000 0000\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput without search functionality.\",\n      },\n    },\n  },\n}\n\nexport const WithoutLabel = {\n  args: {\n    options: countriesExample,\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput without a label.\",\n      },\n    },\n  },\n}\n\nexport const Required = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    required: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Required SelectInput with validation indicator.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    disabled: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled SelectInput.\",\n      },\n    },\n  },\n}\n\nexport const CustomSelectWidth = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    selectWidth: 100,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with custom select dropdown width.\",\n      },\n    },\n  },\n}\n\nexport const CustomOptionTextWidth = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    optionTextMinWidth: \"20ch\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with custom minimum width for option text.\",\n      },\n    },\n  },\n}\n\nexport const WithError = {\n  args: {\n    options: countriesExample,\n    label: \"Phone number\",\n    type: \"tel\",\n    autoComplete: \"tel-national\",\n    enableSearch: true,\n    placeholder: \"(000) 000 0000\",\n    error: \"Something is wrong\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"SelectInput with error state.\",\n      },\n    },\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  args: {\n    options: currencyOptions,\n    label: \"Currency\",\n    selectWidth: 70,\n    optionTextMinWidth: \"5ch\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Currency select input with custom width settings.\",\n      },\n    },\n  },\n}\n\nexport const CurrencyWithPlaceholder = {\n  args: {\n    options: currencyOptions,\n    label: \"Currency\",\n    selectWidth: 70,\n    optionTextMinWidth: \"5ch\",\n    placeholder: \"Currency\",\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Currency select with placeholder text.\",\n      },\n    },\n  },\n}\n\nexport const CurrencyWithSearch = {\n  args: {\n    options: currencyOptions,\n    label: \"Currency\",\n    selectWidth: 70,\n    optionTextMinWidth: \"5ch\",\n    placeholder: \"Currency\",\n    enableSearch: true,\n  },\n  render: (args) => (\n    <SelectInput {...args} onSelect={(option) => console.log(option)} />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Currency select with search enabled.\",\n      },\n    },\n  },\n}\n\nexport const LoadingDisplayTest = {\n  render: () => {\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  parameters: {\n    docs: {\n      description: {\n        story: \"Test loading state for SelectInput.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}