npm - @elliemae/ds-mobile - Versions diffs - 3.36.0-next.0 → 3.36.0-next.2 - Mend

@elliemae/ds-mobile 3.36.0-next.0 → 3.36.0-next.2

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 (304) hide show

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

@@ -72,22 +72,17 @@ const DSMobileContextMenu = withTheme(
     const handleChange = (value, childProps, event) => {
       onChange(value, childProps, event);
       if (initSelecteds === void 0) {
-        if (multiple)
-          setSelectedItems([...value]);
-        else if (singleSelect)
-          setSelectedItems(value);
+        if (multiple) setSelectedItems([...value]);
+        else if (singleSelect) setSelectedItems(value);
       }
     };
     const handleApply = function(e) {
-      if (this.onClick)
-        this.onClick(e);
+      if (this.onClick) this.onClick(e);
       onApply(e, selectedItems);
     };
     const rows = [theme.space.s, 1];
-    if (buttonFooter)
-      rows.push("56px");
-    if (!open)
-      return null;
+    if (buttonFooter) rows.push("56px");
+    if (!open) return null;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         DSBackdrop,
@@ -107,10 +102,8 @@ const DSMobileContextMenu = withTheme(
           const { onClick = noop } = child.props;
           const value = ii;
           let isSelected;
-          if (singleSelect)
-            isSelected = trueSelected === value;
-          else if (multiple)
-            isSelected = trueSelected.includes(value);
+          if (singleSelect) isSelected = trueSelected === value;
+          else if (multiple) isSelected = trueSelected.includes(value);
           return React2.cloneElement(child, {
             value,
             key: `cm.${ii}`,
@@ -166,7 +159,6 @@ const props = {
     PropTypes.number
   ]).description("selected elements for multi and single select")
 };
-DSMobileContextMenu.propTypes = props;
 DSMobileContextMenu.displayName = "DSMobileContextMenu";
 const DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);
 DSMobileContextMenuWithSchema.propTypes = props;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled, truncate, withTheme } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup.js';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n  position: fixed;\n  bottom: 0;\n  left: ${(props) => props.theme.space.xxs};\n  max-height: 90vh;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  box-shadow:\n    0 0px 24px 0 rgba(0, 0, 0, 0.5),\n    0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['000']};\n  ${truncate()}\n\n  & > span {\n    height: 20px;\n    width: 20px;\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: 20px;\n    width: 20px;\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nconst HeaderContainer = styled(Grid)`\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n  ({\n    open = false,\n    title = '',\n    multiple = false,\n    singleSelect = false,\n    onChange = noop,\n    onClickOutside = noop,\n    children,\n    theme,\n    backdropZIndex = 1000,\n    zIndex = 1001,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const trueSelected = useMemo(\n      () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n      [initSelecteds, selectedItems],\n    );\n    const containerRef = useRef(null);\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (initSelecteds === undefined) {\n        if (multiple) setSelectedItems([...value]);\n        else if (singleSelect) setSelectedItems(value);\n      }\n    };\n\n    const handleApply = function (e) {\n      if (this.onClick) this.onClick(e);\n      onApply(e, selectedItems);\n    };\n\n    const rows = [theme.space.s, 1];\n    if (buttonFooter) rows.push('56px');\n\n    if (!open) return null;\n\n    return (\n      <>\n        <DSBackdrop\n          type=\"cover\"\n          zIndex={backdropZIndex}\n          onClick={(e) => {\n            // PUI-4481 prevent click on elements below backdrop\n            e.stopPropagation();\n            onClickOutside(e);\n          }}\n        />\n        <StyledContainer zIndex={zIndex} rows={rows} innerRef={containerRef} data-testid=\"ds-mobile-context-menu\">\n          <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n            <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n              {title}\n            </StyledTitle>\n          </HeaderContainer>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>\n              <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n                {React.Children.map(children, (child, ii) => {\n                  const isGroup =\n                    child.type === (<ContextMenuGroup />).type ||\n                    child.type?.name === ContextMenuGroup.componentType ||\n                    child.type === ContextMenuGroup.type;\n                  const { onClick = noop } = child.props;\n                  const value = ii;\n                  let isSelected;\n                  if (singleSelect) isSelected = trueSelected === value;\n                  else if (multiple) isSelected = trueSelected.includes(value);\n                  return React.cloneElement(child, {\n                    value,\n                    key: `cm.${ii}`,\n                    isMulti: multiple,\n                    singleSelect,\n                    isSelected,\n                    onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n                    selectedItems: isGroup ? trueSelected : null,\n                  });\n                })}\n              </Group>\n            </Grid>\n          </Grid>\n          {buttonFooter && (\n            <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\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            </Grid>\n          )}\n        </StyledContainer>\n      </>\n    );\n  },\n);\n\nconst props = {\n  /** toggle open the menu */\n  open: PropTypes.bool.description('toggle open the menu'),\n  /** context menu title  */\n  title: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n  ]).description('context menu title'),\n  /** change handler for selectable context menu  */\n  onChange: PropTypes.func.description('change handler for selectable context menu'),\n  /** multi select */\n  multiple: PropTypes.bool.description('multi select'),\n  /** click outside callback handler */\n  onClickOutside: PropTypes.func.description('click outside callback handler'),\n  /** array of mobile context menu items */\n  children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n  /** z index for overlay div */\n  backdropZIndex: PropTypes.number.description('z index for overlay div'),\n  /** z index for menu container */\n  zIndex: PropTypes.number.description('z index for menu container'),\n  /** for e2e tests */\n  dataTestid: PropTypes.string.description('for e2e tests'),\n  /** bottom button */\n  buttonFooter: PropTypes.element.description('bottom button'),\n  /** callback */\n  onApply: PropTypes.func.description('callback'),\n  /** selected elements for multi and single select */\n  selecteds: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.number,\n  ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\nDSMobileContextMenu.displayName = 'DSMobileContextMenu';\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiGjB,mBACE,KASA,YAVF;AA7FN,OAAOA,UAAS,UAAU,QAAQ,eAAe;AACjD,SAAS,YAAY;AACrB,SAAS,UAAU,iBAAiB;AACpC,SAAS,QAAQ,UAAU,iBAAiB;AAC5C,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,4BAA4B,wBAAwB;AAE7D,MAAM,kBAAkB,OAAO,IAAI;AAAA,gBACnB,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,aAC9C,CAACA,WAAUA,OAAM;AAAA,WACnB,CAACA,WAAU,eAAeA,OAAM,MAAM,MAAM;AAAA;AAAA;AAAA,UAG7C,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvC,MAAM,cAAc,OAAO,IAAI;AAAA;AAAA,iBAEd,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,WACzC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,IAClD,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAWD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAIvD,MAAM,kBAAkB,OAAO,IAAI;AAAA;AAAA;AAAA,gBAGnB,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAGzD,MAAM,QAAQ,CAAC,SAAS,MAAM,QAAQ,IAAI;AAE1C,MAAM,sBAAsB;AAAA,EAC1B,CAAC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,aAAa;AAAA,IACb,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,EACb,MAAM;AACJ,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC,CAAC;AACrD,UAAM,eAAe;AAAA,MACnB,MAAO,kBAAkB,SAAY,gBAAgB,CAAC,GAAG,aAAa;AAAA,MACtE,CAAC,eAAe,aAAa;AAAA,IAC/B;AACA,UAAM,eAAe,OAAO,IAAI;AAChC,UAAM,eAAe,CAAC,OAAO,YAAY,UAAU;AACjD,eAAS,OAAO,YAAY,KAAK;AACjC,UAAI,kBAAkB,QAAW;AAC/B,YAAI;AAAU,2BAAiB,CAAC,GAAG,KAAK,CAAC;AAAA,iBAChC;AAAc,2BAAiB,KAAK;AAAA,MAC/C;AAAA,IACF;AAEA,UAAM,cAAc,SAAU,GAAG;AAC/B,UAAI,KAAK;AAAS,aAAK,QAAQ,CAAC;AAChC,cAAQ,GAAG,aAAa;AAAA,IAC1B;AAEA,UAAM,OAAO,CAAC,MAAM,MAAM,GAAG,CAAC;AAC9B,QAAI;AAAc,WAAK,KAAK,MAAM;AAElC,QAAI,CAAC;AAAM,aAAO;AAElB,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,SAAS,CAAC,MAAM;AAEd,cAAE,gBAAgB;AAClB,2BAAe,CAAC;AAAA,UAClB;AAAA;AAAA,MACF;AAAA,MACA,qBAAC,mBAAgB,QAAgB,MAAY,UAAU,cAAc,eAAY,0BAC/E;AAAA,4BAAC,mBAAgB,gBAAe,UAAS,YAAW,UAAS,IAAG,MAAK,IAAG,MACtE,8BAAC,eAAY,YAAW,UAAS,QAAO,OAAM,MAAM,MAAM,MAAM,KAAK,IAAI,MAAM,SAAS,CAAC,EAAE,KAAK,MAAM,GACnG,iBACH,GACF;AAAA,QACA,oBAAC,QAAK,OAAO,EAAE,UAAU,SAAS,GAChC,8BAAC,QAAK,OAAO,EAAE,UAAU,OAAO,GAC9B,8BAAC,SAAM,aAAa,cAAc,UAAoB,UAAU,cAC7D,UAAAD,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,OAAO;AAC3C,gBAAM,UACJ,MAAM,UAAU,oBAAC,oBAAiB,GAAI,QACtC,MAAM,MAAM,SAAS,iBAAiB,iBACtC,MAAM,SAAS,iBAAiB;AAClC,gBAAM,EAAE,UAAU,KAAK,IAAI,MAAM;AACjC,gBAAM,QAAQ;AACd,cAAI;AACJ,cAAI;AAAc,yBAAa,iBAAiB;AAAA,mBACvC;AAAU,yBAAa,aAAa,SAAS,KAAK;AAC3D,iBAAOA,OAAM,aAAa,OAAO;AAAA,YAC/B;AAAA,YACA,KAAK,MAAM;AAAA,YACX,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,SAAS,CAAC,UAAU,CAAC,MAAM,QAAQ,GAAG,MAAM,KAAK,IAAI;AAAA,YACrD,eAAe,UAAU,eAAe;AAAA,UAC1C,CAAC;AAAA,QACH,CAAC,GACH,GACF,GACF;AAAA,QACC,gBACC,oBAAC,QAAK,IAAG,MAAK,IAAG,MAAK,YAAW,UAC9B,UAAAA,OAAM,aAAa,cAAc;AAAA,UAChC,GAAG,aAAa;AAAA,UAChB,gBAAgB;AAAA,YACd,eAAe,GAAG;AAAA,UACpB;AAAA,UACA,YAAY;AAAA,UACZ,MAAM;AAAA,UACN,SAAS,YAAY,KAAK,aAAa,KAAK;AAAA,QAC9C,CAAC,GACH;AAAA,SAEJ;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,MAAM,UAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAEvD,OAAO,UAAU,UAAU;AAAA,IACzB,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,CAAC;AAAA,EAC3E,CAAC,EAAE,YAAY,oBAAoB;AAAA;AAAA,EAEnC,UAAU,UAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA,EAEjF,UAAU,UAAU,KAAK,YAAY,cAAc;AAAA;AAAA,EAEnD,gBAAgB,UAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAE3E,UAAU,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,oCAAoC;AAAA;AAAA,EAE/F,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAEtE,QAAQ,UAAU,OAAO,YAAY,4BAA4B;AAAA;AAAA,EAEjE,YAAY,UAAU,OAAO,YAAY,eAAe;AAAA;AAAA,EAExD,cAAc,UAAU,QAAQ,YAAY,eAAe;AAAA;AAAA,EAE3D,SAAS,UAAU,KAAK,YAAY,UAAU;AAAA;AAAA,EAE9C,WAAW,UAAU,UAAU;AAAA,IAC7B,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,+CAA+C;AAChE;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAElE,8BAA8B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled, truncate, withTheme } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup.js';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n  position: fixed;\n  bottom: 0;\n  left: ${(props) => props.theme.space.xxs};\n  max-height: 90vh;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  box-shadow:\n    0 0px 24px 0 rgba(0, 0, 0, 0.5),\n    0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['000']};\n  ${truncate()}\n\n  & > span {\n    height: 20px;\n    width: 20px;\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: 20px;\n    width: 20px;\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nconst HeaderContainer = styled(Grid)`\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n  ({\n    open = false,\n    title = '',\n    multiple = false,\n    singleSelect = false,\n    onChange = noop,\n    onClickOutside = noop,\n    children,\n    theme,\n    backdropZIndex = 1000,\n    zIndex = 1001,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const trueSelected = useMemo(\n      () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n      [initSelecteds, selectedItems],\n    );\n    const containerRef = useRef(null);\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (initSelecteds === undefined) {\n        if (multiple) setSelectedItems([...value]);\n        else if (singleSelect) setSelectedItems(value);\n      }\n    };\n\n    const handleApply = function (e) {\n      if (this.onClick) this.onClick(e);\n      onApply(e, selectedItems);\n    };\n\n    const rows = [theme.space.s, 1];\n    if (buttonFooter) rows.push('56px');\n\n    if (!open) return null;\n\n    return (\n      <>\n        <DSBackdrop\n          type=\"cover\"\n          zIndex={backdropZIndex}\n          onClick={(e) => {\n            // PUI-4481 prevent click on elements below backdrop\n            e.stopPropagation();\n            onClickOutside(e);\n          }}\n        />\n        <StyledContainer zIndex={zIndex} rows={rows} innerRef={containerRef} data-testid=\"ds-mobile-context-menu\">\n          <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n            <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n              {title}\n            </StyledTitle>\n          </HeaderContainer>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>\n              <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n                {React.Children.map(children, (child, ii) => {\n                  const isGroup =\n                    child.type === (<ContextMenuGroup />).type ||\n                    child.type?.name === ContextMenuGroup.componentType ||\n                    child.type === ContextMenuGroup.type;\n                  const { onClick = noop } = child.props;\n                  const value = ii;\n                  let isSelected;\n                  if (singleSelect) isSelected = trueSelected === value;\n                  else if (multiple) isSelected = trueSelected.includes(value);\n                  return React.cloneElement(child, {\n                    value,\n                    key: `cm.${ii}`,\n                    isMulti: multiple,\n                    singleSelect,\n                    isSelected,\n                    onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n                    selectedItems: isGroup ? trueSelected : null,\n                  });\n                })}\n              </Group>\n            </Grid>\n          </Grid>\n          {buttonFooter && (\n            <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\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            </Grid>\n          )}\n        </StyledContainer>\n      </>\n    );\n  },\n);\n\nconst props = {\n  /** toggle open the menu */\n  open: PropTypes.bool.description('toggle open the menu'),\n  /** context menu title  */\n  title: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n  ]).description('context menu title'),\n  /** change handler for selectable context menu  */\n  onChange: PropTypes.func.description('change handler for selectable context menu'),\n  /** multi select */\n  multiple: PropTypes.bool.description('multi select'),\n  /** click outside callback handler */\n  onClickOutside: PropTypes.func.description('click outside callback handler'),\n  /** array of mobile context menu items */\n  children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n  /** z index for overlay div */\n  backdropZIndex: PropTypes.number.description('z index for overlay div'),\n  /** z index for menu container */\n  zIndex: PropTypes.number.description('z index for menu container'),\n  /** for e2e tests */\n  dataTestid: PropTypes.string.description('for e2e tests'),\n  /** bottom button */\n  buttonFooter: PropTypes.element.description('bottom button'),\n  /** callback */\n  onApply: PropTypes.func.description('callback'),\n  /** selected elements for multi and single select */\n  selecteds: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.number,\n  ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.displayName = 'DSMobileContextMenu';\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],
+  "mappings": "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",
   "names": ["React", "props"]
 }

package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js CHANGED Viewed

@@ -21,10 +21,8 @@ const DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, valu
     const { onClick = noop } = child.props;
     const value = `${groupValue}:${index}`;
     let isSelected;
-    if (singleSelect)
-      isSelected = selectedItems === value;
-    else if (isMulti)
-      isSelected = selectedItems.includes(value);
+    if (singleSelect) isSelected = selectedItems === value;
+    else if (isMulti) isSelected = selectedItems.includes(value);
     return React2.cloneElement(child, {
       value,
       key: "group.".concat(index),
@@ -56,7 +54,6 @@ const props = {
     "selected items, array for multi, string for single"
   )
 };
-DSMobileContextMenuGroup.propTypes = props;
 DSMobileContextMenuGroup.componentType = "DSMobileContextMenuGroup";
 DSMobileContextMenuGroup.displayName = "DSMobileContextMenuGroup";
 const DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);

package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\n\nconst Title = styled.div`\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n  background: ${(props) => props.theme.colors.brand['200']};\n  padding: 0 ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n  <Grid>\n    <Grid>\n      <Title>{title}</Title>\n    </Grid>\n    <Grid>\n      {React.Children.map(children, (child, index) => {\n        const { onClick = noop } = child.props;\n        const value = `${groupValue}:${index}`;\n        let isSelected;\n        if (singleSelect) isSelected = selectedItems === value;\n        else if (isMulti) isSelected = selectedItems.includes(value);\n        return React.cloneElement(child, {\n          value,\n          key: 'group.'.concat(index),\n          isGroup: true,\n          isMulti,\n          singleSelect,\n          isSelected,\n          onClick: (e) => onClick(e, { value, ...child.props }),\n        });\n      })}\n    </Grid>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Group title\n   */\n  title: PropTypes.string.isRequired.description('group title'),\n  /**\n   *  Array of MobileContextMenuItem\n   */\n  children: PropTypes.node.isRequired.description('Array of MobileContextMenuItem'),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /** single select */\n  singleSelect: PropTypes.bool.description('single select'),\n  /** value for select */\n  value: PropTypes.string.description('value for select'),\n  /** selected items, array for multi, string for single */\n  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n    'selected items, array for multi, string for single',\n  ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\nDSMobileContextMenuGroup.displayName = 'DSMobileContextMenuGroup';\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBrB,SAEI,KAFJ;AAlBF,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW,gBAAgB;AAEpC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAACC,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA,gBACnD,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA,eAC1C,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,WACjC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,iBACrC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,cAAc,MAC3G,qBAAC,QACC;AAAA,sBAAC,QACC,8BAAC,SAAO,iBAAM,GAChB;AAAA,EACA,oBAAC,QACE,UAAAD,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,UAAM,EAAE,UAAU,KAAK,IAAI,MAAM;AACjC,UAAM,QAAQ,GAAG,cAAc;AAC/B,QAAI;AACJ,QAAI;AAAc,mBAAa,kBAAkB;AAAA,aACxC;AAAS,mBAAa,cAAc,SAAS,KAAK;AAC3D,WAAOA,OAAM,aAAa,OAAO;AAAA,MAC/B;AAAA,MACA,KAAK,SAAS,OAAO,KAAK;AAAA,MAC1B,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,GAAG,MAAM,MAAM,CAAC;AAAA,IACtD,CAAC;AAAA,EACH,CAAC,GACH;AAAA,GACF;AAGF,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY,aAAa;AAAA;AAAA;AAAA;AAAA,EAI5D,UAAU,UAAU,KAAK,WAAW,YAAY,gCAAgC;AAAA;AAAA,EAEhF,SAAS,UAAU,KAAK,YAAY,cAAc;AAAA;AAAA,EAElD,cAAc,UAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAExD,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEtD,eAAe,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEA,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AACzC,yBAAyB,cAAc;AACvC,MAAM,qCAAqC,SAAS,wBAAwB;AAE5E,mCAAmC,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\n\nconst Title = styled.div`\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n  background: ${(props) => props.theme.colors.brand['200']};\n  padding: 0 ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n  <Grid>\n    <Grid>\n      <Title>{title}</Title>\n    </Grid>\n    <Grid>\n      {React.Children.map(children, (child, index) => {\n        const { onClick = noop } = child.props;\n        const value = `${groupValue}:${index}`;\n        let isSelected;\n        if (singleSelect) isSelected = selectedItems === value;\n        else if (isMulti) isSelected = selectedItems.includes(value);\n        return React.cloneElement(child, {\n          value,\n          key: 'group.'.concat(index),\n          isGroup: true,\n          isMulti,\n          singleSelect,\n          isSelected,\n          onClick: (e) => onClick(e, { value, ...child.props }),\n        });\n      })}\n    </Grid>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Group title\n   */\n  title: PropTypes.string.isRequired.description('group title'),\n  /**\n   *  Array of MobileContextMenuItem\n   */\n  children: PropTypes.node.isRequired.description('Array of MobileContextMenuItem'),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /** single select */\n  singleSelect: PropTypes.bool.description('single select'),\n  /** value for select */\n  value: PropTypes.string.description('value for select'),\n  /** selected items, array for multi, string for single */\n  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n    'selected items, array for multi, string for single',\n  ),\n};\n\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\nDSMobileContextMenuGroup.displayName = 'DSMobileContextMenuGroup';\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkBrB,SAEI,KAFJ;AAlBF,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW,gBAAgB;AAEpC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAACC,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,gBACpD,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,eAC3C,CAACA,WAAUA,OAAM,MAAM,MAAM,EAAE;AAAA,WACnC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBACtC,CAACA,WAAUA,OAAM,MAAM,YAAY,QAAQ;AAAA;AAG5D,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,cAAc,MAC3G,qBAAC,QACC;AAAA,sBAAC,QACC,8BAAC,SAAO,iBAAM,GAChB;AAAA,EACA,oBAAC,QACE,UAAAD,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,UAAM,EAAE,UAAU,KAAK,IAAI,MAAM;AACjC,UAAM,QAAQ,GAAG,UAAU,IAAI,KAAK;AACpC,QAAI;AACJ,QAAI,aAAc,cAAa,kBAAkB;AAAA,aACxC,QAAS,cAAa,cAAc,SAAS,KAAK;AAC3D,WAAOA,OAAM,aAAa,OAAO;AAAA,MAC/B;AAAA,MACA,KAAK,SAAS,OAAO,KAAK;AAAA,MAC1B,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,GAAG,MAAM,MAAM,CAAC;AAAA,IACtD,CAAC;AAAA,EACH,CAAC,GACH;AAAA,GACF;AAGF,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY,aAAa;AAAA;AAAA;AAAA;AAAA,EAI5D,UAAU,UAAU,KAAK,WAAW,YAAY,gCAAgC;AAAA;AAAA,EAEhF,SAAS,UAAU,KAAK,YAAY,cAAc;AAAA;AAAA,EAElD,cAAc,UAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAExD,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEtD,eAAe,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEA,yBAAyB,gBAAgB;AACzC,yBAAyB,cAAc;AACvC,MAAM,qCAAqC,SAAS,wBAAwB;AAE5E,mCAAmC,YAAY;",
   "names": ["React", "props"]
 }

package/dist/esm/MobileContextMenu/MobileContextMenuItem.js CHANGED Viewed

@@ -59,26 +59,20 @@ const DSMobileContextMenuItem = ({
     render: (context) => {
       const { activeValue } = context;
       let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);
-      if (isGroup)
-        someItemSelected = typeof activeValue === "string";
+      if (isGroup) someItemSelected = typeof activeValue === "string";
       let showLeftAddon = isSelected;
-      if (isMulti || !singleSelect)
-        showLeftAddon = true;
+      if (isMulti || !singleSelect) showLeftAddon = true;
       let leftAddon = leftProp || null;
-      if (isMulti)
-        leftAddon = /* @__PURE__ */ jsx(DSCheckbox, { checked: isSelected, "data-testid": "leftAddon-checkbox" });
-      if (singleSelect)
-        leftAddon = /* @__PURE__ */ jsx(CheckMark, { "data-testid": "leftAddon-checkmark" });
+      if (isMulti) leftAddon = /* @__PURE__ */ jsx(DSCheckbox, { checked: isSelected, "data-testid": "leftAddon-checkbox" });
+      if (singleSelect) leftAddon = /* @__PURE__ */ jsx(CheckMark, { "data-testid": "leftAddon-checkmark" });
       const cols = singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ["40px", "auto"] : ["auto"];
-      if (rightAddon)
-        cols.push("40px");
+      if (rightAddon) cols.push("40px");
       return /* @__PURE__ */ jsxs(
         Wrap,
         {
           "data-testid": "ds-contextmenu-item",
           onClick: (e) => {
-            if (singleSelect || isMulti)
-              context.onChange(value, e, { value, label, title });
+            if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });
             onClick(e);
           },
           cols,
@@ -115,7 +109,6 @@ const props = {
   /** selected value */
   isSelected: PropTypes.bool.description("selected value")
 };
-DSMobileContextMenuItem.propTypes = props;
 DSMobileContextMenuItem.displayName = "DSMobileContextMenuItem";
 const DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);
 DSMobileContextMenuItemWithSchema.propTypes = props;

package/dist/esm/MobileContextMenu/MobileContextMenuItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable/index.js';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n  border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n  ${(props) => {\n    if (!props.isMulti) {\n      return `\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      `;\n    }\n    return '';\n  }}\n`;\n\nconst Title = styled.span`\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.brand['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.span`\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n  fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n  label: string;\n  title: string;\n  leftProp: JSX.Element;\n  isGroup: boolean;\n  isMulti: boolean;\n  isSelected: boolean;\n  singleSelect: boolean;\n  onClick: (e: any) => void;\n  value: string;\n}\nconst DSMobileContextMenuItem = ({\n  label,\n  title,\n  leftProp,\n  rightAddon,\n  isGroup,\n  isMulti,\n  singleSelect,\n  isSelected,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick = () => {},\n  value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n  <GroupItem\n    render={(context) => {\n      const { activeValue } = context;\n      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n      if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n      let showLeftAddon = isSelected;\n      if (isMulti || !singleSelect) showLeftAddon = true;\n\n      let leftAddon = leftProp || null;\n      if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n      if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n      const cols =\n        (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto'];\n      if (rightAddon) cols.push('40px');\n      return (\n        <Wrap\n          data-testid=\"ds-contextmenu-item\"\n          onClick={(e) => {\n            if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n            onClick(e);\n          }}\n          cols={cols}\n        >\n          {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n            <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n              {showLeftAddon && leftAddon}\n            </PropWrap>\n          )}\n          <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n            {label && (\n              <Grid alignItems=\"center\">\n                <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n              </Grid>\n            )}\n            <Grid alignItems={!label ? 'center' : undefined}>\n              <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n            </Grid>\n          </Grid>\n          {rightAddon ? (\n            <PropWrap data-testid=\"right-addon\" alignItems=\"center\" justifyContent=\"center\">\n              {rightAddon}\n            </PropWrap>\n          ) : null}\n        </Wrap>\n      );\n    }}\n  />\n);\n\nconst props = {\n  /** label */\n  label: PropTypes.string.description('label'),\n  /** menu item title */\n  title: PropTypes.string.isRequired.description('menu item title'),\n  /**  */\n  leftProp: PropTypes.element.description(''),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /**  */\n  singleSelect: PropTypes.bool.description(''),\n  /**  */\n  isGroup: PropTypes.bool.description(''),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** value for select */\n  value: PropTypes.number.description('value for select'),\n  /** selected value */\n  isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\nDSMobileContextMenuItem.displayName = 'DSMobileContextMenuItem';\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable/index.js';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n  border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n  ${(props) => {\n    if (!props.isMulti) {\n      return `\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      `;\n    }\n    return '';\n  }}\n`;\n\nconst Title = styled.span`\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.brand['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.span`\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n  fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n  label: string;\n  title: string;\n  leftProp: JSX.Element;\n  isGroup: boolean;\n  isMulti: boolean;\n  isSelected: boolean;\n  singleSelect: boolean;\n  onClick: (e: any) => void;\n  value: string;\n}\nconst DSMobileContextMenuItem = ({\n  label,\n  title,\n  leftProp,\n  rightAddon,\n  isGroup,\n  isMulti,\n  singleSelect,\n  isSelected,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick = () => {},\n  value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n  <GroupItem\n    render={(context) => {\n      const { activeValue } = context;\n      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n      if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n      let showLeftAddon = isSelected;\n      if (isMulti || !singleSelect) showLeftAddon = true;\n\n      let leftAddon = leftProp || null;\n      if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n      if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n      const cols =\n        (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto'];\n      if (rightAddon) cols.push('40px');\n      return (\n        <Wrap\n          data-testid=\"ds-contextmenu-item\"\n          onClick={(e) => {\n            if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n            onClick(e);\n          }}\n          cols={cols}\n        >\n          {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n            <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n              {showLeftAddon && leftAddon}\n            </PropWrap>\n          )}\n          <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n            {label && (\n              <Grid alignItems=\"center\">\n                <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n              </Grid>\n            )}\n            <Grid alignItems={!label ? 'center' : undefined}>\n              <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n            </Grid>\n          </Grid>\n          {rightAddon ? (\n            <PropWrap data-testid=\"right-addon\" alignItems=\"center\" justifyContent=\"center\">\n              {rightAddon}\n            </PropWrap>\n          ) : null}\n        </Wrap>\n      );\n    }}\n  />\n);\n\nconst props = {\n  /** label */\n  label: PropTypes.string.description('label'),\n  /** menu item title */\n  title: PropTypes.string.isRequired.description('menu item title'),\n  /**  */\n  leftProp: PropTypes.element.description(''),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /**  */\n  singleSelect: PropTypes.bool.description(''),\n  /**  */\n  isGroup: PropTypes.bool.description(''),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** value for select */\n  value: PropTypes.number.description('value for select'),\n  /** selected value */\n  isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.displayName = 'DSMobileContextMenuItem';\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACYQ,cA2FrB,YA3FqB;AAR/B,SAAS,WAAW,gBAAgB;AACpC,SAAS,YAAY;AACrB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAElC,MAAM,OAAO,OAAO,CAACA,WAAU,oBAAC,qBAAmB,GAAGA,QAAO,CAAE;AAAA;AAAA;AAI/D,MAAM,WAAW,OAAO,CAACA,WAAU,oBAAC,QAAM,GAAGA,QAAO,CAAE;AAAA,IAClD,CAACA,WAAU;AACX,MAAI,CAACA,OAAM,SAAS;AAClB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWT;AACA,SAAO;AACT,CAAC;AAAA;AAGH,MAAM,QAAQ,OAAO;AAAA;AAAA,WAEV,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,IACjD,SAAS,CAAC;AAAA;AAGd,MAAM,QAAQ,OAAO;AAAA;AAAA,WAEV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGvD,MAAM,YAAY,OAAO,SAAS;AAAA,UACxB,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAapD,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,CAAC,YAAY;AACnB,YAAM,EAAE,YAAY,IAAI;AACxB,UAAI,mBAAmB,eAAe,KAAK,CAAC,MAAM,QAAQ,WAAW;AACrE,UAAI,QAAS,oBAAmB,OAAO,gBAAgB;AAEvD,UAAI,gBAAgB;AACpB,UAAI,WAAW,CAAC,aAAc,iBAAgB;AAE9C,UAAI,YAAY,YAAY;AAC5B,UAAI,QAAS,aAAY,oBAAC,cAAW,SAAS,YAAY,eAAY,sBAAqB;AAC3F,UAAI,aAAc,aAAY,oBAAC,aAAU,eAAY,uBAAsB;AAE3E,YAAM,OACH,gBAAgB,oBAAsB,aAAa,CAAC,gBAAiB,UAAU,CAAC,QAAQ,MAAM,IAAI,CAAC,MAAM;AAC5G,UAAI,WAAY,MAAK,KAAK,MAAM;AAChC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,SAAS,CAAC,MAAM;AACd,gBAAI,gBAAgB,QAAS,SAAQ,SAAS,OAAO,GAAG,EAAE,OAAO,OAAO,MAAM,CAAC;AAC/E,oBAAQ,CAAC;AAAA,UACX;AAAA,UACA;AAAA,UAEG;AAAA,6BAAgB,oBAAqB,WAAW,cACjD,oBAAC,YAAS,eAAY,cAAa,SAAkB,YAAW,UAAS,gBAAe,UAAS,IAAG,QACjG,2BAAiB,WACpB;AAAA,YAEF,qBAAC,QAAK,QAAO,QAAO,IAAG,MAAK,IAAI,CAAC,aAAa,UAAU,SAAS,MAC9D;AAAA,uBACC,oBAAC,QAAK,YAAW,UACf,8BAAC,SAAM,eAAY,yBAAyB,iBAAM,GACpD;AAAA,cAEF,oBAAC,QAAK,YAAY,CAAC,QAAQ,WAAW,QACpC,8BAAC,SAAM,eAAY,yBAAyB,iBAAM,GACpD;AAAA,eACF;AAAA,YACC,aACC,oBAAC,YAAS,eAAY,eAAc,YAAW,UAAS,gBAAe,UACpE,sBACH,IACE;AAAA;AAAA;AAAA,MACN;AAAA,IAEJ;AAAA;AACF;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,OAAO;AAAA;AAAA,EAE3C,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,UAAU,UAAU,QAAQ,YAAY,EAAE;AAAA;AAAA,EAE1C,SAAS,UAAU,KAAK,YAAY,cAAc;AAAA;AAAA,EAElD,cAAc,UAAU,KAAK,YAAY,EAAE;AAAA;AAAA,EAE3C,SAAS,UAAU,KAAK,YAAY,EAAE;AAAA;AAAA,EAEtC,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA;AAAA,EAEtD,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEtD,YAAY,UAAU,KAAK,YAAY,gBAAgB;AACzD;AAEA,wBAAwB,cAAc;AACtC,MAAM,oCAAoC,SAAS,uBAAuB;AAE1E,kCAAkC,YAAY;",
   "names": ["props"]
 }

package/dist/esm/MobileContextMenu/index.js CHANGED Viewed

@@ -1,5 +1,13 @@
 import * as React from "react";
-export * from "./MobileContextMenu.js";
-export * from "./MobileContextMenuItem.js";
-export * from "./MobileContextMenuGroup.js";
+import { DSMobileContextMenu, DSMobileContextMenuWithSchema } from "./MobileContextMenu.js";
+import { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema } from "./MobileContextMenuItem.js";
+import { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema } from "./MobileContextMenuGroup.js";
+export {
+  DSMobileContextMenu,
+  DSMobileContextMenuGroup,
+  DSMobileContextMenuGroupWithSchema,
+  DSMobileContextMenuItem,
+  DSMobileContextMenuItemWithSchema,
+  DSMobileContextMenuWithSchema
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/MobileContextMenu/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileContextMenu.js';\nexport * from './MobileContextMenuItem.js';\nexport * from './MobileContextMenuGroup.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSMobileContextMenu, DSMobileContextMenuWithSchema } from './MobileContextMenu.js';\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema } from './MobileContextMenuItem.js';\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema } from './MobileContextMenuGroup.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB,qCAAqC;AACnE,SAAS,yBAAyB,yCAAyC;AAC3E,SAAS,0BAA0B,0CAA0C;",
   "names": []
 }

package/dist/esm/MobileDatePicker/Input.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDatePicker/Input.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type='date']& {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${(props) => props.theme.colors.neutral['000']};\n    padding: 0 ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n  }\n\n  input[type='date']&:active,\n  input[type='date']&:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${(props) => (props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'])};\n    content: '${(props) => (props.value === '' ? props.placeholder : props['data-displayvalue'])}';\n  }\n\n  input[type='date']&::-webkit-datetime-edit,\n  input[type='date']&::-webkit-inner-spin-button,\n  input[type='date']&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => <StyledInput innerRef={innerRef} {...props} />;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4C0B;AA3CjD,SAAS,QAAQ,OAAO,gCAAgC;AAExD,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,iBAC5C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAGjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,MAK3D,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,aAIvC,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,MAAM,OAAO,QAAQ,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,gBAClG,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvF,MAAM,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,oBAAC,eAAY,UAAqB,GAAG,OAAO;",
+  "mappings": "AAAA,YAAY,WAAW;AC4C0B;AA3CjD,SAAS,QAAQ,OAAO,gCAAgC;AAExD,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBAC7C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE,CAAC;AAAA;AAAA;AAAA,wBAGlD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,MAK5D,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,MAAM,OAAO,QAAQ,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAE;AAAA,gBACpG,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM,mBAAmB,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWzF,MAAM,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,oBAAC,eAAY,UAAqB,GAAG,OAAO;",
   "names": []
 }

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

@@ -87,7 +87,6 @@ const props = {
    */
   value: PropTypes.string.description("ISO8601 string representing the date in format YYYY-MM-DD or empty string")
 };
-DSMobileDatePicker.propTypes = props;
 DSMobileDatePicker.displayName = "DSMobileDatePicker";
 const DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);
 DSMobileDatePickerWithSchema.propTypes = props;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDatePicker/MobileDatePicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input.js';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const valueArr = value.split('-');\n  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Date Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<DatePicker />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        data-testid=\"ds-mobile-date-picker\"\n        innerRef={inputRef}\n        aria-label=\"Date Picker Input Mask\"\n        disabled={disabled}\n        onKeyDown={(e) => e.preventDefault()}\n        type=\"date\"\n        placeholder={placeholder}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileDatePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('0 as default'),\n  /**\n   * MM / DD / YYYY as default\n   */\n  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n   */\n  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\nDSMobileDatePicker.displayName = 'DSMobileDatePicker';\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6BP;AA7BhB,SAAgB,QAAQ,iBAAiB;AACzC,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,OAAO,SAAS,CAAC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,UACvD;AAAA,UACA,MAAM,oBAAC,cAAW;AAAA,UAClB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,cAAW;AAAA,UACX;AAAA,UACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,UACnC,MAAK;AAAA,UACL;AAAA,UACA,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIxD,UAAU,UAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIrD,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIrE,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA;AAAA;AAAA;AAAA,EAIhG,OAAO,UAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input.js';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const valueArr = value.split('-');\n  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Date Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<DatePicker />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        data-testid=\"ds-mobile-date-picker\"\n        innerRef={inputRef}\n        aria-label=\"Date Picker Input Mask\"\n        disabled={disabled}\n        onKeyDown={(e) => e.preventDefault()}\n        type=\"date\"\n        placeholder={placeholder}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileDatePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('0 as default'),\n  /**\n   * MM / DD / YYYY as default\n   */\n  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n   */\n  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.displayName = 'DSMobileDatePicker';\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6BP;AA7BhB,SAAgB,QAAQ,iBAAiB;AACzC,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,UACvD;AAAA,UACA,MAAM,oBAAC,cAAW;AAAA,UAClB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,cAAW;AAAA,UACX;AAAA,UACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,UACnC,MAAK;AAAA,UACL;AAAA,UACA,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIxD,UAAU,UAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIrD,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIrE,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA;AAAA;AAAA;AAAA,EAIhG,OAAO,UAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/esm/MobileDatePicker/index.js CHANGED Viewed

@@ -1,3 +1,7 @@
 import * as React from "react";
-export * from "./MobileDatePicker.js";
+import { DSMobileDatePicker, DSMobileDatePickerWithSchema } from "./MobileDatePicker.js";
+export {
+  DSMobileDatePicker,
+  DSMobileDatePickerWithSchema
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/MobileDatePicker/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDatePicker/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileDatePicker.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSMobileDatePicker, DSMobileDatePickerWithSchema } from './MobileDatePicker.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oBAAoB,oCAAoC;",
   "names": []
 }

package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, focus } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nCaret.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n  selectedItemsText,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n  selectedItemsText?: string;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6CnB,cAiBF,YAjBE;AA5CJ,SAAS,QAAQ,aAAa;AAC9B,OAAO,eAAe;AACtB,SAAS,mBAAmB;AAErB,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA,sBAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA,MAIzD,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI7C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,oBAAC,aAAU,SACT,8BAAC,eAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,UAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,qBAAC,2BAAwB,eAAY,uBACnC;AAAA,sBAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,oBAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
+  "mappings": "AAAA,YAAY,WAAW;AC6CnB,cAiBF,YAjBE;AA5CJ,SAAS,QAAQ,aAAa;AAC9B,OAAO,eAAe;AACtB,SAAS,mBAAmB;AAErB,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,sBAGtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,MAI1D,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA;AAAA;AAI9C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,oBAAC,aAAU,SACT,8BAAC,eAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,UAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,qBAAC,2BAAwB,eAAY,uBACnC;AAAA,sBAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,oBAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
   "names": []
 }

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

@@ -85,7 +85,6 @@ const props = {
     "context menu options / items"
   )
 };
-DSMobileDropdownMenu.propTypes = props;
 DSMobileDropdownMenu.displayName = "DSMobileDropdownMenu";
 const DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);
 DSMobileDropdownMenuWithSchema.propTypes = props;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSMobileContextMenu, DSMobileContextMenuItem } from '../MobileContextMenu/index.js';\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      innerRef: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput inputProps={inputProps} caretProps={caretProps} />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })).description(\n    'context menu options / items',\n  ),\n};\n\nDSMobileDropdownMenu.propTypes = props;\nDSMobileDropdownMenu.displayName = 'DSMobileDropdownMenu';\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8DnB,mBACE,KADF;AA7DJ,OAAOA,UAAS,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,oCAAoC;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,UAAU;AAAA,MACV;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,iCACE;AAAA,wBAAC,gCAA6B,YAAwB,YAAwB;AAAA,IAC7E,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,YAAY,WAAW,eAAe,GAAG;AAAA,YACzC,SAAS,CAAC,MAAM;AACd,0BAAY,KAAK;AACjB,yBAAW,QAAQ,KAAK,CAAC;AAAA,YAC3B;AAAA,YACA,OAAO,WAAW;AAAA,YAClB,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,SAAS,WAAW;AAAA,YACpB,cAAc,WAAW;AAAA;AAAA,UAZpB,OAAO,OAAO,GAAG,GAAG;AAAA,QAa3B,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA,EAErE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAE7D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE;AAAA,IAChG;AAAA,EACF;AACF;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSMobileContextMenu, DSMobileContextMenuItem } from '../MobileContextMenu/index.js';\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      innerRef: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput inputProps={inputProps} caretProps={caretProps} />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })).description(\n    'context menu options / items',\n  ),\n};\n\nDSMobileDropdownMenu.displayName = 'DSMobileDropdownMenu';\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8DnB,mBACE,KADF;AA7DJ,OAAOA,UAAS,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,oCAAoC;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,UAAU;AAAA,MACV;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,iCACE;AAAA,wBAAC,gCAA6B,YAAwB,YAAwB;AAAA,IAC7E,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,YAAY,WAAW,eAAe,GAAG;AAAA,YACzC,SAAS,CAAC,MAAM;AACd,0BAAY,KAAK;AACjB,yBAAW,QAAQ,KAAK,CAAC;AAAA,YAC3B;AAAA,YACA,OAAO,WAAW;AAAA,YAClB,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,SAAS,WAAW;AAAA,YACpB,cAAc,WAAW;AAAA;AAAA,UAZpB,OAAO,OAAO,GAAG,CAAC,EAAE;AAAA,QAa3B,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA,EAErE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAE7D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE;AAAA,IAChG;AAAA,EACF;AACF;AAEA,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
   "names": ["React"]
 }

package/dist/esm/MobileDropdownMenu/index.js CHANGED Viewed

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

package/dist/esm/MobileDropdownMenu/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileDropdownMenu.js';\nexport { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,oCAAoC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu.js';\nexport { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sBAAsB,sCAAsC;AACrE,SAAS,oCAAoC;",
   "names": []
 }

package/dist/esm/MobileEmtpyState/MobileEmptyState.js CHANGED Viewed

@@ -24,7 +24,6 @@ const props = {
   label: PropTypes.string.description("empty state label"),
   icon: PropTypes.node.description("empty state icon")
 };
-DSMobileEmptyState.propTypes = props;
 DSMobileEmptyState.displayName = "DSMobileEmptyState";
 const DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);
 DSMobileEmptyStateWithSchema.propTypes = props;

package/dist/esm/MobileEmtpyState/MobileEmptyState.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileEmtpyState/MobileEmptyState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nconst Label = styled.p`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => props.theme.space.xs};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\ninterface EmptyStateT {\n  label: string;\n  Icon: () => JSX.Element;\n}\n\nconst DSMobileEmptyState: React.ComponentType<EmptyStateT> = ({ label = 'No search results found.', Icon }) => (\n  <Wrapper>\n    {Icon ? <Icon /> : <Search size=\"xxl\" color={['neutral', 400]} />}\n    <Label>{label}</Label>\n  </Wrapper>\n);\n\nconst props = {\n  /** empty state label */\n  label: PropTypes.string.description('empty state label'),\n  icon: PropTypes.node.description('empty state icon'),\n};\n\nDSMobileEmptyState.propTypes = props;\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyBrB,SACU,KADV;AAxBF,SAAS,cAAc;AACvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,OAAO;AAAA,WACV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,eACvC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAQpD,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,KAAK,MACvG,qBAAC,WACE;AAAA,SAAO,oBAAC,QAAK,IAAK,oBAAC,UAAO,MAAK,OAAM,OAAO,CAAC,WAAW,GAAG,GAAG;AAAA,EAC/D,oBAAC,SAAO,iBAAM;AAAA,GAChB;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,UAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nconst Label = styled.p`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => props.theme.space.xs};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\ninterface EmptyStateT {\n  label: string;\n  Icon: () => JSX.Element;\n}\n\nconst DSMobileEmptyState: React.ComponentType<EmptyStateT> = ({ label = 'No search results found.', Icon }) => (\n  <Wrapper>\n    {Icon ? <Icon /> : <Search size=\"xxl\" color={['neutral', 400]} />}\n    <Label>{label}</Label>\n  </Wrapper>\n);\n\nconst props = {\n  /** empty state label */\n  label: PropTypes.string.description('empty state label'),\n  icon: PropTypes.node.description('empty state icon'),\n};\n\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBrB,SACU,KADV;AAxBF,SAAS,cAAc;AACvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,OAAO;AAAA,WACV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,eACxC,CAACA,WAAUA,OAAM,MAAM,MAAM,EAAE;AAAA,iBAC7B,CAACA,WAAUA,OAAM,MAAM,YAAY,QAAQ;AAAA;AAQ5D,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,KAAK,MACvG,qBAAC,WACE;AAAA,SAAO,oBAAC,QAAK,IAAK,oBAAC,UAAO,MAAK,OAAM,OAAO,CAAC,WAAW,GAAG,GAAG;AAAA,EAC/D,oBAAC,SAAO,iBAAM;AAAA,GAChB;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,UAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": ["props"]
 }

package/dist/esm/MobileEmtpyState/index.js CHANGED Viewed

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

package/dist/esm/MobileEmtpyState/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileEmtpyState/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSMobileEmptyState } from './MobileEmptyState.js';\n\nexport * from './MobileEmptyState.js';\nexport default DSMobileEmptyState;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,0BAA0B;AAEnC,cAAc;AACd,IAAO,2BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// import { DSMobileEmptyState } from './MobileEmptyState.js';\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema } from './MobileEmptyState.js';\n// export default DSMobileEmptyState;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,oBAAoB,oCAAoC;",
   "names": []
 }

package/dist/esm/MobileFilterbar/Filterbar.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { styled, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 import { describe, PropTypes } from "@elliemae/ds-props-helpers";
 import { Grid } from "@elliemae/ds-grid";
-import MobileSeparator from "../MobileSeparator/index.js";
+import { DSMobileSeparator as MobileSeparator } from "../MobileSeparator/index.js";
 const Bar = styled.div`
   display: flex;
   overflow: auto;
@@ -30,7 +30,6 @@ const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ jsxs(Grid, { rows: [
 const filterbarProps = {
   children: PropTypes.element.description("FilterBar Items").isRequired
 };
-DSMobileFilterbar.propTypes = filterbarProps;
 DSMobileFilterbar.displayName = "DSMobileFilterbar";
 const FilterbarWithSchema = describe(DSMobileFilterbar);
 FilterbarWithSchema.propTypes = filterbarProps;

package/dist/esm/MobileFilterbar/Filterbar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/Filterbar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator/index.js';\n\nconst Bar = styled.div`\n  display: flex;\n  overflow: auto;\n  height: 40px;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  & > * {\n    flex-shrink: 0;\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst Separator = styled.div`\n  & > * {\n    margin: 0;\n  }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n  <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n    <Bar>{children}</Bar>\n    <Separator>\n      <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n    </Separator>\n  </Grid>\n);\n\nconst filterbarProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\nDSMobileFilterbar.displayName = 'DSMobileFilterbar';\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6BrB,SACE,KADF;AA3BF,SAAS,QAAQ,gCAAgC;AACjD,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AACrB,OAAO,qBAAqB;AAE5B,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,kBAC/C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1E,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,SAAS,MACpC,qBAAC,QAAK,MAAM,CAAC,QAAQ,MAAM,GAAG,eAAY,sBACxC;AAAA,sBAAC,OAAK,UAAS;AAAA,EACf,oBAAC,aACC,8BAAC,mBAAgB,QAAO,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GAC3D;AAAA,GACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,sBAAsB,SAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMobileSeparator as MobileSeparator } from '../MobileSeparator/index.js';\n\nconst Bar = styled.div`\n  display: flex;\n  overflow: auto;\n  height: 40px;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  & > * {\n    flex-shrink: 0;\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst Separator = styled.div`\n  & > * {\n    margin: 0;\n  }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n  <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n    <Bar>{children}</Bar>\n    <Separator>\n      <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n    </Separator>\n  </Grid>\n);\n\nconst filterbarProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.displayName = 'DSMobileFilterbar';\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6BrB,SACE,KADF;AA3BF,SAAS,QAAQ,gCAAgC;AACjD,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AACrB,SAAS,qBAAqB,uBAAuB;AAErD,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,kBAChD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,SAAS,MACpC,qBAAC,QAAK,MAAM,CAAC,QAAQ,MAAM,GAAG,eAAY,sBACxC;AAAA,sBAAC,OAAK,UAAS;AAAA,EACf,oBAAC,aACC,8BAAC,mBAAgB,QAAO,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GAC3D;AAAA,GACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,cAAc;AAChC,MAAM,sBAAsB,SAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
   "names": []
 }

package/dist/esm/MobileFilterbar/FilterbarItem.js CHANGED Viewed

@@ -10,7 +10,6 @@ const filterbarItemProps = {
   children: PropTypes.element.description("FilterBar Items").isRequired,
   onClick: PropTypes.func.description("Function executed when clicking filterbar item")
 };
-DSMobileFilterbarItem.propTypes = filterbarItemProps;
 DSMobileFilterbarItem.displayName = "DSMobileFilterbarItem";
 const FilterbarItemWithSchema = describe(DSMobileFilterbarItem);
 FilterbarItemWithSchema.propTypes = filterbarItemProps;

package/dist/esm/MobileFilterbar/FilterbarItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/FilterbarItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick, cols = ['min-content'] }) => (\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  <Grid data-testid=\"filter-bar-item-wrapper\" cols={cols} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n    {children}\n  </Grid>\n);\nconst filterbarItemProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n  onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\nDSMobileFilterbarItem.displayName = 'DSMobileFilterbarItem';\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACMrB;AALF,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,SAAS,OAAO,CAAC,aAAa,EAAE;AAAA;AAAA,EAEzE,oBAAC,QAAK,eAAY,2BAA0B,MAAY,IAAG,OAAM,IAAG,OAAM,MAAK,UAAS,SACrF,UACH;AAAA;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,SAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick, cols = ['min-content'] }) => (\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  <Grid data-testid=\"filter-bar-item-wrapper\" cols={cols} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n    {children}\n  </Grid>\n);\nconst filterbarItemProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n  onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.displayName = 'DSMobileFilterbarItem';\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMrB;AALF,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,SAAS,OAAO,CAAC,aAAa,EAAE;AAAA;AAAA,EAEzE,oBAAC,QAAK,eAAY,2BAA0B,MAAY,IAAG,OAAM,IAAG,OAAM,MAAK,UAAS,SACrF,UACH;AAAA;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,SAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/MobileFilterbar/FilterbarSort.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { describe, PropTypes } from "@elliemae/ds-props-helpers";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
-import MobileSeparator from "../MobileSeparator/index.js";
+import { DSMobileSeparator as MobileSeparator } from "../MobileSeparator/index.js";
 const Separator = styled.div`
   & > * {
     margin-left: 0;
@@ -16,7 +16,6 @@ const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ jsxs(Fragment, {
 const filterbarSortProps = {
   children: PropTypes.element.description("FilterBar Sort Item").isRequired
 };
-DSMobileFilterbarSort.propTypes = filterbarSortProps;
 DSMobileFilterbarSort.displayName = "DSMobileFilterbarSort";
 const FilterbarSortWithSchema = describe(DSMobileFilterbarSort);
 FilterbarSortWithSchema.propTypes = filterbarSortProps;