@artsy/palette 45.13.1 → 45.14.0-canary.1497.33065.0

package/dist/esm/elements/FilterSelect/Components/FilterSelectContext.js

@@ -0,0 +1,150 @@
+var _excluded = ["children"];
+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); }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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; }
+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); }
+import React, { createContext, useContext, useLayoutEffect, useReducer } from "react";
+import { useUpdateEffect } from "../../../utils";
+import { INITIAL_ITEMS_TO_SHOW } from "../../ShowMore";
+
+// In order to satisfy the Relay compilers readonly list types. This is in
+// support for passing different kinds of item types as props, like aggregations
+
+var filterSelectReducer = function filterSelectReducer(state, action) {
+  switch (action.type) {
+    case "SET_QUERY":
+      {
+        var _query = action.payload.query;
+        var _items = state.items,
+          searchableText = state.searchableText;
+        if (_query === "") {
+          return _objectSpread(_objectSpread({}, state), {}, {
+            query: _query,
+            isFiltered: false,
+            filteredItems: []
+          });
+        }
+        var filteredItems = _items.filter(function (item) {
+          var _searchableText;
+          var text = (_searchableText = searchableText === null || searchableText === void 0 ? void 0 : searchableText(item)) !== null && _searchableText !== void 0 ? _searchableText : item.label;
+          return text.toLowerCase().includes(_query.toLowerCase());
+        });
+        return _objectSpread(_objectSpread({}, state), {}, {
+          query: _query,
+          isFiltered: true,
+          filteredItems: filteredItems
+        });
+      }
+    case "TOGGLE_SELECTED_ITEM":
+      {
+        var isFound = !!state.selectedItems.find(function (item) {
+          return item.value === action.payload.item.value;
+        });
+        var selectedItems;
+        if (isFound) {
+          selectedItems = state.selectedItems.filter(function (item) {
+            return item.value !== action.payload.item.value;
+          });
+        } else {
+          selectedItems = state.multiselect ? [].concat(_toConsumableArray(state.selectedItems), [action.payload.item]) : [action.payload.item];
+        }
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectedItems: selectedItems
+        });
+      }
+    case "SET_SELECTED_ITEMS":
+      {
+        var _items2 = action.payload.items;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectedItems: _items2
+        });
+      }
+  }
+};
+var initialState = {
+  filteredItems: [],
+  initialItemsToShow: INITIAL_ITEMS_TO_SHOW,
+  isFiltered: false,
+  items: [],
+  moveSelectedToTop: true,
+  multiselect: true,
+  onChange: function onChange(x) {
+    return x;
+  },
+  order: [["label"], ["asc"]],
+  placeholder: "",
+  query: "",
+  renderItemLabel: undefined,
+  selectedItems: []
+};
+var FilterSelectContext = /*#__PURE__*/createContext({});
+export var FilterSelectContextProvider = function FilterSelectContextProvider(_ref) {
+  var _props$selectedItems;
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useReducer = useReducer(filterSelectReducer, _objectSpread(_objectSpread({}, initialState), props)),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var contextValue = _objectSpread(_objectSpread({}, state), {}, {
+    toggleSelectedItem: function toggleSelectedItem(item) {
+      dispatch({
+        type: "TOGGLE_SELECTED_ITEM",
+        payload: {
+          item: item
+        }
+      });
+    },
+    setQuery: function setQuery(query) {
+      dispatch({
+        type: "SET_QUERY",
+        payload: {
+          query: query
+        }
+      });
+    },
+    setSelectedItems: function setSelectedItems(items) {
+      dispatch({
+        type: "SET_SELECTED_ITEMS",
+        payload: {
+          items: items
+        }
+      });
+    }
+  });
+  useUpdateEffect(function () {
+    if (props.selectedItems) {
+      contextValue.setSelectedItems(props.selectedItems);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [(_props$selectedItems = props.selectedItems) === null || _props$selectedItems === void 0 ? void 0 : _props$selectedItems.length]);
+  useLayoutEffect(function () {
+    var _props$query;
+    if ((_props$query = props.query) !== null && _props$query !== void 0 && _props$query.length) {
+      contextValue.setQuery(props.query);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(FilterSelectContext.Provider, {
+    value: contextValue
+  }, children);
+};
+FilterSelectContextProvider.displayName = "FilterSelectContextProvider";
+export var useFilterSelectContext = function useFilterSelectContext() {
+  return useContext(FilterSelectContext);
+};
+//# sourceMappingURL=FilterSelectContext.js.map

package/dist/esm/elements/FilterSelect/Components/FilterSelectContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelectContext.js","names":["React","createContext","useContext","useLayoutEffect","useReducer","useUpdateEffect","INITIAL_ITEMS_TO_SHOW","filterSelectReducer","state","action","type","query","payload","items","searchableText","_objectSpread","isFiltered","filteredItems","filter","item","_searchableText","text","label","toLowerCase","includes","isFound","selectedItems","find","value","multiselect","concat","_toConsumableArray","initialState","initialItemsToShow","moveSelectedToTop","onChange","x","order","placeholder","renderItemLabel","undefined","FilterSelectContext","FilterSelectContextProvider","_ref","_props$selectedItems","children","props","_objectWithoutProperties","_excluded","_useReducer","_useReducer2","_slicedToArray","dispatch","contextValue","toggleSelectedItem","setQuery","setSelectedItems","length","_props$query","createElement","Provider","displayName","useFilterSelectContext"],"sources":["../../../../../src/elements/FilterSelect/Components/FilterSelectContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useReducer,\n} from \"react\"\nimport { useUpdateEffect } from \"../../../utils\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../../ShowMore\"\n\nexport interface Item {\n  label: string\n  value: string\n  [key: string]: string | number | boolean\n}\n\n// In order to satisfy the Relay compilers readonly list types. This is in\n// support for passing different kinds of item types as props, like aggregations\nexport type Items = ReadonlyArray<Item>\n\nexport interface FilterSelectChangeState {\n  items: FilterSelectContextProps[\"items\"]\n  filteredItems: FilterSelectContextProps[\"filteredItems\"]\n  selectedItems: FilterSelectContextProps[\"selectedItems\"]\n  query: FilterSelectContextProps[\"query\"]\n}\n\ninterface FilterSelectContextProps {\n  enableSelectAll?: boolean\n  filteredItems: Items\n  initialItemsToShow: number\n  isFiltered: boolean\n  items: Items\n  moveSelectedToTop: boolean\n  multiselect: boolean\n  onChange: (state: FilterSelectChangeState) => void\n  onSelectAll?: (state: FilterSelectChangeState) => void\n  order: [string[], Array<\"asc\" | \"desc\">] // See: https://lodash.com/docs/4.17.15#orderBy\n  placeholder: string\n  query: string\n  renderItemLabel?: (item: any) => string\n  searchableText?: (item: Item) => string\n  selectedItems: Items\n  setQuery: (query: string) => void\n  setSelectedItems: (items: Items) => void\n  toggleSelectedItem: (item: Item) => void\n}\n\nexport type FilterSelectState = Pick<\n  FilterSelectContextProps,\n  | \"enableSelectAll\"\n  | \"filteredItems\"\n  | \"initialItemsToShow\"\n  | \"isFiltered\"\n  | \"items\"\n  | \"moveSelectedToTop\"\n  | \"multiselect\"\n  | \"onChange\"\n  | \"onSelectAll\"\n  | \"order\"\n  | \"placeholder\"\n  | \"query\"\n  | \"renderItemLabel\"\n  | \"searchableText\"\n  | \"selectedItems\"\n>\n\ntype Action =\n  | { type: \"SET_QUERY\"; payload: { query: string } }\n  | { type: \"TOGGLE_SELECTED_ITEM\"; payload: { item: Item } }\n  | { type: \"SET_SELECTED_ITEMS\"; payload: { items: Items } }\n\nconst filterSelectReducer = (state: FilterSelectState, action: Action) => {\n  switch (action.type) {\n    case \"SET_QUERY\": {\n      const { query } = action.payload\n      const { items, searchableText } = state\n\n      if (query === \"\") {\n        return {\n          ...state,\n          query,\n          isFiltered: false,\n          filteredItems: [],\n        }\n      }\n\n      const filteredItems = items.filter((item) => {\n        const text = searchableText?.(item) ?? item.label\n        return text.toLowerCase().includes(query.toLowerCase())\n      })\n\n      return {\n        ...state,\n        query,\n        isFiltered: true,\n        filteredItems,\n      }\n    }\n\n    case \"TOGGLE_SELECTED_ITEM\": {\n      const isFound = !!state.selectedItems.find(\n        (item) => item.value === action.payload.item.value\n      )\n\n      let selectedItems\n      if (isFound) {\n        selectedItems = state.selectedItems.filter(\n          (item) => item.value !== action.payload.item.value\n        )\n      } else {\n        selectedItems = state.multiselect\n          ? [...state.selectedItems, action.payload.item]\n          : [action.payload.item]\n      }\n\n      return {\n        ...state,\n        selectedItems,\n      }\n    }\n\n    case \"SET_SELECTED_ITEMS\": {\n      const { items } = action.payload\n\n      return {\n        ...state,\n        selectedItems: items,\n      }\n    }\n  }\n}\n\nconst initialState: FilterSelectState = {\n  filteredItems: [],\n  initialItemsToShow: INITIAL_ITEMS_TO_SHOW,\n  isFiltered: false,\n  items: [],\n  moveSelectedToTop: true,\n  multiselect: true,\n  onChange: (x) => x,\n  order: [[\"label\"], [\"asc\"]],\n  placeholder: \"\",\n  query: \"\",\n  renderItemLabel: undefined,\n  selectedItems: [],\n}\n\nconst FilterSelectContext = createContext<FilterSelectContextProps>({} as any)\n\nexport const FilterSelectContextProvider: React.FC<\n  React.PropsWithChildren<Partial<FilterSelectState>>\n> = ({ children, ...props }) => {\n  const [state, dispatch] = useReducer(filterSelectReducer, {\n    ...initialState,\n    ...props,\n  })\n\n  const contextValue = {\n    ...state,\n\n    toggleSelectedItem: (item) => {\n      dispatch({\n        type: \"TOGGLE_SELECTED_ITEM\",\n        payload: { item },\n      })\n    },\n    setQuery: (query) => {\n      dispatch({\n        type: \"SET_QUERY\",\n        payload: { query },\n      })\n    },\n    setSelectedItems: (items) => {\n      dispatch({\n        type: \"SET_SELECTED_ITEMS\",\n        payload: {\n          items,\n        },\n      })\n    },\n  }\n\n  useUpdateEffect(() => {\n    if (props.selectedItems) {\n      contextValue.setSelectedItems(props.selectedItems)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.selectedItems?.length])\n\n  useLayoutEffect(() => {\n    if (props.query?.length) {\n      contextValue.setQuery(props.query)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <FilterSelectContext.Provider value={contextValue}>\n      {children}\n    </FilterSelectContext.Provider>\n  )\n}\n\nexport const useFilterSelectContext = () => {\n  return useContext(FilterSelectContext)\n}\n"],"mappings":"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"}

package/dist/esm/elements/FilterSelect/Components/FilterSelectResultItem.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Checkbox } from "../../Checkbox";
+import { useFilterSelectContext } from "./FilterSelectContext";
+import { Radio } from "../../Radio";
+export var FilterSelectResultItem = function FilterSelectResultItem(props) {
+  var _useFilterSelectConte = useFilterSelectContext(),
+    renderItemLabel = _useFilterSelectConte.renderItemLabel,
+    selectedItems = _useFilterSelectConte.selectedItems,
+    toggleSelectedItem = _useFilterSelectConte.toggleSelectedItem,
+    multiselect = _useFilterSelectConte.multiselect;
+  var isSelected = !!selectedItems.find(function (item) {
+    return item.value === props.value;
+  });
+  var label = renderItemLabel ? renderItemLabel(props) : props.label;
+  var Component = multiselect ? Checkbox : Radio;
+  return /*#__PURE__*/React.createElement(Component, {
+    onSelect: function onSelect() {
+      return toggleSelectedItem(props);
+    },
+    selected: isSelected,
+    key: props.value,
+    my: 1
+  }, label);
+};
+FilterSelectResultItem.displayName = "FilterSelectResultItem";
+//# sourceMappingURL=FilterSelectResultItem.js.map

package/dist/esm/elements/FilterSelect/Components/FilterSelectResultItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelectResultItem.js","names":["React","Checkbox","useFilterSelectContext","Radio","FilterSelectResultItem","props","_useFilterSelectConte","renderItemLabel","selectedItems","toggleSelectedItem","multiselect","isSelected","find","item","value","label","Component","createElement","onSelect","selected","key","my","displayName"],"sources":["../../../../../src/elements/FilterSelect/Components/FilterSelectResultItem.tsx"],"sourcesContent":["import React from \"react\"\nimport { Checkbox } from \"../../Checkbox\"\nimport { Item, useFilterSelectContext } from \"./FilterSelectContext\"\nimport { Radio } from \"../../Radio\"\n\nexport const FilterSelectResultItem: React.FC<React.PropsWithChildren<Item>> = (props) => {\n  const {\n    renderItemLabel,\n    selectedItems,\n    toggleSelectedItem,\n    multiselect,\n  } = useFilterSelectContext()\n\n  const isSelected = !!selectedItems.find(\n    (item: Item) => item.value === props.value\n  )\n  const label = renderItemLabel ? renderItemLabel(props) : props.label\n  const Component = multiselect ? Checkbox : Radio\n\n  return (\n    <Component\n      onSelect={() => toggleSelectedItem(props)}\n      selected={isSelected}\n      key={props.value}\n      my={1}\n    >\n      {label}\n    </Component>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AACjB,SAAeC,sBAAsB;AACrC,SAASC,KAAK;AAEd,OAAO,IAAMC,sBAA+D,GAAG,SAAlEA,sBAA+DA,CAAIC,KAAK,EAAK;EACxF,IAAAC,qBAAA,GAKIJ,sBAAsB,EAAE;IAJ1BK,eAAe,GAAAD,qBAAA,CAAfC,eAAe;IACfC,aAAa,GAAAF,qBAAA,CAAbE,aAAa;IACbC,kBAAkB,GAAAH,qBAAA,CAAlBG,kBAAkB;IAClBC,WAAW,GAAAJ,qBAAA,CAAXI,WAAW;EAGb,IAAMC,UAAU,GAAG,CAAC,CAACH,aAAa,CAACI,IAAI,CACrC,UAACC,IAAU;IAAA,OAAKA,IAAI,CAACC,KAAK,KAAKT,KAAK,CAACS,KAAK;EAAA,EAC3C;EACD,IAAMC,KAAK,GAAGR,eAAe,GAAGA,eAAe,CAACF,KAAK,CAAC,GAAGA,KAAK,CAACU,KAAK;EACpE,IAAMC,SAAS,GAAGN,WAAW,GAAGT,QAAQ,GAAGE,KAAK;EAEhD,oBACEH,KAAA,CAAAiB,aAAA,CAACD,SAAS;IACRE,QAAQ,EAAE,SAAVA,QAAQA,CAAA;MAAA,OAAQT,kBAAkB,CAACJ,KAAK,CAAC;IAAA,CAAC;IAC1Cc,QAAQ,EAAER,UAAW;IACrBS,GAAG,EAAEf,KAAK,CAACS,KAAM;IACjBO,EAAE,EAAE;EAAE,GAELN,KAAK,CACI;AAEhB,CAAC;AAxBYX,sBAA+D,CAAAkB,WAAA"}

package/dist/esm/elements/FilterSelect/FilterSelect.js

@@ -0,0 +1,152 @@
+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 _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; }
+import { intersection, orderBy, uniqBy } from "es-toolkit";
+import * as React from "react";
+import { ShowMore } from "../ShowMore";
+import { Flex } from "../Flex";
+import { FilterSelectResultItem } from "./Components/FilterSelectResultItem";
+import { FilterSelectContextProvider, useFilterSelectContext } from "./Components/FilterSelectContext";
+import { FilterInput } from "./Components/FilterInput";
+import { VisuallyHidden } from "../VisuallyHidden";
+import { Text } from "../Text";
+import { INITIAL_ITEMS_TO_SHOW } from "../ShowMore";
+import { useUpdateEffect } from "../../utils";
+import { Box } from "../Box";
+import { Clickable } from "../Clickable";
+import { Stack } from "../Stack";
+export var FilterSelect = function FilterSelect(props) {
+  return /*#__PURE__*/React.createElement(FilterSelectContextProvider, props, /*#__PURE__*/React.createElement(_FilterSelect, null));
+};
+FilterSelect.displayName = "FilterSelect";
+var _FilterSelect = function _FilterSelect() {
+  var _useFilterSelectConte = useFilterSelectContext(),
+    enableSelectAll = _useFilterSelectConte.enableSelectAll,
+    filteredItems = _useFilterSelectConte.filteredItems,
+    initialItemsToShow = _useFilterSelectConte.initialItemsToShow,
+    isFiltered = _useFilterSelectConte.isFiltered,
+    items = _useFilterSelectConte.items,
+    moveSelectedToTop = _useFilterSelectConte.moveSelectedToTop,
+    multiselect = _useFilterSelectConte.multiselect,
+    onChange = _useFilterSelectConte.onChange,
+    order = _useFilterSelectConte.order,
+    query = _useFilterSelectConte.query,
+    selectedItems = _useFilterSelectConte.selectedItems;
+  if (!multiselect && enableSelectAll) {
+    console.error("FilterSelect: enableSelectAll is only available with multiselect mode.");
+  }
+
+  // Dispatch change event
+  useUpdateEffect(function () {
+    if (onChange) {
+      onChange({
+        items: items,
+        filteredItems: filteredItems,
+        selectedItems: selectedItems,
+        query: query
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [onChange, selectedItems]);
+  if (items.length === 0) {
+    return null;
+  }
+  var orderItems = function orderItems(items) {
+    return orderBy(_toConsumableArray(items), order[0], order[1]);
+  };
+  var itemsOrdered = orderItems(items);
+  var filteredItemsOrdered = orderItems(filteredItems);
+  var itemsSorted = multiselect && moveSelectedToTop ?
+  // Move selected items to the top
+  uniqBy(selectedItems.concat(itemsOrdered), function (x) {
+    return x.value;
+  }) : itemsOrdered;
+  var expanded = isBelowTheFoldSelected(selectedItems, itemsSorted);
+  var showNoResults = filteredItems.length === 0 && query !== "";
+  var showSelectAll = multiselect && enableSelectAll && !showNoResults;
+  return /*#__PURE__*/React.createElement(Flex, {
+    flexDirection: "column"
+  }, /*#__PURE__*/React.createElement(FilterInput, {
+    mb: 1
+  }), query !== "" && /*#__PURE__*/React.createElement(VisuallyHidden, {
+    "aria-live": "polite"
+  }, "".concat(filteredItems.length, " result").concat(filteredItems.length === 1 ? "" : "s")), showNoResults && /*#__PURE__*/React.createElement(Text, {
+    variant: "sm"
+  }, "No results."), isFiltered ? /*#__PURE__*/React.createElement(React.Fragment, null, showSelectAll && /*#__PURE__*/React.createElement(SelectAll, null), filteredItemsOrdered.map(function (item) {
+    return /*#__PURE__*/React.createElement(FilterSelectResultItem, _extends({
+      key: item.value
+    }, item));
+  })) : /*#__PURE__*/React.createElement(ShowMore, {
+    expanded: expanded,
+    initial: initialItemsToShow,
+    variant: "xs",
+    textDecoration: "underline",
+    mt: 1,
+    textAlign: "left"
+  }, itemsSorted.map(function (item) {
+    return /*#__PURE__*/React.createElement(FilterSelectResultItem, _extends({
+      key: item.value
+    }, item));
+  })));
+};
+_FilterSelect.displayName = "_FilterSelect";
+export var isBelowTheFoldSelected = function isBelowTheFoldSelected(selectedItems, resultsSorted) {
+  var selected = selectedItems.map(function (_ref) {
+    var value = _ref.value;
+    return value;
+  });
+  var results = resultsSorted.slice(INITIAL_ITEMS_TO_SHOW).map(function (_ref2) {
+    var value = _ref2.value;
+    return value;
+  });
+  var isSelected = intersection(selected, results).length > 0;
+  return isSelected;
+};
+var SelectAll = function SelectAll() {
+  var _useFilterSelectConte2 = useFilterSelectContext(),
+    items = _useFilterSelectConte2.items,
+    filteredItems = _useFilterSelectConte2.filteredItems,
+    onSelectAll = _useFilterSelectConte2.onSelectAll,
+    query = _useFilterSelectConte2.query,
+    selectedItems = _useFilterSelectConte2.selectedItems,
+    setSelectedItems = _useFilterSelectConte2.setSelectedItems;
+  var isClearDisabled = selectedItems.length === 0;
+  return /*#__PURE__*/React.createElement(Box, {
+    my: 1
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 2,
+    flexDirection: "row"
+  }, /*#__PURE__*/React.createElement(Clickable, {
+    "data-testid": "filterSelect-selectAll",
+    className: "selectAll",
+    onClick: function onClick() {
+      setSelectedItems(filteredItems);
+      onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll({
+        items: items,
+        filteredItems: filteredItems,
+        selectedItems: filteredItems,
+        query: query
+      });
+    },
+    textDecoration: "underline"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "xs"
+  }, "Select all")), /*#__PURE__*/React.createElement(Clickable, {
+    "data-testid": "filterSelect-clear",
+    className: "clear",
+    onClick: function onClick() {
+      return setSelectedItems([]);
+    },
+    textDecoration: "underline",
+    disabled: isClearDisabled,
+    color: isClearDisabled ? "mono60" : "mono100"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "xs"
+  }, "Clear"))));
+};
+SelectAll.displayName = "SelectAll";
+//# sourceMappingURL=FilterSelect.js.map

package/dist/esm/elements/FilterSelect/FilterSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.js","names":["intersection","orderBy","uniqBy","React","ShowMore","Flex","FilterSelectResultItem","FilterSelectContextProvider","useFilterSelectContext","FilterInput","VisuallyHidden","Text","INITIAL_ITEMS_TO_SHOW","useUpdateEffect","Box","Clickable","Stack","FilterSelect","props","createElement","_FilterSelect","displayName","_useFilterSelectConte","enableSelectAll","filteredItems","initialItemsToShow","isFiltered","items","moveSelectedToTop","multiselect","onChange","order","query","selectedItems","console","error","length","orderItems","_toConsumableArray","itemsOrdered","filteredItemsOrdered","itemsSorted","concat","x","value","expanded","isBelowTheFoldSelected","showNoResults","showSelectAll","flexDirection","mb","variant","Fragment","SelectAll","map","item","_extends","key","initial","textDecoration","mt","textAlign","resultsSorted","selected","_ref","results","slice","_ref2","isSelected","_useFilterSelectConte2","onSelectAll","setSelectedItems","isClearDisabled","my","gap","className","onClick","disabled","color"],"sources":["../../../../src/elements/FilterSelect/FilterSelect.tsx"],"sourcesContent":["import { intersection, orderBy, uniqBy } from \"es-toolkit\"\nimport * as React from \"react\"\nimport { ShowMore } from \"../ShowMore\"\nimport { Flex } from \"../Flex\"\nimport { FilterSelectResultItem } from \"./Components/FilterSelectResultItem\"\nimport {\n  FilterSelectContextProvider,\n  FilterSelectState,\n  Items,\n  useFilterSelectContext,\n} from \"./Components/FilterSelectContext\"\nimport { FilterInput } from \"./Components/FilterInput\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { Text } from \"../Text\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../ShowMore\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Stack } from \"../Stack\"\n\nexport type FilterSelectProps = Partial<FilterSelectState>\n\nexport const FilterSelect: React.FC<\n  React.PropsWithChildren<FilterSelectProps>\n> = (props) => {\n  return (\n    <FilterSelectContextProvider {...props}>\n      <_FilterSelect />\n    </FilterSelectContextProvider>\n  )\n}\n\nconst _FilterSelect: React.FC<React.PropsWithChildren<unknown>> = () => {\n  const {\n    enableSelectAll,\n    filteredItems,\n    initialItemsToShow,\n    isFiltered,\n    items,\n    moveSelectedToTop,\n    multiselect,\n    onChange,\n    order,\n    query,\n    selectedItems,\n  } = useFilterSelectContext()\n\n  if (!multiselect && enableSelectAll) {\n    console.error(\n      \"FilterSelect: enableSelectAll is only available with multiselect mode.\"\n    )\n  }\n\n  // Dispatch change event\n  useUpdateEffect(() => {\n    if (onChange) {\n      onChange({\n        items,\n        filteredItems,\n        selectedItems,\n        query,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onChange, selectedItems])\n\n  if (items.length === 0) {\n    return null\n  }\n\n  const orderItems = (items: Items) => orderBy([...items], order[0], order[1])\n  const itemsOrdered = orderItems(items)\n  const filteredItemsOrdered = orderItems(filteredItems)\n  const itemsSorted =\n    multiselect && moveSelectedToTop\n      ? // Move selected items to the top\n        uniqBy(selectedItems.concat(itemsOrdered), (x) => x.value)\n      : itemsOrdered\n  const expanded = isBelowTheFoldSelected(selectedItems, itemsSorted)\n  const showNoResults = filteredItems.length === 0 && query !== \"\"\n  const showSelectAll = multiselect && enableSelectAll && !showNoResults\n\n  return (\n    <Flex flexDirection=\"column\">\n      <FilterInput mb={1} />\n\n      {query !== \"\" && (\n        <VisuallyHidden aria-live=\"polite\">\n          {`${filteredItems.length} result${\n            filteredItems.length === 1 ? \"\" : \"s\"\n          }`}\n        </VisuallyHidden>\n      )}\n\n      {showNoResults && <Text variant=\"sm\">No results.</Text>}\n\n      {isFiltered ? (\n        <>\n          {showSelectAll && <SelectAll />}\n          {filteredItemsOrdered.map((item) => (\n            <FilterSelectResultItem key={item.value} {...item} />\n          ))}\n        </>\n      ) : (\n        <ShowMore\n          expanded={expanded}\n          initial={initialItemsToShow}\n          variant={\"xs\"}\n          textDecoration=\"underline\"\n          mt={1}\n          textAlign=\"left\"\n        >\n          {itemsSorted.map((item) => {\n            return <FilterSelectResultItem key={item.value} {...item} />\n          })}\n        </ShowMore>\n      )}\n    </Flex>\n  )\n}\n\nexport const isBelowTheFoldSelected = (selectedItems, resultsSorted) => {\n  const selected = selectedItems.map(({ value }) => value)\n  const results = resultsSorted\n    .slice(INITIAL_ITEMS_TO_SHOW)\n    .map(({ value }) => value)\n  const isSelected = intersection(selected, results).length > 0\n  return isSelected\n}\n\nconst SelectAll: React.FC = () => {\n  const {\n    items,\n    filteredItems,\n    onSelectAll,\n    query,\n    selectedItems,\n    setSelectedItems,\n  } = useFilterSelectContext()\n\n  const isClearDisabled = selectedItems.length === 0\n\n  return (\n    <Box my={1}>\n      <Stack gap={2} flexDirection={\"row\"}>\n        <Clickable\n          data-testid=\"filterSelect-selectAll\"\n          className=\"selectAll\"\n          onClick={() => {\n            setSelectedItems(filteredItems)\n            onSelectAll?.({\n              items,\n              filteredItems,\n              selectedItems: filteredItems,\n              query,\n            })\n          }}\n          textDecoration=\"underline\"\n        >\n          <Text variant=\"xs\">Select all</Text>\n        </Clickable>\n\n        <Clickable\n          data-testid=\"filterSelect-clear\"\n          className=\"clear\"\n          onClick={() => setSelectedItems([])}\n          textDecoration=\"underline\"\n          disabled={isClearDisabled}\n          color={isClearDisabled ? \"mono60\" : \"mono100\"}\n        >\n          <Text variant=\"xs\">Clear</Text>\n        </Clickable>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,175 @@
+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); }
+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); }
+import { fn } from "@storybook/test";
+import { FilterSelect } from "./FilterSelect";
+import { STORYBOOK_PROPS_BLOCKLIST } from "../../utils/storybookBlocklist";
+export default {
+  component: FilterSelect,
+  title: "Components/FilterSelect",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A filterable select component with support for single or multi-select, search functionality, and custom rendering."
+      }
+    },
+    controls: {
+      exclude: STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+var items = [{
+  label: "Barbara Kruger",
+  value: "barbara-kruger",
+  country: "American"
+}, {
+  label: "Carrie Mae Weems",
+  value: "carrie-weems",
+  country: "American"
+}, {
+  label: "Daniel Arsham",
+  value: "daniel-asham",
+  country: "American"
+}, {
+  label: "Takashi Murakami",
+  value: "takashi-muakami",
+  country: "American"
+}, {
+  label: "Tracey Emin",
+  value: "tracey-emin",
+  country: "British-Nigerian"
+}, {
+  label: "Yinka Shonibare",
+  value: "yinka-shonibare",
+  country: "Japanese"
+}, {
+  label: "Barbara Kruger",
+  value: "barbara-kruger-2",
+  country: "British-Nigerian"
+}];
+export var Default = {
+  args: {
+    placeholder: "Filter by artist name",
+    initialItemsToShow: 6,
+    order: [["country", "name"], ["asc", "asc"]],
+    renderItemLabel: function renderItemLabel(item) {
+      return "".concat(item.label, ", ").concat(item.country);
+    },
+    onChange: fn(),
+    items: items,
+    multiselect: false
+  }
+};
+export var Multiselect = {
+  args: _objectSpread(_objectSpread({}, Default.args), {}, {
+    multiselect: true
+  })
+};
+export var WithSelectAll = {
+  args: _objectSpread(_objectSpread({}, Default.args), {}, {
+    multiselect: true,
+    enableSelectAll: true,
+    onSelectAll: function onSelectAll(state) {
+      return console.log("onSelectAll", state);
+    },
+    searchableText: function searchableText(item) {
+      var extraSearchTerms = item.country === "American" ? "USA; Yankee; Murican" : "";
+      return "".concat(item.label, "; ").concat(item.country, "; ").concat(extraSearchTerms);
+    }
+  })
+};
+export var SingleSelect = {
+  args: {
+    placeholder: "Filter by artist name",
+    initialItemsToShow: 6,
+    order: [["country", "name"], ["asc", "asc"]],
+    renderItemLabel: function renderItemLabel(item) {
+      return "".concat(item.label, ", ").concat(item.country);
+    },
+    onChange: fn(),
+    items: items,
+    multiselect: false
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "FilterSelect in single selection mode (radio buttons)."
+      }
+    }
+  }
+};
+export var MultiselectBasic = {
+  args: {
+    placeholder: "Filter by artist name",
+    initialItemsToShow: 6,
+    order: [["country", "name"], ["asc", "asc"]],
+    renderItemLabel: function renderItemLabel(item) {
+      return "".concat(item.label, ", ").concat(item.country);
+    },
+    onChange: fn(),
+    items: items,
+    multiselect: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "FilterSelect with basic multiselect functionality (checkboxes)."
+      }
+    }
+  }
+};
+export var MultiselectWithSearchableText = {
+  args: {
+    placeholder: "Filter by artist name",
+    initialItemsToShow: 6,
+    order: [["country", "name"], ["asc", "asc"]],
+    renderItemLabel: function renderItemLabel(item) {
+      return "".concat(item.label, ", ").concat(item.country);
+    },
+    onChange: fn(),
+    items: items,
+    multiselect: true,
+    enableSelectAll: true,
+    onSelectAll: function onSelectAll(state) {
+      return console.log("onSelectAll", state);
+    },
+    searchableText: function searchableText(item) {
+      var extraSearchTerms = item.country === "American" ? "USA; Yankee; Murican" : "";
+      return "".concat(item.label, "; ").concat(item.country, "; ").concat(extraSearchTerms);
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "FilterSelect with multiselect, searchable hidden text, and quick select-all functionality."
+      }
+    }
+  }
+};
+export var MultiselectNoMoveToTop = {
+  args: {
+    placeholder: "Filter by artist name",
+    initialItemsToShow: 6,
+    order: [["country", "name"], ["asc", "asc"]],
+    renderItemLabel: function renderItemLabel(item) {
+      return "".concat(item.label, ", ").concat(item.country);
+    },
+    onChange: fn(),
+    items: items,
+    multiselect: true,
+    moveSelectedToTop: false,
+    enableSelectAll: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "FilterSelect with multiselect but selected items don't move to top."
+      }
+    }
+  }
+};
+//# sourceMappingURL=FilterSelect.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.story.js","names":["fn","FilterSelect","STORYBOOK_PROPS_BLOCKLIST","component","title","tags","parameters","docs","description","controls","exclude","items","label","value","country","Default","args","placeholder","initialItemsToShow","order","renderItemLabel","item","concat","onChange","multiselect","Multiselect","_objectSpread","WithSelectAll","enableSelectAll","onSelectAll","state","console","log","searchableText","extraSearchTerms","SingleSelect","story","MultiselectBasic","MultiselectWithSearchableText","MultiselectNoMoveToTop","moveSelectedToTop"],"sources":["../../../../src/elements/FilterSelect/FilterSelect.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport { FilterSelect } from \"./FilterSelect\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: FilterSelect,\n  title: \"Components/FilterSelect\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A filterable select component with support for single or multi-select, search functionality, and custom rendering.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nconst items = [\n  {\n    label: \"Barbara Kruger\",\n    value: \"barbara-kruger\",\n    country: \"American\",\n  },\n  {\n    label: \"Carrie Mae Weems\",\n    value: \"carrie-weems\",\n    country: \"American\",\n  },\n  {\n    label: \"Daniel Arsham\",\n    value: \"daniel-asham\",\n    country: \"American\",\n  },\n  {\n    label: \"Takashi Murakami\",\n    value: \"takashi-muakami\",\n    country: \"American\",\n  },\n  {\n    label: \"Tracey Emin\",\n    value: \"tracey-emin\",\n    country: \"British-Nigerian\",\n  },\n  {\n    label: \"Yinka Shonibare\",\n    value: \"yinka-shonibare\",\n    country: \"Japanese\",\n  },\n  {\n    label: \"Barbara Kruger\",\n    value: \"barbara-kruger-2\",\n    country: \"British-Nigerian\",\n  },\n]\n\nexport const Default = {\n  args: {\n    placeholder: \"Filter by artist name\",\n    initialItemsToShow: 6,\n    order: [\n      [\"country\", \"name\"],\n      [\"asc\", \"asc\"],\n    ],\n    renderItemLabel: (item) => `${item.label}, ${item.country}`,\n    onChange: fn(),\n    items,\n    multiselect: false,\n  },\n}\n\nexport const Multiselect = {\n  args: {\n    ...Default.args,\n    multiselect: true,\n  },\n}\n\nexport const WithSelectAll = {\n  args: {\n    ...Default.args,\n    multiselect: true,\n    enableSelectAll: true,\n    onSelectAll: (state) => console.log(\"onSelectAll\", state),\n    searchableText: (item) => {\n      const extraSearchTerms =\n        item.country === \"American\" ? \"USA; Yankee; Murican\" : \"\"\n      return `${item.label}; ${item.country}; ${extraSearchTerms}`\n    },\n  },\n}\n\nexport const SingleSelect = {\n  args: {\n    placeholder: \"Filter by artist name\",\n    initialItemsToShow: 6,\n    order: [\n      [\"country\", \"name\"],\n      [\"asc\", \"asc\"],\n    ],\n    renderItemLabel: (item) => `${item.label}, ${item.country}`,\n    onChange: fn(),\n    items,\n    multiselect: false,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"FilterSelect in single selection mode (radio buttons).\",\n      },\n    },\n  },\n}\n\nexport const MultiselectBasic = {\n  args: {\n    placeholder: \"Filter by artist name\",\n    initialItemsToShow: 6,\n    order: [\n      [\"country\", \"name\"],\n      [\"asc\", \"asc\"],\n    ],\n    renderItemLabel: (item) => `${item.label}, ${item.country}`,\n    onChange: fn(),\n    items,\n    multiselect: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"FilterSelect with basic multiselect functionality (checkboxes).\",\n      },\n    },\n  },\n}\n\nexport const MultiselectWithSearchableText = {\n  args: {\n    placeholder: \"Filter by artist name\",\n    initialItemsToShow: 6,\n    order: [\n      [\"country\", \"name\"],\n      [\"asc\", \"asc\"],\n    ],\n    renderItemLabel: (item) => `${item.label}, ${item.country}`,\n    onChange: fn(),\n    items,\n    multiselect: true,\n    enableSelectAll: true,\n    onSelectAll: (state) => console.log(\"onSelectAll\", state),\n    searchableText: (item) => {\n      const extraSearchTerms =\n        item.country === \"American\" ? \"USA; Yankee; Murican\" : \"\"\n      return `${item.label}; ${item.country}; ${extraSearchTerms}`\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"FilterSelect with multiselect, searchable hidden text, and quick select-all functionality.\",\n      },\n    },\n  },\n}\n\nexport const MultiselectNoMoveToTop = {\n  args: {\n    placeholder: \"Filter by artist name\",\n    initialItemsToShow: 6,\n    order: [\n      [\"country\", \"name\"],\n      [\"asc\", \"asc\"],\n    ],\n    renderItemLabel: (item) => `${item.label}, ${item.country}`,\n    onChange: fn(),\n    items,\n    multiselect: true,\n    moveSelectedToTop: false,\n    enableSelectAll: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"FilterSelect with multiselect but selected items don't move to top.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/esm/elements/FilterSelect/index.js

@@ -0,0 +1,3 @@
+export { FilterSelectChangeState, Items as FilterSelectItems } from "./Components/FilterSelectContext";
+export * from "./FilterSelect";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/FilterSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FilterSelectChangeState","Items","FilterSelectItems"],"sources":["../../../../src/elements/FilterSelect/index.tsx"],"sourcesContent":["export {\n  FilterSelectChangeState,\n  Items as FilterSelectItems,\n} from \"./Components/FilterSelectContext\"\nexport * from \"./FilterSelect\"\n"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,KAAK,IAAIC,iBAAiB;AAE5B"}

package/dist/esm/elements/Flex/Flex.js

@@ -0,0 +1,19 @@
+import styled from "styled-components";
+import { Box } from "../Box";
+
+/**
+ * Flex is Box with display: flex
+ */
+
+/**
+ * Flex is Box with display: flex
+ */
+export var Flex = styled(Box).withConfig({
+  displayName: "Flex",
+  componentId: "sc-cw39ct-0"
+})([""]);
+Flex.defaultProps = {
+  display: "flex"
+};
+Flex.displayName = "Flex";
+//# sourceMappingURL=Flex.js.map

package/dist/esm/elements/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","names":["styled","Box","Flex","withConfig","displayName","componentId","defaultProps","display"],"sources":["../../../../src/elements/Flex/Flex.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\n\n/**\n * Flex is Box with display: flex\n */\nexport type FlexProps = BoxProps\n\n/**\n * Flex is Box with display: flex\n */\nexport const Flex = styled(Box)<FlexProps>``\n\nFlex.defaultProps = {\n  display: \"flex\",\n}\n\nFlex.displayName = \"Flex\"\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG;;AAEZ;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAGF,MAAM,CAACC,GAAG,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAa;AAE5CH,IAAI,CAACI,YAAY,GAAG;EAClBC,OAAO,EAAE;AACX,CAAC;AAEDL,IAAI,CAACE,WAAW,GAAG,MAAM"}

package/dist/esm/elements/Flex/index.js

@@ -0,0 +1,2 @@
+export * from "./Flex";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/Flex/index.tsx"],"sourcesContent":["export * from \"./Flex\"\n"],"mappings":"AAAA"}