@elliemae/ds-mobile 3.2.0 → 3.2.1-rc.2

package/dist/cjs/MobileDatePicker/Input.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileDatePicker/Input.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type=date]& {   \n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${props => props.theme.colors.neutral['000']};\n    padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${props => props.theme.colors.neutral[200]};\n  }\n\n  input[type=date]&:active, input[type=date]&:focus {\n    ${props => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${props =>\n      props.value === ''\n        ? props.theme.colors.neutral['500']\n        : props.theme.colors.neutral['800']};\n    content: '${props =>\n      props.value === '' ? props.placeholder : props['data-displayvalue']}';\n  }\n\n  input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n  <StyledInput ref={innerRef} {...props} />\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAgD;AAEhD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,WAAS,gDAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,WAAS,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,WAAS,6BAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,OAAwB;AAAxB,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,4DAAC;AAAA,IAAY,KAAK;AAAA,KAAc,MAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAgD;AAEhD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,WAAS,gDAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,WAAS,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,WAAS,6BAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,OAAwB;AAAxB,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,4DAAC;AAAA,IAAY,KAAK;AAAA,KAAc,MAAO;AAAA;",
   "names": []
 }

package/dist/cjs/MobileDatePicker/MobileDatePicker.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileDatePicker/MobileDatePicker.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileDatePicker/MobileDatePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const valueArr = value.split('-');\n  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Date Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<DatePicker />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        data-testid=\"ds-mobile-date-picker\"\n        innerRef={inputRef}\n        aria-label=\"Date Picker Input Mask\"\n        disabled={disabled}\n        onKeyDown={(e) => e.preventDefault()}\n        type=\"date\"\n        placeholder={placeholder}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileDatePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('0 as default'),\n  /**\n   * MM / DD / YYYY as default\n   */\n  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n   */\n  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\nDSMobileDatePicker.displayName = 'DSMobileDatePicker';\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAoC;AACpC,qBAA6B;AAC7B,sBAA2B;AAC3B,uBAAqB;AACrB,qBAA6B;AAC7B,mBAAsB;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,eAAe;AACnF,QAAM,WAAW,yBAAO,IAAI;AAC5B,8BAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,QAAQ,SAAS,QAAQ,SAAS;AAC5E,SACE,mDAAC;AAAA,IACC,YACE,mDAAC;AAAA,MACC,cAAW;AAAA,MACX,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,MACvD;AAAA,MACA,MAAM,mDAAC,gCAAW;AAAA,MAClB,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,iBAAS,QAAQ,MAAM;AAAA,MACzB;AAAA,KACF;AAAA,KAGF,mDAAC;AAAA,IACC,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAW;AAAA,IACX;AAAA,IACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,IACnC,MAAK;AAAA,IACL;AAAA,IACA,UAAU,CAAC,MAAM;AAEf,YAAM,EAAE,WAAW,EAAE;AACrB,iCAA2B;AACzB,eAAO,eAAe;AAAA,MACxB;AACA,aAAO,WAAW,iBAAiB,CAAC;AACpC,eAAS,CAAC;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAmB;AAAA,GACrB,CACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAIxD,UAAU,8BAAU,OAAO,YAAY,cAAc;AAAA,EAIrD,aAAa,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAIrE,UAAU,8BAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,8BAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAoC;AACpC,qBAA6B;AAC7B,sBAA2B;AAC3B,uBAAqB;AACrB,qBAA6B;AAC7B,mBAAsB;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,eAAe;AACnF,QAAM,WAAW,yBAAO,IAAI;AAC5B,8BAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,QAAQ,SAAS,QAAQ,SAAS;AAC5E,SACE,mDAAC;AAAA,IACC,YACE,mDAAC;AAAA,MACC,cAAW;AAAA,MACX,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,MACvD;AAAA,MACA,MAAM,mDAAC,gCAAW;AAAA,MAClB,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,iBAAS,QAAQ,MAAM;AAAA,MACzB;AAAA,KACF;AAAA,KAGF,mDAAC;AAAA,IACC,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAW;AAAA,IACX;AAAA,IACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,IACnC,MAAK;AAAA,IACL;AAAA,IACA,UAAU,CAAC,MAAM;AAEf,YAAM,EAAE,WAAW,EAAE;AACrB,iCAA2B;AACzB,eAAO,eAAe;AAAA,MACxB;AACA,aAAO,WAAW,iBAAiB,CAAC;AACpC,eAAS,CAAC;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAmB;AAAA,GACrB,CACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAIxD,UAAU,8BAAU,OAAO,YAAY,cAAc;AAAA,EAIrD,aAAa,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAIrE,UAAU,8BAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,8BAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/cjs/MobileDatePicker/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileDatePicker/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileDatePicker/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './MobileDatePicker';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
   "names": []
 }

package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\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  selectedItemsText,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n  selectedItemsText?: string;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText} />\n\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAsB;AACtB,wBAAsB;AACtB,sBAA4B;AAErB,MAAM,sBAAsB,wBAAO;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,6BAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,cACtB,mDAAC;AAAA,EAAU;AAAA,GACT,mDAAC;AAAA,EAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,CAAG,CAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,0BAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,MAMA,mDAAC;AAAA,EAAwB,eAAY;AAAA,GACnC,mDAAC,sDAAwB,aAAxB;AAAA,EAAoC,UAAQ;AAAA,EAAC,OAAO;AAAA,EAAmB,GAExE,mDAAC,0BAAU,WAAY,CACzB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAsB;AACtB,wBAAsB;AACtB,sBAA4B;AAErB,MAAM,sBAAsB,wBAAO;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,6BAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,cACtB,mDAAC;AAAA,EAAU;AAAA,GACT,mDAAC;AAAA,EAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,CAAG,CAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,0BAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,MAMA,mDAAC;AAAA,EAAwB,eAAY;AAAA,GACnC,mDAAC,sDAAwB,aAAxB;AAAA,EAAoC,UAAQ;AAAA,EAAC,OAAO;AAAA,EAAmB,GAExE,mDAAC,0BAAU,WAAY,CACzB;",
   "names": []
 }

package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nDSMobileDropdownMenu.displayName = 'DSMobileDropdownMenu';\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwC;AACxC,0BAAoC;AACpC,+BAGO;AAEP,iCAA6C;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;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,IAAC;AAAA,EAClB;AAAA,MAC6C;AAC7C,QAAM,CAAC,UAAU,eAAe,2BAAS,KAAK;AAC9C,QAAM,WAAW,yBAAO,IAAI;AAC5B,QAAM,aAAa,qBAAM,QACvB,MAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA,SAAS,MAAM,YAAY,IAAI;AAAA,IAC/B,KAAK;AAAA,IACL;AAAA,EACF,IACA,CAAC,OAAO,WAAW,CACrB;AACA,QAAM,aAAa,qBAAM,QACvB,MAAO;AAAA,IACL,SAAS,MAAM;AACb,eAAS,QAAQ,MAAM;AACvB,kBAAY,IAAI;AAAA,IAClB;AAAA,EACF,IACA,CAAC,CACH;AACA,SACE,wFACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,GACF,GACC,WACC,mDAAC;AAAA,IACC;AAAA,IACA,MAAI;AAAA,IACJ,UAAU,CAAC,GAAG,MAAM;AAClB,kBAAY,KAAK;AAAA,IACnB;AAAA,IACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,KAEtC,QAAQ,IAAI,CAAC,KAAK,MACjB,mDAAC;AAAA,IACC,KAAK,OAAO,OAAO,GAAG,GAAG;AAAA,IACzB,OAAO,IAAI;AAAA,IACX,OAAO,IAAI;AAAA,IACX,YAAY,WAAW,eAAe,GAAG;AAAA,IACzC,SAAS,CAAC,MAAM;AACd,kBAAY,KAAK;AACjB,iBAAW,QAAQ,KAAK,CAAC;AAAA,IAC3B;AAAA,IACA,OAAO,WAAW;AAAA,IAClB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW;AAAA,GAC3B,CACD,CACH,IACE,IACN;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,aAAa,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAErE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE7D,SAAS,8BAAU,QACjB,8BAAU,MAAM,EAAE,OAAO,8BAAU,QAAQ,OAAO,8BAAU,OAAO,CAAC,CACtE,EAAE,YAAY,8BAA8B;AAC9C;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,kCAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwC;AACxC,0BAAoC;AACpC,+BAGO;AAEP,iCAA6C;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;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,IAAC;AAAA,EAClB;AAAA,MAC6C;AAC7C,QAAM,CAAC,UAAU,eAAe,2BAAS,KAAK;AAC9C,QAAM,WAAW,yBAAO,IAAI;AAC5B,QAAM,aAAa,qBAAM,QACvB,MAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA,SAAS,MAAM,YAAY,IAAI;AAAA,IAC/B,KAAK;AAAA,IACL;AAAA,EACF,IACA,CAAC,OAAO,WAAW,CACrB;AACA,QAAM,aAAa,qBAAM,QACvB,MAAO;AAAA,IACL,SAAS,MAAM;AACb,eAAS,QAAQ,MAAM;AACvB,kBAAY,IAAI;AAAA,IAClB;AAAA,EACF,IACA,CAAC,CACH;AACA,SACE,wFACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,GACF,GACC,WACC,mDAAC;AAAA,IACC;AAAA,IACA,MAAI;AAAA,IACJ,UAAU,CAAC,GAAG,MAAM;AAClB,kBAAY,KAAK;AAAA,IACnB;AAAA,IACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,KAEtC,QAAQ,IAAI,CAAC,KAAK,MACjB,mDAAC;AAAA,IACC,KAAK,OAAO,OAAO,GAAG,GAAG;AAAA,IACzB,OAAO,IAAI;AAAA,IACX,OAAO,IAAI;AAAA,IACX,YAAY,WAAW,eAAe,GAAG;AAAA,IACzC,SAAS,CAAC,MAAM;AACd,kBAAY,KAAK;AACjB,iBAAW,QAAQ,KAAK,CAAC;AAAA,IAC3B;AAAA,IACA,OAAO,WAAW;AAAA,IAClB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW;AAAA,GAC3B,CACD,CACH,IACE,IACN;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,aAAa,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAErE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE7D,SAAS,8BAAU,QACjB,8BAAU,MAAM,EAAE,OAAO,8BAAU,QAAQ,OAAO,8BAAU,OAAO,CAAC,CACtE,EAAE,YAAY,8BAA8B;AAC9C;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,kCAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
   "names": []
 }

package/dist/cjs/MobileDropdownMenu/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileDropdownMenu/index.js.map

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

package/dist/cjs/MobileEmtpyState/MobileEmptyState.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileEmtpyState/MobileEmptyState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileEmtpyState/MobileEmptyState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAAoC;AACpC,sBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,wBAAO;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,mDAAC,eACC,mDAAC;AAAA,EAAO,MAAK;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,GAC5C,mDAAC,aAAO,KAAM,CAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,mBAAmB;AACzD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAAoC;AACpC,sBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,wBAAO;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,mDAAC,eACC,mDAAC;AAAA,EAAO,MAAK;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,GAC5C,mDAAC,aAAO,KAAM,CAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,mBAAmB;AACzD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/cjs/MobileEmtpyState/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileEmtpyState/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileEmtpyState/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { DSMobileEmptyState } from './MobileEmptyState';\n\nexport * from './MobileEmptyState';\nexport default DSMobileEmptyState;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmC;AAEnC,qCAAc,+BAFd;AAGA,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmC;AAEnC,qCAAc,+BAFd;AAGA,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/MobileFilterbar/Filterbar.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFilterbar/Filterbar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/Filterbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\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;\nDSMobileFilterbar.displayName = 'DSMobileFilterbar';\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAAoC;AACpC,wBAAyC;AACzC,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,MAAM,wBAAO;AAAA;AAAA;AAAA,sBAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,kBAC1C,CAAC,UAAU,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1E,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,eAC3B,mDAAC;AAAA,EAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,EAAG,eAAY;AAAA,GACxC,mDAAC,WAAK,QAAS,GACf,mDAAC,iBACC,mDAAC;AAAA,EAAgB,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW,KAAK;AAAA,CAAG,CAC3D,CACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,8BAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,sBAAsB,kCAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAAoC;AACpC,wBAAyC;AACzC,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,MAAM,wBAAO;AAAA;AAAA;AAAA,sBAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,kBAC1C,CAAC,UAAU,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1E,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,eAC3B,mDAAC;AAAA,EAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,EAAG,eAAY;AAAA,GACxC,mDAAC,WAAK,QAAS,GACf,mDAAC,iBACC,mDAAC;AAAA,EAAgB,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW,KAAK;AAAA,CAAG,CAC3D,CACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,8BAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,sBAAsB,kCAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
   "names": []
 }

package/dist/cjs/MobileFilterbar/FilterbarItem.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFilterbar/FilterbarItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/FilterbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\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;\nDSMobileFilterbarItem.displayName = 'DSMobileFilterbarItem';\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,qBAAqB;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,cACzC,mDAAC;AAAA,EAAK,eAAY;AAAA,EAA0B,MAAM,CAAC,aAAa;AAAA,EAAG,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAK;AAAA,EAAS;AAAA,GAChG,QACH;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,8BAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,8BAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,kCAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,qBAAqB;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,cACzC,mDAAC;AAAA,EAAK,eAAY;AAAA,EAA0B,MAAM,CAAC,aAAa;AAAA,EAAG,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAK;AAAA,EAAS;AAAA,GAChG,QACH;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,8BAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,8BAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,kCAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/MobileFilterbar/FilterbarSort.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFilterbar/FilterbarSort.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/FilterbarSort.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n  & > * {\n    margin-left: 0;\n  }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n  <>\n    {children}\n    <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n      <Separator>\n        <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n      </Separator>\n    </Grid>\n  </>\n);\n\nconst filterbarSortProps = {\n  children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\nDSMobileFilterbarSort.displayName = 'DSMobileFilterbarSort';\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,eAC/B,wFACG,UACD,mDAAC;AAAA,EAAK,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAM,CAAC,aAAa;AAAA,GAC1C,mDAAC,iBACC,mDAAC;AAAA,EAAgB,QAAO;AAAA,EAAM,WAAU;AAAA,EAAW,OAAO,CAAC,WAAW,KAAK;AAAA,CAAG,CAChF,CACF,CACF;AAGF,MAAM,qBAAqB;AAAA,EACzB,UAAU,8BAAU,QAAQ,YAAY,qBAAqB,EAAE;AACjE;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,kCAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,eAC/B,wFACG,UACD,mDAAC;AAAA,EAAK,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAM,CAAC,aAAa;AAAA,GAC1C,mDAAC,iBACC,mDAAC;AAAA,EAAgB,QAAO;AAAA,EAAM,WAAU;AAAA,EAAW,OAAO,CAAC,WAAW,KAAK;AAAA,CAAG,CAChF,CACF,CACF;AAGF,MAAM,qBAAqB;AAAA,EACzB,UAAU,8BAAU,QAAQ,YAAY,qBAAqB,EAAE;AACjE;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,kCAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/MobileFilterbar/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFilterbar/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar';\nimport {\n  DSMobileFilterbarSort,\n  FilterbarSortWithSchema,\n} from './FilterbarSort';\nimport {\n  DSMobileFilterbarItem,\n  FilterbarItemWithSchema,\n} from './FilterbarItem';\nexport {\n  DSMobileFilterbarSort,\n  DSMobileFilterbar,\n  DSMobileFilterbarItem,\n  FilterbarWithSchema,\n  FilterbarSortWithSchema,\n  FilterbarItemWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuD;AACvD,2BAGO;AACP,2BAGO;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuD;AACvD,2BAGO;AACP,2BAGO;",
   "names": []
 }

package/dist/cjs/MobileFooter/Action.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFooter/Action.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Action.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled, typography, color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\n\nconst Label = styled.span`\n  ${typography}\n  ${color('neutral', '800')}\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n  <Grid\n    data-testid=\"ds-mobile-footer-action\"\n    rows={['auto'].concat(label ? 'min-content' : 'none')}\n    justifyContent=\"center\"\n    role=\"button\"\n    onClick={onClick}\n  >\n    <Grid justifyContent=\"center\" alignItems=\"center\">\n      {React.cloneElement(icon, {\n        'data-testid': 'ds-mobile-footer-action-icon',\n        size: !label ? 'l' : 'm',\n      })}\n    </Grid>\n\n    {label && (\n      <Grid justifyContent=\"center\">\n        <Label fontSize=\"11px\">{label}</Label>\n      </Grid>\n    )}\n  </Grid>\n);\n\nconst actionProps = {\n  /** Action label */\n  label: PropTypes.string.description('Action label'),\n  /** Action icon */\n  icon: PropTypes.element.description('Action icon'),\n  /** onClick callback */\n  onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\nDSMobileFooterAction.displayName = 'DSMobileFooterAction';\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAoE;AACpE,qBAAqB;AACrB,0BAAoC;AAEpC,MAAM,QAAQ,wBAAO;AAAA,IACjB;AAAA,IACA,4BAAM,WAAW,KAAK;AAAA,oBACN,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,sBACvD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAG/E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,cAC3C,mDAAC;AAAA,EACC,eAAY;AAAA,EACZ,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,gBAAgB,MAAM;AAAA,EACpD,gBAAe;AAAA,EACf,MAAK;AAAA,EACL;AAAA,GAEA,mDAAC;AAAA,EAAK,gBAAe;AAAA,EAAS,YAAW;AAAA,GACtC,qBAAM,aAAa,MAAM;AAAA,EACxB,eAAe;AAAA,EACf,MAAM,CAAC,QAAQ,MAAM;AACvB,CAAC,CACH,GAEC,SACC,mDAAC;AAAA,EAAK,gBAAe;AAAA,GACnB,mDAAC;AAAA,EAAM,UAAS;AAAA,GAAQ,KAAM,CAChC,CAEJ;AAGF,MAAM,cAAc;AAAA,EAElB,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,MAAM,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAEjD,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AACxD;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,kCAAS,oBAAoB,EAAE,YAAY,sBAAsB;AACxG,+BAA+B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAoE;AACpE,qBAAqB;AACrB,0BAAoC;AAEpC,MAAM,QAAQ,wBAAO;AAAA,IACjB;AAAA,IACA,4BAAM,WAAW,KAAK;AAAA,oBACN,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,sBACvD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAG/E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,cAC3C,mDAAC;AAAA,EACC,eAAY;AAAA,EACZ,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,gBAAgB,MAAM;AAAA,EACpD,gBAAe;AAAA,EACf,MAAK;AAAA,EACL;AAAA,GAEA,mDAAC;AAAA,EAAK,gBAAe;AAAA,EAAS,YAAW;AAAA,GACtC,qBAAM,aAAa,MAAM;AAAA,EACxB,eAAe;AAAA,EACf,MAAM,CAAC,QAAQ,MAAM;AACvB,CAAC,CACH,GAEC,SACC,mDAAC;AAAA,EAAK,gBAAe;AAAA,GACnB,mDAAC;AAAA,EAAM,UAAS;AAAA,GAAQ,KAAM,CAChC,CAEJ;AAGF,MAAM,cAAc;AAAA,EAElB,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,MAAM,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAEjD,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AACxD;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,kCAAS,oBAAoB,EAAE,YAAY,sBAAsB;AACxG,+BAA+B,YAAY;",
   "names": []
 }

package/dist/cjs/MobileFooter/Footer.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFooter/Footer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSButton from '@elliemae/ds-button';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  border-top: ${(props) => border(props.theme.colors.neutral[100])};\n  height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n  const childArr = React.Children.toArray(children);\n  const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n  const setCols = () => {\n    if (isButtonType) {\n      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n    }\n    return childArr.map(() => `${100 / childArr.length}%`);\n  };\n  return (\n    <FooterWrap>\n      <Grid\n        cols={setCols()}\n        gutter={isButtonType ? 'xs' : undefined}\n        justifyContent=\"center\"\n        alignItems={isButtonType ? 'center' : undefined}\n      >\n        {childArr.map((c, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Grid key={i}>{c}</Grid>\n        ))}\n      </Grid>\n    </FooterWrap>\n  );\n};\n\nconst footerProps = {\n  /**\n   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n    'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n  ),\n};\n\nMobileFooter.propTypes = footerProps;\nMobileFooter.displayName = 'MobileFooter';\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAiD;AACjD,qBAAqB;AACrB,uBAAqB;AACrB,0BAAoC;AACpC,kBAAmC;AAEnC,MAAM,aAAa,6BAAO,mBAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,QAAQ,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,eAAe;AACrC,QAAM,WAAW,qBAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,kCAAsB,SAAS,GAAG,SAAS;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK;AAAA,IACxD;AACA,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS,SAAS;AAAA,EACvD;AACA,SACE,mDAAC,kBACC,mDAAC;AAAA,IACC,MAAM,QAAQ;AAAA,IACd,QAAQ,eAAe,OAAO;AAAA,IAC9B,gBAAe;AAAA,IACf,YAAY,eAAe,WAAW;AAAA,KAErC,SAAS,IAAI,CAAC,GAAG,MAEhB,mDAAC;AAAA,IAAK,KAAK;AAAA,KAAI,CAAE,CAClB,CACH,CACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAClG,kEACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAiD;AACjD,qBAAqB;AACrB,uBAAqB;AACrB,0BAAoC;AACpC,kBAAmC;AAEnC,MAAM,aAAa,6BAAO,mBAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,QAAQ,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,eAAe;AACrC,QAAM,WAAW,qBAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,kCAAsB,SAAS,GAAG,SAAS;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK;AAAA,IACxD;AACA,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS,SAAS;AAAA,EACvD;AACA,SACE,mDAAC,kBACC,mDAAC;AAAA,IACC,MAAM,QAAQ;AAAA,IACd,QAAQ,eAAe,OAAO;AAAA,IAC9B,gBAAe;AAAA,IACf,YAAY,eAAe,WAAW;AAAA,KAErC,SAAS,IAAI,CAAC,GAAG,MAEhB,mDAAC;AAAA,IAAK,KAAK;AAAA,KAAI,CAAE,CAClB,CACH,CACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAClG,kEACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/MobileFooter/Text.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFooter/Text.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Text.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\n\nconst Text = styled.p`\n  margin: auto 0;\n  ${truncate()}\n  ${textStyle('body')}\n  ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n  children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\nDSMobileFooterText.displayName = 'DSMobileFooterText';\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,IAEhB,gCAAS;AAAA,IACT,iCAAU,MAAM;AAAA,IAChB,6BAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,eAAe,mDAAC,YAAM,QAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,IAEhB,gCAAS;AAAA,IACT,iCAAU,MAAM;AAAA,IAChB,6BAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,eAAe,mDAAC,YAAM,QAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/cjs/MobileFooter/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileFooter/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import DSMobileFooter, { MobileFooterWithSchema } from './Footer';\nimport { DSMobileFooterText, DSMobileFooterTextWithSchema } from './Text';\nimport { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './Action';\n\nexport {\n  DSMobileFooterText,\n  DSMobileFooterAction,\n  DSMobileFooter,\n  DSMobileFooterActionWithSchema,\n  DSMobileFooterTextWithSchema,\n  MobileFooterWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAuD;AACvD,kBAAiE;AACjE,oBAAqE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAuD;AACvD,kBAAiE;AACjE,oBAAqE;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListItem.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/MobileListItem/MobileListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['800']};\n  ${truncate()}\n`;\n\nconst MobileListItem = ({\n  leftAddon = null,\n  rightAddon = null,\n  title = '',\n  value = '',\n  dataTestid = 'mobile-list-item',\n  theme,\n}) => {\n  const cols = [1];\n  if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  return (\n    <StyledContainer\n      cols={cols}\n      height=\"40px\"\n      width=\"100%\"\n      pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      gutter=\"xs\"\n      data-testid={`${dataTestid}--${value}`}\n    >\n      {leftAddon && <Grid alignItems=\"center\">{leftAddon}</Grid>}\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n      {rightAddon && (\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {rightAddon}\n        </Grid>\n      )}\n    </StyledContainer>\n  );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n  leftAddon: PropTypes.element.description('Element placed at the left'),\n  rightAddon: PropTypes.element.description('Element placed at the right'),\n  title: PropTypes.string.description('Item s title').isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Item s value, used for data-testid attr',\n  ),\n  dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n  theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\nMobileListItem.displayName = 'MobileListItem';\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,wBAAsE;AAEtE,MAAM,kBAAkB,6BAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,gCAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,QAAQ,gDAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,KAAK,gDAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE,mDAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAI,gDAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,IAAI,gDAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,KAE9B,aAAa,mDAAC;AAAA,IAAK,YAAW;AAAA,KAAU,SAAU,GACnD,mDAAC;AAAA,IAAK,YAAW;AAAA,KACf,mDAAC,mBAAa,KAAM,CACtB,GACC,cACC,mDAAC;AAAA,IAAK,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UACH,CAEJ;AAEJ;AAEA,MAAM,mBAAmB,iCAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,yCACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,qBAAqB,kCAAS,cAAc;AAClD,mBAAmB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,wBAAsE;AAEtE,MAAM,kBAAkB,6BAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,gCAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,QAAQ,gDAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,KAAK,gDAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE,mDAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAI,gDAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,IAAI,gDAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,KAE9B,aAAa,mDAAC;AAAA,IAAK,YAAW;AAAA,KAAU,SAAU,GACnD,mDAAC;AAAA,IAAK,YAAW;AAAA,KACf,mDAAC,mBAAa,KAAM,CACtB,GACC,cACC,mDAAC;AAAA,IAAK,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UACH,CAEJ;AAEJ;AAEA,MAAM,mBAAmB,iCAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,yCACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,qBAAqB,kCAAS,cAAc;AAClD,mBAAmB,YAAY;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListMultipleItem.js

@@ -0,0 +1,77 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MobileListMultipleItem_exports = {};
+__export(MobileListMultipleItem_exports, {
+  MobileListMultipleItem: () => MobileListMultipleItem
+});
+module.exports = __toCommonJS(MobileListMultipleItem_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_style = require("./style");
+const MobileListMultipleItem = (props) => {
+  const { title, isSelected } = props;
+  const _a = (0, import_ds_utilities.useGetGlobalAttributes)(props), { onClick } = _a, rest = __objRest(_a, ["onClick"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, __spreadValues({
+    cols: ["auto"],
+    minHeight: "40px",
+    width: "100%",
+    pl: "16px",
+    pr: "16px",
+    gutter: "xs",
+    alignItems: "center"
+  }, rest), /* @__PURE__ */ import_react.default.createElement(import_ds_form_checkbox.DSControlledCheckbox, {
+    onChange: onClick,
+    device: "mobile",
+    checked: isSelected,
+    label: title,
+    wrapLabel: true
+  }));
+};
+//# sourceMappingURL=MobileListMultipleItem.js.map

package/dist/cjs/MobileListItem/MobileListMultipleItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileListItem/MobileListMultipleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer } from './style';\ninterface MobileListMultipleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListMultipleItem: React.ComponentType<MobileListMultipleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const { onClick, ...rest } = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['auto']}\n      minHeight=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      <DSControlledCheckbox onChange={onClick} device=\"mobile\" checked={isSelected} label={title} wrapLabel />\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAqC;AACrC,0BAAuC;AAEvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,eAAe;AAC9B,QAA6B,qDAAuB,KAAK,GAAjD,cAAqB,IAAT,iBAAS,IAAT,CAAZ;AACR,SACE,mDAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,WAAU;AAAA,IACV,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,YAAW;AAAA,KACP,OAEJ,mDAAC;AAAA,IAAqB,UAAU;AAAA,IAAS,QAAO;AAAA,IAAS,SAAS;AAAA,IAAY,OAAO;AAAA,IAAO,WAAS;AAAA,GAAC,CACxG;AAEJ;",
+  "names": []
+}

package/dist/cjs/MobileListItem/MobileListSeparator.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MobileListSeparator_exports = {};
+__export(MobileListSeparator_exports, {
+  MobileListSingleItem: () => MobileListSingleItem
+});
+module.exports = __toCommonJS(MobileListSeparator_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_style = require("./style");
+const MobileListSingleItem = (props) => {
+  const { title, isSelected } = props;
+  const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
+  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, __spreadValues({
+    cols: ["auto"],
+    height: "40px",
+    width: "100%",
+    pl: "16px",
+    pr: "16px",
+    gutter: "xs"
+  }, globalsAttrs), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center"
+  }, isSelected && /* @__PURE__ */ import_react.default.createElement(Checkmark, {
+    color: ["brand-primary", "600"]
+  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_style.StyledTitle, null, title)));
+};
+//# sourceMappingURL=MobileListSeparator.js.map

package/dist/cjs/MobileListItem/MobileListSeparator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileListItem/MobileListSeparator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer, StyledTitle } from './style';\n\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer cols={['auto']} height=\"40px\" width=\"100%\" pl=\"16px\" pr=\"16px\" gutter=\"xs\" {...globalsAttrs}>\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,0BAAuC;AAEvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,eAAe;AAC9B,QAAM,eAAe,gDAAuB,KAAK;AACjD,SACE,mDAAC;AAAA,IAAgB,MAAM,CAAC,MAAM;AAAA,IAAG,QAAO;AAAA,IAAO,OAAM;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,QAAO;AAAA,KAAS,eAC9F,mDAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,mDAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,mDAAC;AAAA,IAAK,YAAW;AAAA,KACf,mDAAC,gCAAa,KAAM,CACtB,CACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/MobileListItem/MobileListSingleItem.js

@@ -0,0 +1,65 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MobileListSingleItem_exports = {};
+__export(MobileListSingleItem_exports, {
+  MobileListSingleItem: () => MobileListSingleItem
+});
+module.exports = __toCommonJS(MobileListSingleItem_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_style = require("./style");
+const MobileListSingleItem = (props) => {
+  const { title, isSelected } = props;
+  const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
+  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, __spreadValues({
+    cols: ["16px", "auto"],
+    height: "40px",
+    width: "100%",
+    pl: "16px",
+    pr: "16px",
+    gutter: "xs"
+  }, globalsAttrs), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center"
+  }, isSelected && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
+    color: ["brand-primary", "600"]
+  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_style.StyledTitle, null, title)));
+};
+//# sourceMappingURL=MobileListSingleItem.js.map

package/dist/cjs/MobileListItem/MobileListSingleItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileListItem/MobileListSingleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer, StyledTitle } from './style';\ninterface MobileListSingleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['16px', 'auto']}\n      height=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      {...globalsAttrs}\n    >\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,sBAA0B;AAC1B,0BAAuC;AAEvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,eAAe;AAC9B,QAAM,eAAe,gDAAuB,KAAK;AACjD,SACE,mDAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,KACH,eAEJ,mDAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,mDAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,mDAAC;AAAA,IAAK,YAAW;AAAA,KACf,mDAAC,gCAAa,KAAM,CACtB,CACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/MobileListItem/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -19,4 +20,6 @@ var MobileListItem_exports = {};
 module.exports = __toCommonJS(MobileListItem_exports);
 var React = __toESM(require("react"));
 __reExport(MobileListItem_exports, require("./MobileListItem"), module.exports);
+__reExport(MobileListItem_exports, require("./MobileListSingleItem"), module.exports);
+__reExport(MobileListItem_exports, require("./MobileListMultipleItem"), module.exports);
 //# sourceMappingURL=index.js.map