npm - @elliemae/ds-mobile - Versions diffs - 3.57.0-next.8 → 3.57.0-next.9 - Mend

@elliemae/ds-mobile 3.57.0-next.8 → 3.57.0-next.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/dist/esm/PageFilter/PageFilter.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageFilter/PageFilter.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACiEF,cACb,YADa;AAhErB,OAAO,eAAe;AACtB,SAAS,QAAQ,IAAI,UAAU,gCAAgC;AAC/D,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAEpC,MAAM,SAAS,OAAO,IAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAEzE,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAErD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,SAAS,OAAO,IAAI;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,QAAQ,SAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI,aAAc,MAAK,KAAK,GAAG,KAAK,yBAAyB,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,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,qBAAC,uBAAoB,MACnB;AAAA,yBAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,oBAAC,cAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,qBAAC,QACE;AAAA,sBAAc,oBAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,oBAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,oBAAC,cAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,oBAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,oBAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA,EAIrB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,UAAU;AACxB;AAEA,MAAM,eAAe;",
+  "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 { __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"],
+  "mappings": "AAAA,YAAY,WAAW;ACoEF,cACb,YADa;AA/DrB,SAAS,YAAY;AACrB,SAAS,0BAA0B,IAAI,QAAQ,gBAAgB;AAC/D,SAAS,2BAA2B;AAEpC,MAAM,SAAS,OAAO,IAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAEzE,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAErD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,SAAS,OAAO,IAAI;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,QAAQ,SAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI,aAAc,MAAK,KAAK,GAAG,KAAK,yBAAyB,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,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,qBAAC,uBAAoB,MACnB;AAAA,yBAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,oBAAC,cAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,qBAAC,QACE;AAAA,sBAAc,oBAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,oBAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,oBAAC,cAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,oBAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,oBAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,MAAM,eAAe;",
   "names": []
 }

package/dist/esm/PageForm/PageForm.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
-import { styled, op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from "@elliemae/ds-system";
+import { __UNSAFE_SPACE_TO_DIMSUM, op, styled, useTheme } from "@elliemae/ds-system";
 import { DSFullPageContainer, DSFullPageContainerScroll } from "../FullPageContainer/index.js";
 const Body = styled(Grid)`
   margin: 0 auto;
@@ -22,11 +21,6 @@ const PageForm = ({ header = null, body = null, footer = null }) => {
     footer && /* @__PURE__ */ jsx(Grid, { children: footer })
   ] });
 };
-PageForm.propTypes = {
-  header: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
 const DSPageForm = PageForm;
 const DSMobilePageForm = DSPageForm;
 export {

package/dist/esm/PageForm/PageForm.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageForm/PageForm.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 { 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBnB,SACa,KADb;AAnBJ,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,QAAQ,IAAI,0BAA0B,gBAAgB;AAC/D,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI,OAAQ,MAAK,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI,OAAQ,MAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,qBAAC,uBAAoB,MAClB;AAAA,cAAU,oBAAC,QAAM,kBAAO;AAAA,IACzB,oBAAC,QAAK,OAAO,EAAE,UAAU,SAAS,GAChC,8BAAC,6BACC,8BAAC,QAAM,gBAAK,GACd,GACF;AAAA,IACC,UAAU,oBAAC,QAAM,kBAAO;AAAA,KAC3B;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
+  "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 { __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"],
+  "mappings": "AAAA,YAAY,WAAW;ACuBnB,SACa,KADb;AAlBJ,SAAS,YAAY;AACrB,SAAS,0BAA0B,IAAI,QAAQ,gBAAgB;AAC/D,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI,OAAQ,MAAK,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI,OAAQ,MAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,qBAAC,uBAAoB,MAClB;AAAA,cAAU,oBAAC,QAAM,kBAAO;AAAA,IACzB,oBAAC,QAAK,OAAO,EAAE,UAAU,SAAS,GAChC,8BAAC,6BACC,8BAAC,QAAM,gBAAK,GACd,GACF;AAAA,IACC,UAAU,oBAAC,QAAM,kBAAO;AAAA,KAC3B;AAEJ;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
   "names": []
 }

package/dist/esm/PageList/PageList.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
-import { styled, op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
+import { __UNSAFE_SPACE_TO_DIMSUM, op, styled, withTheme } from "@elliemae/ds-system";
 import { DSFullPageContainer, DSFullPageContainerScroll } from "../FullPageContainer/index.js";
 const PageTitleWrapper = styled(Grid)`
   min-height: 44px;
@@ -24,13 +23,6 @@ const DSMobilePageList = withTheme(
     ] });
   }
 );
-DSMobilePageList.propTypes = {
-  header: PropTypes.element,
-  pageTitle: PropTypes.element,
-  filterBar: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
 const DSPageList = DSMobilePageList;
 export {
   DSMobilePageList,

package/dist/esm/PageList/PageList.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/PageList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACY,KADZ;AAnBN,OAAO,eAAe;AACtB,SAAS,QAAQ,IAAI,WAAW,gCAAgC;AAChE,SAAS,YAAY;AACrB,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAKpC,MAAM,mBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI,OAAQ,MAAK,KAAK,yBAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI,UAAW,MAAK,KAAK,MAAM;AAC/B,QAAI,UAAW,MAAK,KAAK,GAAG,KAAK,yBAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI,OAAQ,MAAK,KAAK,MAAM;AAC5B,WACE,qBAAC,uBAAoB,MAClB;AAAA,eAAS,oBAAC,QAAM,kBAAO,IAAU;AAAA,MACjC,YAAY,oBAAC,oBAAkB,qBAAU,IAAsB;AAAA,MAC/D,YAAY,oBAAC,QAAM,qBAAU,IAAU;AAAA,MACxC,oBAAC,6BAA2B,gBAAK;AAAA,MAChC,UAAU,oBAAC,QAAM,kBAAO;AAAA,OAC3B;AAAA,EAEJ;AACF;AAEA,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,aAAa;",
+  "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// 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACsBjB,SACY,KADZ;AAlBN,SAAS,YAAY;AACrB,SAAS,0BAA0B,IAAI,QAAQ,iBAAiB;AAChE,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAKpC,MAAM,mBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI,OAAQ,MAAK,KAAK,yBAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI,UAAW,MAAK,KAAK,MAAM;AAC/B,QAAI,UAAW,MAAK,KAAK,GAAG,KAAK,yBAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI,OAAQ,MAAK,KAAK,MAAM;AAC5B,WACE,qBAAC,uBAAoB,MAClB;AAAA,eAAS,oBAAC,QAAM,kBAAO,IAAU;AAAA,MACjC,YAAY,oBAAC,oBAAkB,qBAAU,IAAsB;AAAA,MAC/D,YAAY,oBAAC,QAAM,qBAAU,IAAU;AAAA,MACxC,oBAAC,6BAA2B,gBAAK;AAAA,MAChC,UAAU,oBAAC,QAAM,kBAAO;AAAA,OAC3B;AAAA,EAEJ;AACF;AAEA,MAAM,aAAa;",
   "names": []
 }

package/dist/esm/PageSearch/PageSearch.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
-import { styled, op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
+import { __UNSAFE_SPACE_TO_DIMSUM, op, styled, withTheme } from "@elliemae/ds-system";
 const Header = styled(Grid)`
   height: 100%;
   background: ${(props) => props.theme.colors.brand["600"]};
@@ -29,13 +28,6 @@ const DSMobilePageSearch = withTheme(
     ] });
   }
 );
-DSMobilePageSearch.propTypes = {
-  header: PropTypes.element,
-  pageTitle: PropTypes.element,
-  filterBar: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
 const DSPageSearch = DSMobilePageSearch;
 export {
   DSMobilePageSearch,

package/dist/esm/PageSearch/PageSearch.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSearch/PageSearch.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;AC0BjB,SAEI,KAFJ;AAzBN,OAAO,eAAe;AACtB,SAAS,QAAQ,IAAI,WAAW,gCAAgC;AAChE,SAAS,YAAY;AAErB,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,aAC7C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAGvE,MAAM,qBAAqB;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,MACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,qBAAC,QAAK,MAAY,QAAO,QACvB;AAAA,0BAAC,QACC,8BAAC,mBAAiB,qBAAU,GAC9B;AAAA,MACA,oBAAC,QACC,8BAAC,mBAAiB,wBAAa,GACjC;AAAA,MACA,oBAAC,QAAK,QAAO,QAAO,OAAO,EAAE,UAAU,SAAS,GAC9C,8BAAC,QAAK,QAAO,QAAO,OAAO,EAAE,UAAU,OAAO,GAC3C,gBACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,eAAe;",
+  "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// 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"],
+  "mappings": "AAAA,YAAY,WAAW;AC4BjB,SAEI,KAFJ;AAxBN,SAAS,YAAY;AACrB,SAAS,0BAA0B,IAAI,QAAQ,iBAAiB;AAEhE,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,aAC7C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAGvE,MAAM,qBAAqB;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,MACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,qBAAC,QAAK,MAAY,QAAO,QACvB;AAAA,0BAAC,QACC,8BAAC,mBAAiB,qBAAU,GAC9B;AAAA,MACA,oBAAC,QACC,8BAAC,mBAAiB,wBAAa,GACjC;AAAA,MACA,oBAAC,QAAK,QAAO,QAAO,OAAO,EAAE,UAAU,SAAS,GAC9C,8BAAC,QAAK,QAAO,QAAO,OAAO,EAAE,UAAU,OAAO,GAC3C,gBACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe;",
   "names": []
 }

package/dist/esm/PageSummary/PageSummary.js CHANGED Viewed

@@ -1,10 +1,9 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
-import { styled, op, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+import { __UNSAFE_SPACE_TO_DIMSUM, op, styled } from "@elliemae/ds-system";
 import { DSFullPageContainer } from "../FullPageContainer/index.js";
-import { Header, Toolbar, BodyWrapper, Section } from "./Tags.js";
+import { BodyWrapper, Header, Section, Toolbar } from "./Tags.js";
 const Body = styled(Grid)`
   margin: 0 auto;
   width: 100%;
@@ -27,14 +26,6 @@ const PageSummary = ({
     /* @__PURE__ */ jsx(BodyWrapper, { children: /* @__PURE__ */ jsx(Body, { children: bodySecondary }) })
   ] })
 ] });
-PageSummary.propTypes = {
-  header: PropTypes.element,
-  bodyPrimary: PropTypes.element,
-  actions: PropTypes.element,
-  bodySecondary: PropTypes.element,
-  headerZIndex: PropTypes.number,
-  actionsZIndex: PropTypes.number
-};
 const DSPageSummary = PageSummary;
 export {
   DSPageSummary

package/dist/esm/PageSummary/PageSummary.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/PageSummary.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 { 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBR,cACX,YADW;AAvBf,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,QAAQ,IAAI,gCAAgC;AACrD,SAAS,2BAA2B;AACpC,SAAS,QAAQ,SAAS,aAAa,eAAe;AAEtD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,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,qBAAC,uBACE;AAAA,YAAU,oBAAC,UAAO,QAAQ,cAAe,kBAAO;AAAA,EACjD,qBAAC,WACC;AAAA,wBAAC,QACC,8BAAC,QAAM,uBAAY,GACrB;AAAA,IACA,oBAAC,WAAQ,QAAQ,eAAgB,mBAAQ;AAAA,IACzC,oBAAC,eACC,8BAAC,QAAM,yBAAc,GACvB;AAAA,KACF;AAAA,GACF;AAGF,YAAY,YAAY;AAAA,EACtB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAEA,MAAM,gBAAgB;",
+  "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 { __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"],
+  "mappings": "AAAA,YAAY,WAAW;AC2BR,cACX,YADW;AAtBf,SAAS,YAAY;AACrB,SAAS,0BAA0B,IAAI,cAAc;AACrD,SAAS,2BAA2B;AACpC,SAAS,aAAa,QAAQ,SAAS,eAAe;AAEtD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,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,qBAAC,uBACE;AAAA,YAAU,oBAAC,UAAO,QAAQ,cAAe,kBAAO;AAAA,EACjD,qBAAC,WACC;AAAA,wBAAC,QACC,8BAAC,QAAM,uBAAY,GACrB;AAAA,IACA,oBAAC,WAAQ,QAAQ,eAAgB,mBAAQ;AAAA,IACzC,oBAAC,eACC,8BAAC,QAAM,yBAAc,GACvB;AAAA,KACF;AAAA,GACF;AAGF,MAAM,gBAAgB;",
   "names": []
 }

package/dist/esm/SwipeToRefresh/ProgressIndicator.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTheme } from "@elliemae/ds-system";
-import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
+import { useTheme } from "@elliemae/ds-system";
 const rad = 54;
 const cir = 2 * Math.PI * rad;
 const ProgressIndicator = ({ progress = 0 }) => {
@@ -27,9 +26,6 @@ const ProgressIndicator = ({ progress = 0 }) => {
     )
   ] }) });
 };
-ProgressIndicator.propTypes = {
-  progress: PropTypes.number
-};
 export {
   ProgressIndicator
 };

package/dist/esm/SwipeToRefresh/ProgressIndicator.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACajB,SACE,KADF;AAZN,SAAS,gBAAgB;AACzB,OAAO,eAAe;AACtB,SAAS,YAAY;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,oBAAC,QAAK,QAAQ,MAAM,MAAM,GAAG,OAAO,MAAM,MAAM,GAAG,gBAAe,UAAS,YAAW,UACpF,+BAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,WAAU,eAC1D;AAAA,wBAAC,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,UAAU;AACtB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACWjB,SACE,KADF;AAXN,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,oBAAC,QAAK,QAAQ,MAAM,MAAM,GAAG,OAAO,MAAM,MAAM,GAAG,gBAAe,UAAS,YAAW,UACpF,+BAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,WAAU,eAC1D;AAAA,wBAAC,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/types/FullPageContainer/FullPageContainer.d.ts CHANGED Viewed

@@ -1,11 +1,5 @@
-import PropTypes from 'prop-types';
-declare const DSFullPageContainer: {
-    ({ children, ...props }: {
-        [x: string]: any;
-        children: any;
-    }): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<any>;
-    };
-};
+declare const DSFullPageContainer: ({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}) => import("react/jsx-runtime.js").JSX.Element;
 export { DSFullPageContainer };

package/dist/types/FullPageContainer/FullPageContainerScroll.d.ts CHANGED Viewed

@@ -1,13 +1,6 @@
-import PropTypes from 'prop-types';
-declare const DSFullPageContainerScroll: {
-    ({ style, children, ...props }: {
-        [x: string]: any;
-        style?: {} | undefined;
-        children: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<any>;
-        style: PropTypes.Requireable<object>;
-    };
-};
+declare const DSFullPageContainerScroll: ({ style, children, ...props }: {
+    [x: string]: any;
+    style?: {} | undefined;
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
 export { DSFullPageContainerScroll };

package/dist/types/InfiniteLoader/Loader.d.ts CHANGED Viewed

@@ -1,11 +1,5 @@
-import PropTypes from 'prop-types';
 interface Props {
     isOpen: boolean;
 }
-export declare const Loader: {
-    ({ isOpen }: Props): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: {
-        isOpen: PropTypes.Requireable<boolean>;
-    };
-};
+export declare const Loader: ({ isOpen }: Props) => import("react/jsx-runtime.js").JSX.Element;
 export {};

package/dist/types/LoadingPage/Page.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 declare const DSMobileLoadingPage: React.ForwardRefExoticComponent<{
-    children?: PropTypes.ReactElementLike | null | undefined;
     type?: string | undefined;
-    zIndex?: number | null | undefined;
-    loading?: boolean | null | undefined;
-    backdropZIndex?: number | null | undefined;
-    loader?: (PropTypes.ReactElementLike | null | undefined)[] | null | undefined;
+    children: any;
+    loading: any;
+    zIndex: any;
+    backdropZIndex: any;
+    loader: any;
 } & {
     theme?: import("styled-components").DefaultTheme | undefined;
 }>;

package/dist/types/MobileCard/ActionAddon.d.ts CHANGED Viewed

@@ -1,22 +1,5 @@
-import PropTypes from 'prop-types';
-export declare const ActionAddon: {
-    ({ label, onClick, icon }: {
-        label: any;
-        onClick: any;
-        icon: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        /**
-         * Addon label
-         */
-        label: PropTypes.Requireable<string>;
-        /**
-         * On click callback
-         */
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Icon to display after the label
-         */
-        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    };
-};
+export declare const ActionAddon: ({ label, onClick, icon }: {
+    label: any;
+    onClick: any;
+    icon: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/MobileCard/Card.d.ts CHANGED Viewed

@@ -4,12 +4,12 @@ declare const DSMobileCardWithSchema: import("@elliemae/ds-props-helpers/dist/ty
 export { DSMobileCardWithSchema };
 declare const _default: React.ForwardRefExoticComponent<{
     height: "s" | "m";
+    details: string[];
     children: React.ReactNode | React.ReactNode[];
     value: number;
-    details: string[];
     leftProp: JSX.Element | JSX.Element[];
-    rightProp: JSX.Element[];
     leftAddOn: JSX.Element | JSX.Element[];
+    rightProp: JSX.Element[];
     subText: string[];
     subIcons: JSX.Element | JSX.Element[];
     expandable: boolean;

package/dist/types/MobileCard/CardIcons.d.ts CHANGED Viewed

@@ -1,17 +1,4 @@
-import PropTypes from 'prop-types';
-export declare const SubIcons: {
-    ({ icons, colors }: {
-        icons?: never[] | undefined;
-        colors?: never[] | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        /**
-         * Array of  Icons
-         */
-        icons: PropTypes.Requireable<(((...args: any[]) => any) | null | undefined)[]>;
-        /**
-         * Color Types: muted, warn, error, success
-         */
-        colors: PropTypes.Requireable<(string | null | undefined)[]>;
-    };
-};
+export declare const SubIcons: ({ icons, colors }: {
+    icons?: never[] | undefined;
+    colors?: never[] | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/MobileCard/ExpandChevron.d.ts CHANGED Viewed

@@ -1,22 +1,5 @@
-import PropTypes from 'prop-types';
-export declare const ExpandChevron: {
-    ({ isExpanded, onClick, align }: {
-        isExpanded: any;
-        onClick: any;
-        align: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        /**
-         * Whether if the chevron is expanded or not
-         */
-        isExpanded: PropTypes.Requireable<boolean>;
-        /**
-         * click callback
-         */
-        onClick: PropTypes.Validator<(...args: any[]) => any>;
-        /**
-         * top or center
-         */
-        align: PropTypes.Validator<string>;
-    };
-};
+export declare const ExpandChevron: ({ isExpanded, onClick, align }: {
+    isExpanded: any;
+    onClick: any;
+    align: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/MobileCard/ExpandableRegion.d.ts CHANGED Viewed

@@ -1,11 +1,4 @@
-import PropTypes from 'prop-types';
-export declare const ExpandableRegion: {
-    ({ show, content }: {
-        show: boolean;
-        content: JSX.Element | JSX.Element[];
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        show: PropTypes.Requireable<boolean>;
-        content: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    };
-};
+export declare const ExpandableRegion: ({ show, content }: {
+    show: boolean;
+    content: JSX.Element | JSX.Element[];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/MobileCard/Group.d.ts CHANGED Viewed

@@ -10,9 +10,9 @@ declare const DSMobileCardGroupWithSchema: import("@elliemae/ds-props-helpers/di
 }>;
 export { DSMobileCardGroupWithSchema };
 declare const _default: React.ForwardRefExoticComponent<{
+    title: any;
     children: any;
     onChange?: (() => null) | undefined;
-    title: any;
     action: any;
     allowMultipleOpen?: boolean | undefined;
     activeValue: any;

package/dist/types/MobileCard/index.d.ts CHANGED Viewed

@@ -2,12 +2,12 @@ import { DSMobileCardWithSchema } from './Card.js';
 import { DSMobileCardGroupWithSchema } from './Group.js';
 declare const DSMobileCard: import("react").ForwardRefExoticComponent<{
     height: "s" | "m";
+    details: string[];
     children: React.ReactNode | React.ReactNode[];
     value: number;
-    details: string[];
     leftProp: JSX.Element | JSX.Element[];
-    rightProp: JSX.Element[];
     leftAddOn: JSX.Element | JSX.Element[];
+    rightProp: JSX.Element[];
     subText: string[];
     subIcons: JSX.Element | JSX.Element[];
     expandable: boolean;

package/dist/types/MobileCard/polishedUtil.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * Convert pixel value to rems. The default base value is 16px, but can be changed by passing a
+ * second argument to the function.
+ * @function
+ * @param {string|number} pxval
+ * @param {string|number} [base='16px']
+ * @example
+ * // Styles as object usage
+ * const styles = {
+ *   'height': rem('16px')
+ * }
+ *
+ * // styled-components usage
+ * const div = styled.div`
+ *   height: ${rem('16px')}
+ * `
+ *
+ * // CSS in JS Output
+ *
+ * element {
+ *   'height': '1rem'
+ * }
+ */
+export declare const rem: (value: string | number, base?: string | number) => string;

package/dist/types/MobileDropdownMenu/MobileDropdownInput.d.ts CHANGED Viewed

@@ -1,14 +1,8 @@
-import PropTypes from 'prop-types';
 export declare const MobileDropdownInput: import("styled-components").StyledComponent<"input", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"input">, never>;
 export declare const MobileDropdownInputWrap: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
-export declare const Caret: {
-    ({ onClick }: {
-        onClick: any;
-    }): JSX.Element;
-    propTypes: {
-        onClick: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
+export declare const Caret: ({ onClick }: {
+    onClick: any;
+}) => JSX.Element;
 export declare const DSMobileDropdownTriggerInput: ({ inputProps, caretProps, selectedItemsText, }: {
     inputProps: Record<string, unknown>;
     caretProps: Record<string, unknown>;

package/dist/types/MobilePageHeader/MobilePageHeader.d.ts CHANGED Viewed

@@ -13,15 +13,15 @@ declare const PageHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/type
     theme: any;
 }>;
 declare const DSMobilePageHeader: React.ForwardRefExoticComponent<{
-    contextMenu?: null | undefined;
     label: any;
+    contextMenu?: null | undefined;
     value: any;
     pageTitle?: null | undefined;
-    breadCrumb?: null | undefined;
     withBlueBorder?: boolean | undefined;
     firstAction?: null | undefined;
     secondAction?: null | undefined;
     backArrow?: null | undefined;
+    breadCrumb?: null | undefined;
     onOpenContextMenu?: (() => null) | undefined;
 } & {
     theme?: import("styled-components").DefaultTheme | undefined;

package/dist/types/MobileSelectList/MobileSelectList.d.ts CHANGED Viewed

@@ -1,19 +1,18 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 declare const DSMobileSelectList: React.ForwardRefExoticComponent<{
-    children?: (PropTypes.ReactElementLike | null | undefined)[] | null | undefined;
+    header?: null | undefined;
+    children: any;
     onChange?: ((...args: any[]) => void) | undefined;
     multiple?: boolean | undefined;
     open?: boolean | undefined;
     zIndex?: number | undefined;
-    header?: null | undefined;
     dataTestid?: string | undefined;
-    useSearch?: boolean | null | undefined;
-    onSearch?: ((...args: any[]) => void) | undefined;
     buttonFooter?: null | undefined;
-    ButtonFooter?: ((...args: any[]) => any) | null | undefined;
     onApply?: ((...args: any[]) => void) | undefined;
     selecteds?: never[] | undefined;
+    useSearch: any;
+    onSearch?: ((...args: any[]) => void) | undefined;
+    ButtonFooter: any;
 } & {
     theme?: import("styled-components").DefaultTheme | undefined;
 }>;

package/dist/types/MobileTouchable/MobileTouchable.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-import React from 'react';
-declare const DSMobileTouchable: React.ForwardRefExoticComponent<{
+declare const DSMobileTouchable: import("react").ForwardRefExoticComponent<{
     [x: string]: any;
     [x: number]: any;
 } & {

package/dist/types/PageFilter/PageFilter.d.ts CHANGED Viewed

@@ -1,38 +1,9 @@
-import PropTypes from 'prop-types';
-declare const DSPageFilter: {
-    ({ children, breadCrumb, pageTitle, leftProp, rightProp, footerButton, }: {
-        children?: null | undefined;
-        breadCrumb?: null | undefined;
-        pageTitle?: null | undefined;
-        leftProp?: null | undefined;
-        rightProp?: null | undefined;
-        footerButton?: null | undefined;
-    }): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: {
-        /**
-         * Text to render in header title
-         */
-        pageTitle: PropTypes.Requireable<string>;
-        /**
-         * Pass an element to render left. For example a Button with an icon
-         */
-        leftProp: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        /**
-         * Pass an element to render right. For example a Button with an icon
-         */
-        rightProp: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        /**
-         * Pass an element to render in the body section
-         */
-        children: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        /**
-         * Pass a button to render in the footer
-         */
-        footerButton: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        /**
-         * BreadCrumb text
-         */
-        breadCrumb: PropTypes.Requireable<string>;
-    };
-};
+declare const DSPageFilter: ({ children, breadCrumb, pageTitle, leftProp, rightProp, footerButton, }: {
+    children?: null | undefined;
+    breadCrumb?: null | undefined;
+    pageTitle?: null | undefined;
+    leftProp?: null | undefined;
+    rightProp?: null | undefined;
+    footerButton?: null | undefined;
+}) => import("react/jsx-runtime.js").JSX.Element;
 export { DSPageFilter };