@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/AutocompleteInput/AutocompleteInput.story.d.ts

@@ -1,10 +1,109 @@
-import React from "react";
 declare const _default: {
     title: string;
+    component: <T extends import("./AutocompleteInput").AutocompleteInputOptionType>({ clamp, defaultValue, dropdownMaxHeight, flip, footer, forwardRef: forwardedRef, header, height, id, loading, onChange, onClear, onClose, onKeyDown, onSelect, onSubmit, options, renderOption, ...rest }: import("./AutocompleteInput").AutocompleteInputProps<T>) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const Demo: () => React.JSX.Element;
-export declare const FilterDemo: () => React.JSX.Element;
-export declare const ProgrammaticFocus: () => React.JSX.Element;
-export declare const OpenOnClick: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        title: string;
+        placeholder: string;
+        options: {
+            text: string;
+            value: string;
+            subtitle: string;
+        }[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const WithTitle: {
+    args: {
+        title: string;
+        placeholder: string;
+        options: {
+            text: string;
+            value: string;
+            subtitle: string;
+        }[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const Required: {
+    args: {
+        title: string;
+        required: boolean;
+        placeholder: string;
+        options: {
+            text: string;
+            value: string;
+            subtitle: string;
+        }[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const WithError: {
+    args: {
+        title: string;
+        error: string;
+        placeholder: string;
+        options: {
+            text: string;
+            value: string;
+            subtitle: string;
+        }[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const Loading: {
+    args: {
+        title: string;
+        loading: boolean;
+        placeholder: string;
+        options: never[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const Disabled: {
+    args: {
+        title: string;
+        disabled: boolean;
+        placeholder: string;
+        options: {
+            text: string;
+            value: string;
+            subtitle: string;
+        }[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const WithDescription: {
+    args: {
+        title: string;
+        description: string;
+        placeholder: string;
+        options: {
+            text: string;
+            value: string;
+            subtitle: string;
+        }[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const EmptyOptions: {
+    args: {
+        title: string;
+        placeholder: string;
+        options: never[];
+        onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};

package/dist/elements/AutocompleteInput/AutocompleteInput.story.js

@@ -1,40 +1,26 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ProgrammaticFocus = exports.OpenOnClick = exports.FilterDemo = exports.Demo = exports.Default = void 0;
+exports.default = exports.WithTitle = exports.WithError = exports.WithDescription = exports.Required = exports.Loading = exports.EmptyOptions = exports.Disabled = exports.Default = void 0;
 var _test = require("@storybook/test");
-var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
-var _Box = require("../Box");
-var _Text = require("../Text");
 var _AutocompleteInput = require("./AutocompleteInput");
-var _Clickable = require("../Clickable");
-var _Flex = require("../Flex");
-var _Button = require("../Button");
-var _Stack = require("../Stack");
-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 _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); }
-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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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; }
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _default = exports.default = {
-  title: "Components/AutocompleteInput"
+  title: "Components/AutocompleteInput",
+  component: _AutocompleteInput.AutocompleteInput,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "AutocompleteInput component provides a text input with dropdown suggestions. Supports custom option rendering, loading states, and keyboard navigation."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
 var OPTIONS = [{
   text: "Painting",
@@ -57,346 +43,73 @@ var OPTIONS = [{
   value: "mixed-media",
   subtitle: "An example subtitle"
 }];
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      loading: true
-    }, {
-      options: [],
-      height: 40
-    }, {
-      options: [].concat(OPTIONS, _toConsumableArray(OPTIONS.map(function (option) {
-        return _objectSpread(_objectSpread({}, option), {}, {
-          text: "Another ".concat(option.text),
-          value: "another-".concat(option.value)
-        });
-      }))),
-      renderOption: function renderOption(option) {
-        return /*#__PURE__*/_react.default.createElement(_Box.Box, {
-          px: 2,
-          py: 1
-        }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-          variant: "sm-display"
-        }, option.text), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-          variant: "xs",
-          color: "mono60"
-        }, option.subtitle));
-      }
-    }, {
-      options: [].concat(OPTIONS, _toConsumableArray(OPTIONS.map(function (option) {
-        return _objectSpread(_objectSpread({}, option), {}, {
-          text: "Another ".concat(option.text),
-          value: "another-".concat(option.value)
-        });
-      }))),
-      footer: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        px: 2,
-        py: 1,
-        bg: "mono10"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs"
-      }, "Footer"))
-    }, {
-      options: [OPTIONS[0], OPTIONS[1]],
-      footer: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        px: 2,
-        py: 1,
-        bg: "mono10"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs"
-      }, "Footer"))
-    }, {
-      options: [OPTIONS[0], OPTIONS[1]],
-      header: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        px: 2,
-        py: 1,
-        bg: "mono10"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs"
-      }, "Header")),
-      footer: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        px: 2,
-        py: 1,
-        bg: "mono10"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs"
-      }, "Footer"))
-    }, {
-      options: [].concat(OPTIONS, _toConsumableArray(OPTIONS.map(function (option) {
-        return _objectSpread(_objectSpread({}, option), {}, {
-          text: "Another ".concat(option.text),
-          value: "another-".concat(option.value)
-        });
-      }))),
-      header: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        px: 2,
-        py: 1,
-        bg: "mono10"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs"
-      }, "Header")),
-      footer: function footer(_ref) {
-        var onClose = _ref.onClose;
-        return /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
-          display: "flex",
-          width: "100%",
-          onClick: onClose,
-          px: 2,
-          py: 1,
-          bg: "white"
-        }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-          variant: "xs"
-        }, "Footer"));
-      },
-      dropdownMaxHeight: "700px"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_AutocompleteInput.AutocompleteInput, {
-    placeholder: "Search",
+var Default = exports.Default = {
+  args: {
+    title: "Search Medium",
+    placeholder: "Start typing...",
     options: OPTIONS,
-    onSelect: (0, _test.fn)(),
-    onSubmit: (0, _test.fn)(),
-    onClose: (0, _test.fn)()
-  }));
+    onSelect: (0, _test.fn)()
+  }
 };
-Default.displayName = "Default";
-var Demo = exports.Demo = function Demo() {
-  var _useState = (0, _react.useState)(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    query = _useState2[0],
-    setQuery = _useState2[1];
-  var handleChange = function handleChange(event) {
-    setQuery(event.target.value);
-  };
-  return /*#__PURE__*/_react.default.createElement(_AutocompleteInput.AutocompleteInput, {
-    placeholder: "Begin typing...",
-    options: [].concat(_toConsumableArray(query ? [{
-      text: query,
-      value: query
-    }] : []), OPTIONS),
-    onChange: handleChange,
-    onSelect: (0, _test.fn)(),
-    onSubmit: (0, _test.fn)(),
-    onClose: (0, _test.fn)(),
-    renderOption: function renderOption(option, i) {
-      var displayQuery = i === 0 && query !== "";
-      return /*#__PURE__*/_react.default.createElement(_Box.Box, _extends({
-        px: 2,
-        py: 1
-      }, displayQuery ? {
-        borderBottom: "1px solid",
-        borderColor: "mono10"
-      } : {}), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "sm-display"
-      }, displayQuery ? "See full results for \u201C".concat(option.text, "\u201D") : option.text), "subtitle" in option && /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs",
-        color: "mono60"
-      }, option.subtitle));
-    }
-  });
+var WithTitle = exports.WithTitle = {
+  args: {
+    title: "Artwork Category",
+    placeholder: "Select a category...",
+    options: OPTIONS,
+    onSelect: (0, _test.fn)()
+  }
 };
-Demo.displayName = "Demo";
-var CITIES = [{
-  text: "New York",
-  value: "new-york"
-}, {
-  text: "Los Angeles",
-  value: "los-angeles"
-}, {
-  text: "London",
-  value: "london"
-}, {
-  text: "Berlin",
-  value: "berlin"
-}, {
-  text: "Paris",
-  value: "paris"
-}, {
-  text: "Rome",
-  value: "rome"
-}, {
-  text: "Madrid",
-  value: "madrid"
-}, {
-  text: "Barcelona",
-  value: "barcelona"
-}, {
-  text: "Amsterdam",
-  value: "amsterdam"
-}, {
-  text: "Brussels",
-  value: "brussels"
-}, {
-  text: "Copenhagen",
-  value: "copenhagen"
-}, {
-  text: "Dublin",
-  value: "dublin"
-}, {
-  text: "Florence",
-  value: "florence"
-}, {
-  text: "Geneva",
-  value: "geneva"
-}, {
-  text: "Helsinki",
-  value: "helsinki"
-}, {
-  text: "Hong Kong",
-  value: "hong-kong"
-}, {
-  text: "Lisbon",
-  value: "lisbon"
-}, {
-  text: "Milan",
-  value: "milan"
-}, {
-  text: "Monaco",
-  value: "monaco"
-}, {
-  text: "Moscow",
-  value: "moscow"
-}, {
-  text: "Munich",
-  value: "munich"
-}, {
-  text: "New Delhi",
-  value: "new-delhi"
-}, {
-  text: "Oslo",
-  value: "oslo"
-}, {
-  text: "Prague",
-  value: "prague"
-}, {
-  text: "Rio de Janeiro",
-  value: "rio-de-janeiro"
-}, {
-  text: "San Francisco",
-  value: "san-francisco"
-}, {
-  text: "São Paulo",
-  value: "sao-paulo"
-}, {
-  text: "Seoul",
-  value: "seoul"
-}, {
-  text: "Shanghai",
-  value: "shanghai"
-}, {
-  text: "Singapore",
-  value: "singapore"
-}, {
-  text: "Stockholm",
-  value: "stockholm"
-}, {
-  text: "Sydney",
-  value: "sydney"
-}, {
-  text: "Taipei",
-  value: "taipei"
-}, {
-  text: "Tokyo",
-  value: "tokyo"
-}, {
-  text: "Toronto",
-  value: "toronto"
-}, {
-  text: "Venice",
-  value: "venice"
-}, {
-  text: "Vienna",
-  value: "vienna"
-}, {
-  text: "Warsaw",
-  value: "warsaw"
-}, {
-  text: "Zurich",
-  value: "zurich"
-}];
-var FilterDemo = exports.FilterDemo = function FilterDemo() {
-  var _useState3 = (0, _react.useState)(""),
-    _useState4 = _slicedToArray(_useState3, 2),
-    query = _useState4[0],
-    setQuery = _useState4[1];
-  var _useState5 = (0, _react.useState)(""),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selection = _useState6[0],
-    setSelection = _useState6[1];
-  var handleChange = function handleChange(event) {
-    setQuery(event.target.value);
-  };
-  var handleSelect = function handleSelect(option) {
-    setSelection(JSON.stringify(option));
-  };
-  var handleClear = function handleClear() {
-    setQuery("");
-  };
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    display: "flex",
-    height: "150vh",
-    width: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "column",
-    gap: 2
-  }, /*#__PURE__*/_react.default.createElement(_AutocompleteInput.AutocompleteInput, {
-    width: ["75%", "50%"],
-    placeholder: "Begin typing...",
-    options: CITIES.filter(function (option) {
-      return option.text.toLowerCase().includes(query.toLowerCase());
-    }),
-    onChange: handleChange,
-    onSelect: handleSelect,
-    onClear: handleClear,
-    onSubmit: (0, _test.fn)(),
-    onClose: (0, _test.fn)()
-  }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, "Selected: ", selection ? selection : "Nothing Yet"));
+var Required = exports.Required = {
+  args: {
+    title: "Required Field",
+    required: true,
+    placeholder: "This field is required",
+    options: OPTIONS,
+    onSelect: (0, _test.fn)()
+  }
 };
-FilterDemo.displayName = "FilterDemo";
-var ProgrammaticFocus = exports.ProgrammaticFocus = function ProgrammaticFocus() {
-  var ref = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    flexDirection: "column",
-    gap: 2
-  }, /*#__PURE__*/_react.default.createElement(_AutocompleteInput.AutocompleteInput, {
-    forwardRef: ref,
-    width: ["75%", "50%"],
-    placeholder: "Begin typing...",
-    options: CITIES
-  }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    onClick: function onClick() {
-      if (!ref.current) return;
-      console.log({
-        ref: ref
-      });
-      ref.current.focus();
-    }
-  }, "Focus input"));
+var WithError = exports.WithError = {
+  args: {
+    title: "Category",
+    error: "Please select a valid category",
+    placeholder: "Select category...",
+    options: OPTIONS,
+    onSelect: (0, _test.fn)()
+  }
 };
-ProgrammaticFocus.displayName = "ProgrammaticFocus";
-var OpenOnClick = exports.OpenOnClick = function OpenOnClick() {
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    open = _useState8[0],
-    setOpen = _useState8[1];
-  return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
-    gap: 2,
-    width: 300
-  }, open ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    onClick: function onClick() {
-      return setOpen(false);
-    }
-  }, "Close") : /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    onClick: function onClick() {
-      return setOpen(true);
-    }
-  }, "Open"), open && /*#__PURE__*/_react.default.createElement(_AutocompleteInput.AutocompleteInput, {
-    autoFocus: true,
-    placeholder: "Begin typing...",
-    options: CITIES
-  }));
+var Loading = exports.Loading = {
+  args: {
+    title: "Loading Categories",
+    loading: true,
+    placeholder: "Loading options...",
+    options: [],
+    onSelect: (0, _test.fn)()
+  }
+};
+var Disabled = exports.Disabled = {
+  args: {
+    title: "Disabled Input",
+    disabled: true,
+    placeholder: "Cannot select",
+    options: OPTIONS,
+    onSelect: (0, _test.fn)()
+  }
+};
+var WithDescription = exports.WithDescription = {
+  args: {
+    title: "Category Selection",
+    description: "Choose the primary medium for this artwork",
+    placeholder: "Select medium...",
+    options: OPTIONS,
+    onSelect: (0, _test.fn)()
+  }
+};
+var EmptyOptions = exports.EmptyOptions = {
+  args: {
+    title: "No Options",
+    placeholder: "No options available",
+    options: [],
+    onSelect: (0, _test.fn)()
+  }
 };
-OpenOnClick.displayName = "OpenOnClick";
 //# sourceMappingURL=AutocompleteInput.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Text","_AutocompleteInput","_Clickable","_Flex","_Button","_Stack","_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","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","Array","isArray","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","from","test","iter","len","arr2","_default","exports","title","OPTIONS","text","subtitle","Default","createElement","States","states","loading","options","height","concat","map","option","renderOption","Box","px","py","Text","variant","color","footer","bg","header","_ref","onClose","Clickable","display","width","onClick","dropdownMaxHeight","AutocompleteInput","placeholder","onSelect","fn","onSubmit","displayName","Demo","_useState","useState","_useState2","query","setQuery","handleChange","event","onChange","displayQuery","borderBottom","borderColor","CITIES","FilterDemo","_useState3","_useState4","_useState5","_useState6","selection","setSelection","handleSelect","JSON","stringify","handleClear","alignItems","justifyContent","flexDirection","gap","toLowerCase","includes","onClear","ProgrammaticFocus","ref","useRef","Flex","forwardRef","Button","current","console","log","focus","OpenOnClick","_useState7","_useState8","open","setOpen","Stack","autoFocus"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInput.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useRef, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Text } from \"../Text\"\nimport {\n  AutocompleteInput,\n  AutocompleteInputOptionType,\n  AutocompleteInputProps,\n} from \"./AutocompleteInput\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\nimport { Stack } from \"../Stack\"\n\nexport default {\n  title: \"Components/AutocompleteInput\",\n}\n\nconst OPTIONS = [\n  {\n    text: \"Painting\",\n    value: \"painting\",\n    subtitle: \"An example subtitle\",\n  },\n  { text: \"Print\", value: \"print\", subtitle: \"An example subtitle\" },\n  { text: \"Sculpture\", value: \"sculpture\", subtitle: \"An example subtitle\" },\n  {\n    text: \"Photography\",\n    value: \"photography\",\n    subtitle: \"An example subtitle\",\n  },\n  {\n    text: \"Mixed Media\",\n    value: \"mixed-media\",\n    subtitle: \"An example subtitle\",\n  },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<AutocompleteInputProps<typeof OPTIONS[number]>>>\n      states={[\n        {},\n        { loading: true },\n        { options: [], height: 40 },\n        {\n          options: [\n            ...OPTIONS,\n            ...OPTIONS.map((option) => ({\n              ...option,\n              text: `Another ${option.text}`,\n              value: `another-${option.value}`,\n            })),\n          ],\n          renderOption: (option) => (\n            <Box px={2} py={1}>\n              <Text variant=\"sm-display\">{option.text}</Text>\n              <Text variant=\"xs\" color=\"mono60\">\n                {option.subtitle}\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          options: [\n            ...OPTIONS,\n            ...OPTIONS.map((option) => ({\n              ...option,\n              text: `Another ${option.text}`,\n              value: `another-${option.value}`,\n            })),\n          ],\n          footer: (\n            <Box px={2} py={1} bg=\"mono10\">\n              <Text variant=\"xs\">Footer</Text>\n            </Box>\n          ),\n        },\n        {\n          options: [OPTIONS[0], OPTIONS[1]],\n          footer: (\n            <Box px={2} py={1} bg=\"mono10\">\n              <Text variant=\"xs\">Footer</Text>\n            </Box>\n          ),\n        },\n        {\n          options: [OPTIONS[0], OPTIONS[1]],\n          header: (\n            <Box px={2} py={1} bg=\"mono10\">\n              <Text variant=\"xs\">Header</Text>\n            </Box>\n          ),\n          footer: (\n            <Box px={2} py={1} bg=\"mono10\">\n              <Text variant=\"xs\">Footer</Text>\n            </Box>\n          ),\n        },\n        {\n          options: [\n            ...OPTIONS,\n            ...OPTIONS.map((option) => ({\n              ...option,\n              text: `Another ${option.text}`,\n              value: `another-${option.value}`,\n            })),\n          ],\n          header: (\n            <Box px={2} py={1} bg=\"mono10\">\n              <Text variant=\"xs\">Header</Text>\n            </Box>\n          ),\n          footer: ({ onClose }) => (\n            <Clickable\n              display=\"flex\"\n              width={\"100%\"}\n              onClick={onClose}\n              px={2}\n              py={1}\n              bg=\"white\"\n            >\n              <Text variant=\"xs\">Footer</Text>\n            </Clickable>\n          ),\n          dropdownMaxHeight: \"700px\",\n        },\n      ]}\n    >\n      <AutocompleteInput\n        placeholder=\"Search\"\n        options={OPTIONS}\n        onSelect={fn()}\n        onSubmit={fn()}\n        onClose={fn()}\n      />\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [query, setQuery] = useState(\"\")\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(event.target.value)\n  }\n\n  return (\n    <AutocompleteInput\n      placeholder=\"Begin typing...\"\n      options={[...(query ? [{ text: query, value: query }] : []), ...OPTIONS]}\n      onChange={handleChange}\n      onSelect={fn()}\n      onSubmit={fn()}\n      onClose={fn()}\n      renderOption={(option, i) => {\n        const displayQuery = i === 0 && query !== \"\"\n\n        return (\n          <Box\n            px={2}\n            py={1}\n            {...(displayQuery\n              ? { borderBottom: \"1px solid\", borderColor: \"mono10\" }\n              : {})}\n          >\n            <Text variant=\"sm-display\">\n              {displayQuery\n                ? `See full results for “${option.text}”`\n                : option.text}\n            </Text>\n\n            {\"subtitle\" in option && (\n              <Text variant=\"xs\" color=\"mono60\">\n                {option.subtitle}\n              </Text>\n            )}\n          </Box>\n        )\n      }}\n    />\n  )\n}\n\nconst CITIES = [\n  { text: \"New York\", value: \"new-york\" },\n  { text: \"Los Angeles\", value: \"los-angeles\" },\n  { text: \"London\", value: \"london\" },\n  { text: \"Berlin\", value: \"berlin\" },\n  { text: \"Paris\", value: \"paris\" },\n  { text: \"Rome\", value: \"rome\" },\n  { text: \"Madrid\", value: \"madrid\" },\n  { text: \"Barcelona\", value: \"barcelona\" },\n  { text: \"Amsterdam\", value: \"amsterdam\" },\n  { text: \"Brussels\", value: \"brussels\" },\n  { text: \"Copenhagen\", value: \"copenhagen\" },\n  { text: \"Dublin\", value: \"dublin\" },\n  { text: \"Florence\", value: \"florence\" },\n  { text: \"Geneva\", value: \"geneva\" },\n  { text: \"Helsinki\", value: \"helsinki\" },\n  { text: \"Hong Kong\", value: \"hong-kong\" },\n  { text: \"Lisbon\", value: \"lisbon\" },\n  { text: \"Milan\", value: \"milan\" },\n  { text: \"Monaco\", value: \"monaco\" },\n  { text: \"Moscow\", value: \"moscow\" },\n  { text: \"Munich\", value: \"munich\" },\n  { text: \"New Delhi\", value: \"new-delhi\" },\n  { text: \"Oslo\", value: \"oslo\" },\n  { text: \"Prague\", value: \"prague\" },\n  { text: \"Rio de Janeiro\", value: \"rio-de-janeiro\" },\n  { text: \"San Francisco\", value: \"san-francisco\" },\n  { text: \"São Paulo\", value: \"sao-paulo\" },\n  { text: \"Seoul\", value: \"seoul\" },\n  { text: \"Shanghai\", value: \"shanghai\" },\n  { text: \"Singapore\", value: \"singapore\" },\n  { text: \"Stockholm\", value: \"stockholm\" },\n  { text: \"Sydney\", value: \"sydney\" },\n  { text: \"Taipei\", value: \"taipei\" },\n  { text: \"Tokyo\", value: \"tokyo\" },\n  { text: \"Toronto\", value: \"toronto\" },\n  { text: \"Venice\", value: \"venice\" },\n  { text: \"Vienna\", value: \"vienna\" },\n  { text: \"Warsaw\", value: \"warsaw\" },\n  { text: \"Zurich\", value: \"zurich\" },\n]\n\nexport const FilterDemo = () => {\n  const [query, setQuery] = useState(\"\")\n  const [selection, setSelection] = useState(\"\")\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(event.target.value)\n  }\n\n  const handleSelect = (option: AutocompleteInputOptionType) => {\n    setSelection(JSON.stringify(option))\n  }\n\n  const handleClear = () => {\n    setQuery(\"\")\n  }\n\n  return (\n    <Box\n      display=\"flex\"\n      height=\"150vh\"\n      width=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexDirection=\"column\"\n      gap={2}\n    >\n      <AutocompleteInput\n        width={[\"75%\", \"50%\"]}\n        placeholder=\"Begin typing...\"\n        options={CITIES.filter((option) => {\n          return option.text.toLowerCase().includes(query.toLowerCase())\n        })}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onClear={handleClear}\n        onSubmit={fn()}\n        onClose={fn()}\n      />\n\n      <Text variant=\"xs\">\n        Selected: {selection ? selection : \"Nothing Yet\"}\n      </Text>\n    </Box>\n  )\n}\n\nexport const ProgrammaticFocus = () => {\n  const ref = useRef<HTMLInputElement | null>(null)\n\n  return (\n    <Flex flexDirection=\"column\" gap={2}>\n      <AutocompleteInput\n        forwardRef={ref}\n        width={[\"75%\", \"50%\"]}\n        placeholder=\"Begin typing...\"\n        options={CITIES}\n      />\n\n      <Button\n        onClick={() => {\n          if (!ref.current) return\n          console.log({ ref })\n          ref.current.focus()\n        }}\n      >\n        Focus input\n      </Button>\n    </Flex>\n  )\n}\n\nexport const OpenOnClick = () => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Stack gap={2} width={300}>\n      {open ? (\n        <Button onClick={() => setOpen(false)}>Close</Button>\n      ) : (\n        <Button onClick={() => setOpen(true)}>Open</Button>\n      )}\n\n      {open && (\n        <AutocompleteInput\n          autoFocus\n          placeholder=\"Begin typing...\"\n          options={CITIES}\n        />\n      )}\n    </Stack>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AutocompleteInput.story.js","names":["_test","require","_AutocompleteInput","_storybookBlocklist","_default","exports","default","title","component","AutocompleteInput","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","OPTIONS","text","value","subtitle","Default","args","placeholder","options","onSelect","fn","WithTitle","Required","required","WithError","error","Loading","loading","Disabled","disabled","WithDescription","EmptyOptions"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInput.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport { AutocompleteInput } from \"./AutocompleteInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/AutocompleteInput\",\n  component: AutocompleteInput,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"AutocompleteInput component provides a text input with dropdown suggestions. Supports custom option rendering, loading states, and keyboard navigation.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nconst OPTIONS = [\n  {\n    text: \"Painting\",\n    value: \"painting\",\n    subtitle: \"An example subtitle\",\n  },\n  { text: \"Print\", value: \"print\", subtitle: \"An example subtitle\" },\n  { text: \"Sculpture\", value: \"sculpture\", subtitle: \"An example subtitle\" },\n  {\n    text: \"Photography\",\n    value: \"photography\",\n    subtitle: \"An example subtitle\",\n  },\n  {\n    text: \"Mixed Media\",\n    value: \"mixed-media\",\n    subtitle: \"An example subtitle\",\n  },\n]\n\nexport const Default = {\n  args: {\n    title: \"Search Medium\",\n    placeholder: \"Start typing...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithTitle = {\n  args: {\n    title: \"Artwork Category\",\n    placeholder: \"Select a category...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Required = {\n  args: {\n    title: \"Required Field\",\n    required: true,\n    placeholder: \"This field is required\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithError = {\n  args: {\n    title: \"Category\",\n    error: \"Please select a valid category\",\n    placeholder: \"Select category...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Loading = {\n  args: {\n    title: \"Loading Categories\",\n    loading: true,\n    placeholder: \"Loading options...\",\n    options: [],\n    onSelect: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    title: \"Disabled Input\",\n    disabled: true,\n    placeholder: \"Cannot select\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithDescription = {\n  args: {\n    title: \"Category Selection\",\n    description: \"Choose the primary medium for this artwork\",\n    placeholder: \"Select medium...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const EmptyOptions = {\n  args: {\n    title: \"No Options\",\n    placeholder: \"No options available\",\n    options: [],\n    onSelect: fn(),\n  },\n}\n"],"mappings":"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"}