@elliemae/ds-mobile 1.54.0-next.7 → 1.54.0-rc.3

package/cjs/MobileBanner/styles.js

@@ -84,10 +84,10 @@ var StyledContent = /*#__PURE__*/styled__default['default'].div.withConfig({
 });
 var StyledCloseButtonContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-4jnp92-6"
-})(["display:flex;align-items:flex-start;margin-top:14px;margin-right:4px;"]);
+})(["display:flex;align-items:flex-start;margin-top:6px;margin-right:6px;"]);
 var StyledCloseButton = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
   componentId: "sc-4jnp92-7"
-})(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:-2px;left:0;width:calc(100% + 0px);height:calc(100% + 5px);border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
+})(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
   var theme = _ref17.theme;
   return theme.colors.brand[700];
 });

package/cjs/MobileBanner/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n  display: flex;\n  min-height: 68px;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n  transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n  width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin-bottom: ${({ theme }) => theme.space.xxs};\n  @media not all and (min-resolution: 0.001dpcm) {\n    @media {\n      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n    }\n  }\n  @media screen and (min--moz-device-pixel-ratio:0) {\n    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n  }\n`;\n\nexport const StyledSubTitle = styled.div`\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n  margin-top: 10px;\n  margin-right: ${({ theme }) => theme.space.xxs};\n  margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin: ${({ theme }) => theme.space.xxs2} 0;\n  margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-top: 14px;\n  margin-right: 4px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n  position: relative;\n  &:focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: -2px;\n      left: 0;\n      width: calc(100% + 0px);\n      height: calc(100% + 5px);\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledActionLink = styled.a`\n  text-decoration: none;\n  float: right;\n  margin-left: ${({ theme }) => theme.space.xs};\n  line-height: 1.1;\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n  overflow: hidden;\n  height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n  display: flex;\n  min-height: 68px;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n  transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n  width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin-bottom: ${({ theme }) => theme.space.xxs};\n  @media not all and (min-resolution: 0.001dpcm) {\n    @media {\n      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n    }\n  }\n  @media screen and (min--moz-device-pixel-ratio: 0) {\n    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n  }\n`;\n\nexport const StyledSubTitle = styled.div`\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n  margin-top: 10px;\n  margin-right: ${({ theme }) => theme.space.xxs};\n  margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin: ${({ theme }) => theme.space.xxs2} 0;\n  margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-top: 6px;\n  margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n  position: relative;\n  &:focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledActionLink = styled.a`\n  text-decoration: none;\n  float: right;\n  margin-left: ${({ theme }) => theme.space.xs};\n  line-height: 1.1;\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n  overflow: hidden;\n  height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":";;;;;;;;;;;;;;;;IAMaA,oBAAoB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,oIAIX;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAJW,EAKJ;AAAA,MAAGC,IAAH,SAAGA,IAAH;AAAA,MAASH,KAAT,SAASA,KAAT;AAAA,SAAqBI,iDAAiB,CAACD,IAAD,EAAOH,KAAP,CAAtC;AAAA,CALI,EAMP;AAAA,MAAGK,MAAH,SAAGA,MAAH;AAAA,SAAiBA,MAAM,GAAG,GAAH,GAAS,OAAhC;AAAA,CANO,EAO7B;AAAA,MAAGC,WAAH,SAAGA,WAAH;AAAA,MAAgBD,MAAhB,SAAgBA,MAAhB;AAAA,SAA6BE,+CAAe,CAACD,WAAD,EAAcD,MAAd,CAA5C;AAAA,CAP6B;IAUpBG,iBAAiB,gBAAGV,0BAAM,CAACC,GAAV;AAAA;AAAA;IAIjBU,WAAW,gBAAGX,0BAAM,CAACC,GAAV;AAAA;AAAA,uUACb;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CADa,EAET;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeU,iBAAQ,CAACV,KAAK,CAACW,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAD,CAAvB;AAAA,CAFS,EAGP;AAAA,MAAGZ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACa,WAAN,CAAkBC,QAAjC;AAAA,CAHO,EAIL;AAAA,MAAGd,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYC,GAA3B;AAAA,CAJK,EAQW;AAAA,MAAGhB,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CARX,EAaS;AAAA,MAAGF,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAbT;IAiBXe,cAAc,gBAAGnB,0BAAM,CAACC,GAAV;AAAA;AAAA,yCACZ;AAAA,MAAGC,KAAH,UAAGA,KAAH;AAAA,SAAeU,iBAAQ,CAACV,KAAK,CAACW,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAD,CAAvB;AAAA,CADY,EAEV;AAAA,MAAGZ,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACa,WAAN,CAAkBK,OAAjC;AAAA,CAFU;IAKdC,mBAAmB,gBAAGrB,0BAAM,CAACC,GAAV;AAAA;AAAA,4DAEd;AAAA,MAAGC,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYC,GAA3B;AAAA,CAFc,EAGf;AAAA,MAAGhB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYK,EAA3B;AAAA,CAHe;IAMnBC,aAAa,gBAAGvB,0BAAM,CAACC,GAAV;AAAA;AAAA,uFAId;AAAA,MAAGC,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYO,IAA3B;AAAA,CAJc,EAKR;AAAA,MAAGC,eAAH,UAAGA,eAAH;AAAA,SAA0B,CAACA,eAAD,GAAmB,MAAnB,GAA4B,GAAtD;AAAA,CALQ;IAQbC,0BAA0B,gBAAG1B,0BAAM,CAACC,GAAV;AAAA;AAAA;IAM1B0B,iBAAiB,gBAAG3B,0BAAM,CAAC4B,4BAAD,CAAT;AAAA;AAAA,yLAWJ;AAAA,MAAG1B,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAa0B,KAAb,CAAmB,GAAnB,CAAf;AAAA,CAXI;IAkBjBC,gBAAgB,gBAAG9B,0BAAM,CAAC+B,CAAV;AAAA;AAAA,sHAGZ;AAAA,MAAG7B,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYK,EAA3B;AAAA,CAHY,EAKd;AAAA,MAAGpB,KAAH,UAAGA,KAAH;AAAA,SAAeU,iBAAQ,CAACV,KAAK,CAACW,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAD,CAAvB;AAAA,CALc,EAMZ;AAAA,MAAGZ,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACa,WAAN,CAAkBK,OAAjC;AAAA,CANY,EAOlB;AAAA,MAAGlB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAa0B,KAAb,CAAmB,GAAnB,CAAf;AAAA,CAPkB;IAUhBG,qBAAqB,gBAAGhC,0BAAM,CAACC,GAAV;AAAA;AAAA,0CAEtB;AAAA,MAAGM,MAAH,UAAGA,MAAH;AAAA,SAAiBA,MAAM,GAAG,MAAH,GAAY,KAAnC;AAAA,CAFsB,EAG9B;AAAA,MAAGC,WAAH,UAAGA,WAAH;AAAA,MAAgBD,MAAhB,UAAgBA,MAAhB;AAAA,MAAwB0B,MAAxB,UAAwBA,MAAxB;AAAA,SAAqCxB,+CAAe,CAACD,WAAD,EAAcD,MAAd,EAAsB0B,MAAtB,CAApD;AAAA,CAH8B;;;;;;;;;;;;;"}

package/cjs/MobileContextMenu/MobileContextMenu.js

@@ -88,18 +88,17 @@ var DSMobileContextMenu = dsSystem.withTheme(function (_ref) {
       selectedItems = _useState2[0],
       setSelectedItems = _useState2[1];
 
+  var trueSelected = React.useMemo(function () {
+    return initSelecteds !== undefined ? initSelecteds : _toConsumableArray__default['default'](selectedItems);
+  }, [initSelecteds, selectedItems]);
   var containerRef = React.useRef(null);
-  React.useEffect(function () {
-    if (typeof initSelecteds !== 'undefined') {
-      if (multiple) setSelectedItems(function (prev) {
-        return [].concat(_toConsumableArray__default['default'](prev), _toConsumableArray__default['default'](initSelecteds));
-      });else if (singleSelect) setSelectedItems(initSelecteds);
-    }
-  }, [initSelecteds, multiple, singleSelect]);
 
   var handleChange = function handleChange(value, childProps, event) {
     onChange(value, childProps, event);
-    if (multiple) setSelectedItems(_toConsumableArray__default['default'](value));else if (singleSelect) setSelectedItems(value);
+
+    if (initSelecteds === undefined) {
+      if (multiple) setSelectedItems(_toConsumableArray__default['default'](value));else if (singleSelect) setSelectedItems(value);
+    }
   };
 
   var handleApply = function handleApply(e) {
@@ -141,7 +140,7 @@ var DSMobileContextMenu = dsSystem.withTheme(function (_ref) {
       overflow: 'auto'
     }
   }, /*#__PURE__*/React__default['default'].createElement(Group__default['default'], {
-    activeValue: selectedItems,
+    activeValue: trueSelected,
     multiple: multiple,
     onChange: handleChange
   }, React__default['default'].Children.map(children, function (child, ii) {
@@ -152,7 +151,7 @@ var DSMobileContextMenu = dsSystem.withTheme(function (_ref) {
         onClick = _child$props$onClick === void 0 ? lodash.noop : _child$props$onClick;
     var value = ii;
     var isSelected;
-    if (singleSelect) isSelected = selectedItems === value;else if (multiple) isSelected = selectedItems.includes(value);
+    if (singleSelect) isSelected = trueSelected === value;else if (multiple) isSelected = trueSelected.includes(value);
     return /*#__PURE__*/React__default['default'].cloneElement(child, {
       value: value,
       key: "cm.".concat(ii),
@@ -162,7 +161,7 @@ var DSMobileContextMenu = dsSystem.withTheme(function (_ref) {
       onClick: !isGroup ? function (e) {
         return onClick(e, child.props);
       } : null,
-      selectedItems: isGroup ? selectedItems : null
+      selectedItems: isGroup ? trueSelected : null
     });
   })))), buttonFooter && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
     pl: "xs",

package/cjs/MobileContextMenu/MobileContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* 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, useEffect, useRef } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { DSBackdrop } from '@elliemae/ds-basic';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\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: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 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,\n    zIndex = 1,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const containerRef = useRef(null);\n\n    useEffect(() => {\n      if (typeof initSelecteds !== 'undefined') {\n        if (multiple) setSelectedItems((prev) => [...prev, ...initSelecteds]);\n        else if (singleSelect) setSelectedItems(initSelecteds);\n      }\n    }, [initSelecteds, multiple, singleSelect]);\n\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (multiple) setSelectedItems([...value]);\n      else if (singleSelect) setSelectedItems(value);\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} ref={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={selectedItems} 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 = selectedItems === value;\n                  else if (multiple) isSelected = selectedItems.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 ? selectedItems : 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;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","containerRef","useRef","useEffect","prev","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","React","DSBackdrop","stopPropagation","length","fill","overflow","Group","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* 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 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { DSBackdrop } from '@elliemae/ds-basic';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\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: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 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,\n    zIndex = 1,\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} ref={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;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","trueSelected","useMemo","undefined","containerRef","useRef","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","React","DSBackdrop","stopPropagation","length","fill","overflow","Group","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":"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"}

package/cjs/MobileContextMenu/MobileContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\n\nimport Checkbox from '@elliemae/ds-basic/form/Checkbox';\nimport DSCheckmark from '@elliemae/ds-icons/Checkmark';\nimport { DSMobileTouchable } from '../MobileTouchable';\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(DSCheckmark)`\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  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)\n        leftAddon = (\n          <Checkbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />\n        );\n      if (singleSelect)\n        leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n      return (\n        <Wrap\n          data-testid=\"ds-contextmenu-item\"\n          onClick={(e) => {\n            if (singleSelect || isMulti)\n              context.onChange(value, e, { value, label, title });\n            onClick(e);\n          }}\n          cols={\n            (singleSelect && someItemSelected) ||\n            (leftAddon && !singleSelect) ||\n            isMulti\n              ? ['40px', 'auto']\n              : ['auto']\n          }\n        >\n          {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n            <PropWrap\n              data-testid=\"left-addon\"\n              isMulti={isMulti}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              pl=\"16px\"\n            >\n              {showLeftAddon && leftAddon}\n            </PropWrap>\n          )}\n          <Grid\n            height=\"44px\"\n            pr=\"xs\"\n            pl={!leftAddon && isGroup ? '24px' : 'xs'}\n          >\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        </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;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","React","DSMobileTouchable","PropWrap","Grid","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","DSCheckmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","GroupItem","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","Checkbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAcA,IAAMA,IAAI,gBAAGC,0BAAM,CAAC,UAACC,KAAD;AAAA,sBAAWC,wCAACC,iDAAD,EAAuBF,KAAvB,CAAX;AAAA,CAAD,CAAT;AAAA;AAAA,2BAAV;AAIA,IAAMG,QAAQ,gBAAGJ,0BAAM,CAAC,UAACC,KAAD;AAAA,sBAAWC,wCAACG,SAAD,EAAUJ,KAAV,CAAX;AAAA,CAAD,CAAT;AAAA;AAAA,aACV,UAACA,KAAD,EAAW;AACX,MAAI,CAACA,KAAK,CAACK,OAAX,EAAoB;AAClB;AAWD;;AACD,SAAO,EAAP;AACD,CAhBW,CAAd;AAmBA,IAAMC,KAAK,gBAAGP,0BAAM,CAACQ,IAAV;AAAA;AAAA,uCAEA,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACQ,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAFA,EAGPC,iBAAQ,EAHD,CAAX;AAMA,IAAMC,KAAK,gBAAGb,0BAAM,CAACQ,IAAV;AAAA;AAAA,mCAEA,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACQ,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFA,CAAX;AAKA,IAAMC,SAAS,gBAAGf,0BAAM,CAACgB,6BAAD,CAAT;AAAA;AAAA,mBACL,UAACf,KAAD;AAAA,SAAWA,KAAK,CAACQ,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CADK,CAAf;;IAcMM,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAA,MAC9BC,KAD8B,QAC9BA,KAD8B;AAAA,MAE9BC,KAF8B,QAE9BA,KAF8B;AAAA,MAG9BC,QAH8B,QAG9BA,QAH8B;AAAA,MAI9BC,OAJ8B,QAI9BA,OAJ8B;AAAA,MAK9Bf,OAL8B,QAK9BA,OAL8B;AAAA,MAM9BgB,YAN8B,QAM9BA,YAN8B;AAAA,MAO9BC,UAP8B,QAO9BA,UAP8B;AAAA,0BAS9BC,OAT8B;AAAA,MAS9BA,QAT8B,6BASpB,YAAM,EATc;AAAA,MAU9BC,KAV8B,QAU9BA,KAV8B;;AAAA,sBAY9BvB,wCAACwB,6BAAD;AACE,IAAA,MAAM,EAAE,gBAACC,OAAD,EAAa;AACnB,UAAQC,WAAR,GAAwBD,OAAxB,CAAQC,WAAR;AACA,UAAIC,gBAAgB,GAAGD,WAAW,IAAI,CAAf,IAAoB,CAACE,KAAK,CAACC,OAAN,CAAcH,WAAd,CAA5C;AACA,UAAIP,OAAJ,EAAaQ,gBAAgB,GAAG,OAAOD,WAAP,KAAuB,QAA1C;AAEb,UAAII,aAAa,GAAGT,UAApB;AACA,UAAIjB,OAAO,IAAI,CAACgB,YAAhB,EAA8BU,aAAa,GAAG,IAAhB;AAE9B,UAAIC,SAAS,GAAGb,QAAQ,IAAI,IAA5B;AACA,UAAId,OAAJ,EACE2B,SAAS,gBACP/B,wCAACgC,8BAAD;AAAU,QAAA,OAAO,EAAEX,UAAnB;AAA+B,uBAAY;AAA3C,QADF;AAGF,UAAID,YAAJ,EACEW,SAAS,gBAAG/B,wCAAC,SAAD;AAAW,uBAAY;AAAvB,QAAZ;AAEF,0BACEA,wCAAC,IAAD;AACE,uBAAY,qBADd;AAEE,QAAA,OAAO,EAAE,iBAACiC,CAAD,EAAO;AACd,cAAIb,YAAY,IAAIhB,OAApB,EACEqB,OAAO,CAACS,QAAR,CAAiBX,KAAjB,EAAwBU,CAAxB,EAA2B;AAAEV,YAAAA,KAAK,EAALA,KAAF;AAASP,YAAAA,KAAK,EAALA,KAAT;AAAgBC,YAAAA,KAAK,EAALA;AAAhB,WAA3B;;AACFK,UAAAA,QAAO,CAACW,CAAD,CAAP;AACD,SANH;AAOE,QAAA,IAAI,EACDb,YAAY,IAAIO,gBAAjB,IACCI,SAAS,IAAI,CAACX,YADf,IAEAhB,OAFA,GAGI,CAAC,MAAD,EAAS,MAAT,CAHJ,GAII,CAAC,MAAD;AAZR,SAeG,CAAEgB,YAAY,IAAIO,gBAAjB,IAAsCvB,OAAtC,IAAiD2B,SAAlD,kBACC/B,wCAAC,QAAD;AACE,uBAAY,YADd;AAEE,QAAA,OAAO,EAAEI,OAFX;AAGE,QAAA,UAAU,EAAC,QAHb;AAIE,QAAA,cAAc,EAAC,QAJjB;AAKE,QAAA,EAAE,EAAC;AALL,SAOG0B,aAAa,IAAIC,SAPpB,CAhBJ,eA0BE/B,wCAACG,SAAD;AACE,QAAA,MAAM,EAAC,MADT;AAEE,QAAA,EAAE,EAAC,IAFL;AAGE,QAAA,EAAE,EAAE,CAAC4B,SAAD,IAAcZ,OAAd,GAAwB,MAAxB,GAAiC;AAHvC,SAKGH,KAAK,iBACJhB,wCAACG,SAAD;AAAM,QAAA,UAAU,EAAC;AAAjB,sBACEH,wCAAC,KAAD;AAAO,uBAAY;AAAnB,SAA4CgB,KAA5C,CADF,CANJ,eAUEhB,wCAACG,SAAD;AAAM,QAAA,UAAU,EAAE,CAACa,KAAD,GAAS,QAAT,GAAoBmB;AAAtC,sBACEnC,wCAAC,KAAD;AAAO,uBAAY;AAAnB,SAA4CiB,KAA5C,CADF,CAVF,CA1BF,CADF;AA2CD;AA5DH,IAZ8B;AAAA;;AA4EhC,IAAMlB,KAAK,GAAG;AACZ;AACAiB,EAAAA,KAAK,EAAEoB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,OAA7B,CAFK;;AAGZ;AACArB,EAAAA,KAAK,EAAEmB,mBAAS,CAACC,MAAV,CAAiBE,UAAjB,CAA4BD,WAA5B,CAAwC,iBAAxC,CAJK;;AAKZ;AACApB,EAAAA,QAAQ,EAAEkB,mBAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,EAA9B,CANE;;AAOZ;AACAlC,EAAAA,OAAO,EAAEgC,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,cAA3B,CARG;;AASZ;AACAlB,EAAAA,YAAY,EAAEgB,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,EAA3B,CAVF;;AAWZ;AACAnB,EAAAA,OAAO,EAAEiB,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,EAA3B,CAZG;;AAaZ;AACAhB,EAAAA,OAAO,EAAEc,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,kBAA3B,CAdG;;AAeZ;AACAf,EAAAA,KAAK,EAAEa,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,kBAA7B,CAhBK;;AAiBZ;AACAjB,EAAAA,UAAU,EAAEe,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,gBAA3B;AAlBA,CAAd;AAqBAvB,uBAAuB,CAAC6B,SAAxB,GAAoC7C,KAApC;IAEM8C,iCAAiC,GAAGC,kBAAQ,CAAC/B,uBAAD;AAElD8B,iCAAiC,CAACD,SAAlC,GAA8C7C,KAA9C;;;;;"}
+{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\n\nimport Checkbox from '@elliemae/ds-basic/form/Checkbox';\nimport DSCheckmark from '@elliemae/ds-icons/Checkmark';\nimport { DSMobileTouchable } from '../MobileTouchable';\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(DSCheckmark)`\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  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 = <Checkbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n      if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\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={\n            (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n          }\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        </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;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","React","DSMobileTouchable","PropWrap","Grid","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","DSCheckmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","GroupItem","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","Checkbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAcA,IAAMA,IAAI,gBAAGC,0BAAM,CAAC,UAACC,KAAD;AAAA,sBAAWC,wCAACC,iDAAD,EAAuBF,KAAvB,CAAX;AAAA,CAAD,CAAT;AAAA;AAAA,2BAAV;AAIA,IAAMG,QAAQ,gBAAGJ,0BAAM,CAAC,UAACC,KAAD;AAAA,sBAAWC,wCAACG,SAAD,EAAUJ,KAAV,CAAX;AAAA,CAAD,CAAT;AAAA;AAAA,aACV,UAACA,KAAD,EAAW;AACX,MAAI,CAACA,KAAK,CAACK,OAAX,EAAoB;AAClB;AAWD;;AACD,SAAO,EAAP;AACD,CAhBW,CAAd;AAmBA,IAAMC,KAAK,gBAAGP,0BAAM,CAACQ,IAAV;AAAA;AAAA,uCAEA,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACQ,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAFA,EAGPC,iBAAQ,EAHD,CAAX;AAMA,IAAMC,KAAK,gBAAGb,0BAAM,CAACQ,IAAV;AAAA;AAAA,mCAEA,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACQ,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFA,CAAX;AAKA,IAAMC,SAAS,gBAAGf,0BAAM,CAACgB,6BAAD,CAAT;AAAA;AAAA,mBACL,UAACf,KAAD;AAAA,SAAWA,KAAK,CAACQ,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CADK,CAAf;;IAcMM,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAA,MAC9BC,KAD8B,QAC9BA,KAD8B;AAAA,MAE9BC,KAF8B,QAE9BA,KAF8B;AAAA,MAG9BC,QAH8B,QAG9BA,QAH8B;AAAA,MAI9BC,OAJ8B,QAI9BA,OAJ8B;AAAA,MAK9Bf,OAL8B,QAK9BA,OAL8B;AAAA,MAM9BgB,YAN8B,QAM9BA,YAN8B;AAAA,MAO9BC,UAP8B,QAO9BA,UAP8B;AAAA,0BAS9BC,OAT8B;AAAA,MAS9BA,QAT8B,6BASpB,YAAM,EATc;AAAA,MAU9BC,KAV8B,QAU9BA,KAV8B;;AAAA,sBAY9BvB,wCAACwB,6BAAD;AACE,IAAA,MAAM,EAAE,gBAACC,OAAD,EAAa;AACnB,UAAQC,WAAR,GAAwBD,OAAxB,CAAQC,WAAR;AACA,UAAIC,gBAAgB,GAAGD,WAAW,IAAI,CAAf,IAAoB,CAACE,KAAK,CAACC,OAAN,CAAcH,WAAd,CAA5C;AACA,UAAIP,OAAJ,EAAaQ,gBAAgB,GAAG,OAAOD,WAAP,KAAuB,QAA1C;AAEb,UAAII,aAAa,GAAGT,UAApB;AACA,UAAIjB,OAAO,IAAI,CAACgB,YAAhB,EAA8BU,aAAa,GAAG,IAAhB;AAE9B,UAAIC,SAAS,GAAGb,QAAQ,IAAI,IAA5B;AACA,UAAId,OAAJ,EAAa2B,SAAS,gBAAG/B,wCAACgC,8BAAD;AAAU,QAAA,OAAO,EAAEX,UAAnB;AAA+B,uBAAY;AAA3C,QAAZ;AACb,UAAID,YAAJ,EAAkBW,SAAS,gBAAG/B,wCAAC,SAAD;AAAW,uBAAY;AAAvB,QAAZ;AAElB,0BACEA,wCAAC,IAAD;AACE,uBAAY,qBADd;AAEE,QAAA,OAAO,EAAE,iBAACiC,CAAD,EAAO;AACd,cAAIb,YAAY,IAAIhB,OAApB,EAA6BqB,OAAO,CAACS,QAAR,CAAiBX,KAAjB,EAAwBU,CAAxB,EAA2B;AAAEV,YAAAA,KAAK,EAALA,KAAF;AAASP,YAAAA,KAAK,EAALA,KAAT;AAAgBC,YAAAA,KAAK,EAALA;AAAhB,WAA3B;;AAC7BK,UAAAA,QAAO,CAACW,CAAD,CAAP;AACD,SALH;AAME,QAAA,IAAI,EACDb,YAAY,IAAIO,gBAAjB,IAAuCI,SAAS,IAAI,CAACX,YAArD,IAAsEhB,OAAtE,GAAgF,CAAC,MAAD,EAAS,MAAT,CAAhF,GAAmG,CAAC,MAAD;AAPvG,SAUG,CAAEgB,YAAY,IAAIO,gBAAjB,IAAsCvB,OAAtC,IAAiD2B,SAAlD,kBACC/B,wCAAC,QAAD;AAAU,uBAAY,YAAtB;AAAmC,QAAA,OAAO,EAAEI,OAA5C;AAAqD,QAAA,UAAU,EAAC,QAAhE;AAAyE,QAAA,cAAc,EAAC,QAAxF;AAAiG,QAAA,EAAE,EAAC;AAApG,SACG0B,aAAa,IAAIC,SADpB,CAXJ,eAeE/B,wCAACG,SAAD;AAAM,QAAA,MAAM,EAAC,MAAb;AAAoB,QAAA,EAAE,EAAC,IAAvB;AAA4B,QAAA,EAAE,EAAE,CAAC4B,SAAD,IAAcZ,OAAd,GAAwB,MAAxB,GAAiC;AAAjE,SACGH,KAAK,iBACJhB,wCAACG,SAAD;AAAM,QAAA,UAAU,EAAC;AAAjB,sBACEH,wCAAC,KAAD;AAAO,uBAAY;AAAnB,SAA4CgB,KAA5C,CADF,CAFJ,eAMEhB,wCAACG,SAAD;AAAM,QAAA,UAAU,EAAE,CAACa,KAAD,GAAS,QAAT,GAAoBmB;AAAtC,sBACEnC,wCAAC,KAAD;AAAO,uBAAY;AAAnB,SAA4CiB,KAA5C,CADF,CANF,CAfF,CADF;AA4BD;AAzCH,IAZ8B;AAAA;;AAyDhC,IAAMlB,KAAK,GAAG;AACZ;AACAiB,EAAAA,KAAK,EAAEoB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,OAA7B,CAFK;;AAGZ;AACArB,EAAAA,KAAK,EAAEmB,mBAAS,CAACC,MAAV,CAAiBE,UAAjB,CAA4BD,WAA5B,CAAwC,iBAAxC,CAJK;;AAKZ;AACApB,EAAAA,QAAQ,EAAEkB,mBAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,EAA9B,CANE;;AAOZ;AACAlC,EAAAA,OAAO,EAAEgC,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,cAA3B,CARG;;AASZ;AACAlB,EAAAA,YAAY,EAAEgB,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,EAA3B,CAVF;;AAWZ;AACAnB,EAAAA,OAAO,EAAEiB,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,EAA3B,CAZG;;AAaZ;AACAhB,EAAAA,OAAO,EAAEc,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,kBAA3B,CAdG;;AAeZ;AACAf,EAAAA,KAAK,EAAEa,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,kBAA7B,CAhBK;;AAiBZ;AACAjB,EAAAA,UAAU,EAAEe,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,gBAA3B;AAlBA,CAAd;AAqBAvB,uBAAuB,CAAC6B,SAAxB,GAAoC7C,KAApC;IAEM8C,iCAAiC,GAAGC,kBAAQ,CAAC/B,uBAAD;AAElD8B,iCAAiC,CAACD,SAAlC,GAA8C7C,KAA9C;;;;;"}

package/esm/MobileBanner/styles.js

@@ -75,10 +75,10 @@ var StyledContent = /*#__PURE__*/styled.div.withConfig({
 });
 var StyledCloseButtonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-4jnp92-6"
-})(["display:flex;align-items:flex-start;margin-top:14px;margin-right:4px;"]);
+})(["display:flex;align-items:flex-start;margin-top:6px;margin-right:6px;"]);
 var StyledCloseButton = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-4jnp92-7"
-})(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:-2px;left:0;width:calc(100% + 0px);height:calc(100% + 5px);border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
+})(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
   var theme = _ref17.theme;
   return theme.colors.brand[700];
 });

package/esm/MobileBanner/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n  display: flex;\n  min-height: 68px;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n  transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n  width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin-bottom: ${({ theme }) => theme.space.xxs};\n  @media not all and (min-resolution: 0.001dpcm) {\n    @media {\n      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n    }\n  }\n  @media screen and (min--moz-device-pixel-ratio:0) {\n    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n  }\n`;\n\nexport const StyledSubTitle = styled.div`\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n  margin-top: 10px;\n  margin-right: ${({ theme }) => theme.space.xxs};\n  margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin: ${({ theme }) => theme.space.xxs2} 0;\n  margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-top: 14px;\n  margin-right: 4px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n  position: relative;\n  &:focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: -2px;\n      left: 0;\n      width: calc(100% + 0px);\n      height: calc(100% + 5px);\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledActionLink = styled.a`\n  text-decoration: none;\n  float: right;\n  margin-left: ${({ theme }) => theme.space.xs};\n  line-height: 1.1;\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n  overflow: hidden;\n  height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n  display: flex;\n  min-height: 68px;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n  transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n  width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin-bottom: ${({ theme }) => theme.space.xxs};\n  @media not all and (min-resolution: 0.001dpcm) {\n    @media {\n      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n    }\n  }\n  @media screen and (min--moz-device-pixel-ratio: 0) {\n    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n  }\n`;\n\nexport const StyledSubTitle = styled.div`\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n  margin-top: 10px;\n  margin-right: ${({ theme }) => theme.space.xxs};\n  margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin: ${({ theme }) => theme.space.xxs2} 0;\n  margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-top: 6px;\n  margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n  position: relative;\n  &:focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledActionLink = styled.a`\n  text-decoration: none;\n  float: right;\n  margin-left: ${({ theme }) => theme.space.xs};\n  line-height: 1.1;\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n  overflow: hidden;\n  height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}

package/esm/MobileContextMenu/MobileContextMenu.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useMemo, useRef } from 'react';
 import { noop } from 'lodash';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
@@ -75,18 +75,17 @@ var DSMobileContextMenu = withTheme(function (_ref) {
       selectedItems = _useState2[0],
       setSelectedItems = _useState2[1];
 
+  var trueSelected = useMemo(function () {
+    return initSelecteds !== undefined ? initSelecteds : _toConsumableArray(selectedItems);
+  }, [initSelecteds, selectedItems]);
   var containerRef = useRef(null);
-  useEffect(function () {
-    if (typeof initSelecteds !== 'undefined') {
-      if (multiple) setSelectedItems(function (prev) {
-        return [].concat(_toConsumableArray(prev), _toConsumableArray(initSelecteds));
-      });else if (singleSelect) setSelectedItems(initSelecteds);
-    }
-  }, [initSelecteds, multiple, singleSelect]);
 
   var handleChange = function handleChange(value, childProps, event) {
     onChange(value, childProps, event);
-    if (multiple) setSelectedItems(_toConsumableArray(value));else if (singleSelect) setSelectedItems(value);
+
+    if (initSelecteds === undefined) {
+      if (multiple) setSelectedItems(_toConsumableArray(value));else if (singleSelect) setSelectedItems(value);
+    }
   };
 
   var handleApply = function handleApply(e) {
@@ -128,7 +127,7 @@ var DSMobileContextMenu = withTheme(function (_ref) {
       overflow: 'auto'
     }
   }, /*#__PURE__*/React.createElement(Group, {
-    activeValue: selectedItems,
+    activeValue: trueSelected,
     multiple: multiple,
     onChange: handleChange
   }, React.Children.map(children, function (child, ii) {
@@ -139,7 +138,7 @@ var DSMobileContextMenu = withTheme(function (_ref) {
         onClick = _child$props$onClick === void 0 ? noop : _child$props$onClick;
     var value = ii;
     var isSelected;
-    if (singleSelect) isSelected = selectedItems === value;else if (multiple) isSelected = selectedItems.includes(value);
+    if (singleSelect) isSelected = trueSelected === value;else if (multiple) isSelected = trueSelected.includes(value);
     return /*#__PURE__*/React.cloneElement(child, {
       value: value,
       key: "cm.".concat(ii),
@@ -149,7 +148,7 @@ var DSMobileContextMenu = withTheme(function (_ref) {
       onClick: !isGroup ? function (e) {
         return onClick(e, child.props);
       } : null,
-      selectedItems: isGroup ? selectedItems : null
+      selectedItems: isGroup ? trueSelected : null
     });
   })))), buttonFooter && /*#__PURE__*/React.createElement(Grid, {
     pl: "xs",

package/esm/MobileContextMenu/MobileContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* 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, useEffect, useRef } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { DSBackdrop } from '@elliemae/ds-basic';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\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: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 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,\n    zIndex = 1,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const containerRef = useRef(null);\n\n    useEffect(() => {\n      if (typeof initSelecteds !== 'undefined') {\n        if (multiple) setSelectedItems((prev) => [...prev, ...initSelecteds]);\n        else if (singleSelect) setSelectedItems(initSelecteds);\n      }\n    }, [initSelecteds, multiple, singleSelect]);\n\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (multiple) setSelectedItems([...value]);\n      else if (singleSelect) setSelectedItems(value);\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} ref={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={selectedItems} 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 = selectedItems === value;\n                  else if (multiple) isSelected = selectedItems.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 ? selectedItems : 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;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","containerRef","useRef","useEffect","prev","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","stopPropagation","length","fill","overflow","React","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* 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 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { DSBackdrop } from '@elliemae/ds-basic';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\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: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 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,\n    zIndex = 1,\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} ref={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;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","trueSelected","useMemo","undefined","containerRef","useRef","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","stopPropagation","length","fill","overflow","React","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":"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"}

package/esm/MobileContextMenu/MobileContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\n\nimport Checkbox from '@elliemae/ds-basic/form/Checkbox';\nimport DSCheckmark from '@elliemae/ds-icons/Checkmark';\nimport { DSMobileTouchable } from '../MobileTouchable';\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(DSCheckmark)`\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  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)\n        leftAddon = (\n          <Checkbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />\n        );\n      if (singleSelect)\n        leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n      return (\n        <Wrap\n          data-testid=\"ds-contextmenu-item\"\n          onClick={(e) => {\n            if (singleSelect || isMulti)\n              context.onChange(value, e, { value, label, title });\n            onClick(e);\n          }}\n          cols={\n            (singleSelect && someItemSelected) ||\n            (leftAddon && !singleSelect) ||\n            isMulti\n              ? ['40px', 'auto']\n              : ['auto']\n          }\n        >\n          {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n            <PropWrap\n              data-testid=\"left-addon\"\n              isMulti={isMulti}\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              pl=\"16px\"\n            >\n              {showLeftAddon && leftAddon}\n            </PropWrap>\n          )}\n          <Grid\n            height=\"44px\"\n            pr=\"xs\"\n            pl={!leftAddon && isGroup ? '24px' : 'xs'}\n          >\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        </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;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","PropWrap","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","DSCheckmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","Checkbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\n\nimport Checkbox from '@elliemae/ds-basic/form/Checkbox';\nimport DSCheckmark from '@elliemae/ds-icons/Checkmark';\nimport { DSMobileTouchable } from '../MobileTouchable';\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(DSCheckmark)`\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  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 = <Checkbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n      if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\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={\n            (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n          }\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        </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;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","PropWrap","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","DSCheckmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","Checkbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "1.54.0-next.7",
+  "version": "1.54.0-rc.3",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - System",
   "main": "cjs/index.js",
@@ -26,11 +26,11 @@
     "styled-system": "~5.1.5"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.2.3",
+    "@elliemae/pui-theme": "2.2.3",
     "styled-components": "~5.3.0"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "^2.2.3",
+    "@elliemae/pui-theme": "2.2.3",
     "lodash": "^4.17.20",
     "react": "~17.0.1",
     "react-dom": "^17.0.1",