@elliemae/ds-mobile 2.2.0 → 2.3.0-alpha.3

package/esm/MobileDropdownMenu/MobileDropdownInput.js

@@ -1,48 +1,67 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { focus } from '@elliemae/ds-system';
-import { ChevronDown } from '@elliemae/ds-icons';
-import { jsx } from 'react/jsx-runtime';
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import PropTypes from "prop-types";
+import { focus } from "@elliemae/ds-system";
+import { ChevronDown } from "@elliemae/ds-icons";
+const MobileDropdownInput = styled.input`
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -webkit-tap-highlight-color: transparent;
+  caret-color: transparent;
+  padding-right: 32px;
+  padding-left: 10px;
+  border-radius: 2px;
+  width: 100%;
+  background: ${(props) => props.theme.colors.neutral["000"]};
+  height: 32px;
+  line-height: 32px;
+  border: solid 1px ${(props) => props.theme.colors.neutral[200]};
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const MobileDropdownInput = /*#__PURE__*/styled.input.withConfig({
-  componentId: "sc-1rsc1yn-0"
-})(["-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;caret-color:transparent;padding-right:32px;padding-left:10px;border-radius:2px;width:100%;background:", ";height:32px;line-height:32px;border:solid 1px ", ";&:active,&:focus{", "}"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral[200], props => focus(props.theme.colors.brand[700]));
-const MobileDropdownInputWrap = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1rsc1yn-1"
-})(["position:relative;width:100%;display:inline-block;height:32px;"]);
-const CaretWrap = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1rsc1yn-2"
-})(["width:32px;height:32px;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;"]);
-const Caret = _ref => {
-  let {
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx(CaretWrap, {
-    onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx(ChevronDown, {
-    color: ['brand-primary', '600']
-  }));
+  &:active,
+  &:focus {
+    ${(props) => focus(props.theme.colors.brand[700])}
+  }
+`;
+const MobileDropdownInputWrap = styled.span`
+  position: relative;
+  width: 100%;
+  display: inline-block;
+  height: 32px;
+`;
+const CaretWrap = styled.span`
+  width: 32px;
+  height: 32px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+const Caret = ({ onClick }) => /* @__PURE__ */ React2.createElement(CaretWrap, {
+  onClick
+}, /* @__PURE__ */ React2.createElement(ChevronDown, {
+  color: ["brand-primary", "600"]
+}));
+Caret.propTypes = {
+  onClick: PropTypes.func.isRequired
 };
-const DSMobileDropdownTriggerInput = _ref2 => {
-  let {
-    inputProps,
-    caretProps
-  } = _ref2;
-  return /*#__PURE__*/_jsx(MobileDropdownInputWrap, {
-    "data-testid": "ds-mobile-ddwn-menu"
-  }, void 0, /*#__PURE__*/jsx(MobileDropdownInput, _objectSpread(_objectSpread({}, inputProps), {}, {
-    readOnly: true
-  })), /*#__PURE__*/jsx(Caret, _objectSpread({}, caretProps)));
+const DSMobileDropdownTriggerInput = ({
+  inputProps,
+  caretProps
+}) => /* @__PURE__ */ React2.createElement(MobileDropdownInputWrap, {
+  "data-testid": "ds-mobile-ddwn-menu"
+}, /* @__PURE__ */ React2.createElement(MobileDropdownInput, {
+  ...inputProps,
+  readOnly: true
+}), /* @__PURE__ */ React2.createElement(Caret, {
+  ...caretProps
+}));
+export {
+  Caret,
+  DSMobileDropdownTriggerInput,
+  MobileDropdownInput,
+  MobileDropdownInputWrap
 };
-
-export { Caret, DSMobileDropdownTriggerInput, MobileDropdownInput, MobileDropdownInputWrap };
+//# sourceMappingURL=MobileDropdownInput.js.map

package/esm/MobileDropdownMenu/MobileDropdownInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nCaret.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly />\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAEO,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIzC,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,cACtB,qCAAC,WAAD;AAAA,EAAW;AAAA,GACT,qCAAC,aAAD;AAAA,EAAa,OAAO,CAAC,iBAAiB;AAAA;AAI1C,MAAM,YAAY;AAAA,EAChB,SAAS,UAAU,KAAK;AAAA;AAGnB,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,MAKA,qCAAC,yBAAD;AAAA,EAAyB,eAAY;AAAA,GACnC,qCAAC,qBAAD;AAAA,KAAyB;AAAA,EAAY,UAAQ;AAAA,IAC7C,qCAAC,OAAD;AAAA,KAAW;AAAA;",
+  "names": []
+}

package/esm/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,89 +1,78 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React, { useState, useRef } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { DSMobileContextMenu } from '../MobileContextMenu/MobileContextMenu.js';
-import { DSMobileContextMenuItem } from '../MobileContextMenu/MobileContextMenuItem.js';
-import '../MobileContextMenu/MobileContextMenuGroup.js';
-import { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-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: () => {}
+import * as React from "react";
+import React2, { useRef, useState } from "react";
+import { PropTypes, describe } from "react-desc";
+import {
+  DSMobileContextMenu,
+  DSMobileContextMenuItem
+} from "../MobileContextMenu";
+import { DSMobileDropdownTriggerInput } from "./MobileDropdownInput";
+const DSMobileDropdownMenu = ({
+  placeholder,
+  options = [],
+  title,
+  value,
+  itemsProps = {
+    label: void 0,
+    leftProp: void 0,
+    isGroup: false,
+    isMulti: false,
+    singleSelect: false,
+    isItemSelected: () => false,
+    onClick: () => {
     }
-  } = _ref;
+  }
+}) => {
   const [menuOpen, setMenuOpen] = useState(false);
   const inputRef = useRef(null);
-  const inputProps = React.useMemo(() => ({
+  const inputProps = React2.useMemo(() => ({
     readOnly: true,
     value,
     onClick: () => setMenuOpen(true),
     ref: inputRef,
     placeholder
   }), [value, placeholder]);
-  const caretProps = React.useMemo(() => ({
+  const caretProps = React2.useMemo(() => ({
     onClick: () => {
       inputRef.current.focus();
       setMenuOpen(true);
     }
   }), []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(DSMobileDropdownTriggerInput, {
-      inputProps: inputProps,
-      caretProps: caretProps
-    }), menuOpen ? /*#__PURE__*/_jsx(DSMobileContextMenu, {
-      title: title,
-      open: true,
-      onChange: (_, e) => {
-        setMenuOpen(false);
-      },
-      onClickOutside: () => setMenuOpen(false)
-    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx(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]
-  });
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DSMobileDropdownTriggerInput, {
+    inputProps,
+    caretProps
+  }), menuOpen ? /* @__PURE__ */ React2.createElement(DSMobileContextMenu, {
+    title,
+    open: true,
+    onChange: (_, e) => {
+      setMenuOpen(false);
+    },
+    onClickOutside: () => setMenuOpen(false)
+  }, options.map((opt, i) => /* @__PURE__ */ React2.createElement(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);
 };
-
 const props = {
-  /** dropdown menu placeholder */
-  placeholder: PropTypes.string.description('dropdown menu placeholder'),
-
-  /** context menu menu title */
-  title: PropTypes.string.description('context menu menu title'),
-
-  /** context menu options / items */
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  })).description('context menu options / items')
+  placeholder: PropTypes.string.description("dropdown menu placeholder"),
+  title: PropTypes.string.description("context menu menu title"),
+  options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })).description("context menu options / items")
 };
+DSMobileDropdownMenu.propTypes = props;
 const DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);
 DSMobileDropdownMenuWithSchema.propTypes = props;
-
-export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };
+export {
+  DSMobileDropdownMenu,
+  DSMobileDropdownMenuWithSchema
+};
+//# sourceMappingURL=MobileDropdownMenu.js.map

package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport {\n  DSMobileContextMenu,\n  DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      ref: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput\n        inputProps={inputProps}\n        caretProps={caretProps}\n      />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n  ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\n\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AAoBA,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA,IAEtB,SAAS,MAAM;AAAA;AAAA;AAAA,MAE4B;AAC7C,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,WAAW,OAAO;AACxB,QAAM,aAAa,OAAM,QACvB,MAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA,SAAS,MAAM,YAAY;AAAA,IAC3B,KAAK;AAAA,IACL;AAAA,MAEF,CAAC,OAAO;AAEV,QAAM,aAAa,OAAM,QACvB,MAAO;AAAA,IACL,SAAS,MAAM;AACb,eAAS,QAAQ;AACjB,kBAAY;AAAA;AAAA,MAGhB;AAEF,SACE,4DACE,qCAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,MAED,WACC,qCAAC,qBAAD;AAAA,IACE;AAAA,IACA,MAAI;AAAA,IACJ,UAAU,CAAC,GAAG,MAAM;AAClB,kBAAY;AAAA;AAAA,IAEd,gBAAgB,MAAM,YAAY;AAAA,KAEjC,QAAQ,IAAI,CAAC,KAAK,MACjB,qCAAC,yBAAD;AAAA,IACE,KAAK,OAAO,OAAO,GAAG;AAAA,IACtB,OAAO,IAAI;AAAA,IACX,OAAO,IAAI;AAAA,IACX,YAAY,WAAW,eAAe;AAAA,IACtC,SAAS,CAAC,MAAM;AACd,kBAAY;AACZ,iBAAW,QAAQ,KAAK;AAAA;AAAA,IAE1B,OAAO,WAAW;AAAA,IAClB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW;AAAA,SAI7B;AAAA;AAKV,MAAM,QAAQ;AAAA,EAEZ,aAAa,UAAU,OAAO,YAAY;AAAA,EAE1C,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,SAAS,UAAU,QACjB,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,WAC5D,YAAY;AAAA;AAGhB,qBAAqB,YAAY;AAEjC,MAAM,iCAAiC,SAAS;AAChD,+BAA+B,YAAY;",
+  "names": []
+}

package/esm/MobileDropdownMenu/index.js

@@ -1,2 +1,7 @@
-export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu.js';
-export { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';
+import * as React from "react";
+export * from "./MobileDropdownMenu";
+import { DSMobileDropdownTriggerInput } from "./MobileDropdownInput";
+export {
+  DSMobileDropdownTriggerInput
+};
+//# sourceMappingURL=index.js.map

package/esm/MobileDropdownMenu/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileDropdownMenu';\nexport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/MobileEmtpyState/MobileEmptyState.js

@@ -1,31 +1,33 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { PropTypes, describe } from 'react-desc';
-import { Search } from '@elliemae/ds-icons';
-
-const Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1v2x6kj-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
-const Label = /*#__PURE__*/styled.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(Wrapper, {}, void 0, /*#__PURE__*/_jsx(Search, {
-    size: "xxl",
-    color: ['neutral', 400]
-  }), /*#__PURE__*/_jsx(Label, {}, void 0, label));
-};
-
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { PropTypes, describe } from "react-desc";
+import { Search } from "@elliemae/ds-icons";
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+`;
+const Label = styled.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__ */ React2.createElement(Wrapper, null, /* @__PURE__ */ React2.createElement(Search, {
+  size: "xxl",
+  color: ["neutral", 400]
+}), /* @__PURE__ */ React2.createElement(Label, null, label));
 const props = {
-  /** empty state label */
-  label: PropTypes.string.description('empty state label')
+  label: PropTypes.string.description("empty state label")
 };
+DSMobileEmptyState.propTypes = props;
 const DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);
 DSMobileEmptyStateWithSchema.propTypes = props;
-
-export { DSMobileEmptyState, DSMobileEmptyStateWithSchema };
+export {
+  DSMobileEmptyState,
+  DSMobileEmptyStateWithSchema
+};
+//# sourceMappingURL=MobileEmptyState.js.map

package/esm/MobileEmtpyState/MobileEmptyState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileEmtpyState/MobileEmptyState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nconst Label = styled.p`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => props.theme.space.xs};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  min-width: 132px;\n`;\n\nconst DSMobileEmptyState = ({ label = 'No search results found.' }) => (\n  <Wrapper>\n    <Search size=\"xxl\" color={['neutral', 400]} />\n    <Label>{label}</Label>\n  </Wrapper>\n);\n\nconst props = {\n  /** empty state label */\n  label: PropTypes.string.description('empty state label'),\n};\n\nDSMobileEmptyState.propTypes = props;\n\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,OAAO;AAAA,WACV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAAA;AAIpD,MAAM,qBAAqB,CAAC,EAAE,QAAQ,iCACpC,qCAAC,SAAD,MACE,qCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,EAAM,OAAO,CAAC,WAAW;AAAA,IACtC,qCAAC,OAAD,MAAQ;AAIZ,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,mBAAmB,YAAY;AAE/B,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;",
+  "names": []
+}

package/esm/MobileEmtpyState/index.js

@@ -1,2 +1,8 @@
-import { DSMobileEmptyState } from './MobileEmptyState.js';
-export { DSMobileEmptyState, DSMobileEmptyStateWithSchema, DSMobileEmptyState as default } from './MobileEmptyState.js';
+import * as React from "react";
+import { DSMobileEmptyState } from "./MobileEmptyState";
+export * from "./MobileEmptyState";
+var MobileEmtpyState_default = DSMobileEmptyState;
+export {
+  MobileEmtpyState_default as default
+};
+//# sourceMappingURL=index.js.map

package/esm/MobileEmtpyState/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileEmtpyState/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSMobileEmptyState } from './MobileEmptyState';\n\nexport * from './MobileEmptyState';\nexport default DSMobileEmptyState;\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/MobileFilterbar/Filterbar.js

@@ -1,35 +1,43 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { PropTypes, describe } from 'react-desc';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import MobileSeparator from '../MobileSeparator/Separator.js';
-
-const Bar = /*#__PURE__*/styled.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 => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-const Separator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-14ysw84-1"
-})(["& > *{margin:0;}"]);
-
-const DSMobileFilterbar = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {
-    rows: ['auto', 'auto'],
-    "data-testid": "filter-bar-wrapper"
-  }, void 0, /*#__PURE__*/_jsx(Bar, {}, void 0, children), /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
-    margin: "xxs",
-    color: ['neutral', '300']
-  })));
-};
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { describe, PropTypes } from "react-desc";
+import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import MobileSeparator from "../MobileSeparator";
+const Bar = styled.div`
+  display: flex;
+  overflow: auto;
+  background-color: ${(props) => props.theme.colors.neutral["000"]};
+  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
+  & > * {
+    flex-shrink: 0;
+  }
 
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`;
+const Separator = styled.div`
+  & > * {
+    margin: 0;
+  }
+`;
+const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ React2.createElement(Grid, {
+  rows: ["auto", "auto"],
+  "data-testid": "filter-bar-wrapper"
+}, /* @__PURE__ */ React2.createElement(Bar, null, children), /* @__PURE__ */ React2.createElement(Separator, null, /* @__PURE__ */ React2.createElement(MobileSeparator, {
+  margin: "xxs",
+  color: ["neutral", "300"]
+})));
 const filterbarProps = {
-  children: PropTypes.element.description('FilterBar Items').isRequired
+  children: PropTypes.element.description("FilterBar Items").isRequired
 };
+DSMobileFilterbar.propTypes = filterbarProps;
 const FilterbarWithSchema = describe(DSMobileFilterbar);
 FilterbarWithSchema.propTypes = filterbarProps;
-
-export { DSMobileFilterbar, FilterbarWithSchema };
+export {
+  DSMobileFilterbar,
+  FilterbarWithSchema
+};
+//# sourceMappingURL=Filterbar.js.map

package/esm/MobileFilterbar/Filterbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/Filterbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { describe, PropTypes } from 'react-desc';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Bar = styled.div`\n  display: flex;\n  overflow: auto;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  & > * {\n    flex-shrink: 0;\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst Separator = styled.div`\n  & > * {\n    margin: 0;\n  }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n  <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n    <Bar>{children}</Bar>\n    <Separator>\n      <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n    </Separator>\n  </Grid>\n);\n\nconst filterbarProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\n\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA,sBAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,kBAC1C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUxE,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,eAC3B,qCAAC,MAAD;AAAA,EAAM,MAAM,CAAC,QAAQ;AAAA,EAAS,eAAY;AAAA,GACxC,qCAAC,KAAD,MAAM,WACN,qCAAC,WAAD,MACE,qCAAC,iBAAD;AAAA,EAAiB,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW;AAAA;AAKvD,MAAM,iBAAiB;AAAA,EACrB,UAAU,UAAU,QAAQ,YAAY,mBAAmB;AAAA;AAG7D,kBAAkB,YAAY;AAE9B,MAAM,sBAAsB,SAAS;AACrC,oBAAoB,YAAY;",
+  "names": []
+}

package/esm/MobileFilterbar/FilterbarItem.js

@@ -1,28 +1,24 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Grid } from '@elliemae/ds-grid';
-
-const DSMobileFilterbarItem = _ref => {
-  let {
-    children,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {
-    "data-testid": "filter-bar-item-wrapper",
-    cols: ['min-content'],
-    pr: "xxs",
-    pt: "xxs",
-    role: "button",
-    onClick: onClick
-  }, void 0, children);
-};
-
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import { Grid } from "@elliemae/ds-grid";
+const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ React2.createElement(Grid, {
+  "data-testid": "filter-bar-item-wrapper",
+  cols: ["min-content"],
+  pr: "xxs",
+  pt: "xxs",
+  role: "button",
+  onClick
+}, children);
 const filterbarItemProps = {
-  children: PropTypes.element.description('FilterBar Items').isRequired,
-  onClick: PropTypes.func.description('Function executed when clicking filterbar item')
+  children: PropTypes.element.description("FilterBar Items").isRequired,
+  onClick: PropTypes.func.description("Function executed when clicking filterbar item")
 };
+DSMobileFilterbarItem.propTypes = filterbarItemProps;
 const FilterbarItemWithSchema = describe(DSMobileFilterbarItem);
 FilterbarItemWithSchema.propTypes = filterbarItemProps;
-
-export { DSMobileFilterbarItem, FilterbarItemWithSchema };
+export {
+  DSMobileFilterbarItem,
+  FilterbarItemWithSchema
+};
+//# sourceMappingURL=FilterbarItem.js.map

package/esm/MobileFilterbar/FilterbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/FilterbarItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n  <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n    {children}\n  </Grid>\n);\nconst filterbarItemProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n  onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\n\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,wBAAwB,CAAC,EAAE,UAAU,cACzC,qCAAC,MAAD;AAAA,EAAM,eAAY;AAAA,EAA0B,MAAM,CAAC;AAAA,EAAgB,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAK;AAAA,EAAS;AAAA,GAChG;AAGL,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,mBAAmB;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY;AAAA;AAGtC,sBAAsB,YAAY;AAElC,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/esm/MobileFilterbar/FilterbarSort.js

@@ -1,36 +1,31 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import MobileSeparator from '../MobileSeparator/Separator.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const Separator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-103uq0b-0"
-})(["& > *{margin-left:0;}"]);
-
-const DSMobileFilterbarSort = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [children, /*#__PURE__*/_jsx(Grid, {
-      pb: "xxs",
-      pt: "xxs",
-      cols: ['min-content']
-    }, void 0, /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
-      margin: "xxs",
-      direction: "vertical",
-      color: ['neutral', '300']
-    })))]
-  });
-};
-
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import MobileSeparator from "../MobileSeparator";
+const Separator = styled.div`
+  & > * {
+    margin-left: 0;
+  }
+`;
+const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children, /* @__PURE__ */ React2.createElement(Grid, {
+  pb: "xxs",
+  pt: "xxs",
+  cols: ["min-content"]
+}, /* @__PURE__ */ React2.createElement(Separator, null, /* @__PURE__ */ React2.createElement(MobileSeparator, {
+  margin: "xxs",
+  direction: "vertical",
+  color: ["neutral", "300"]
+}))));
 const filterbarSortProps = {
-  children: PropTypes.element.description('FilterBar Sort Item').isRequired
+  children: PropTypes.element.description("FilterBar Sort Item").isRequired
 };
+DSMobileFilterbarSort.propTypes = filterbarSortProps;
 const FilterbarSortWithSchema = describe(DSMobileFilterbarSort);
 FilterbarSortWithSchema.propTypes = filterbarSortProps;
-
-export { DSMobileFilterbarSort, FilterbarSortWithSchema };
+export {
+  DSMobileFilterbarSort,
+  FilterbarSortWithSchema
+};
+//# sourceMappingURL=FilterbarSort.js.map