@elliemae/ds-mobile 3.57.0-next.8 → 3.57.0-rc.0

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

@@ -1,7 +1,7 @@
 {
   "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-es';\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/index.js';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled.js';\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  ButtonFooter,\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 || ButtonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\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 || Boolean(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          {!ButtonFooter ? (\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          ) : (\n            <ButtonFooter\n              containerProps={{\n                'data-testid': `${dataTestid}--btn`,\n              }}\n              buttonType=\"primary\"\n              size=\"l\"\n              onClick={handleApply}\n            />\n          )}\n        </Footer>\n      ) : null}\n    </StyledContainer>\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  /** footer action, DSButton instance */\n  ButtonFooter: PropTypes.func,\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": ["React", "PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable func-names */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\n\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { Grid } from '@elliemae/ds-grid';\nimport { __UNSAFE_SPACE_TO_DIMSUM, op, withTheme } from '@elliemae/ds-system';\nimport { noop } from 'lodash-es';\nimport React, { useEffect, useState } from 'react';\nimport { DSMobileTouchable } from '../MobileTouchable/index.js';\nimport { Footer, HeaderContainer, ListContainer, StyledContainer, checkbox, checked, selectedMark } from './styled.js';\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  ButtonFooter,\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 || ButtonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\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 || Boolean(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          {!ButtonFooter ? (\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          ) : (\n            <ButtonFooter\n              containerProps={{\n                'data-testid': `${dataTestid}--btn`,\n              }}\n              buttonType=\"primary\"\n              size=\"l\"\n              onClick={handleApply}\n            />\n          )}\n        </Footer>\n      ) : null}\n    </StyledContainer>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nexport { DSMobileSelectList };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["React"]
 }

package/dist/cjs/MobileTouchable/MobileTouchable.js

@@ -33,11 +33,10 @@ __export(MobileTouchable_exports, {
 module.exports = __toCommonJS(MobileTouchable_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_lodash_es = require("lodash-es");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
+var import_lodash_es = require("lodash-es");
+var import_react = require("react");
 const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   cursor: pointer;
   background: ${(props) => props.touching ? props.theme.colors.brand["100"] : props.theme.colors.neutral["000"]};
@@ -64,9 +63,8 @@ const MobileTouchable = ({
   ...gridProps
 }) => {
   const [touching, setTouching] = (0, import_react.useState)(false);
-  const handleStart = (0, import_react.useCallback)(() => setTouching(true));
-  const handleEnd = (0, import_react.useCallback)(() => setTouching(false));
-  console.log("AAA", innerRef);
+  const handleStart = (0, import_react.useCallback)(() => setTouching(true), []);
+  const handleEnd = (0, import_react.useCallback)(() => setTouching(false), []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     StyledContainer,
     {
@@ -82,13 +80,5 @@ const MobileTouchable = ({
     }
   );
 };
-MobileTouchable.propTypes = {
-  onClick: import_prop_types.default.func,
-  children: import_prop_types.default.any,
-  render: import_prop_types.default.func,
-  theme: import_prop_types.default.any,
-  dataTestid: import_prop_types.default.string,
-  innerRef: import_prop_types.default.any
-};
 const DSMobileTouchable = (0, import_ds_system.withTheme)(MobileTouchable);
 //# sourceMappingURL=MobileTouchable.js.map

package/dist/cjs/MobileTouchable/MobileTouchable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTouchable/MobileTouchable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash-es';\nimport PropTypes from 'prop-types';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledContainer = styled(Grid)`\n  cursor: pointer;\n  background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n  &:focus {\n    position: relative;\n    &:after {\n      position: absolute;\n      content: '';\n      border: 2px solid brand-700;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  }\n`;\n\nconst MobileTouchable = ({\n  children,\n  onClick = noop,\n  theme,\n  dataTestid = 'mobile-touchable',\n  render,\n  innerRef,\n  ...gridProps\n}) => {\n  const [touching, setTouching] = useState(false);\n  const handleStart = useCallback(() => setTouching(true));\n  const handleEnd = useCallback(() => setTouching(false));\n  console.log('AAA', innerRef);\n  return (\n    <StyledContainer\n      {...gridProps}\n      touching={touching}\n      onClick={onClick}\n      onTouchStart={handleStart}\n      onTouchEnd={handleEnd}\n      data-testid={dataTestid}\n      innerRef={innerRef}\n      tabIndex={0}\n    >\n      {children || render(gridProps)}\n    </StyledContainer>\n  );\n};\n\nMobileTouchable.propTypes = {\n  onClick: PropTypes.func,\n  children: PropTypes.any,\n  render: PropTypes.func,\n  theme: PropTypes.any,\n  dataTestid: PropTypes.string,\n  innerRef: PropTypes.any,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCnB;AArCJ,mBAA6C;AAC7C,uBAAqB;AACrB,wBAAsB;AACtB,uBAAkC;AAClC,qBAAqB;AAErB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAejH,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,kBAAc,0BAAY,MAAM,YAAY,IAAI,CAAC;AACvD,QAAM,gBAAY,0BAAY,MAAM,YAAY,KAAK,CAAC;AACtD,UAAQ,IAAI,OAAO,QAAQ;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAET,sBAAY,OAAO,SAAS;AAAA;AAAA,EAC/B;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,OAAO,kBAAAA,QAAU;AAAA,EACjB,YAAY,kBAAAA,QAAU;AAAA,EACtB,UAAU,kBAAAA,QAAU;AACtB;AAEA,MAAM,wBAAoB,4BAAU,eAAe;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport { noop } from 'lodash-es';\nimport { useCallback, useState } from 'react';\n\nconst StyledContainer = styled(Grid)`\n  cursor: pointer;\n  background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n  &:focus {\n    position: relative;\n    &:after {\n      position: absolute;\n      content: '';\n      border: 2px solid brand-700;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  }\n`;\n\nconst MobileTouchable = ({\n  children,\n  onClick = noop,\n  theme,\n  dataTestid = 'mobile-touchable',\n  render,\n  innerRef,\n  ...gridProps\n}) => {\n  const [touching, setTouching] = useState(false);\n  const handleStart = useCallback(() => setTouching(true), []);\n  const handleEnd = useCallback(() => setTouching(false), []);\n  return (\n    <StyledContainer\n      {...gridProps}\n      touching={touching}\n      onClick={onClick}\n      onTouchStart={handleStart}\n      onTouchEnd={handleEnd}\n      data-testid={dataTestid}\n      innerRef={innerRef}\n      tabIndex={0}\n    >\n      {children || render(gridProps)}\n    </StyledContainer>\n  );\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CnB;AAnCJ,qBAAqB;AACrB,uBAAkC;AAClC,uBAAqB;AACrB,mBAAsC;AAEtC,MAAM,sBAAkB,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAejH,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,kBAAc,0BAAY,MAAM,YAAY,IAAI,GAAG,CAAC,CAAC;AAC3D,QAAM,gBAAY,0BAAY,MAAM,YAAY,KAAK,GAAG,CAAC,CAAC;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAET,sBAAY,OAAO,SAAS;AAAA;AAAA,EAC/B;AAEJ;AAEA,MAAM,wBAAoB,4BAAU,eAAe;",
+  "names": []
 }

package/dist/cjs/PageFilter/PageFilter.js

@@ -33,9 +33,8 @@ __export(PageFilter_exports, {
 module.exports = __toCommonJS(PageFilter_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
 var import_FullPageContainer = require("../FullPageContainer/index.js");
 const Header = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   border-bottom: 1px solid ${(props) => props.theme.colors.neutral["300"]};
@@ -105,31 +104,5 @@ const PageFilter = ({
     footerButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Footer, { children: footerButton })
   ] });
 };
-PageFilter.propTypes = {
-  /**
-   * Text to render in header title
-   */
-  pageTitle: import_prop_types.default.string,
-  /**
-   * Pass an element to render left. For example a Button with an icon
-   */
-  leftProp: import_prop_types.default.element,
-  /**
-   * Pass an element to render right. For example a Button with an icon
-   */
-  rightProp: import_prop_types.default.element,
-  /**
-   * Pass an element to render in the body section
-   */
-  children: import_prop_types.default.element,
-  /**
-   * Pass a button to render in the footer
-   */
-  footerButton: import_prop_types.default.element,
-  /**
-   * BreadCrumb text
-   */
-  breadCrumb: import_prop_types.default.string
-};
 const DSPageFilter = PageFilter;
 //# sourceMappingURL=PageFilter.js.map

package/dist/cjs/PageFilter/PageFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/PageFilter/PageFilter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSFullPageContainer } from '../FullPageContainer/index.js';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEF;AAhErB,wBAAsB;AACtB,uBAA+D;AAC/D,qBAAqB;AACrB,+BAAoC;AAEpC,MAAM,aAAS,yBAAO,mBAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAEzE,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAErD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMA,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI,aAAc,MAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,KAAK,CAAC;AACpF,QAAM,OAAO,CAAC,MAAM;AACpB,MAAI,SAAU,MAAK,QAAQ,eAAe;AAC1C,MAAI,UAAW,MAAK,KAAK,eAAe;AACxC,QAAM,YAAY;AAAA,IAChB,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,6CAAC,gDAAoB,MACnB;AAAA,iDAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,6CAAC,uBACE;AAAA,sBAAc,4CAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,4CAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,4CAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,4CAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA,EAIrB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,eAAe;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { __UNSAFE_SPACE_TO_DIMSUM, op, styled, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer/index.js';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoEF;AA/DrB,qBAAqB;AACrB,uBAA+D;AAC/D,+BAAoC;AAEpC,MAAM,aAAS,yBAAO,mBAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAEzE,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAErD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMA,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI,aAAc,MAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,KAAK,CAAC;AACpF,QAAM,OAAO,CAAC,MAAM;AACpB,MAAI,SAAU,MAAK,QAAQ,eAAe;AAC1C,MAAI,UAAW,MAAK,KAAK,eAAe;AACxC,QAAM,YAAY;AAAA,IAChB,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,6CAAC,gDAAoB,MACnB;AAAA,iDAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,6CAAC,uBACE;AAAA,sBAAc,4CAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,4CAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,4CAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,4CAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,MAAM,eAAe;",
+  "names": []
 }

package/dist/cjs/PageForm/PageForm.js

@@ -34,7 +34,6 @@ __export(PageForm_exports, {
 module.exports = __toCommonJS(PageForm_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
 var import_FullPageContainer = require("../FullPageContainer/index.js");
@@ -56,11 +55,6 @@ const PageForm = ({ header = null, body = null, footer = null }) => {
     footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: footer })
   ] });
 };
-PageForm.propTypes = {
-  header: import_prop_types.default.element,
-  body: import_prop_types.default.element,
-  footer: import_prop_types.default.element
-};
 const DSPageForm = PageForm;
 const DSMobilePageForm = DSPageForm;
 //# sourceMappingURL=PageForm.js.map

package/dist/cjs/PageForm/PageForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/PageForm/PageForm.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer/index.js';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nPageForm.propTypes = {\n  header: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBnB;AAnBJ,wBAAsB;AACtB,qBAAqB;AACrB,uBAA+D;AAC/D,+BAA+D;AAE/D,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,YAAQ,2BAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI,OAAQ,MAAK,YAAQ,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI,OAAQ,MAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,6CAAC,gDAAoB,MAClB;AAAA,cAAU,4CAAC,uBAAM,kBAAO;AAAA,IACzB,4CAAC,uBAAK,OAAO,EAAE,UAAU,SAAS,GAChC,sDAAC,sDACC,sDAAC,QAAM,gBAAK,GACd,GACF;AAAA,IACC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,KAC3B;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { __UNSAFE_SPACE_TO_DIMSUM, op, styled, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer/index.js';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSMobilePageForm, DSPageForm };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBnB;AAlBJ,qBAAqB;AACrB,uBAA+D;AAC/D,+BAA+D;AAE/D,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,YAAQ,2BAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI,OAAQ,MAAK,YAAQ,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI,OAAQ,MAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,6CAAC,gDAAoB,MAClB;AAAA,cAAU,4CAAC,uBAAM,kBAAO;AAAA,IACzB,4CAAC,uBAAK,OAAO,EAAE,UAAU,SAAS,GAChC,sDAAC,sDACC,sDAAC,QAAM,gBAAK,GACd,GACF;AAAA,IACC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,KAC3B;AAEJ;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
+  "names": []
 }

package/dist/cjs/PageList/PageList.js

@@ -34,9 +34,8 @@ __export(PageList_exports, {
 module.exports = __toCommonJS(PageList_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
 var import_FullPageContainer = require("../FullPageContainer/index.js");
 const PageTitleWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   min-height: 44px;
@@ -58,12 +57,5 @@ const DSMobilePageList = (0, import_ds_system.withTheme)(
     ] });
   }
 );
-DSMobilePageList.propTypes = {
-  header: import_prop_types.default.element,
-  pageTitle: import_prop_types.default.element,
-  filterBar: import_prop_types.default.element,
-  body: import_prop_types.default.element,
-  footer: import_prop_types.default.element
-};
 const DSPageList = DSMobilePageList;
 //# sourceMappingURL=PageList.js.map

package/dist/cjs/PageList/PageList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/PageList/PageList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer/index.js';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = [];\n    if (header) rows.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (pageTitle) rows.push('auto');\n    if (filterBar) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83));\n    rows.push(1);\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header ? <Grid>{header}</Grid> : null}\n        {pageTitle ? <PageTitleWrapper>{pageTitle}</PageTitleWrapper> : null}\n        {filterBar ? <Grid>{filterBar}</Grid> : null}\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAnBN,wBAAsB;AACtB,uBAAgE;AAChE,qBAAqB;AACrB,+BAA+D;AAE/D,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAKpC,MAAM,uBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI,OAAQ,MAAK,SAAK,2CAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI,UAAW,MAAK,KAAK,MAAM;AAC/B,QAAI,UAAW,MAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI,OAAQ,MAAK,KAAK,MAAM;AAC5B,WACE,6CAAC,gDAAoB,MAClB;AAAA,eAAS,4CAAC,uBAAM,kBAAO,IAAU;AAAA,MACjC,YAAY,4CAAC,oBAAkB,qBAAU,IAAsB;AAAA,MAC/D,YAAY,4CAAC,uBAAM,qBAAU,IAAU;AAAA,MACxC,4CAAC,sDAA2B,gBAAK;AAAA,MAChC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,OAC3B;AAAA,EAEJ;AACF;AAEA,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,aAAa;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { __UNSAFE_SPACE_TO_DIMSUM, op, styled, withTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer/index.js';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = [];\n    if (header) rows.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (pageTitle) rows.push('auto');\n    if (filterBar) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83));\n    rows.push(1);\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header ? <Grid>{header}</Grid> : null}\n        {pageTitle ? <PageTitleWrapper>{pageTitle}</PageTitleWrapper> : null}\n        {filterBar ? <Grid>{filterBar}</Grid> : null}\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSMobilePageList, DSPageList };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AAlBN,qBAAqB;AACrB,uBAAgE;AAChE,+BAA+D;AAE/D,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAKpC,MAAM,uBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI,OAAQ,MAAK,SAAK,2CAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI,UAAW,MAAK,KAAK,MAAM;AAC/B,QAAI,UAAW,MAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI,OAAQ,MAAK,KAAK,MAAM;AAC5B,WACE,6CAAC,gDAAoB,MAClB;AAAA,eAAS,4CAAC,uBAAM,kBAAO,IAAU;AAAA,MACjC,YAAY,4CAAC,oBAAkB,qBAAU,IAAsB;AAAA,MAC/D,YAAY,4CAAC,uBAAM,qBAAU,IAAU;AAAA,MACxC,4CAAC,sDAA2B,gBAAK;AAAA,MAChC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,OAC3B;AAAA,EAEJ;AACF;AAEA,MAAM,aAAa;",
+  "names": []
 }

package/dist/cjs/PageSearch/PageSearch.js

@@ -34,9 +34,8 @@ __export(PageSearch_exports, {
 module.exports = __toCommonJS(PageSearch_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
 const Header = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   height: 100%;
   background: ${(props) => props.theme.colors.brand["600"]};
@@ -63,12 +62,5 @@ const DSMobilePageSearch = (0, import_ds_system.withTheme)(
     ] });
   }
 );
-DSMobilePageSearch.propTypes = {
-  header: import_prop_types.default.element,
-  pageTitle: import_prop_types.default.element,
-  filterBar: import_prop_types.default.element,
-  body: import_prop_types.default.element,
-  footer: import_prop_types.default.element
-};
 const DSPageSearch = DSMobilePageSearch;
 //# sourceMappingURL=PageSearch.js.map

package/dist/cjs/PageSearch/PageSearch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/PageSearch/PageSearch.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BjB;AAzBN,wBAAsB;AACtB,uBAAgE;AAChE,qBAAqB;AAErB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,aAC7C,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAGvE,MAAM,yBAAqB;AAAA,EACzB,CAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,EACF,MAAM;AACJ,UAAM,OAAO;AAAA,UACX,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,UACrD,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,6CAAC,uBAAK,MAAY,QAAO,QACvB;AAAA,kDAAC,uBACC,sDAAC,mBAAiB,qBAAU,GAC9B;AAAA,MACA,4CAAC,uBACC,sDAAC,mBAAiB,wBAAa,GACjC;AAAA,MACA,4CAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,SAAS,GAC9C,sDAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,OAAO,GAC3C,gBACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,eAAe;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { __UNSAFE_SPACE_TO_DIMSUM, op, styled, withTheme } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSMobilePageSearch, DSPageSearch };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BjB;AAxBN,qBAAqB;AACrB,uBAAgE;AAEhE,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,aAC7C,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAGvE,MAAM,yBAAqB;AAAA,EACzB,CAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,EACF,MAAM;AACJ,UAAM,OAAO;AAAA,UACX,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,UACrD,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,6CAAC,uBAAK,MAAY,QAAO,QACvB;AAAA,kDAAC,uBACC,sDAAC,mBAAiB,qBAAU,GAC9B;AAAA,MACA,4CAAC,uBACC,sDAAC,mBAAiB,wBAAa,GACjC;AAAA,MACA,4CAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,SAAS,GAC9C,sDAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,OAAO,GAC3C,gBACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe;",
+  "names": []
 }

package/dist/cjs/PageSummary/PageSummary.js

@@ -33,7 +33,6 @@ __export(PageSummary_exports, {
 module.exports = __toCommonJS(PageSummary_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
 var import_FullPageContainer = require("../FullPageContainer/index.js");
@@ -60,13 +59,5 @@ const PageSummary = ({
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tags.BodyWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Body, { children: bodySecondary }) })
   ] })
 ] });
-PageSummary.propTypes = {
-  header: import_prop_types.default.element,
-  bodyPrimary: import_prop_types.default.element,
-  actions: import_prop_types.default.element,
-  bodySecondary: import_prop_types.default.element,
-  headerZIndex: import_prop_types.default.number,
-  actionsZIndex: import_prop_types.default.number
-};
 const DSPageSummary = PageSummary;
 //# sourceMappingURL=PageSummary.js.map

package/dist/cjs/PageSummary/PageSummary.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/PageSummary/PageSummary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer/index.js';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags.js';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBR;AAvBf,wBAAsB;AACtB,qBAAqB;AACrB,uBAAqD;AACrD,+BAAoC;AACpC,kBAAsD;AAEtD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,6CAAC,gDACE;AAAA,YAAU,4CAAC,sBAAO,QAAQ,cAAe,kBAAO;AAAA,EACjD,6CAAC,uBACC;AAAA,gDAAC,uBACC,sDAAC,QAAM,uBAAY,GACrB;AAAA,IACA,4CAAC,uBAAQ,QAAQ,eAAgB,mBAAQ;AAAA,IACzC,4CAAC,2BACC,sDAAC,QAAM,yBAAc,GACvB;AAAA,KACF;AAAA,GACF;AAGF,YAAY,YAAY;AAAA,EACtB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,aAAa,kBAAAA,QAAU;AAAA,EACvB,SAAS,kBAAAA,QAAU;AAAA,EACnB,eAAe,kBAAAA,QAAU;AAAA,EACzB,cAAc,kBAAAA,QAAU;AAAA,EACxB,eAAe,kBAAAA,QAAU;AAC3B;AAEA,MAAM,gBAAgB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { __UNSAFE_SPACE_TO_DIMSUM, op, styled } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer/index.js';\nimport { BodyWrapper, Header, Section, Toolbar } from './Tags.js';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BR;AAtBf,qBAAqB;AACrB,uBAAqD;AACrD,+BAAoC;AACpC,kBAAsD;AAEtD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,6CAAC,gDACE;AAAA,YAAU,4CAAC,sBAAO,QAAQ,cAAe,kBAAO;AAAA,EACjD,6CAAC,uBACC;AAAA,gDAAC,uBACC,sDAAC,QAAM,uBAAY,GACrB;AAAA,IACA,4CAAC,uBAAQ,QAAQ,eAAgB,mBAAQ;AAAA,IACzC,4CAAC,2BACC,sDAAC,QAAM,yBAAc,GACvB;AAAA,KACF;AAAA,GACF;AAGF,MAAM,gBAAgB;",
+  "names": []
 }

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -33,9 +33,8 @@ __export(ProgressIndicator_exports, {
 module.exports = __toCommonJS(ProgressIndicator_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_system = require("@elliemae/ds-system");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
 const rad = 54;
 const cir = 2 * Math.PI * rad;
 const ProgressIndicator = ({ progress = 0 }) => {
@@ -60,7 +59,4 @@ const ProgressIndicator = ({ progress = 0 }) => {
     )
   ] }) });
 };
-ProgressIndicator.propTypes = {
-  progress: import_prop_types.default.number
-};
 //# sourceMappingURL=ProgressIndicator.js.map

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/ProgressIndicator.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADajB;AAZN,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,4CAAC,uBAAK,QAAQ,MAAM,MAAM,GAAG,OAAO,MAAM,MAAM,GAAG,gBAAe,UAAS,YAAW,UACpF,uDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,WAAU,eAC1D;AAAA,gDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,QAAO,aAAY,MAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ,GAAG,CAAC,IAAI;AAAA,IACpG;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,iBAAiB,GAAG,GAAG;AAAA,QACvB,kBAAkB,GAAG,UAAU;AAAA,QAC/B,QAAQ,GAAG,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,QAClC,eAAc;AAAA;AAAA,IAChB;AAAA,KACF,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAA,QAAU;AACtB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { useTheme } from '@elliemae/ds-system';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWjB;AAXN,qBAAqB;AACrB,uBAAyB;AAEzB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,4CAAC,uBAAK,QAAQ,MAAM,MAAM,GAAG,OAAO,MAAM,MAAM,GAAG,gBAAe,UAAS,YAAW,UACpF,uDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,WAAU,eAC1D;AAAA,gDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,QAAO,aAAY,MAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ,GAAG,CAAC,IAAI;AAAA,IACpG;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,iBAAiB,GAAG,GAAG;AAAA,QACvB,kBAAkB,GAAG,UAAU;AAAA,QAC/B,QAAQ,GAAG,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,QAClC,eAAc;AAAA;AAAA,IAChB;AAAA,KACF,GACF;AAEJ;",
+  "names": []
 }

package/dist/esm/FullPageContainer/FullPageContainer.js

@@ -1,15 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
 import { useMobileHeight } from "./useMobileHeight.js";
 const DSFullPageContainer = ({ children, ...props }) => {
   const height = useMobileHeight();
   return /* @__PURE__ */ jsx(Grid, { height, width: "100%", ...props, children });
 };
-DSFullPageContainer.propTypes = {
-  children: PropTypes.any
-};
 export {
   DSFullPageContainer
 };

package/dist/esm/FullPageContainer/FullPageContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight.js';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACQnB;AAPJ,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,MAAM,sBAAsB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACtD,QAAM,SAAS,gBAAgB;AAC/B,SACE,oBAAC,QAAK,QAAgB,OAAM,QAAQ,GAAG,OACpC,UACH;AAEJ;AAEA,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AACtB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight.js';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nexport { DSFullPageContainer };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWnB;AANJ,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,MAAM,sBAAsB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACtD,QAAM,SAAS,gBAAgB;AAC/B,SACE,oBAAC,QAAK,QAAgB,OAAM,QAAQ,GAAG,OACpC,UACH;AAEJ;",
   "names": []
 }

package/dist/esm/FullPageContainer/FullPageContainerScroll.js

@@ -1,12 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
 const DSFullPageContainerScroll = ({ style = {}, children, ...props }) => /* @__PURE__ */ jsx(Grid, { maxHeight: "100%", style: { overflow: "auto", ...style }, ...props, children });
-DSFullPageContainerScroll.propTypes = {
-  children: PropTypes.any,
-  style: PropTypes.object
-};
 export {
   DSFullPageContainerScroll
 };

package/dist/esm/FullPageContainer/FullPageContainerScroll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainerScroll.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACKrB;AAJF,OAAO,eAAe;AACtB,SAAS,YAAY;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,CAAC,GAAG,UAAU,GAAG,MAAM,MAClE,oBAAC,QAAK,WAAU,QAAO,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAM,GAAI,GAAG,OAC/D,UACH;AAGF,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AACnB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nexport { DSFullPageContainerScroll };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACQrB;AAHF,SAAS,YAAY;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,CAAC,GAAG,UAAU,GAAG,MAAM,MAClE,oBAAC,QAAK,WAAU,QAAO,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAM,GAAI,GAAG,OAC/D,UACH;",
   "names": []
 }

package/dist/esm/InfiniteLoader/Loader.js

@@ -1,12 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { DSIndeterminateProgressIndicator } from "@elliemae/ds-indeterminate-progress-indicator";
 import { LoaderBox } from "./styled.js";
 const Loader = ({ isOpen }) => /* @__PURE__ */ jsx(LoaderBox, { className: isOpen ? "opened" : "", children: /* @__PURE__ */ jsx(DSIndeterminateProgressIndicator, { processing: true, title: "Loading" }) });
-Loader.propTypes = {
-  isOpen: PropTypes.bool
-};
 export {
   Loader
 };

package/dist/esm/InfiniteLoader/Loader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/Loader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled.js';\n\ninterface Props {\n  isOpen: boolean;\n}\n\nexport const Loader = ({ isOpen }: Props) => (\n  <LoaderBox className={isOpen ? 'opened' : ''}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </LoaderBox>\n);\n\nLoader.propTypes = {\n  isOpen: PropTypes.bool,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACYnB;AAVJ,OAAO,eAAe;AACtB,SAAS,wCAAwC;AACjD,SAAS,iBAAiB;AAMnB,MAAM,SAAS,CAAC,EAAE,OAAO,MAC9B,oBAAC,aAAU,WAAW,SAAS,WAAW,IACxC,8BAAC,oCAAiC,YAAU,MAAC,OAAM,WAAU,GAC/D;AAGF,OAAO,YAAY;AAAA,EACjB,QAAQ,UAAU;AACpB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled.js';\n\ninterface Props {\n  isOpen: boolean;\n}\n\nexport const Loader = ({ isOpen }: Props) => (\n  <LoaderBox className={isOpen ? 'opened' : ''}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </LoaderBox>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACUnB;AATJ,SAAS,wCAAwC;AACjD,SAAS,iBAAiB;AAMnB,MAAM,SAAS,CAAC,EAAE,OAAO,MAC9B,oBAAC,aAAU,WAAW,SAAS,WAAW,IACxC,8BAAC,oCAAiC,YAAU,MAAC,OAAM,WAAU,GAC/D;",
   "names": []
 }

package/dist/esm/LoadingPage/Page.js

@@ -1,10 +1,9 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React2, { useRef, useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import { withTheme, styled } from "@elliemae/ds-system";
-import { get } from "lodash-es";
 import { DSBackdrop } from "@elliemae/ds-backdrop";
+import { styled, withTheme } from "@elliemae/ds-system";
+import { get } from "lodash-es";
+import React2, { useEffect, useRef, useState } from "react";
 const LoadingPageLoader = styled.div`
   ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
 
@@ -44,32 +43,6 @@ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill",
   }
   return injectRefPosition(children);
 };
-LoadingPage.propTypes = {
-  /**
-   * z-index of dimmer background
-   */
-  backdropZIndex: PropTypes.number,
-  /**
-   * Children page to show behind the loader
-   */
-  children: PropTypes.element,
-  /**
-   * Array of elements centrally aligned
-   */
-  loader: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Show / hide loader
-   */
-  loading: PropTypes.bool,
-  /**
-   * ['cover', 'fill']
-   */
-  type: PropTypes.oneOf(["fill", "cover"]),
-  /**
-   * z-index of loader, should be higher than the backdropZIndex
-   */
-  zIndex: PropTypes.number
-};
 const DSMobileLoadingPage = withTheme(LoadingPage);
 export {
   DSMobileLoadingPage

package/dist/esm/LoadingPage/Page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/Page.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash-es';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <DSBackdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6BG,SAmBpB,UAnBoB,KAmBpB,YAnBoB;AA7B1B,OAAOA,UAAS,QAAQ,UAAU,iBAAiB;AACnD,OAAO,eAAe;AACtB,SAAS,WAAW,cAAc;AAClC,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAE3B,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB,oBAAqB;AAAA;AAAA,aAElE,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjE,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,oBAAC,cAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,oBAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzBA,OAAM,aAAaA,OAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAUA,OAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,GAAG,IAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAIA,OAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,iCACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU;AACpB;AAEA,MAAM,sBAAsB,UAAU,WAAW;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash-es';\nimport React, { useEffect, useRef, useState } from 'react';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <DSBackdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqCG,SAmBpB,UAnBoB,KAmBpB,YAnBoB;AA5B1B,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,WAAW;AACpB,OAAOA,UAAS,WAAW,QAAQ,gBAAgB;AAEnD,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB,oBAAqB;AAAA;AAAA,aAElE,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjE,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,oBAAC,cAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,oBAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzBA,OAAM,aAAaA,OAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAUA,OAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,GAAG,IAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAIA,OAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,iCACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,MAAM,sBAAsB,UAAU,WAAW;",
   "names": ["React"]
 }