@elliemae/ds-mobile 2.3.0-alpha.9 → 2.3.0-next.3

package/dist/cjs/MobileSelectList/MobileSelectList.js

@@ -1,157 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileSelectList_exports = {};
-__export(MobileSelectList_exports, {
-  DSMobileSelectList: () => DSMobileSelectList
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
-var import_ds_system = require("@elliemae/ds-system");
-var import_MobileTouchable = require("../MobileTouchable");
-var import_styled = require("./styled");
-const MobileSelectList = ({
-  open = false,
-  header = null,
-  multiple = false,
-  onChange = import_lodash.noop,
-  children,
-  theme,
-  zIndex = 1,
-  useSearch,
-  onSearch = import_lodash.noop,
-  dataTestid = "mobile-select-list",
-  buttonFooter = null,
-  onApply = import_lodash.noop,
-  selecteds: initSelecteds = []
-}) => {
-  const rows = ["auto", 1];
-  const [selecteds, setSelected] = (0, import_react.useState)(initSelecteds);
-  const [filter, setFilter] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
-    setSelected(initSelecteds);
-  }, [initSelecteds]);
-  const handleSelection = (value) => {
-    if (multiple) {
-      const index = selecteds.findIndex((s) => s === value);
-      if (index > -1)
-        setSelected(selecteds.filter((s) => s !== value));
-      else
-        setSelected([...selecteds, value]);
-    } else
-      setSelected([value]);
-  };
-  const handleChange = function(event) {
-    onChange(event, this);
-    handleSelection(this.value);
-  };
-  const handleOnSearch = (e) => {
-    setFilter(e.target.value);
-    onSearch(e);
-  };
-  const handleApply = function(e) {
-    if (this.onClick)
-      this.onClick(e);
-    onApply(e, selecteds);
-  };
-  if (buttonFooter)
-    rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.16666));
-  if (!open)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledContainer, {
-    "data-testid": dataTestid,
-    rows,
-    zIndex
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.HeaderContainer, null, header, useSearch && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    height: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl),
-    pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
-    onChange: handleOnSearch,
-    placeholder: "Filter by name",
-    value: filter
-  }))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    style: { overflow: "hidden" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    style: { overflow: "auto" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.ListContainer, {
-    "data-testid": `${dataTestid}--list-container`
-  }, import_react.default.Children.map(children, (child) => {
-    let leftAddon = null;
-    let rightAddon = null;
-    const { value, title } = child.props;
-    const found = selecteds.findIndex((s) => String(s) === String(value));
-    if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-      return null;
-    if (multiple) {
-      if (found > -1)
-        leftAddon = import_styled.checked;
-      else
-        leftAddon = import_styled.checkbox;
-    } else if (found > -1) {
-      rightAddon = import_styled.selectedMark;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_MobileTouchable.DSMobileTouchable, {
-      onClick: handleChange.bind(child.props)
-    }, import_react.default.cloneElement(child, { leftAddon, rightAddon }));
-  })))), buttonFooter && /* @__PURE__ */ import_react.default.createElement(import_styled.Footer, {
-    alignItems: "center",
-    pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
-  }, import_react.default.cloneElement(buttonFooter, {
-    ...buttonFooter.props,
-    containerProps: {
-      "data-testid": `${dataTestid}--btn`
-    },
-    buttonType: "primary",
-    size: "l",
-    onClick: handleApply.bind(buttonFooter.props)
-  }))));
-};
-const DSMobileSelectList = (0, import_ds_system.withTheme)(MobileSelectList);
-MobileSelectList.propTypes = {
-  open: import_prop_types.default.bool,
-  header: import_prop_types.default.element,
-  onChange: import_prop_types.default.func,
-  multiple: import_prop_types.default.bool,
-  children: import_prop_types.default.arrayOf(import_prop_types.default.element),
-  dataTestid: import_prop_types.default.string,
-  buttonFooter: import_prop_types.default.element,
-  onApply: import_prop_types.default.func,
-  zIndex: import_prop_types.default.number,
-  selecteds: import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])),
-  theme: import_prop_types.default.object.isRequired,
-  useSearch: import_prop_types.default.bool,
-  onSearch: import_prop_types.default.func
-};
-module.exports = __toCommonJS(MobileSelectList_exports);
-//# sourceMappingURL=MobileSelectList.js.map

package/dist/cjs/MobileSelectList/MobileSelectList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MobileSelectList/MobileSelectList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n  open = false,\n  header = null,\n  multiple = false,\n  onChange = noop,\n  children,\n  theme,\n  zIndex = 1,\n  useSearch,\n  onSearch = noop,\n  dataTestid = 'mobile-select-list',\n  buttonFooter = null,\n  onApply = noop,\n  selecteds: initSelecteds = [],\n}) => {\n  const rows = ['auto', 1];\n  const [selecteds, setSelected] = useState(initSelecteds);\n  const [filter, setFilter] = useState('');\n  useEffect(() => {\n    setSelected(initSelecteds);\n  }, [initSelecteds]);\n\n  const handleSelection = (value) => {\n    if (multiple) {\n      const index = selecteds.findIndex((s) => s === value);\n      if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n      else setSelected([...selecteds, value]);\n    } else setSelected([value]);\n  };\n  const handleChange = function (event) {\n    onChange(event, this);\n    handleSelection(this.value);\n  };\n  const handleOnSearch = (e) => {\n    setFilter(e.target.value);\n    onSearch(e);\n  };\n\n  const handleApply = function (e) {\n    if (this.onClick) this.onClick(e);\n    onApply(e, selecteds);\n  };\n  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\n    <>\n      <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n        <HeaderContainer>\n          {header}\n          {useSearch && (\n            <Grid\n              alignItems=\"center\"\n              height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n              pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            >\n              <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n            </Grid>\n          )}\n        </HeaderContainer>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: 'auto' }}>\n            <ListContainer data-testid={`${dataTestid}--list-container`}>\n              {React.Children.map(children, (child) => {\n                let leftAddon = null;\n                let rightAddon = null;\n                const { value, title } = child.props;\n                const found = selecteds.findIndex((s) => String(s) === String(value));\n                if (\n                  filter &&\n                  !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n                  !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n                )\n                  return null;\n                if (multiple) {\n                  if (found > -1) leftAddon = checked;\n                  else leftAddon = checkbox;\n                } else if (found > -1) {\n                  rightAddon = selectedMark;\n                }\n                return (\n                  <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n                    {React.cloneElement(child, { leftAddon, rightAddon })}\n                  </DSMobileTouchable>\n                );\n              })}\n            </ListContainer>\n          </Grid>\n        </Grid>\n        {buttonFooter && (\n          <Footer\n            alignItems=\"center\"\n            // eslint-disable-next-line max-lines\n            pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n          >\n            {React.cloneElement(buttonFooter, {\n              ...buttonFooter.props,\n              containerProps: {\n                'data-testid': `${dataTestid}--btn`,\n              },\n              buttonType: 'primary',\n              size: 'l',\n              onClick: handleApply.bind(buttonFooter.props),\n            })}\n          </Footer>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n  /** show select list */\n  open: PropTypes.bool,\n  /** DSMobilePageHeader instance */\n  header: PropTypes.element,\n  /** called when a DSMobileListItem is touched */\n  onChange: PropTypes.func,\n  /** allow multiple selection */\n  multiple: PropTypes.bool,\n  /** Array of DSMobileListItem instances */\n  children: PropTypes.arrayOf(PropTypes.element),\n  /** data test id for testing purposes */\n  dataTestid: PropTypes.string,\n  /** footer action, DSButton instance */\n  buttonFooter: PropTypes.element,\n  /** called when footer action is triggered */\n  onApply: PropTypes.func,\n  /** zIndex */\n  zIndex: PropTypes.number,\n  /** init selecteds */\n  selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  theme: PropTypes.object.isRequired,\n  useSearch: PropTypes.bool,\n  onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/MobileSelectList/index.js

@@ -1,28 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileSelectList_exports = {};
-var React = __toESM(require("react"));
-__reExport(MobileSelectList_exports, require("./MobileSelectList"));
-module.exports = __toCommonJS(MobileSelectList_exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/MobileSelectList/styled.js

@@ -1,83 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  Footer: () => Footer,
-  HeaderContainer: () => HeaderContainer,
-  ListContainer: () => ListContainer,
-  StyledContainer: () => StyledContainer,
-  checkbox: () => checkbox,
-  checked: () => checked,
-  selectedMark: () => selectedMark
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_system = require("@elliemae/ds-system");
-var import_MobileTouchable = require("../MobileTouchable");
-var import_MobileListItem = require("../MobileListItem");
-const StyledContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  background: ${(props) => props.theme.colors.neutral["000"]};
-  z-index: ${(props) => props.zIndex};
-  position: fixed;
-  width: 100%;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 100%;
-`;
-const HeaderContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-`;
-const Footer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-`;
-const ListContainer = import_styled_components.default.div`
-  & ${import_MobileTouchable.DSMobileTouchable}:last-child ${import_MobileListItem.DSMobileListItem} {
-    border: none;
-  }
-`;
-const checkbox = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-  checked: false,
-  onChange: import_lodash.noop,
-  style: { pointerEvents: "none" }
-});
-const checked = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-  checked: true,
-  onChange: import_lodash.noop,
-  style: { pointerEvents: "none" }
-});
-const selectedMark = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
-  color: ["brand-primary", 600]
-});
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map

package/dist/cjs/MobileSelectList/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MobileSelectList/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,+BAAmB;AACnB,qBAAqB;AACrB,qBAA2B;AAC3B,sBAA0B;AAC1B,uBAAuB;AACvB,6BAAkC;AAClC,4BAAiC;AAE1B,MAAM,kBAAkB,sCAAO;AAAA,gBACtB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,kBAAkB,sCAAO;AAAA,mBACnB,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,SAAS,sCAAO;AAAA,gBACb,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGtD,MAAM,gBAAgB,iCAAO;AAAA,MAC9B,uDAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,mDAAC,2BAAD;AAAA,EAAY,SAAS;AAAA,EAAO,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe;AAAA;AACrF,MAAM,UAAU,mDAAC,2BAAD;AAAA,EAAY,SAAO;AAAA,EAAC,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe;AAAA;AAC5E,MAAM,eAAe,mDAAC,2BAAD;AAAA,EAAW,OAAO,CAAC,iBAAiB;AAAA;",
-  "names": []
-}

package/dist/cjs/MobileSeparator/Separator.js

@@ -1,68 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Separator_exports = {};
-__export(Separator_exports, {
-  MobileSeparatorWithSchema: () => MobileSeparatorWithSchema,
-  default: () => Separator_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-const Separator = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};
-  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};
-`;
-const MobileSeparator = ({ color = ["neutral", "800"], direction = "horizontal", type = "solid", margin = "xs" }) => {
-  const orientation = direction === "vertical" ? "height" : "width";
-  const xORy = direction === "vertical" ? "mx" : "my";
-  const styles = {
-    width: 0,
-    height: 0,
-    [orientation]: "100%",
-    [xORy]: margin,
-    borderType: type,
-    color
-  };
-  return /* @__PURE__ */ import_react.default.createElement(Separator, {
-    ...styles
-  });
-};
-const mobileSeparatorProps = {
-  type: import_react_desc.PropTypes.oneOf(["solid", "dashed"]).description("Style type of separator").defaultValue("solid"),
-  direction: import_react_desc.PropTypes.oneOf(["vertical", "horizontal"]).description("Direction of the separator").defaultValue("horizontal"),
-  color: import_react_desc.PropTypes.array.description("Color of the separator").defaultValue(["neutral", "800"]),
-  margin: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("Margin of the separator").defaultValue("xs")
-};
-MobileSeparator.propTypes = mobileSeparatorProps;
-const MobileSeparatorWithSchema = (0, import_react_desc.describe)(MobileSeparator);
-MobileSeparatorWithSchema.propTypes = mobileSeparatorProps;
-var Separator_default = MobileSeparator;
-module.exports = __toCommonJS(Separator_exports);
-//# sourceMappingURL=Separator.js.map

package/dist/cjs/MobileSeparator/Separator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MobileSeparator/Separator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n  const orientation = direction === 'vertical' ? 'height' : 'width';\n  const xORy = direction === 'vertical' ? 'mx' : 'my';\n  const styles = {\n    width: 0,\n    height: 0,\n    [orientation]: '100%',\n    [xORy]: margin,\n    borderType: type,\n    color,\n  };\n  return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n  direction: PropTypes.oneOf(['vertical', 'horizontal'])\n    .description('Direction of the separator')\n    .defaultValue('horizontal'),\n  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n    .description('Margin of the separator')\n    .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\n\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,YAAY,sCAAO;AAAA,gBACT,CAAC,EAAE,OAAO,OAAO,iBAAiB,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,iBAAiB,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,QAAQ,YAAY,cAAc,OAAO,SAAS,SAAS,WAAW;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,KACP,cAAc;AAAA,KACd,OAAO;AAAA,IACR,YAAY;AAAA,IACZ;AAAA;AAEF,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;AAGxB,MAAM,uBAAuB;AAAA,EAC3B,MAAM,4BAAU,MAAM,CAAC,SAAS,WAAW,YAAY,2BAA2B,aAAa;AAAA,EAC/F,WAAW,4BAAU,MAAM,CAAC,YAAY,eACrC,YAAY,8BACZ,aAAa;AAAA,EAChB,OAAO,4BAAU,MAAM,YAAY,0BAA0B,aAAa,CAAC,WAAW;AAAA,EACtF,QAAQ,4BAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QACxD,YAAY,2BACZ,aAAa;AAAA;AAGlB,gBAAgB,YAAY;AAE5B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
-  "names": []
-}

package/dist/cjs/MobileSeparator/index.js

@@ -1,37 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileSeparator_exports = {};
-__export(MobileSeparator_exports, {
-  MobileSeparatorWithSchema: () => import_Separator.MobileSeparatorWithSchema,
-  default: () => MobileSeparator_default
-});
-var React = __toESM(require("react"));
-var import_Separator = __toESM(require("./Separator"));
-var MobileSeparator_default = import_Separator.default;
-module.exports = __toCommonJS(MobileSeparator_exports);
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MobileSeparator/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import DSMobileSeparator, { MobileSeparatorWithSchema } from './Separator';\n\nexport { MobileSeparatorWithSchema };\nexport default DSMobileSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA6D;AAG7D,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/cjs/MobileTimePicker/Input.js

@@ -1,78 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Input_exports = {};
-__export(Input_exports, {
-  Input: () => Input
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_styled_components = __toESM(require("styled-components"));
-const StyledInput = import_styled_components.default.input`
-  input[type=time]& {   
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -webkit-tap-highlight-color: transparent;
-    appearance: none;
-    color: transparent;
-
-    white-space: nowrap;
-    position: relative;
-    height: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.l)};
-    width: 100%;
-    max-width: calc(100% - 32px);
-    outline: none;
-    box-sizing: border-box;
-    display: flex;
-    background: ${(props) => props.theme.colors.neutral["000"]};
-    padding: 0 ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
-    z-index: 1;
-    border-radius: 2px;
-    border: solid 1px ${(props) => props.theme.colors.neutral[200]};
-  }
-
-  input[type=time]&:active, input[type=time]&:focus {
-    ${(props) => (0, import_ds_system.focus)(props.theme.colors.brand[700])}
-  }
-
-  &:before {
-    color: ${(props) => props.value === "" ? props.theme.colors.neutral["500"] : props.theme.colors.neutral["800"]};
-    content: '${(props) => props.value === "" ? props.placeholder : props["data-displayvalue"]}';
-  }
-
-  input[type=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-webkit-clear-button {
-    -webkit-appearance: none;
-    display: none;
-  }
-`;
-const Input = ({ innerRef, ...props }) => /* @__PURE__ */ import_react.default.createElement(StyledInput, {
-  ref: innerRef,
-  ...props
-});
-module.exports = __toCommonJS(Input_exports);
-//# sourceMappingURL=Input.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MobileTimePicker/Input.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport styled from 'styled-components';\n\nconst StyledInput = styled.input`\n  input[type=time]& {   \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=time]&:active, input[type=time]&: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=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAgD;AAChD,+BAAmB;AAEnB,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,WAAS,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMhD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,WAAS,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,wBAG7C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,WAAS,4BAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,aAIjC,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,EAAE,aAAa,YACnC,mDAAC,aAAD;AAAA,EAAa,KAAK;AAAA,KAAc;AAAA;",
-  "names": []
-}

package/dist/cjs/MobileTimePicker/MobileTimePicker.js

@@ -1,106 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileTimePicker_exports = {};
-__export(MobileTimePicker_exports, {
-  DSMobileTimePicker: () => DSMobileTimePicker,
-  DSMobileTimePickerWithSchema: () => DSMobileTimePickerWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_icon = require("@elliemae/ds-icon");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_Input = require("./Input");
-const DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {
-  const inputRef = (0, import_react.useRef)(null);
-  const valueArr = value.split(":");
-  (0, import_react.useEffect)(() => {
-    if (inputRef.current) {
-      inputRef.current.defaultValue = "";
-    }
-  }, [inputRef.current]);
-  const displayValue = (0, import_react.useMemo)(() => {
-    if (!value || !valueArr[0] || !valueArr[1])
-      return "";
-    const ampm = valueArr[0] >= 12 ? "pm" : "am";
-    const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
-    return `${h} : ${valueArr[1]} ${ampm}`;
-  }, [value]);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
-    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      "aria-label": "Time Picker Button",
-      color: !disabled ? import_ds_icon.DSIconColors.PRIMARY : import_ds_icon.DSIconColors.NEUTRAL,
-      disabled,
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.RecentDocuments, null),
-      type: "button",
-      buttonType: "secondary",
-      onClick: () => {
-        inputRef.current.focus();
-        inputRef.current.click();
-      }
-    })
-  }, /* @__PURE__ */ import_react.default.createElement(import_Input.Input, {
-    innerRef: inputRef,
-    type: "time",
-    "data-testid": "ds-mobile-time-picker",
-    "aria-label": "Time Picker Input Mask",
-    disabled,
-    placeholder,
-    tabIndex,
-    value,
-    "data-displayvalue": displayValue,
-    onChange: (e) => {
-      const { target } = e.nativeEvent;
-      function iosClearDefault() {
-        target.defaultValue = "";
-      }
-      window.setTimeout(iosClearDefault, 0);
-      onChange(e);
-    }
-  }));
-};
-DSMobileTimePicker.defaultProps = {
-  disabled: false,
-  tabIndex: 0,
-  placeholder: "HH : MM am",
-  value: ""
-};
-const pickerProps = {
-  disabled: import_react_desc.PropTypes.bool.description("disabled prop, defaults to false"),
-  tabIndex: import_react_desc.PropTypes.number.description("focus order HTML property, 0 as default"),
-  placeholder: import_react_desc.PropTypes.string.description("HH : MM am as default"),
-  onChange: import_react_desc.PropTypes.func.description("onChange handler, receives change event as first argument"),
-  value: import_react_desc.PropTypes.string.description("HH:MM string representing the time or empty string")
-};
-DSMobileTimePicker.propTypes = pickerProps;
-const DSMobileTimePickerWithSchema = (0, import_react_desc.describe)(DSMobileTimePicker).description("Time picker for mobile & tablet");
-DSMobileTimePickerWithSchema.propTypes = pickerProps;
-module.exports = __toCommonJS(MobileTimePicker_exports);
-//# sourceMappingURL=MobileTimePicker.js.map