@artsy/palette 18.12.2 → 18.13.0

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# v18.13.0 (Tue Jan 18 2022)
+
+#### 🚀  Enhancement
+
+- feat(FilterSelect): Adds new <FilterSelect> component [#1099](https://github.com/artsy/palette/pull/1099) ([@damassi](https://github.com/damassi))
+- toolchain(linting): Add rule-of-hooks [#1093](https://github.com/artsy/palette/pull/1093) ([@damassi](https://github.com/damassi))
+
+#### 🐛  Bug Fix
+
+- feat(FilterSelect): add new component ([@damassi](https://github.com/damassi))
+- toolchain(linting): Add rule-of-hooks ([@damassi](https://github.com/damassi))
+
+#### Authors: 1
+
+- Christopher Pappas ([@damassi](https://github.com/damassi))
+
+---
+
 # v18.12.2 (Thu Jan 06 2022)
 
 #### 🐛  Bug Fix

package/dist/elements/FilterSelect/Components/FilterInput.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { InputProps } from "../../Input";
+export declare type FilterInputProps = InputProps;
+export declare const FilterInput: React.FC<InputProps>;

package/dist/elements/FilterSelect/Components/FilterInput.js

@@ -0,0 +1,73 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterInput = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _CloseCircleIcon = require("../../../svgs/CloseCircleIcon");
+
+var _MagnifyingGlassIcon = require("../../../svgs/MagnifyingGlassIcon");
+
+var _LabeledInput = require("../../LabeledInput");
+
+var _Clickable = require("../../Clickable");
+
+var _FilterSelectContext = require("./FilterSelectContext");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 || 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); }
+
+var FilterInput = function FilterInput(props) {
+  var _useFilterSelectConte = (0, _FilterSelectContext.useFilterSelectContext)(),
+      query = _useFilterSelectConte.query,
+      setQuery = _useFilterSelectConte.setQuery,
+      placeholder = _useFilterSelectConte.placeholder;
+
+  var ref = (0, React.useRef)(null);
+
+  var handleChange = function handleChange(event) {
+    setQuery(event.target.value);
+  };
+
+  var handleClick = function handleClick() {
+    var _ref$current;
+
+    setQuery("");
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+  };
+
+  return /*#__PURE__*/React.createElement(_LabeledInput.LabeledInput, _extends({
+    ref: ref,
+    role: "search",
+    label: query !== "" ?
+    /*#__PURE__*/
+    // Active state
+    React.createElement(_Clickable.Clickable, {
+      display: "flex",
+      onClick: handleClick,
+      "aria-label": "Clear search input"
+    }, /*#__PURE__*/React.createElement(_CloseCircleIcon.CloseCircleIcon, null)) :
+    /*#__PURE__*/
+    // Resting state
+    React.createElement(_MagnifyingGlassIcon.MagnifyingGlassIcon, {
+      style: {
+        pointerEvents: "none"
+      }
+    }),
+    onChange: handleChange,
+    value: query,
+    placeholder: placeholder
+  }, props));
+};
+
+exports.FilterInput = FilterInput;
+FilterInput.displayName = "FilterInput";
+//# sourceMappingURL=FilterInput.js.map

package/dist/elements/FilterSelect/Components/FilterInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/FilterSelect/Components/FilterInput.tsx"],"names":["FilterInput","props","query","setQuery","placeholder","ref","handleChange","event","target","value","handleClick","current","focus","pointerEvents"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;;;;;AAIO,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAACC,KAAD,EAAW;AAAA,8BACjB,kDADiB;AAAA,MAClDC,KADkD,yBAClDA,KADkD;AAAA,MAC3CC,QAD2C,yBAC3CA,QAD2C;AAAA,MACjCC,WADiC,yBACjCA,WADiC;;AAE1D,MAAMC,GAAG,GAAG,kBAAgC,IAAhC,CAAZ;;AAEA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAgD;AACnEJ,IAAAA,QAAQ,CAACI,KAAK,CAACC,MAAN,CAAaC,KAAd,CAAR;AACD,GAFD;;AAIA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AAAA;;AACxBP,IAAAA,QAAQ,CAAC,EAAD,CAAR;AACA,oBAAAE,GAAG,CAACM,OAAJ,8DAAaC,KAAb;AACD,GAHD;;AAKA,sBACE,oBAAC,0BAAD;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,KAAK,EACHH,KAAK,KAAK,EAAV;AAAA;AACE;AACA,wBAAC,oBAAD;AACE,MAAA,OAAO,EAAC,MADV;AAEE,MAAA,OAAO,EAAEQ,WAFX;AAGE,oBAAW;AAHb,oBAKE,oBAAC,gCAAD,OALF,CAFF;AAAA;AAUE;AACA,wBAAC,wCAAD;AAAqB,MAAA,KAAK,EAAE;AAAEG,QAAAA,aAAa,EAAE;AAAjB;AAA5B,MAfN;AAkBE,IAAA,QAAQ,EAAEP,YAlBZ;AAmBE,IAAA,KAAK,EAAEJ,KAnBT;AAoBE,IAAA,WAAW,EAAEE;AApBf,KAqBMH,KArBN,EADF;AAyBD,CAtCM;;;AAAMD,W","sourcesContent":["import * as React from \"react\"\nimport { CloseCircleIcon } from \"../../../svgs/CloseCircleIcon\"\nimport { MagnifyingGlassIcon } from \"../../../svgs/MagnifyingGlassIcon\"\nimport { InputProps } from \"../../Input\"\nimport { LabeledInput } from \"../../LabeledInput\"\nimport { Clickable } from \"../../Clickable\"\nimport { useRef } from \"react\"\nimport { useFilterSelectContext } from \"./FilterSelectContext\"\n\nexport type FilterInputProps = InputProps\n\nexport const FilterInput: React.FC<InputProps> = (props) => {\n  const { query, setQuery, placeholder } = useFilterSelectContext()\n  const ref = useRef<HTMLInputElement | null>(null)\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(event.target.value)\n  }\n\n  const handleClick = () => {\n    setQuery(\"\")\n    ref.current?.focus()\n  }\n\n  return (\n    <LabeledInput\n      ref={ref}\n      role=\"search\"\n      label={\n        query !== \"\" ? (\n          // Active state\n          <Clickable\n            display=\"flex\"\n            onClick={handleClick}\n            aria-label=\"Clear search input\"\n          >\n            <CloseCircleIcon />\n          </Clickable>\n        ) : (\n          // Resting state\n          <MagnifyingGlassIcon style={{ pointerEvents: \"none\" }} />\n        )\n      }\n      onChange={handleChange}\n      value={query}\n      placeholder={placeholder}\n      {...props}\n    />\n  )\n}\n"],"file":"FilterInput.js"}

package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+export interface Item {
+    label: string;
+    value: string;
+    [key: string]: string | number | boolean;
+}
+interface FilterSelectContextProps {
+    items: Item[];
+    filteredItems: Item[];
+    initialItemsToShow: number;
+    isFiltered: boolean;
+    onChange: (state: {
+        items: FilterSelectContextProps["items"];
+        filteredItems: FilterSelectContextProps["filteredItems"];
+        selectedItems: FilterSelectContextProps["selectedItems"];
+        query: FilterSelectContextProps["query"];
+    }) => void;
+    order: [string[], Array<"asc" | "desc">];
+    placeholder: string;
+    query: string;
+    renderItemLabel?: (item: any) => string;
+    selectedItems: Item[];
+    setSelectedItems: (item: Item) => void;
+    setQuery: (query: string) => void;
+}
+export declare type FilterSelectState = Pick<FilterSelectContextProps, "filteredItems" | "initialItemsToShow" | "items" | "isFiltered" | "onChange" | "order" | "placeholder" | "renderItemLabel" | "query" | "selectedItems">;
+export declare const FilterSelectContextProvider: React.FC<Partial<FilterSelectState>>;
+export declare const useFilterSelectContext: () => FilterSelectContextProps;
+export {};

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

@@ -0,0 +1,157 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFilterSelectContext = exports.FilterSelectContextProvider = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.reject"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ShowMore = require("../../ShowMore");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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" && Symbol.iterator in Object(iter)) 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var filterSelectReducer = function filterSelectReducer(state, action) {
+  switch (action.type) {
+    case "SET_QUERY":
+      {
+        var _query = action.payload.query;
+
+        if (_query === "") {
+          return _objectSpread(_objectSpread({}, state), {}, {
+            query: _query,
+            isFiltered: false,
+            filteredItems: []
+          });
+        }
+
+        var filteredItems = state.items.filter(function (_ref) {
+          var name = _ref.label;
+          return name.toLowerCase().includes(_query.toLowerCase());
+        });
+        return _objectSpread(_objectSpread({}, state), {}, {
+          query: _query,
+          isFiltered: true,
+          filteredItems: filteredItems
+        });
+      }
+
+    case "SET_SELECTED_ITEMS":
+      {
+        var isFound = !!state.selectedItems.find(function (item) {
+          return item.value === action.payload.item.value;
+        });
+        var selectedItems = isFound ? (0, _lodash.default)(state.selectedItems, {
+          value: action.payload.item.value
+        }) : [].concat(_toConsumableArray(state.selectedItems), [action.payload.item]);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selectedItems: selectedItems
+        });
+      }
+  }
+};
+
+var initialState = {
+  filteredItems: [],
+  initialItemsToShow: _ShowMore.INITIAL_ITEMS_TO_SHOW,
+  isFiltered: false,
+  items: [],
+  onChange: function onChange(x) {
+    return x;
+  },
+  order: [["label"], ["asc"]],
+  placeholder: "",
+  query: "",
+  renderItemLabel: undefined,
+  selectedItems: []
+};
+var FilterSelectContext = /*#__PURE__*/(0, _react.createContext)({});
+
+var FilterSelectContextProvider = function FilterSelectContextProvider(_ref2) {
+  var children = _ref2.children,
+      props = _objectWithoutProperties(_ref2, ["children"]);
+
+  var _useReducer = (0, _react.useReducer)(filterSelectReducer, _objectSpread(_objectSpread({}, initialState), props)),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var contextValue = _objectSpread(_objectSpread({}, state), {}, {
+    setSelectedItems: function setSelectedItems(item) {
+      dispatch({
+        type: "SET_SELECTED_ITEMS",
+        payload: {
+          item: item
+        }
+      });
+    },
+    setQuery: function setQuery(query) {
+      dispatch({
+        type: "SET_QUERY",
+        payload: {
+          query: query
+        }
+      });
+    }
+  });
+
+  (0, _react.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.default.createElement(FilterSelectContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+exports.FilterSelectContextProvider = FilterSelectContextProvider;
+FilterSelectContextProvider.displayName = "FilterSelectContextProvider";
+
+var useFilterSelectContext = function useFilterSelectContext() {
+  return (0, _react.useContext)(FilterSelectContext);
+};
+
+exports.useFilterSelectContext = useFilterSelectContext;
+//# sourceMappingURL=FilterSelectContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectContext.tsx"],"names":["filterSelectReducer","state","action","type","query","payload","isFiltered","filteredItems","items","filter","name","label","toLowerCase","includes","isFound","selectedItems","find","item","value","initialState","initialItemsToShow","INITIAL_ITEMS_TO_SHOW","onChange","x","order","placeholder","renderItemLabel","undefined","FilterSelectContext","FilterSelectContextProvider","children","props","dispatch","contextValue","setSelectedItems","setQuery","length","useFilterSelectContext"],"mappings":"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","sourcesContent":["import reject from \"lodash.reject\"\nimport React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useReducer,\n} from \"react\"\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\ninterface FilterSelectContextProps {\n  items: Item[]\n  filteredItems: Item[]\n  initialItemsToShow: number\n  isFiltered: boolean\n  onChange: (state: {\n    items: FilterSelectContextProps[\"items\"]\n    filteredItems: FilterSelectContextProps[\"filteredItems\"]\n    selectedItems: FilterSelectContextProps[\"selectedItems\"]\n    query: FilterSelectContextProps[\"query\"]\n  }) => 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  selectedItems: Item[]\n  setSelectedItems: (item: Item) => void\n  setQuery: (query: string) => void\n}\n\nexport type FilterSelectState = Pick<\n  FilterSelectContextProps,\n  | \"filteredItems\"\n  | \"initialItemsToShow\"\n  | \"items\"\n  | \"isFiltered\"\n  | \"onChange\"\n  | \"order\"\n  | \"placeholder\"\n  | \"renderItemLabel\"\n  | \"query\"\n  | \"selectedItems\"\n>\n\ntype Action =\n  | { type: \"SET_QUERY\"; payload: { query: string } }\n  | { type: \"SET_SELECTED_ITEMS\"; payload: { item: Item } }\n\nconst filterSelectReducer = (state: FilterSelectState, action: Action) => {\n  switch (action.type) {\n    case \"SET_QUERY\": {\n      const { query } = action.payload\n\n      if (query === \"\") {\n        return {\n          ...state,\n          query,\n          isFiltered: false,\n          filteredItems: [],\n        }\n      }\n\n      const filteredItems = state.items.filter(({ label: name }) => {\n        return name.toLowerCase().includes(query.toLowerCase())\n      })\n\n      return {\n        ...state,\n        query,\n        isFiltered: true,\n        filteredItems,\n      }\n    }\n\n    case \"SET_SELECTED_ITEMS\": {\n      const isFound = !!state.selectedItems.find(\n        (item) => item.value === action.payload.item.value\n      )\n\n      const selectedItems = isFound\n        ? reject(state.selectedItems, { value: action.payload.item.value })\n        : [...state.selectedItems, action.payload.item]\n\n      return {\n        ...state,\n        selectedItems,\n      }\n    }\n  }\n}\n\nconst initialState: FilterSelectState = {\n  filteredItems: [],\n  initialItemsToShow: INITIAL_ITEMS_TO_SHOW,\n  isFiltered: false,\n  items: [],\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  Partial<FilterSelectState>\n> = ({ children, ...props }) => {\n  const [state, dispatch] = useReducer(filterSelectReducer, {\n    ...initialState,\n    ...props,\n  })\n\n  const contextValue = {\n    ...state,\n\n    setSelectedItems: (item) => {\n      dispatch({\n        type: \"SET_SELECTED_ITEMS\",\n        payload: { item },\n      })\n    },\n    setQuery: (query) => {\n      dispatch({\n        type: \"SET_QUERY\",\n        payload: { query },\n      })\n    },\n  }\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"],"file":"FilterSelectContext.js"}

package/dist/elements/FilterSelect/Components/FilterSelectResultItem.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { Item } from "./FilterSelectContext";
+export declare const FilterSelectResultItem: React.FC<Item>;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterSelectResultItem = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Checkbox = require("../../Checkbox");
+
+var _FilterSelectContext = require("./FilterSelectContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FilterSelectResultItem = function FilterSelectResultItem(props) {
+  var _useFilterSelectConte = (0, _FilterSelectContext.useFilterSelectContext)(),
+      renderItemLabel = _useFilterSelectConte.renderItemLabel,
+      selectedItems = _useFilterSelectConte.selectedItems,
+      setSelectedItems = _useFilterSelectConte.setSelectedItems;
+
+  var isSelected = !!selectedItems.find(function (item) {
+    return item.value === props.value;
+  });
+  var label = renderItemLabel ? renderItemLabel(props) : props.label;
+  return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    onSelect: function onSelect() {
+      return setSelectedItems(props);
+    },
+    selected: isSelected,
+    key: props.value,
+    my: 1
+  }, label);
+};
+
+exports.FilterSelectResultItem = FilterSelectResultItem;
+FilterSelectResultItem.displayName = "FilterSelectResultItem";
+//# sourceMappingURL=FilterSelectResultItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectResultItem.tsx"],"names":["FilterSelectResultItem","props","renderItemLabel","selectedItems","setSelectedItems","isSelected","find","item","value","label"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,IAAMA,sBAAsC,GAAG,SAAzCA,sBAAyC,CAACC,KAAD,EAAW;AAAA,8BAK3D,kDAL2D;AAAA,MAE7DC,eAF6D,yBAE7DA,eAF6D;AAAA,MAG7DC,aAH6D,yBAG7DA,aAH6D;AAAA,MAI7DC,gBAJ6D,yBAI7DA,gBAJ6D;;AAO/D,MAAMC,UAAU,GAAG,CAAC,CAACF,aAAa,CAACG,IAAd,CACnB,UAACC,IAAD;AAAA,WAAgBA,IAAI,CAACC,KAAL,KAAeP,KAAK,CAACO,KAArC;AAAA,GADmB,CAArB;AAGA,MAAMC,KAAK,GAAGP,eAAe,GAAGA,eAAe,CAACD,KAAD,CAAlB,GAA4BA,KAAK,CAACQ,KAA/D;AAEA,sBACE,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAE;AAAA,aAAML,gBAAgB,CAACH,KAAD,CAAtB;AAAA,KADZ;AAEE,IAAA,QAAQ,EAAEI,UAFZ;AAGE,IAAA,GAAG,EAAEJ,KAAK,CAACO,KAHb;AAIE,IAAA,EAAE,EAAE;AAJN,KAMGC,KANH,CADF;AAUD,CAtBM;;;AAAMT,sB","sourcesContent":["import React from \"react\"\nimport { Checkbox } from \"../../Checkbox\"\nimport { Item, useFilterSelectContext } from \"./FilterSelectContext\"\n\nexport const FilterSelectResultItem: React.FC<Item> = (props) => {\n  const {\n    renderItemLabel,\n    selectedItems,\n    setSelectedItems,\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\n  return (\n    <Checkbox\n      onSelect={() => setSelectedItems(props)}\n      selected={isSelected}\n      key={props.value}\n      my={1}\n    >\n      {label}\n    </Checkbox>\n  )\n}\n"],"file":"FilterSelectResultItem.js"}

package/dist/elements/FilterSelect/FilterSelect.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { FilterSelectState } from "./Components/FilterSelectContext";
+export declare type FilterSelectProps = Partial<FilterSelectState>;
+export declare const FilterSelect: React.FC<FilterSelectProps>;
+export declare const isBelowTheFoldSelected: (selectedItems: any, resultsSorted: any) => boolean;

package/dist/elements/FilterSelect/FilterSelect.js

@@ -0,0 +1,123 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBelowTheFoldSelected = exports.FilterSelect = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.uniqby"));
+
+var _lodash2 = _interopRequireDefault(require("lodash.orderby"));
+
+var _lodash3 = _interopRequireDefault(require("lodash.intersection"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ShowMore = require("../ShowMore");
+
+var _Flex = require("../Flex");
+
+var _FilterSelectResultItem = require("./Components/FilterSelectResultItem");
+
+var _FilterSelectContext = require("./Components/FilterSelectContext");
+
+var _FilterInput = require("./Components/FilterInput");
+
+var _VisuallyHidden = require("../VisuallyHidden");
+
+var _Text = require("../Text");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+var FilterSelect = function FilterSelect(props) {
+  return /*#__PURE__*/React.createElement(_FilterSelectContext.FilterSelectContextProvider, props, /*#__PURE__*/React.createElement(_FilterSelect, null));
+};
+
+exports.FilterSelect = FilterSelect;
+FilterSelect.displayName = "FilterSelect";
+
+var _FilterSelect = function _FilterSelect() {
+  var _useFilterSelectConte = (0, _FilterSelectContext.useFilterSelectContext)(),
+      filteredItems = _useFilterSelectConte.filteredItems,
+      initialItemsToShow = _useFilterSelectConte.initialItemsToShow,
+      isFiltered = _useFilterSelectConte.isFiltered,
+      items = _useFilterSelectConte.items,
+      onChange = _useFilterSelectConte.onChange,
+      order = _useFilterSelectConte.order,
+      query = _useFilterSelectConte.query,
+      selectedItems = _useFilterSelectConte.selectedItems; // Dispatch change event
+
+
+  (0, React.useEffect)(function () {
+    if (onChange) {
+      onChange({
+        items: items,
+        filteredItems: filteredItems,
+        selectedItems: selectedItems,
+        query: query
+      });
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [query]);
+
+  if (items.length === 0) {
+    return null;
+  }
+
+  var orderItems = function orderItems(items) {
+    return (0, _lodash2.default)(items, order[0], order[1]);
+  };
+
+  var itemsOrdered = orderItems(items);
+  var filterdItemsOrdered = orderItems(filteredItems);
+  var itemsSorted = (0, _lodash.default)(selectedItems.concat(itemsOrdered), "value"); // Move selected items to the top
+
+  var expanded = isBelowTheFoldSelected(selectedItems, itemsSorted);
+  var showNoResults = filteredItems.length === 0 && query !== "";
+  return /*#__PURE__*/React.createElement(_Flex.Flex, {
+    flexDirection: "column"
+  }, /*#__PURE__*/React.createElement(_FilterInput.FilterInput, {
+    mb: 1
+  }), query !== "" && /*#__PURE__*/React.createElement(_VisuallyHidden.VisuallyHidden, {
+    "aria-live": "polite"
+  }, "".concat(filteredItems.length, " result").concat(filteredItems.length === 1 ? "" : "s")), showNoResults && /*#__PURE__*/React.createElement(_Text.Text, {
+    variant: "sm"
+  }, "No results."), isFiltered ? filterdItemsOrdered.map(function (item) {
+    return /*#__PURE__*/React.createElement(_FilterSelectResultItem.FilterSelectResultItem, _extends({
+      key: item.value
+    }, item));
+  }) : /*#__PURE__*/React.createElement(_ShowMore.ShowMore, {
+    expanded: expanded,
+    initial: initialItemsToShow
+  }, itemsSorted.map(function (item) {
+    return /*#__PURE__*/React.createElement(_FilterSelectResultItem.FilterSelectResultItem, _extends({
+      key: item.value
+    }, item));
+  })));
+};
+
+_FilterSelect.displayName = "_FilterSelect";
+
+var isBelowTheFoldSelected = function isBelowTheFoldSelected(selectedItems, resultsSorted) {
+  var selected = selectedItems.map(function (_ref) {
+    var value = _ref.value;
+    return value;
+  });
+  var results = resultsSorted.slice(_ShowMore.INITIAL_ITEMS_TO_SHOW).map(function (_ref2) {
+    var value = _ref2.value;
+    return value;
+  });
+  var isSelected = (0, _lodash3.default)(selected, results).length > 0;
+  return isSelected;
+};
+
+exports.isBelowTheFoldSelected = isBelowTheFoldSelected;
+//# sourceMappingURL=FilterSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/FilterSelect/FilterSelect.tsx"],"names":["FilterSelect","props","_FilterSelect","filteredItems","initialItemsToShow","isFiltered","items","onChange","order","query","selectedItems","length","orderItems","itemsOrdered","filterdItemsOrdered","itemsSorted","concat","expanded","isBelowTheFoldSelected","showNoResults","map","item","value","resultsSorted","selected","results","slice","INITIAL_ITEMS_TO_SHOW","isSelected"],"mappings":"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","sourcesContent":["import uniqBy from \"lodash.uniqby\"\nimport orderBy from \"lodash.orderby\"\nimport intersection from \"lodash.intersection\"\nimport * as React from \"react\"\nimport { ShowMore } from \"../ShowMore\"\nimport { Flex } from \"../Flex\"\nimport { FilterSelectResultItem } from \"./Components/FilterSelectResultItem\"\nimport {\n  FilterSelectContextProvider,\n  FilterSelectState,\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 { useEffect } from \"react\"\n\nexport type FilterSelectProps = Partial<FilterSelectState>\n\nexport const FilterSelect: React.FC<FilterSelectProps> = (props) => {\n  return (\n    <FilterSelectContextProvider {...props}>\n      <_FilterSelect />\n    </FilterSelectContextProvider>\n  )\n}\n\nconst _FilterSelect: React.FC = () => {\n  const {\n    filteredItems,\n    initialItemsToShow,\n    isFiltered,\n    items,\n    onChange,\n    order,\n    query,\n    selectedItems,\n  } = useFilterSelectContext()\n\n  // Dispatch change event\n  useEffect(() => {\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  }, [query])\n\n  if (items.length === 0) {\n    return null\n  }\n\n  const orderItems = (items) => orderBy(items, order[0], order[1])\n  const itemsOrdered = orderItems(items)\n  const filterdItemsOrdered = orderItems(filteredItems)\n  const itemsSorted = uniqBy(selectedItems.concat(itemsOrdered), \"value\") // Move selected items to the top\n  const expanded = isBelowTheFoldSelected(selectedItems, itemsSorted)\n  const showNoResults = filteredItems.length === 0 && query !== \"\"\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        filterdItemsOrdered.map((item) => (\n          <FilterSelectResultItem key={item.value} {...item} />\n        ))\n      ) : (\n        <ShowMore expanded={expanded} initial={initialItemsToShow}>\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"],"file":"FilterSelect.js"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => JSX.Element;

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _storybookStates = require("storybook-states");
+
+var _FilterSelect = require("./FilterSelect");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: "Components/FilterSelect"
+};
+exports.default = _default;
+
+var Default = function Default() {
+  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
+    states: [{
+      placeholder: "Filter by artist name",
+      initialItemsToShow: 6,
+      order: [["country", "name"], ["asc", "asc"]],
+      renderItemLabel: function renderItemLabel(item) {
+        return "".concat(item.name, ", ").concat(item.country);
+      },
+      onChange: function onChange(state) {
+        console.log(state);
+      },
+      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"
+      }]
+    }]
+  }, function (props) {
+    return /*#__PURE__*/_react.default.createElement(_FilterSelect.FilterSelect, props);
+  });
+};
+
+exports.Default = Default;
+Default.displayName = "Default";
+//# sourceMappingURL=FilterSelect.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/FilterSelect/FilterSelect.story.tsx"],"names":["title","Default","placeholder","initialItemsToShow","order","renderItemLabel","item","name","country","onChange","state","console","log","items","label","value","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAGe;AACbA,EAAAA,KAAK,EAAE;AADM,C;;;AAIR,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,sBACE,6BAAC,uBAAD;AACE,IAAA,MAAM,EAAE,CACN;AACEC,MAAAA,WAAW,EAAE,uBADf;AAEEC,MAAAA,kBAAkB,EAAE,CAFtB;AAGEC,MAAAA,KAAK,EAAE,CACL,CAAC,SAAD,EAAY,MAAZ,CADK,EAEL,CAAC,KAAD,EAAQ,KAAR,CAFK,CAHT;AAOEC,MAAAA,eAAe,EAAE,yBAACC,IAAD,EAAU;AACzB,yBAAUA,IAAI,CAACC,IAAf,eAAwBD,IAAI,CAACE,OAA7B;AACD,OATH;AAUEC,MAAAA,QAAQ,EAAE,kBAACC,KAAD,EAAW;AACnBC,QAAAA,OAAO,CAACC,GAAR,CAAYF,KAAZ;AACD,OAZH;AAaEG,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,KAAK,EAAE,gBADT;AAEEC,QAAAA,KAAK,EAAE,gBAFT;AAGEP,QAAAA,OAAO,EAAE;AAHX,OADK,EAML;AACEM,QAAAA,KAAK,EAAE,kBADT;AAEEC,QAAAA,KAAK,EAAE,cAFT;AAGEP,QAAAA,OAAO,EAAE;AAHX,OANK,EAWL;AACEM,QAAAA,KAAK,EAAE,eADT;AAEEC,QAAAA,KAAK,EAAE,cAFT;AAGEP,QAAAA,OAAO,EAAE;AAHX,OAXK,EAgBL;AACEM,QAAAA,KAAK,EAAE,kBADT;AAEEC,QAAAA,KAAK,EAAE,iBAFT;AAGEP,QAAAA,OAAO,EAAE;AAHX,OAhBK,EAqBL;AACEM,QAAAA,KAAK,EAAE,aADT;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEP,QAAAA,OAAO,EAAE;AAHX,OArBK,EA0BL;AACEM,QAAAA,KAAK,EAAE,iBADT;AAEEC,QAAAA,KAAK,EAAE,iBAFT;AAGEP,QAAAA,OAAO,EAAE;AAHX,OA1BK,EA+BL;AACEM,QAAAA,KAAK,EAAE,gBADT;AAEEC,QAAAA,KAAK,EAAE,kBAFT;AAGEP,QAAAA,OAAO,EAAE;AAHX,OA/BK;AAbT,KADM;AADV,KAuDG,UAACQ,KAAD;AAAA,wBAAW,6BAAC,0BAAD,EAAkBA,KAAlB,CAAX;AAAA,GAvDH,CADF;AA2DD,CA5DM;;;AAAMf,O","sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { FilterSelect } from \"./FilterSelect\"\nimport { FilterSelectProps } from \"./FilterSelect\"\n\nexport default {\n  title: \"Components/FilterSelect\",\n}\n\nexport const Default = () => {\n  return (\n    <States<FilterSelectProps>\n      states={[\n        {\n          placeholder: \"Filter by artist name\",\n          initialItemsToShow: 6,\n          order: [\n            [\"country\", \"name\"],\n            [\"asc\", \"asc\"],\n          ],\n          renderItemLabel: (item) => {\n            return `${item.name}, ${item.country}`\n          },\n          onChange: (state) => {\n            console.log(state)\n          },\n          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        },\n      ]}\n    >\n      {(props) => <FilterSelect {...props} />}\n    </States>\n  )\n}\n"],"file":"FilterSelect.story.js"}

package/dist/elements/FilterSelect/index.d.ts

@@ -0,0 +1 @@
+export * from "./FilterSelect";

package/dist/elements/FilterSelect/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _FilterSelect = require("./FilterSelect");
+
+Object.keys(_FilterSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FilterSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterSelect[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/elements/ShowMore/ShowMore.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ShowMoreProps {
+    children: React.ReactNode;
+    initial?: number;
+    expanded?: boolean;
+}
+export declare const INITIAL_ITEMS_TO_SHOW = 6;
+export declare const ShowMore: React.FC<ShowMoreProps>;

package/dist/elements/ShowMore/ShowMore.js

@@ -0,0 +1,65 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShowMore = exports.INITIAL_ITEMS_TO_SHOW = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Clickable = require("../Clickable");
+
+var _Text = require("../Text");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var INITIAL_ITEMS_TO_SHOW = 6;
+exports.INITIAL_ITEMS_TO_SHOW = INITIAL_ITEMS_TO_SHOW;
+
+var ShowMore = function ShowMore(_ref) {
+  var _ref$initial = _ref.initial,
+      initial = _ref$initial === void 0 ? INITIAL_ITEMS_TO_SHOW : _ref$initial,
+      children = _ref.children,
+      _ref$expanded = _ref.expanded,
+      expanded = _ref$expanded === void 0 ? false : _ref$expanded;
+
+  var _useState = (0, _react.useState)(expanded),
+      _useState2 = _slicedToArray(_useState, 2),
+      isExpanded = _useState2[0],
+      setExpanded = _useState2[1];
+
+  var nodes = _react.Children.toArray(children).filter(_react.isValidElement);
+
+  var hasMore = nodes.length > initial;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isExpanded ? nodes : nodes.slice(0, initial), hasMore && /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
+    mt: 1,
+    textDecoration: "underline",
+    textAlign: "left",
+    onClick: function onClick() {
+      return setExpanded(function (visibility) {
+        return !visibility;
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    variant: "xs"
+  }, isExpanded ? "Hide" : "Show more")));
+};
+
+exports.ShowMore = ShowMore;
+//# sourceMappingURL=ShowMore.js.map

package/dist/elements/ShowMore/ShowMore.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ShowMore/ShowMore.tsx"],"names":["INITIAL_ITEMS_TO_SHOW","ShowMore","initial","children","expanded","isExpanded","setExpanded","nodes","Children","toArray","filter","isValidElement","hasMore","length","slice","visibility"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAQO,IAAMA,qBAAqB,GAAG,CAA9B;;;AAEA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAI3C;AAAA,0BAHJC,OAGI;AAAA,MAHJA,OAGI,6BAHMF,qBAGN;AAAA,MAFJG,QAEI,QAFJA,QAEI;AAAA,2BADJC,QACI;AAAA,MADJA,QACI,8BADO,KACP;;AAAA,kBAC8B,qBAASA,QAAT,CAD9B;AAAA;AAAA,MACGC,UADH;AAAA,MACeC,WADf;;AAEJ,MAAMC,KAAK,GAAGC,gBAASC,OAAT,CAAiBN,QAAjB,EAA2BO,MAA3B,CAAkCC,qBAAlC,CAAd;;AACA,MAAMC,OAAO,GAAGL,KAAK,CAACM,MAAN,GAAeX,OAA/B;AAEA,sBACE,4DACGG,UAAU,GAAGE,KAAH,GAAWA,KAAK,CAACO,KAAN,CAAY,CAAZ,EAAeZ,OAAf,CADxB,EAGGU,OAAO,iBACN,6BAAC,oBAAD;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,cAAc,EAAC,WAFjB;AAGE,IAAA,SAAS,EAAC,MAHZ;AAIE,IAAA,OAAO,EAAE;AAAA,aAAMN,WAAW,CAAC,UAACS,UAAD;AAAA,eAAgB,CAACA,UAAjB;AAAA,OAAD,CAAjB;AAAA;AAJX,kBAME,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC;AAAd,KAAoBV,UAAU,GAAG,MAAH,GAAY,WAA1C,CANF,CAJJ,CADF;AAgBD,CAzBM","sourcesContent":["import React, { Children, isValidElement, useState } from \"react\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\n\nexport interface ShowMoreProps {\n  children: React.ReactNode\n  initial?: number\n  expanded?: boolean\n}\n\nexport const INITIAL_ITEMS_TO_SHOW = 6\n\nexport const ShowMore: React.FC<ShowMoreProps> = ({\n  initial = INITIAL_ITEMS_TO_SHOW,\n  children,\n  expanded = false,\n}) => {\n  const [isExpanded, setExpanded] = useState(expanded)\n  const nodes = Children.toArray(children).filter(isValidElement)\n  const hasMore = nodes.length > initial\n\n  return (\n    <>\n      {isExpanded ? nodes : nodes.slice(0, initial)}\n\n      {hasMore && (\n        <Clickable\n          mt={1}\n          textDecoration=\"underline\"\n          textAlign=\"left\"\n          onClick={() => setExpanded((visibility) => !visibility)}\n        >\n          <Text variant=\"xs\">{isExpanded ? \"Hide\" : \"Show more\"}</Text>\n        </Clickable>\n      )}\n    </>\n  )\n}\n"],"file":"ShowMore.js"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/elements/ShowMore/ShowMore.story.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _storybookStates = require("storybook-states");
+
+var _ShowMore = require("./ShowMore");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: "Components/ShowMore"
+};
+exports.default = _default;
+
+var Default = function Default() {
+  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
+    states: [{
+      initial: 3,
+      children: Array.from(Array(5)).map(function (_, index) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: index
+        }, "hi");
+      })
+    }, {
+      expanded: true,
+      children: Array.from(Array(5)).map(function (_, index) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: index
+        }, "hi");
+      })
+    }]
+  }, function (props) {
+    return /*#__PURE__*/_react.default.createElement(_ShowMore.ShowMore, props);
+  });
+};
+
+exports.Default = Default;
+Default.displayName = "Default";
+//# sourceMappingURL=ShowMore.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ShowMore/ShowMore.story.tsx"],"names":["title","Default","initial","children","Array","from","map","_","index","expanded","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAGe;AACbA,EAAAA,KAAK,EAAE;AADM,C;;;AAIR,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,sBACE,6BAAC,uBAAD;AACE,IAAA,MAAM,EAAE,CACN;AACEC,MAAAA,OAAO,EAAE,CADX;AAEEC,MAAAA,QAAQ,EAAEC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAhB,EAAqBE,GAArB,CAAyB,UAACC,CAAD,EAAIC,KAAJ;AAAA,4BACjC;AAAK,UAAA,GAAG,EAAEA;AAAV,gBADiC;AAAA,OAAzB;AAFZ,KADM,EAON;AACEC,MAAAA,QAAQ,EAAE,IADZ;AAEEN,MAAAA,QAAQ,EAAEC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAhB,EAAqBE,GAArB,CAAyB,UAACC,CAAD,EAAIC,KAAJ;AAAA,4BACjC;AAAK,UAAA,GAAG,EAAEA;AAAV,gBADiC;AAAA,OAAzB;AAFZ,KAPM;AADV,KAgBG,UAACE,KAAD;AAAA,wBAAW,6BAAC,kBAAD,EAAcA,KAAd,CAAX;AAAA,GAhBH,CADF;AAoBD,CArBM;;;AAAMT,O","sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { ShowMore } from \"./ShowMore\"\nimport { ShowMoreProps } from \"./ShowMore\"\n\nexport default {\n  title: \"Components/ShowMore\",\n}\n\nexport const Default = () => {\n  return (\n    <States<ShowMoreProps>\n      states={[\n        {\n          initial: 3,\n          children: Array.from(Array(5)).map((_, index) => (\n            <div key={index}>hi</div>\n          )),\n        },\n        {\n          expanded: true,\n          children: Array.from(Array(5)).map((_, index) => (\n            <div key={index}>hi</div>\n          )),\n        },\n      ]}\n    >\n      {(props) => <ShowMore {...props} />}\n    </States>\n  )\n}\n"],"file":"ShowMore.story.js"}

package/dist/elements/ShowMore/index.d.ts

@@ -0,0 +1 @@
+export * from "./ShowMore";

package/dist/elements/ShowMore/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ShowMore = require("./ShowMore");
+
+Object.keys(_ShowMore).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ShowMore[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ShowMore[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/elements/ShowMore/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "18.12.2",
+  "version": "18.13.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -116,6 +116,10 @@
     "@artsy/palette-tokens": "^2.6.0",
     "@seznam/compose-react-refs": "^1.0.6",
     "@styled-system/theme-get": "^5.1.2",
+    "lodash.intersection": "^4.4.0",
+    "lodash.orderby": "^4.6.0",
+    "lodash.reject": "^4.6.0",
+    "lodash.uniqby": "^4.7.0",
     "luxon": "^1.15",
     "proportional-scale": "^4.0.0",
     "react-lazy-load-image-component": "1.5.0",
@@ -174,5 +178,5 @@
       "<rootDir>/www/"
     ]
   },
-  "gitHead": "ddbfe294266fc4cd7a77d2a15772ae188c14860a"
+  "gitHead": "a4f0cafb6a3006dadab8fe247ea9737a8d6ed828"
 }