@elliemae/ds-shuttle 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/AnimationState.js

@@ -1,60 +1,35 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var AnimationState_exports = {};
-__export(AnimationState_exports, {
-  AnimationState: () => AnimationState,
-  default: () => AnimationState_default
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_constate = __toESM(require("constate"));
+'use strict';
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
+var createContainer = require('constate');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var createContainer__default = /*#__PURE__*/_interopDefaultLegacy(createContainer);
+
 function useShuttleAnimationState() {
-  const [animationState, setAnimationState] = (0, import_react.useState)({
+  const [animationState, setAnimationState] = react.useState({
     isMoving: false,
     isMovingBack: false,
     isDrillingDown: false
   });
-  const reset = (0, import_react.useCallback)(() => setAnimationState({
+  const reset = react.useCallback(() => setAnimationState({
     isMoving: false,
     isMovingBack: false,
     isDrillingDown: false
   }), []);
-  const move = (0, import_react.useCallback)(() => setAnimationState({
+  const move = react.useCallback(() => setAnimationState({
     isMovingBack: false,
     isMoving: true,
     isDrillingDown: false
   }), []);
-  const moveBack = (0, import_react.useCallback)(() => setAnimationState({
+  const moveBack = react.useCallback(() => setAnimationState({
     isMovingBack: true,
     isMoving: false,
     isDrillingDown: false
   }), []);
-  const drilldown = (0, import_react.useCallback)(() => setAnimationState({
+  const drilldown = react.useCallback(() => setAnimationState({
     isMovingBack: false,
     isMoving: false,
     isDrillingDown: true
@@ -67,9 +42,7 @@ function useShuttleAnimationState() {
     reset
   };
 }
-const AnimationState = (0, import_constate.default)(useShuttleAnimationState, (value) => [
-  value.state
-]);
-var AnimationState_default = AnimationState;
-module.exports = __toCommonJS(AnimationState_exports);
-//# sourceMappingURL=AnimationState.js.map
+
+var AnimationContext = createContainer__default["default"](useShuttleAnimationState, value => [value.state]);
+
+module.exports = AnimationContext;

package/cjs/DSShuttle.js

@@ -1,170 +1,223 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('react');
+var lodash = require('lodash');
+var reactDesc = require('react-desc');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var ShuttleImpl = require('./ShuttleImpl.js');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const noop = () => {};
+
+const DSShuttle = _ref => {
+  let {
+    containerProps = {},
+    idField = 'id',
+    parentIdField = 'parent',
+    showIcons = true,
+    items = [],
+    selectedItems = undefined,
+    // if defined it becomes controlled (v1)
+    // TODO make `nonSelectedItems` the default controlled behavior (v2)
+    nonSelectedItems = undefined,
+    onSearch = noop,
+    onSearchOpen = noop,
+    onSearchClose = noop,
+    onDrillDown = noop,
+    onDrillDownTarget = noop,
+    onTargetSortEnd = noop,
+    setGetStatus = noop,
+    targetSortable = true,
+    sourceEmptyMessage = 'No Items Found',
+    sourceRootTitle = 'Category',
+    targetEmptyMessage = 'No Items Selected',
+    targetRootTitle = 'Selected Items',
+    composeSourceItemProps = () => ({}),
+    composeTargetItemProps = () => ({}),
+    onAddToTarget = noop,
+    onAddCheckedItems = noop,
+    onRemoveFromTarget = noop,
+    onRemoveAllFromTarget = noop,
+    onChange = noop,
+    renderSourceCounter = noop,
+    renderTargetCounter = noop,
+    sourceClearItemsText = 'CLEAR ALL',
+    targetClearItemsText = 'CLEAR ALL',
+    searchPlaceholder = 'Search field ID, name, etc.',
+    loadingSource = false,
+    loadingTarget = false,
+    onGetMoreItems = () => null,
+    hasNextPage = false,
+    moreItemsLoading
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](ShuttleImpl, {
+    composeSourceItemProps: composeSourceItemProps,
+    composeTargetItemProps: composeTargetItemProps,
+    containerProps: containerProps,
+    idField: idField,
+    items: items,
+    onAddCheckedItems: onAddCheckedItems,
+    onAddToTarget: onAddToTarget,
+    onChange: onChange,
+    onDrillDown: onDrillDown,
+    nonSelectedItems: nonSelectedItems,
+    onDrillDownTarget: onDrillDownTarget,
+    onRemoveAllFromTarget: onRemoveAllFromTarget,
+    onRemoveFromTarget: onRemoveFromTarget,
+    onSearch: onSearch,
+    onSearchClose: onSearchClose,
+    onSearchOpen: onSearchOpen,
+    onTargetSortEnd: onTargetSortEnd,
+    parentIdField: parentIdField,
+    renderSourceCounter: renderSourceCounter,
+    renderTargetCounter: renderTargetCounter,
+    searchPlaceholder: searchPlaceholder,
+    selectedItems: selectedItems,
+    setGetStatus: setGetStatus,
+    showIcons: showIcons,
+    sourceClearItemsText: sourceClearItemsText,
+    sourceEmptyMessage: sourceEmptyMessage,
+    sourceRootTitle: sourceRootTitle,
+    targetClearItemsText: targetClearItemsText,
+    targetEmptyMessage: targetEmptyMessage,
+    targetRootTitle: targetRootTitle,
+    targetSortable: targetSortable,
+    loadingSource: loadingSource,
+    loadingTarget: loadingTarget,
+    onGetMoreItems: lodash.debounce(function () {
+      onGetMoreItems(...arguments);
+    }, 500),
+    moreItemsLoading: moreItemsLoading,
+    hasNextPage: hasNextPage
+  }));
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSShuttle_exports = {};
-__export(DSShuttle_exports, {
-  DSShuttle: () => DSShuttle,
-  DSShuttleWithSchema: () => DSShuttleWithSchema,
-  default: () => DSShuttle_default,
-  utils: () => import_utils.default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_react_desc = require("react-desc");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_ShuttleImpl = require("./ShuttleImpl");
-var import_utils = __toESM(require("./utils"));
-const noop = () => {
-};
-const DSShuttle = ({
-  containerProps = {},
-  idField = "id",
-  parentIdField = "parent",
-  showIcons = true,
-  items = [],
-  selectedItems = void 0,
-  nonSelectedItems = void 0,
-  onSearch = noop,
-  onSearchOpen = noop,
-  onSearchClose = noop,
-  onDrillDown = noop,
-  onDrillDownTarget = noop,
-  onTargetSortEnd = noop,
-  setGetStatus = noop,
-  targetSortable = true,
-  sourceEmptyMessage = "No Items Found",
-  sourceRootTitle = "Category",
-  targetEmptyMessage = "No Items Selected",
-  targetRootTitle = "Selected Items",
-  composeSourceItemProps = () => ({}),
-  composeTargetItemProps = () => ({}),
-  onAddToTarget = noop,
-  onAddCheckedItems = noop,
-  onRemoveFromTarget = noop,
-  onRemoveAllFromTarget = noop,
-  onChange = noop,
-  renderSourceCounter = noop,
-  renderTargetCounter = noop,
-  sourceClearItemsText = "CLEAR ALL",
-  targetClearItemsText = "CLEAR ALL",
-  searchPlaceholder = "Search field ID, name, etc.",
-  loadingSource = false,
-  loadingTarget = false,
-  onGetMoreItems = () => null,
-  hasNextPage = false,
-  moreItemsLoading
-}) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_ShuttleImpl.ShuttleImpl, {
-  composeSourceItemProps,
-  composeTargetItemProps,
-  containerProps,
-  idField,
-  items,
-  onAddCheckedItems,
-  onAddToTarget,
-  onChange,
-  onDrillDown,
-  nonSelectedItems,
-  onDrillDownTarget,
-  onRemoveAllFromTarget,
-  onRemoveFromTarget,
-  onSearch,
-  onSearchClose,
-  onSearchOpen,
-  onTargetSortEnd,
-  parentIdField,
-  renderSourceCounter,
-  renderTargetCounter,
-  searchPlaceholder,
-  selectedItems,
-  setGetStatus,
-  showIcons,
-  sourceClearItemsText,
-  sourceEmptyMessage,
-  sourceRootTitle,
-  targetClearItemsText,
-  targetEmptyMessage,
-  targetRootTitle,
-  targetSortable,
-  loadingSource,
-  loadingTarget,
-  onGetMoreItems: (0, import_lodash.debounce)((...args) => {
-    onGetMoreItems(...args);
-  }, 500),
-  moreItemsLoading,
-  hasNextPage
-}));
+
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("inject props to shuttle wrapper"),
-  idField: import_react_desc.PropTypes.string.description("The identifier field for the item object"),
-  parentIdField: import_react_desc.PropTypes.string.description("The parent identifier field for the item object"),
-  showIcons: import_react_desc.PropTypes.string.description("Whether to show the icons or not"),
-  items: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
-    disableDrillDown: import_react_desc.PropTypes.bool,
-    icon: import_react_desc.PropTypes.element,
-    name: import_react_desc.PropTypes.string,
-    readOnly: import_react_desc.PropTypes.bool,
-    description: import_react_desc.PropTypes.string
-  })).description("list of items"),
-  selectedItems: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Array of item ids that are selected. If passed the component behaves as controlled"),
-  nonSelectedItems: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Array of item ids that aren't selected.. Should include ALL non selected items, even those not rendered"),
-  onSearch: import_react_desc.PropTypes.func.description("Handler on search"),
-  onSearchOpen: import_react_desc.PropTypes.func.description("Handler when the searchbox is visible"),
-  onSearchClose: import_react_desc.PropTypes.func.description("Handler when the searchbox is not visible"),
-  onDrillDown: import_react_desc.PropTypes.func.description('Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
-  onDrillDownTarget: import_react_desc.PropTypes.func.description('Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
-  onTargetSortEnd: import_react_desc.PropTypes.func.description("Target handler when user stops dragging an item"),
-  onGetMoreItems: import_react_desc.PropTypes.func.description("Callback function that gets more items for Infinite Scroll"),
-  moreItemsLoading: import_react_desc.PropTypes.bool.description("Wheter there are mor items loading for Infinite Scroll"),
-  hasNextPage: import_react_desc.PropTypes.bool.description("Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems"),
-  setGetStatus: import_react_desc.PropTypes.func.description("Function that takes as a parameter an internal getter for the state"),
-  targetSortable: import_react_desc.PropTypes.bool.description("Whether the target can be sortable with DnD"),
-  sourceRootTitle: import_react_desc.PropTypes.string.description("Handler when the searchbox is visible"),
-  sourceEmptyMessage: import_react_desc.PropTypes.string.description("Source text when there is no items"),
-  targetEmptyMessage: import_react_desc.PropTypes.string.description("Target text when there is no items"),
-  targetRootTitle: import_react_desc.PropTypes.string.description("Target text for the first hierarchy item"),
-  composeSourceItemProps: import_react_desc.PropTypes.func.description("Function that allow to compose the item props in the source"),
-  composeTargetItemProps: import_react_desc.PropTypes.func.description("Function that allow to compose the item props in the target"),
-  onAddToTarget: import_react_desc.PropTypes.func.description("Handler when a users moves an item to the target"),
-  onAddCheckedItems: import_react_desc.PropTypes.func.description("Handler when a users moves all the 'checked' items to the target"),
-  onRemoveFromTarget: import_react_desc.PropTypes.func.description("Handler when a user removes an item from the target"),
-  onRemoveAllFromTarget: import_react_desc.PropTypes.func.description("Handler when a user removes all the items from the target"),
-  onChange: import_react_desc.PropTypes.func.description("Handler for every change on the state"),
-  renderSourceCounter: import_react_desc.PropTypes.func.description("Function that returns an element for the source counter"),
-  renderTargetCounter: import_react_desc.PropTypes.func.description("Function that returns an element for the target counter"),
-  sourceClearItemsText: import_react_desc.PropTypes.string.description("Source text for the clear items button"),
-  targetClearItemsText: import_react_desc.PropTypes.string.description("Target text for the clear items button"),
-  searchPlaceholder: import_react_desc.PropTypes.string.description("Searchbox placeholder"),
-  loadingSource: import_react_desc.PropTypes.bool.description("Displays loading indicator on source section"),
-  loadingTarget: import_react_desc.PropTypes.bool.description("Displays loading indicator on target section")
+  /** inject props to shuttle wrapper */
+  containerProps: reactDesc.PropTypes.object.description('inject props to shuttle wrapper'),
+
+  /** The identifier field for the item object */
+  idField: reactDesc.PropTypes.string.description('The identifier field for the item object'),
+
+  /** The parent identifier field for the item object */
+  parentIdField: reactDesc.PropTypes.string.description('The parent identifier field for the item object'),
+
+  /** Whether to show the icons or not */
+  showIcons: reactDesc.PropTypes.string.description('Whether to show the icons or not'),
+
+  /** List of items */
+  items: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    disableDrillDown: reactDesc.PropTypes.bool,
+    icon: reactDesc.PropTypes.element,
+    name: reactDesc.PropTypes.string,
+    readOnly: reactDesc.PropTypes.bool,
+    description: reactDesc.PropTypes.string
+  })).description('list of items'),
+
+  /** Array of item ids that are selected. If passed the component behaves as controlled */
+  selectedItems: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Array of item ids that are selected. If passed the component behaves as controlled'),
+
+  /** Array of item ids that aren't selected. Should include ALL non selected items, even those not rendered */
+  nonSelectedItems: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description("Array of item ids that aren't selected.. Should include ALL non selected items, even those not rendered"),
+
+  /** Handler on search */
+  onSearch: reactDesc.PropTypes.func.description('Handler on search'),
+
+  /** Handler when the searchbox is visible */
+  onSearchOpen: reactDesc.PropTypes.func.description('Handler when the searchbox is visible'),
+
+  /** Handler when the searchbox is not visible */
+  onSearchClose: reactDesc.PropTypes.func.description('Handler when the searchbox is not visible'),
+
+  /** Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")  */
+  onDrillDown: reactDesc.PropTypes.func.description('Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
+
+  /** Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down") */
+  onDrillDownTarget: reactDesc.PropTypes.func.description('Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
+
+  /** Target handler when user stops dragging an item */
+  onTargetSortEnd: reactDesc.PropTypes.func.description('Target handler when user stops dragging an item'),
+
+  /** Callback function that gets more items for Infinite Scroll */
+  onGetMoreItems: reactDesc.PropTypes.func.description('Callback function that gets more items for Infinite Scroll'),
+
+  /** Wheter there are mor items loading for Infinite Scroll */
+  moreItemsLoading: reactDesc.PropTypes.bool.description('Wheter there are mor items loading for Infinite Scroll'),
+
+  /** Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems */
+  hasNextPage: reactDesc.PropTypes.bool.description('Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems'),
+
+  /** Function that takes as a parameter an internal getter for the state */
+  setGetStatus: reactDesc.PropTypes.func.description('Function that takes as a parameter an internal getter for the state'),
+
+  /** Whether the target can be sortable with DnD */
+  targetSortable: reactDesc.PropTypes.bool.description('Whether the target can be sortable with DnD'),
+
+  /** Handler when the searchbox is visible */
+  sourceRootTitle: reactDesc.PropTypes.string.description('Handler when the searchbox is visible'),
+
+  /** Source text when there is no items */
+  sourceEmptyMessage: reactDesc.PropTypes.string.description('Source text when there is no items'),
+
+  /** Target text when there is no items */
+  targetEmptyMessage: reactDesc.PropTypes.string.description('Target text when there is no items'),
+
+  /** Target text for the first hierarchy item */
+  targetRootTitle: reactDesc.PropTypes.string.description('Target text for the first hierarchy item'),
+
+  /** Function that allow to compose the item props in the source */
+  composeSourceItemProps: reactDesc.PropTypes.func.description('Function that allow to compose the item props in the source'),
+
+  /** Function that allow to compose the item props in the target */
+  composeTargetItemProps: reactDesc.PropTypes.func.description('Function that allow to compose the item props in the target'),
+
+  /** Handler when a users moves an item to the target */
+  onAddToTarget: reactDesc.PropTypes.func.description('Handler when a users moves an item to the target'),
+
+  /** Handler when a users moves all the 'checked' items to the target */
+  onAddCheckedItems: reactDesc.PropTypes.func.description("Handler when a users moves all the 'checked' items to the target"),
+
+  /** Handler when a user removes an item from the target */
+  onRemoveFromTarget: reactDesc.PropTypes.func.description('Handler when a user removes an item from the target'),
+
+  /** Handler when a user removes all the items from the target */
+  onRemoveAllFromTarget: reactDesc.PropTypes.func.description('Handler when a user removes all the items from the target'),
+
+  /** Handler for every change on the state */
+  onChange: reactDesc.PropTypes.func.description('Handler for every change on the state'),
+
+  /** Function that returns an element for the source counter */
+  renderSourceCounter: reactDesc.PropTypes.func.description('Function that returns an element for the source counter'),
+
+  /** Function that returns an element for the target counter */
+  renderTargetCounter: reactDesc.PropTypes.func.description('Function that returns an element for the target counter'),
+
+  /** Source text for the clear items button */
+  sourceClearItemsText: reactDesc.PropTypes.string.description('Source text for the clear items button'),
+
+  /** Target text for the clear items button */
+  targetClearItemsText: reactDesc.PropTypes.string.description('Target text for the clear items button'),
+
+  /** Searchbox placeholder */
+  searchPlaceholder: reactDesc.PropTypes.string.description('Searchbox placeholder'),
+
+  /** Displays loading indicator on source section */
+  loadingSource: reactDesc.PropTypes.bool.description('Displays loading indicator on source section'),
+
+  /** Displays loading indicator on target section */
+  loadingTarget: reactDesc.PropTypes.bool.description('Displays loading indicator on target section')
 };
-DSShuttle.propTypes = props;
-const DSShuttleWithSchema = (0, import_react_desc.describe)(DSShuttle);
+const DSShuttleWithSchema = reactDesc.describe(DSShuttle);
 DSShuttleWithSchema.propTypes = props;
-var DSShuttle_default = DSShuttle;
-module.exports = __toCommonJS(DSShuttle_exports);
-//# sourceMappingURL=DSShuttle.js.map
+
+exports.utils = utils;
+exports.DSShuttleWithSchema = DSShuttleWithSchema;
+exports["default"] = DSShuttle;

package/cjs/SearchState.js

@@ -1,60 +1,41 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SearchState_exports = {};
-__export(SearchState_exports, {
-  SearchState: () => SearchState,
-  default: () => SearchState_default
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_constate = __toESM(require("constate"));
+'use strict';
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
+var createContainer = require('constate');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var createContainer__default = /*#__PURE__*/_interopDefaultLegacy(createContainer);
+
 function useSearchState() {
-  const [searchTerm, setSearchTerm] = (0, import_react.useState)("");
-  const [searching, setSearchBoxVisibility] = (0, import_react.useState)(false);
+  const [searchTerm, setSearchTerm] = react.useState('');
+  const [searching, setSearchBoxVisibility] = react.useState(false); // todo: create a hook for Visibility behavior
+
   function toggleSearchBox(userVisible) {
-    if (userVisible !== void 0) {
+    if (userVisible !== undefined) {
       setSearchBoxVisibility(userVisible);
     } else {
       setSearchBoxVisibility(!searching);
     }
   }
+
   function reset() {
-    setSearchTerm("");
+    setSearchTerm('');
     setSearchBoxVisibility(false);
   }
+
   return {
-    state: { searchTerm, searching },
+    state: {
+      searchTerm,
+      searching
+    },
     setSearchTerm,
     toggleSearchBox,
     reset
   };
 }
-const SearchState = (0, import_constate.default)(useSearchState, (value) => [value.state]);
-var SearchState_default = SearchState;
-module.exports = __toCommonJS(SearchState_exports);
-//# sourceMappingURL=SearchState.js.map
+
+var SearchState = createContainer__default["default"](useSearchState, value => [value.state]);
+
+module.exports = SearchState;