@elliemae/ds-mobile 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,104 +1,99 @@
-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 MobileDropdownMenu_exports = {};
-__export(MobileDropdownMenu_exports, {
-  DSMobileDropdownMenu: () => DSMobileDropdownMenu,
-  DSMobileDropdownMenuWithSchema: () => DSMobileDropdownMenuWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_MobileContextMenu = __toESM(require("../MobileContextMenu"));
-var import_MobileDropdownInput = __toESM(require("./MobileDropdownInput"));
-const DSMobileDropdownMenu = ({
-  placeholder,
-  options = [],
-  title,
-  value,
-  itemsProps = {
-    label: void 0,
-    leftProp: void 0,
-    isGroup: false,
-    isMulti: false,
-    singleSelect: false,
-    isItemSelected: () => false,
-    onClick: () => {
+'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('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var MobileContextMenu = require('../MobileContextMenu/MobileContextMenu.js');
+var MobileContextMenuItem = require('../MobileContextMenu/MobileContextMenuItem.js');
+require('../MobileContextMenu/MobileContextMenuGroup.js');
+var MobileDropdownInput = require('./MobileDropdownInput.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const DSMobileDropdownMenu = _ref => {
+  let {
+    placeholder,
+    options = [],
+    title,
+    value,
+    itemsProps = {
+      label: undefined,
+      leftProp: undefined,
+      isGroup: false,
+      isMulti: false,
+      singleSelect: false,
+      isItemSelected: () => false,
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      onClick: () => {}
     }
-  }
-}) => {
-  const [menuOpen, setMenuOpen] = (0, import_react.useState)(false);
-  const inputRef = (0, import_react.useRef)(null);
-  const inputProps = import_react.default.useMemo(() => ({
+  } = _ref;
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const inputRef = React.useRef(null);
+  const inputProps = React__default["default"].useMemo(() => ({
     readOnly: true,
     value,
     onClick: () => setMenuOpen(true),
     ref: inputRef,
     placeholder
   }), [value, placeholder]);
-  const caretProps = import_react.default.useMemo(() => ({
+  const caretProps = React__default["default"].useMemo(() => ({
     onClick: () => {
       inputRef.current.focus();
       setMenuOpen(true);
     }
   }), []);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_MobileDropdownInput.DSMobileDropdownTriggerInput, {
-    inputProps,
-    caretProps
-  }), menuOpen ? /* @__PURE__ */ import_react.default.createElement(import_MobileContextMenu.DSMobileContextMenu, {
-    title,
-    open: true,
-    onChange: (_, e) => {
-      setMenuOpen(false);
-    },
-    onClickOutside: () => setMenuOpen(false)
-  }, options.map((opt, i) => /* @__PURE__ */ import_react.default.createElement(import_MobileContextMenu.DSMobileContextMenuItem, {
-    key: "ddwn".concat(`${i}`),
-    title: opt.label,
-    value: opt.value,
-    isSelected: itemsProps.isItemSelected(opt),
-    onClick: (e) => {
-      setMenuOpen(false);
-      itemsProps.onClick(opt, e);
-    },
-    label: itemsProps.label,
-    leftProp: itemsProps.leftProp,
-    isGroup: itemsProps.isGroup,
-    isMulti: itemsProps.isMulti,
-    singleSelect: itemsProps.singleSelect
-  }))) : null);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](MobileDropdownInput.DSMobileDropdownTriggerInput, {
+      inputProps: inputProps,
+      caretProps: caretProps
+    }), menuOpen ? /*#__PURE__*/_jsx__default["default"](MobileContextMenu.DSMobileContextMenu, {
+      title: title,
+      open: true,
+      onChange: (_, e) => {
+        setMenuOpen(false);
+      },
+      onClickOutside: () => setMenuOpen(false)
+    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx__default["default"](MobileContextMenuItem.DSMobileContextMenuItem, {
+      title: opt.label,
+      value: opt.value,
+      isSelected: itemsProps.isItemSelected(opt),
+      onClick: e => {
+        setMenuOpen(false);
+        itemsProps.onClick(opt, e);
+      },
+      label: itemsProps.label,
+      leftProp: itemsProps.leftProp,
+      isGroup: itemsProps.isGroup,
+      isMulti: itemsProps.isMulti,
+      singleSelect: itemsProps.singleSelect
+    }, 'ddwn'.concat("".concat(i))))) : null]
+  });
 };
+
 const props = {
-  placeholder: import_react_desc.PropTypes.string.description("dropdown menu placeholder"),
-  title: import_react_desc.PropTypes.string.description("context menu menu title"),
-  options: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({ value: import_react_desc.PropTypes.string, label: import_react_desc.PropTypes.string })).description("context menu options / items")
+  /** dropdown menu placeholder */
+  placeholder: reactDesc.PropTypes.string.description('dropdown menu placeholder'),
+
+  /** context menu menu title */
+  title: reactDesc.PropTypes.string.description('context menu menu title'),
+
+  /** context menu options / items */
+  options: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    value: reactDesc.PropTypes.string,
+    label: reactDesc.PropTypes.string
+  })).description('context menu options / items')
 };
-DSMobileDropdownMenu.propTypes = props;
-const DSMobileDropdownMenuWithSchema = (0, import_react_desc.describe)(DSMobileDropdownMenu);
+const DSMobileDropdownMenuWithSchema = reactDesc.describe(DSMobileDropdownMenu);
 DSMobileDropdownMenuWithSchema.propTypes = props;
-module.exports = __toCommonJS(MobileDropdownMenu_exports);
-//# sourceMappingURL=MobileDropdownMenu.js.map
+
+exports.DSMobileDropdownMenu = DSMobileDropdownMenu;
+exports.DSMobileDropdownMenuWithSchema = DSMobileDropdownMenuWithSchema;

package/cjs/MobileDropdownMenu/index.js

@@ -1,36 +1,12 @@
-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 MobileDropdownMenu_exports = {};
-__export(MobileDropdownMenu_exports, {
-  DSMobileDropdownTriggerInput: () => import_MobileDropdownInput.DSMobileDropdownTriggerInput
-});
-var React = __toESM(require("react"));
-__reExport(MobileDropdownMenu_exports, __toESM(require("./MobileDropdownMenu")));
-var import_MobileDropdownInput = __toESM(require("./MobileDropdownInput"));
-module.exports = __toCommonJS(MobileDropdownMenu_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MobileDropdownMenu = require('./MobileDropdownMenu.js');
+var MobileDropdownInput = require('./MobileDropdownInput.js');
+
+
+
+exports.DSMobileDropdownMenu = MobileDropdownMenu.DSMobileDropdownMenu;
+exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
+exports.DSMobileDropdownTriggerInput = MobileDropdownInput.DSMobileDropdownTriggerInput;

package/cjs/MobileEmtpyState/MobileEmptyState.js

@@ -1,62 +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 });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+var reactDesc = require('react-desc');
+var dsIcons = require('@elliemae/ds-icons');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1v2x6kj-0"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
+const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-1v2x6kj-1"
+})(["color:", ";font-size:", ";font-weight:", ";min-width:132px;"], props => props.theme.colors.neutral['600'], props => props.theme.space.xs, props => props.theme.fontWeights.semibold);
+
+const DSMobileEmptyState = _ref => {
+  let {
+    label = 'No search results found.'
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
+    size: "xxl",
+    color: ['neutral', 400]
+  }), /*#__PURE__*/_jsx__default["default"](Label, {}, void 0, label));
 };
-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 MobileEmptyState_exports = {};
-__export(MobileEmptyState_exports, {
-  DSMobileEmptyState: () => DSMobileEmptyState,
-  DSMobileEmptyStateWithSchema: () => DSMobileEmptyStateWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-const Wrapper = import_styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-`;
-const Label = import_styled_components.default.p`
-  color: ${(props2) => props2.theme.colors.neutral["600"]};
-  font-size: ${(props2) => props2.theme.space.xs};
-  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
-  min-width: 132px;
-`;
-const DSMobileEmptyState = ({ label = "No search results found." }) => /* @__PURE__ */ import_react.default.createElement(Wrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
-  size: "xxl",
-  color: ["neutral", 400]
-}), /* @__PURE__ */ import_react.default.createElement(Label, null, label));
+
 const props = {
-  label: import_react_desc.PropTypes.string.description("empty state label")
+  /** empty state label */
+  label: reactDesc.PropTypes.string.description('empty state label')
 };
-DSMobileEmptyState.propTypes = props;
-const DSMobileEmptyStateWithSchema = (0, import_react_desc.describe)(DSMobileEmptyState);
+const DSMobileEmptyStateWithSchema = reactDesc.describe(DSMobileEmptyState);
 DSMobileEmptyStateWithSchema.propTypes = props;
-module.exports = __toCommonJS(MobileEmptyState_exports);
-//# sourceMappingURL=MobileEmptyState.js.map
+
+exports.DSMobileEmptyState = DSMobileEmptyState;
+exports.DSMobileEmptyStateWithSchema = DSMobileEmptyStateWithSchema;

package/cjs/MobileEmtpyState/index.js

@@ -1,37 +1,11 @@
-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 MobileEmtpyState_exports = {};
-__export(MobileEmtpyState_exports, {
-  default: () => MobileEmtpyState_default
-});
-var React = __toESM(require("react"));
-var import_MobileEmptyState = __toESM(require("./MobileEmptyState"));
-__reExport(MobileEmtpyState_exports, __toESM(require("./MobileEmptyState")));
-var MobileEmtpyState_default = import_MobileEmptyState.DSMobileEmptyState;
-module.exports = __toCommonJS(MobileEmtpyState_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MobileEmptyState = require('./MobileEmptyState.js');
+
+
+
+exports.DSMobileEmptyState = MobileEmptyState.DSMobileEmptyState;
+exports.DSMobileEmptyStateWithSchema = MobileEmptyState.DSMobileEmptyStateWithSchema;
+exports["default"] = MobileEmptyState.DSMobileEmptyState;

package/cjs/MobileFilterbar/Filterbar.js

@@ -1,72 +1,45 @@
-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);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+var reactDesc = require('react-desc');
+var dsSystem = require('@elliemae/ds-system');
+var dsGrid = require('@elliemae/ds-grid');
+var Separator$1 = require('../MobileSeparator/Separator.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Bar = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-14ysw84-0"
+})(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-14ysw84-1"
+})(["& > *{margin:0;}"]);
+
+const DSMobileFilterbar = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    rows: ['auto', 'auto'],
+    "data-testid": "filter-bar-wrapper"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Bar, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](Separator, {}, void 0, /*#__PURE__*/_jsx__default["default"](Separator$1["default"], {
+    margin: "xxs",
+    color: ['neutral', '300']
+  })));
 };
-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 Filterbar_exports = {};
-__export(Filterbar_exports, {
-  DSMobileFilterbar: () => DSMobileFilterbar,
-  FilterbarWithSchema: () => FilterbarWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_MobileSeparator = __toESM(require("../MobileSeparator"));
-const Bar = import_styled_components.default.div`
-  display: flex;
-  overflow: auto;
-  background-color: ${(props) => props.theme.colors.neutral["000"]};
-  padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
-  & > * {
-    flex-shrink: 0;
-  }
 
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`;
-const Separator = import_styled_components.default.div`
-  & > * {
-    margin: 0;
-  }
-`;
-const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  rows: ["auto", "auto"],
-  "data-testid": "filter-bar-wrapper"
-}, /* @__PURE__ */ import_react.default.createElement(Bar, null, children), /* @__PURE__ */ import_react.default.createElement(Separator, null, /* @__PURE__ */ import_react.default.createElement(import_MobileSeparator.default, {
-  margin: "xxs",
-  color: ["neutral", "300"]
-})));
 const filterbarProps = {
-  children: import_react_desc.PropTypes.element.description("FilterBar Items").isRequired
+  children: reactDesc.PropTypes.element.description('FilterBar Items').isRequired
 };
-DSMobileFilterbar.propTypes = filterbarProps;
-const FilterbarWithSchema = (0, import_react_desc.describe)(DSMobileFilterbar);
+const FilterbarWithSchema = reactDesc.describe(DSMobileFilterbar);
 FilterbarWithSchema.propTypes = filterbarProps;
-module.exports = __toCommonJS(Filterbar_exports);
-//# sourceMappingURL=Filterbar.js.map
+
+exports.DSMobileFilterbar = DSMobileFilterbar;
+exports.FilterbarWithSchema = FilterbarWithSchema;

package/cjs/MobileFilterbar/FilterbarItem.js

@@ -1,53 +1,37 @@
-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('react');
+var reactDesc = require('react-desc');
+var dsGrid = require('@elliemae/ds-grid');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const DSMobileFilterbarItem = _ref => {
+  let {
+    children,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    "data-testid": "filter-bar-item-wrapper",
+    cols: ['min-content'],
+    pr: "xxs",
+    pt: "xxs",
+    role: "button",
+    onClick: onClick
+  }, void 0, children);
 };
-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 FilterbarItem_exports = {};
-__export(FilterbarItem_exports, {
-  DSMobileFilterbarItem: () => DSMobileFilterbarItem,
-  FilterbarItemWithSchema: () => FilterbarItemWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  "data-testid": "filter-bar-item-wrapper",
-  cols: ["min-content"],
-  pr: "xxs",
-  pt: "xxs",
-  role: "button",
-  onClick
-}, children);
+
 const filterbarItemProps = {
-  children: import_react_desc.PropTypes.element.description("FilterBar Items").isRequired,
-  onClick: import_react_desc.PropTypes.func.description("Function executed when clicking filterbar item")
+  children: reactDesc.PropTypes.element.description('FilterBar Items').isRequired,
+  onClick: reactDesc.PropTypes.func.description('Function executed when clicking filterbar item')
 };
-DSMobileFilterbarItem.propTypes = filterbarItemProps;
-const FilterbarItemWithSchema = (0, import_react_desc.describe)(DSMobileFilterbarItem);
+const FilterbarItemWithSchema = reactDesc.describe(DSMobileFilterbarItem);
 FilterbarItemWithSchema.propTypes = filterbarItemProps;
-module.exports = __toCommonJS(FilterbarItem_exports);
-//# sourceMappingURL=FilterbarItem.js.map
+
+exports.DSMobileFilterbarItem = DSMobileFilterbarItem;
+exports.FilterbarItemWithSchema = FilterbarItemWithSchema;