@elliemae/ds-form 1.57.0-rc.1 → 1.57.0-rc.13

package/esm/InputMask/mask_types/SsnInputMask.js

@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../../Input/InputAddonWrapper.js';

package/esm/InputMask/mask_types/UsZipCodeInputMask.js

@@ -18,7 +18,7 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../../Input/InputAddonWrapper.js';

package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js

@@ -18,7 +18,7 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../../Input/InputAddonWrapper.js';

package/esm/InputMask/mask_types/index.js

@@ -26,7 +26,7 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../../Input/InputAddonWrapper.js';

package/esm/InputProtected/DSInputProtected.js

@@ -3,17 +3,13 @@ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import React, { useState, useEffect, useCallback } from 'react';
 import { describe } from 'react-desc';
-import LockUnlocked from '@elliemae/ds-icons/LockUnlocked';
-import LockLocked from '@elliemae/ds-icons/LockLocked';
-import VisibleView from '@elliemae/ds-icons/VisibleView';
-import InvisibleHide from '@elliemae/ds-icons/InvisibleHide';
+import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSInputGroup from '../InputGroup/DSInputGroup.js';
 import { DSInputMask } from '../InputMask/DSInputMask.js';
 import { inputProtectedProps } from './props.js';
 import { defaultProps } from './defaultProps.js';
 import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
-export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
 import '../InputGroup/AddonWrapper.js';
 import '@babel/runtime/helpers/esm/classCallCheck';
 import '@babel/runtime/helpers/esm/createClass';
@@ -37,7 +33,6 @@ import '../InputMask/utils/setCaretPosition.js';
 import '../TextBox/DSTextBox.js';
 import '../Input/DSInput.js';
 import '../Input/InputImpl.js';
-import '@elliemae/ds-icons/CloseCircle';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
@@ -126,8 +121,8 @@ var DSInputProtected = function DSInputProtected(_ref) {
 
 DSInputProtected.propTypes = inputProtectedProps;
 DSInputProtected.defaultProps = defaultProps;
-var InputProtectedWithSchema = describe(DSInputProtected);
-InputProtectedWithSchema.propTypes = inputProtectedProps;
+var DSInputProtectedWithSchema = describe(DSInputProtected);
+DSInputProtectedWithSchema.propTypes = inputProtectedProps;
 
-export { InputProtectedWithSchema, DSInputProtected as default };
+export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default };
 //# sourceMappingURL=DSInputProtected.js.map

package/esm/InputProtected/DSInputProtected.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSInputProtected.js","sources":["../../../src/InputProtected/DSInputProtected.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport LockUnlocked from '@elliemae/ds-icons/LockUnlocked';\nimport LockLocked from '@elliemae/ds-icons/LockLocked';\nimport VisibleView from '@elliemae/ds-icons/VisibleView';\nimport InvisibleHide from '@elliemae/ds-icons/InvisibleHide';\nimport DSButton from '@elliemae/ds-button';\nimport InputGroup from '../InputGroup';\nimport DSInputMask from '../InputMask';\nimport { inputProtectedProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS };\n\nconst ADDON_ICON_OPTIONS = {\n  LockUnlocked: <LockUnlocked />,\n  LockLocked: <LockLocked />,\n  VisibleView: <VisibleView />,\n  InvisibleHide: <InvisibleHide />,\n};\n\nconst DSInputProtected = ({\n  leftAddon,\n  rightAddon,\n  onChange,\n  value,\n  readOnly,\n  mask,\n  type,\n  placeholderChar = undefined,\n  ...rest\n}) => {\n  const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];\n  const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];\n  const [inputLocked, setLocked] = useState(\n    leftAddon === LEFT_ADDON_OPTIONS.LockLocked,\n  );\n  const [inputHidden, setHidden] = useState(\n    rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide,\n  );\n\n  useEffect(() => {\n    setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n    setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n  }, [leftAddon, rightAddon]);\n\n  const handleLeft = useCallback(() => {\n    setLocked(!inputLocked);\n  }, [leftAddon, inputLocked]);\n  const handleRight = useCallback(() => {\n    setHidden(!inputHidden);\n  }, [rightAddon, inputHidden]);\n\n  return (\n    <div>\n      <InputGroup\n        leftAddon={\n          left ? (\n            <DSButton\n              aria-label={`${inputLocked ? 'Allow' : 'Disallow'} Edition`}\n              buttonType=\"secondary\"\n              icon={\n                ADDON_ICON_OPTIONS[\n                  inputLocked\n                    ? LEFT_ADDON_OPTIONS.LockUnlocked\n                    : LEFT_ADDON_OPTIONS.LockLocked\n                ]\n              }\n              onClick={handleLeft}\n            />\n          ) : undefined\n        }\n        readOnly={left ? inputLocked : readOnly}\n        rightAddon={\n          right ? (\n            <DSButton\n              aria-label={`${inputHidden ? 'Show' : 'Hide'} Characters`}\n              buttonType=\"secondary\"\n              icon={\n                ADDON_ICON_OPTIONS[\n                  inputHidden\n                    ? RIGHT_ADDON_OPTIONS.VisibleView\n                    : RIGHT_ADDON_OPTIONS.InvisibleHide\n                ]\n              }\n              onClick={handleRight}\n              containerProps={{\n                'data-testid': 'inputprotected-show-hide-button',\n              }}\n            />\n          ) : undefined\n        }\n      >\n        <DSInputMask\n          {...rest}\n          mask={mask}\n          placeholderChar={placeholderChar}\n          onChange={onChange}\n          readOnly={left ? inputLocked : readOnly}\n          type={right && inputHidden ? 'password' : type}\n          value={value}\n        />\n      </InputGroup>\n    </div>\n  );\n};\n\nDSInputProtected.propTypes = inputProtectedProps;\nDSInputProtected.defaultProps = defaultProps;\n\nconst InputProtectedWithSchema = describe(DSInputProtected);\nInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { InputProtectedWithSchema };\nexport default DSInputProtected;\n"],"names":["ADDON_ICON_OPTIONS","LockUnlocked","LockLocked","VisibleView","InvisibleHide","DSInputProtected","leftAddon","rightAddon","onChange","value","readOnly","mask","type","placeholderChar","undefined","rest","left","right","useState","LEFT_ADDON_OPTIONS","inputLocked","setLocked","RIGHT_ADDON_OPTIONS","inputHidden","setHidden","useEffect","handleLeft","useCallback","handleRight","InputGroup","propTypes","inputProtectedProps","defaultProps","InputProtectedWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSInputProtected.js","sources":["../../../src/InputProtected/DSInputProtected.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport InputGroup from '../InputGroup';\nimport DSInputMask from '../InputMask';\nimport { inputProtectedProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nconst ADDON_ICON_OPTIONS = {\n  LockUnlocked: <LockUnlocked />,\n  LockLocked: <LockLocked />,\n  VisibleView: <VisibleView />,\n  InvisibleHide: <InvisibleHide />,\n};\n\nconst DSInputProtected = ({\n  leftAddon,\n  rightAddon,\n  onChange,\n  value,\n  readOnly,\n  mask,\n  type,\n  placeholderChar = undefined,\n  ...rest\n}) => {\n  const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];\n  const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];\n  const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n  const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n\n  useEffect(() => {\n    setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n    setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n  }, [leftAddon, rightAddon]);\n\n  const handleLeft = useCallback(() => {\n    setLocked(!inputLocked);\n  }, [leftAddon, inputLocked]);\n  const handleRight = useCallback(() => {\n    setHidden(!inputHidden);\n  }, [rightAddon, inputHidden]);\n\n  return (\n    <div>\n      <InputGroup\n        leftAddon={\n          left ? (\n            <DSButton\n              aria-label={`${inputLocked ? 'Allow' : 'Disallow'} Edition`}\n              buttonType=\"secondary\"\n              icon={ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked]}\n              onClick={handleLeft}\n            />\n          ) : undefined\n        }\n        readOnly={left ? inputLocked : readOnly}\n        rightAddon={\n          right ? (\n            <DSButton\n              aria-label={`${inputHidden ? 'Show' : 'Hide'} Characters`}\n              buttonType=\"secondary\"\n              icon={\n                ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide]\n              }\n              onClick={handleRight}\n              containerProps={{\n                'data-testid': 'inputprotected-show-hide-button',\n              }}\n            />\n          ) : undefined\n        }\n      >\n        <DSInputMask\n          {...rest}\n          mask={mask}\n          placeholderChar={placeholderChar}\n          onChange={onChange}\n          readOnly={left ? inputLocked : readOnly}\n          type={right && inputHidden ? 'password' : type}\n          value={value}\n        />\n      </InputGroup>\n    </div>\n  );\n};\n\nDSInputProtected.propTypes = inputProtectedProps;\nDSInputProtected.defaultProps = defaultProps;\n\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n"],"names":["ADDON_ICON_OPTIONS","LockUnlocked","LockLocked","VisibleView","InvisibleHide","DSInputProtected","leftAddon","rightAddon","onChange","value","readOnly","mask","type","placeholderChar","undefined","rest","left","right","useState","LEFT_ADDON_OPTIONS","inputLocked","setLocked","RIGHT_ADDON_OPTIONS","inputHidden","setHidden","useEffect","handleLeft","useCallback","handleRight","InputGroup","propTypes","inputProtectedProps","defaultProps","DSInputProtectedWithSchema","describe"],"mappings":"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"}

package/esm/InputProtected/index.js

@@ -1,14 +1,11 @@
-export { InputProtectedWithSchema, default } from './DSInputProtected.js';
+export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default } from './DSInputProtected.js';
 export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
 import 'react-desc';
-import '@elliemae/ds-icons/LockUnlocked';
-import '@elliemae/ds-icons/LockLocked';
-import '@elliemae/ds-icons/VisibleView';
-import '@elliemae/ds-icons/InvisibleHide';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '../InputGroup/DSInputGroup.js';
 import '../InputGroup/AddonWrapper.js';
@@ -35,7 +32,6 @@ import '../InputMask/utils/setCaretPosition.js';
 import '../TextBox/DSTextBox.js';
 import '../Input/DSInput.js';
 import '../Input/InputImpl.js';
-import '@elliemae/ds-icons/CloseCircle';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';

package/esm/InputProtected/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/InputProtected/options.js.map

@@ -1 +1 @@
-{"version":3,"file":"options.js","sources":["../../../src/InputProtected/options.tsx"],"sourcesContent":["export const LEFT_ADDON_OPTIONS = {\n  LockUnlocked: 'LockUnlocked',\n  LockLocked: 'LockLocked',\n};\nexport const RIGHT_ADDON_OPTIONS = {\n  VisibleView: 'VisibleView',\n  InvisibleHide: 'InvisibleHide',\n};\n"],"names":["LEFT_ADDON_OPTIONS","LockUnlocked","LockLocked","RIGHT_ADDON_OPTIONS","VisibleView","InvisibleHide"],"mappings":"IAAaA,kBAAkB,GAAG;AAChCC,EAAAA,YAAY,EAAE,cADkB;AAEhCC,EAAAA,UAAU,EAAE;AAFoB;IAIrBC,mBAAmB,GAAG;AACjCC,EAAAA,WAAW,EAAE,aADoB;AAEjCC,EAAAA,aAAa,EAAE;AAFkB;;;;"}
+{"version":3,"file":"options.js","sources":["../../../src/InputProtected/options.tsx"],"sourcesContent":["export const LEFT_ADDON_OPTIONS = {\n  LockUnlocked: 'LockUnlocked',\n  LockLocked: 'LockLocked',\n};\n\nexport const RIGHT_ADDON_OPTIONS = {\n  VisibleView: 'VisibleView',\n  InvisibleHide: 'InvisibleHide',\n};\n"],"names":["LEFT_ADDON_OPTIONS","LockUnlocked","LockLocked","RIGHT_ADDON_OPTIONS","VisibleView","InvisibleHide"],"mappings":"IAAaA,kBAAkB,GAAG;AAChCC,EAAAA,YAAY,EAAE,cADkB;AAEhCC,EAAAA,UAAU,EAAE;AAFoB;IAKrBC,mBAAmB,GAAG;AACjCC,EAAAA,WAAW,EAAE,aADoB;AAEjCC,EAAAA,aAAa,EAAE;AAFkB;;;;"}

package/esm/MenuItem/components/MenuItem/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { describe } from 'react-desc';
+import Grid from '@elliemae/ds-grid';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { itemProps, defaultProps } from '../../props.js';
+import { StyledMenuItemWrapper } from '../styled.js';
+import { StyledItemLabel } from './styled.js';
+import 'lodash';
+import 'styled-components';
+import 'styled-system';
+
+var MenuItem = function MenuItem(props) {
+  var propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, MenuItemWithSchema.toTypescript());
+  var dsId = propsWithDefault.dsId,
+      label = propsWithDefault.label,
+      isSelected = propsWithDefault.isSelected,
+      onClick = propsWithDefault.onClick,
+      isFocus = propsWithDefault.isFocus,
+      isActive = propsWithDefault.isActive,
+      innerRef = propsWithDefault.innerRef,
+      onMouseEnter = propsWithDefault.onMouseEnter,
+      onMouseLeave = propsWithDefault.onMouseLeave;
+  return /*#__PURE__*/React.createElement(StyledMenuItemWrapper, {
+    "aria-selected": isSelected,
+    id: dsId,
+    role: "option",
+    isSelected: isSelected,
+    isActive: isActive,
+    isFocus: isFocus,
+    onClick: onClick,
+    ref: innerRef,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(StyledItemLabel, null, label)));
+};
+
+MenuItem.propTypes = itemProps;
+var MenuItemWithSchema = describe(MenuItem);
+MenuItemWithSchema.propTypes = itemProps;
+
+export { MenuItem, MenuItemWithSchema };
+//# sourceMappingURL=index.js.map

package/esm/MenuItem/components/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/MenuItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledMenuItemWrapper } from '../styled';\nimport { StyledItemLabel } from './styled';\n\nconst MenuItem = (props: MenuItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, MenuItemWithSchema.toTypescript());\n\n  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave } =\n    propsWithDefault;\n\n  return (\n    <StyledMenuItemWrapper\n      aria-selected={isSelected}\n      id={dsId}\n      role=\"option\"\n      isSelected={isSelected}\n      isActive={isActive}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <Grid>\n        <StyledItemLabel>{label}</StyledItemLabel>\n      </Grid>\n    </StyledMenuItemWrapper>\n  );\n};\n\nMenuItem.propTypes = itemProps;\nconst MenuItemWithSchema = describe(MenuItem);\nMenuItemWithSchema.propTypes = itemProps;\n\nexport { MenuItem, MenuItemWithSchema };\n"],"names":["MenuItem","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","MenuItemWithSchema","toTypescript","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseEnter","onMouseLeave","propTypes","itemProps","describe"],"mappings":";;;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAmC;AAClD,MAAMC,gBAAgB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,YAAR,CAArD;AAEAC,EAAAA,8BAA8B,CAACH,gBAAD,EAAmBI,kBAAkB,CAACC,YAAnB,EAAnB,CAA9B;AAEA,MAAQC,IAAR,GACEN,gBADF,CAAQM,IAAR;AAAA,MAAcC,KAAd,GACEP,gBADF,CAAcO,KAAd;AAAA,MAAqBC,UAArB,GACER,gBADF,CAAqBQ,UAArB;AAAA,MAAiCC,OAAjC,GACET,gBADF,CAAiCS,OAAjC;AAAA,MAA0CC,OAA1C,GACEV,gBADF,CAA0CU,OAA1C;AAAA,MAAmDC,QAAnD,GACEX,gBADF,CAAmDW,QAAnD;AAAA,MAA6DC,QAA7D,GACEZ,gBADF,CAA6DY,QAA7D;AAAA,MAAuEC,YAAvE,GACEb,gBADF,CAAuEa,YAAvE;AAAA,MAAqFC,YAArF,GACEd,gBADF,CAAqFc,YAArF;AAGA,sBACE,oBAAC,qBAAD;AACE,qBAAeN,UADjB;AAEE,IAAA,EAAE,EAAEF,IAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,UAAU,EAAEE,UAJd;AAKE,IAAA,QAAQ,EAAEG,QALZ;AAME,IAAA,OAAO,EAAED,OANX;AAOE,IAAA,OAAO,EAAED,OAPX;AAQE,IAAA,GAAG,EAAEG,QARP;AASE,IAAA,YAAY,EAAEC,YAThB;AAUE,IAAA,YAAY,EAAEC;AAVhB,kBAYE,oBAAC,IAAD,qBACE,oBAAC,eAAD,QAAkBP,KAAlB,CADF,CAZF,CADF;AAkBD;;AAEDT,QAAQ,CAACiB,SAAT,GAAqBC,SAArB;IACMZ,kBAAkB,GAAGa,QAAQ,CAACnB,QAAD;AACnCM,kBAAkB,CAACW,SAAnB,GAA+BC,SAA/B;;;;"}

package/esm/MenuItem/components/MenuItem/styled.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+
+var StyledItemLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1f7cz5s-0"
+})(["display:grid;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
+
+export { StyledItemLabel };
+//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/MenuItem/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/MenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemLabel = styled.div`\n  display: grid;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n"],"names":["StyledItemLabel","styled","div"],"mappings":";;IAEaA,eAAe,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}

package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { describe } from 'react-desc';
+import { DSControlledCheckbox } from '@elliemae/ds-controlled-form';
+import { itemProps, defaultProps } from '../../props.js';
+import { StyledItemContent } from './styled.js';
+import { StyledGlobalMenuItemWrapper } from '../styled.js';
+import 'lodash';
+import 'styled-components';
+import 'styled-system';
+
+var MultiMenuItem = function MultiMenuItem(props) {
+  var dsId = props.dsId,
+      value = props.value,
+      label = props.label,
+      disabled = props.disabled,
+      isSelected = props.isSelected,
+      isActive = props.isActive,
+      onClick = props.onClick,
+      isFocus = props.isFocus,
+      innerRef = props.innerRef,
+      onMouseEnter = props.onMouseEnter,
+      onMouseLeave = props.onMouseLeave,
+      onMouseDown = props.onMouseDown;
+  return /*#__PURE__*/React.createElement(StyledGlobalMenuItemWrapper, {
+    id: dsId,
+    isActive: isActive,
+    isSelected: isSelected,
+    isFocus: isFocus,
+    onClick: onClick,
+    ref: innerRef,
+    onMouseDown: onMouseDown,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    tabIndex: 0,
+    role: "option",
+    className: isActive ? 'ds-list-item-active' : '',
+    "aria-selected": isSelected
+  }, /*#__PURE__*/React.createElement(StyledItemContent, null, /*#__PURE__*/React.createElement(DSControlledCheckbox, {
+    disabled: disabled,
+    checked: isSelected,
+    onMouseDown: onMouseDown,
+    name: value,
+    ariaLabel: label,
+    label: label,
+    id: value,
+    onChange: onClick
+  })));
+};
+
+MultiMenuItem.propTypes = itemProps;
+MultiMenuItem.defaultProps = defaultProps;
+var MultiMenuItemWithSchema = describe(MultiMenuItem);
+MultiMenuItemWithSchema.propTypes = itemProps;
+
+export { MultiMenuItem, MultiMenuItemWithSchema };
+//# sourceMappingURL=MultiMenuItem.js.map

package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiMenuItem.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n  const {\n    dsId,\n    value,\n    label,\n    disabled,\n    isSelected,\n    isActive,\n    onClick,\n    isFocus,\n    innerRef,\n    onMouseEnter,\n    onMouseLeave,\n    onMouseDown,\n  } = props;\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      isActive={isActive}\n      isSelected={isSelected}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      tabIndex={0}\n      role=\"option\"\n      className={isActive ? 'ds-list-item-active' : ''}\n      aria-selected={isSelected}\n    >\n      <StyledItemContent>\n        <DSControlledCheckbox\n          disabled={disabled}\n          checked={isSelected}\n          onMouseDown={onMouseDown}\n          name={value}\n          ariaLabel={label}\n          label={label}\n          id={value}\n          onChange={onClick}\n        />\n      </StyledItemContent>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],"names":["MultiMenuItem","props","dsId","value","label","disabled","isSelected","isActive","onClick","isFocus","innerRef","onMouseEnter","onMouseLeave","onMouseDown","propTypes","itemProps","defaultProps","MultiMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;IAOMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;AACvD,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,MAEEC,KAFF,GAaIF,KAbJ,CAEEE,KAFF;AAAA,MAGEC,KAHF,GAaIH,KAbJ,CAGEG,KAHF;AAAA,MAIEC,QAJF,GAaIJ,KAbJ,CAIEI,QAJF;AAAA,MAKEC,UALF,GAaIL,KAbJ,CAKEK,UALF;AAAA,MAMEC,QANF,GAaIN,KAbJ,CAMEM,QANF;AAAA,MAOEC,OAPF,GAaIP,KAbJ,CAOEO,OAPF;AAAA,MAQEC,OARF,GAaIR,KAbJ,CAQEQ,OARF;AAAA,MASEC,QATF,GAaIT,KAbJ,CASES,QATF;AAAA,MAUEC,YAVF,GAaIV,KAbJ,CAUEU,YAVF;AAAA,MAWEC,YAXF,GAaIX,KAbJ,CAWEW,YAXF;AAAA,MAYEC,WAZF,GAaIZ,KAbJ,CAYEY,WAZF;AAeA,sBACE,oBAAC,2BAAD;AACE,IAAA,EAAE,EAAEX,IADN;AAEE,IAAA,QAAQ,EAAEK,QAFZ;AAGE,IAAA,UAAU,EAAED,UAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,OAAO,EAAED,OALX;AAME,IAAA,GAAG,EAAEE,QANP;AAOE,IAAA,WAAW,EAAEG,WAPf;AAQE,IAAA,YAAY,EAAEF,YARhB;AASE,IAAA,YAAY,EAAEC,YAThB;AAUE,IAAA,QAAQ,EAAE,CAVZ;AAWE,IAAA,IAAI,EAAC,QAXP;AAYE,IAAA,SAAS,EAAEL,QAAQ,GAAG,qBAAH,GAA2B,EAZhD;AAaE,qBAAeD;AAbjB,kBAeE,oBAAC,iBAAD,qBACE,oBAAC,oBAAD;AACE,IAAA,QAAQ,EAAED,QADZ;AAEE,IAAA,OAAO,EAAEC,UAFX;AAGE,IAAA,WAAW,EAAEO,WAHf;AAIE,IAAA,IAAI,EAAEV,KAJR;AAKE,IAAA,SAAS,EAAEC,KALb;AAME,IAAA,KAAK,EAAEA,KANT;AAOE,IAAA,EAAE,EAAED,KAPN;AAQE,IAAA,QAAQ,EAAEK;AARZ,IADF,CAfF,CADF;AA8BD;;AAEDR,aAAa,CAACc,SAAd,GAA0BC,SAA1B;AACAf,aAAa,CAACgB,YAAd,GAA6BA,YAA7B;IACMC,uBAAuB,GAAGC,QAAQ,CAAClB,aAAD;AACxCiB,uBAAuB,CAACH,SAAxB,GAAoCC,SAApC;;;;"}

package/esm/MenuItem/components/MultiMenuItem/styled.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+
+var StyledItemContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1stlix4-0"
+})(["display:flex;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
+
+export { StyledItemContent };
+//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/MultiMenuItem/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemContent = styled.div`\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n"],"names":["StyledItemContent","styled","div"],"mappings":";;IAEaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}

package/esm/MenuItem/components/Section/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { describe } from 'react-desc';
+import Grid from '@elliemae/ds-grid';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { itemProps, defaultProps } from './props.js';
+import { StyledSectionWrapper, StyledGroupLabel } from './styled.js';
+import 'styled-components';
+
+var Section = function Section(props) {
+  var propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, MenuSectionItemWithSchema.toTypescript());
+  var label = props.label;
+  return /*#__PURE__*/React.createElement(StyledSectionWrapper, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(StyledGroupLabel, null, label)));
+};
+
+Section.propTypes = itemProps;
+var MenuSectionItemWithSchema = describe(Section);
+MenuSectionItemWithSchema.propTypes = itemProps;
+
+export { Section };
+//# sourceMappingURL=index.js.map

package/esm/MenuItem/components/Section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/Section/index.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuSectionItemT, defaultProps, itemProps } from './props';\nimport { StyledSectionWrapper, StyledGroupLabel } from './styled';\nconst Section = (props: MenuSectionItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, MenuSectionItemWithSchema.toTypescript());\n  const { label } = props;\n  return (\n    <StyledSectionWrapper>\n      <Grid>\n        <StyledGroupLabel>{label}</StyledGroupLabel>\n      </Grid>\n    </StyledSectionWrapper>\n  );\n};\n\nSection.propTypes = itemProps;\nconst MenuSectionItemWithSchema = describe(Section);\nMenuSectionItemWithSchema.propTypes = itemProps;\n\nexport { Section };\n"],"names":["Section","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","MenuSectionItemWithSchema","toTypescript","label","propTypes","itemProps","describe"],"mappings":";;;;;;;;IAMMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAA0C;AACxD,MAAMC,gBAAgB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,YAAR,CAArD;AAEAC,EAAAA,8BAA8B,CAACH,gBAAD,EAAmBI,yBAAyB,CAACC,YAA1B,EAAnB,CAA9B;AACA,MAAQC,KAAR,GAAkBP,KAAlB,CAAQO,KAAR;AACA,sBACE,oBAAC,oBAAD,qBACE,oBAAC,IAAD,qBACE,oBAAC,gBAAD,QAAmBA,KAAnB,CADF,CADF,CADF;AAOD;;AAEDR,OAAO,CAACS,SAAR,GAAoBC,SAApB;AACA,IAAMJ,yBAAyB,GAAGK,QAAQ,CAACX,OAAD,CAA1C;AACAM,yBAAyB,CAACG,SAA1B,GAAsCC,SAAtC;;;;"}

package/esm/MenuItem/components/Section/props.js

@@ -0,0 +1,11 @@
+import { PropTypes } from 'react-desc';
+
+var defaultProps = {
+  label: ''
+};
+var itemProps = {
+  label: PropTypes.string.description('').defaultValue('')
+};
+
+export { defaultProps, itemProps };
+//# sourceMappingURL=props.js.map

package/esm/MenuItem/components/Section/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../src/MenuItem/components/Section/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MenuSectionItemT {\n  label: string;\n}\n\nexport const defaultProps: MenuSectionItemT = {\n  label: '',\n};\n\nexport const itemProps = {\n  label: PropTypes.string.description('').defaultValue(''),\n};\n"],"names":["defaultProps","label","itemProps","PropTypes","string","description","defaultValue"],"mappings":";;IAMaA,YAA8B,GAAG;AAC5CC,EAAAA,KAAK,EAAE;AADqC;IAIjCC,SAAS,GAAG;AACvBD,EAAAA,KAAK,EAAEE,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C;AADgB;;;;"}

package/esm/MenuItem/components/Section/styled.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+
+var StyledSeparator = /*#__PURE__*/styled.hr.withConfig({
+  componentId: "sc-6xya9j-0"
+})(["border:none;height:1px;background-color:", ";;"], function (props) {
+  return props.theme.colors.neutral[500];
+});
+var StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-6xya9j-1"
+})(["font-family:12px;color:", ";"], function (props) {
+  return props.theme.colors.neutral[500];
+});
+var StyledSectionWrapper = /*#__PURE__*/styled.li.withConfig({
+  componentId: "sc-6xya9j-2"
+})(["list-style:none;margin:0px 16px;"]);
+
+export { StyledGroupLabel, StyledSectionWrapper, StyledSeparator };
+//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/Section/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/Section/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSeparator = styled.hr`\n  border: none;\n  height: 1px;\n  /* Set the hr color */\n  background-color: ${(props) => props.theme.colors.neutral[500]}; ;\n`;\n\nexport const StyledGroupLabel = styled.span`\n  font-family: 12px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\n\nexport const StyledSectionWrapper = styled.li`\n  list-style: none;\n  margin: 0px 16px;\n`;\n"],"names":["StyledSeparator","styled","hr","props","theme","colors","neutral","StyledGroupLabel","span","StyledSectionWrapper","li"],"mappings":";;IAEaA,eAAe,gBAAGC,MAAM,CAACC,EAAV;AAAA;AAAA,uDAIN,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJM;IAOfC,gBAAgB,gBAAGN,MAAM,CAACO,IAAV;AAAA;AAAA,qCAElB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFkB;IAKhBG,oBAAoB,gBAAGR,MAAM,CAACS,EAAV;AAAA;AAAA;;;;"}

package/esm/MenuItem/components/Separator/index.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StyledSeparatorWrapper, StyledSeparator } from './styled.js';
+import 'styled-components';
+
+var Separator = function Separator() {
+  return /*#__PURE__*/React.createElement(StyledSeparatorWrapper, null, /*#__PURE__*/React.createElement(StyledSeparator, null));
+};
+
+export { Separator };
+//# sourceMappingURL=index.js.map

package/esm/MenuItem/components/Separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/Separator/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledSeparatorWrapper, StyledSeparator } from './styled';\nconst Separator = (): JSX.Element => (\n  <StyledSeparatorWrapper>\n    <StyledSeparator />\n  </StyledSeparatorWrapper>\n);\n\nexport { Separator };\n"],"names":["Separator"],"mappings":";;;;IAGMA,SAAS,GAAG,SAAZA,SAAY;AAAA,sBAChB,oBAAC,sBAAD,qBACE,oBAAC,eAAD,OADF,CADgB;AAAA;;;;"}

package/esm/MenuItem/components/Separator/styled.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+
+var StyledSeparator = /*#__PURE__*/styled.hr.withConfig({
+  componentId: "sc-1xat2d9-0"
+})(["border:none;height:1px;background-color:", ";;"], function (props) {
+  return props.theme.colors.neutral[500];
+});
+var StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-1xat2d9-1"
+})(["font-size:12px;color:", ";"], function (props) {
+  return props.theme.colors.neutral[500];
+});
+var StyledSeparatorWrapper = /*#__PURE__*/styled.li.withConfig({
+  componentId: "sc-1xat2d9-2"
+})(["list-style:none;margin:0px 16px;"]);
+
+export { StyledGroupLabel, StyledSeparator, StyledSeparatorWrapper };
+//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/Separator/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/Separator/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSeparator = styled.hr`\n  border: none;\n  height: 1px;\n  /* Set the hr color */\n  background-color: ${(props) => props.theme.colors.neutral[500]}; ;\n`;\n\nexport const StyledGroupLabel = styled.span`\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\n\nexport const StyledSeparatorWrapper = styled.li`\n  list-style: none;\n  margin: 0px 16px;\n`;\n"],"names":["StyledSeparator","styled","hr","props","theme","colors","neutral","StyledGroupLabel","span","StyledSeparatorWrapper","li"],"mappings":";;IAEaA,eAAe,gBAAGC,MAAM,CAACC,EAAV;AAAA;AAAA,uDAIN,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJM;IAOfC,gBAAgB,gBAAGN,MAAM,CAACO,IAAV;AAAA;AAAA,mCAElB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFkB;IAKhBG,sBAAsB,gBAAGR,MAAM,CAACS,EAAV;AAAA;AAAA;;;;"}

package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { describe } from 'react-desc';
+import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
+import Checkmark from '@elliemae/ds-icons/Checkmark';
+import Grid from '@elliemae/ds-grid';
+import { itemProps, defaultProps } from '../../props.js';
+import { StyledItemChecked, StyledItemLabel } from './styled.js';
+import { StyledGlobalMenuItemWrapper } from '../styled.js';
+import 'lodash';
+import 'styled-components';
+import 'styled-system';
+
+var SingleMenuItem = function SingleMenuItem(props) {
+  var dsId = props.dsId,
+      label = props.label,
+      isSelected = props.isSelected,
+      onClick = props.onClick,
+      isFocus = props.isFocus,
+      isActive = props.isActive,
+      innerRef = props.innerRef,
+      onMouseDown = props.onMouseDown,
+      onMouseEnter = props.onMouseEnter,
+      onMouseLeave = props.onMouseLeave;
+  return /*#__PURE__*/React.createElement(StyledGlobalMenuItemWrapper, {
+    "aria-selected": isSelected,
+    id: dsId,
+    role: "option",
+    isActive: isActive,
+    isSelected: isSelected,
+    isFocus: isFocus,
+    onClick: onClick,
+    ref: innerRef,
+    onMouseDown: onMouseDown,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    className: isActive ? 'ds-list-item-active' : ''
+  }, /*#__PURE__*/React.createElement(Grid, {
+    cols: ['min-content', 'auto'],
+    height: "16px",
+    gutter: "xxs"
+  }, /*#__PURE__*/React.createElement(StyledItemChecked, null, isSelected && /*#__PURE__*/React.createElement(Checkmark, {
+    size: "s",
+    color: ['brand-primary', '600']
+  })), /*#__PURE__*/React.createElement(StyledItemLabel, null, /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
+    value: label
+  }))));
+};
+
+SingleMenuItem.propTypes = itemProps;
+SingleMenuItem.defaultProps = defaultProps;
+var SingleMenuItemWithSchema = describe(SingleMenuItem);
+SingleMenuItemWithSchema.propTypes = itemProps;
+
+export { SingleMenuItem };
+//# sourceMappingURL=SingleMenuItem.js.map

package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport Checkmark from '@elliemae/ds-icons/Checkmark';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseDown, onMouseEnter, onMouseLeave } =\n    props;\n  return (\n    <StyledGlobalMenuItemWrapper\n      aria-selected={isSelected}\n      id={dsId}\n      role=\"option\"\n      isActive={isActive}\n      isSelected={isSelected}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={isActive ? 'ds-list-item-active' : ''}\n    >\n      <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n        <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n        <StyledItemLabel>\n          <SimpleTruncatedTooltipText value={label} />\n        </StyledItemLabel>\n      </Grid>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;AACxD,MAAQC,IAAR,GACED,KADF,CAAQC,IAAR;AAAA,MAAcC,KAAd,GACEF,KADF,CAAcE,KAAd;AAAA,MAAqBC,UAArB,GACEH,KADF,CAAqBG,UAArB;AAAA,MAAiCC,OAAjC,GACEJ,KADF,CAAiCI,OAAjC;AAAA,MAA0CC,OAA1C,GACEL,KADF,CAA0CK,OAA1C;AAAA,MAAmDC,QAAnD,GACEN,KADF,CAAmDM,QAAnD;AAAA,MAA6DC,QAA7D,GACEP,KADF,CAA6DO,QAA7D;AAAA,MAAuEC,WAAvE,GACER,KADF,CAAuEQ,WAAvE;AAAA,MAAoFC,YAApF,GACET,KADF,CAAoFS,YAApF;AAAA,MAAkGC,YAAlG,GACEV,KADF,CAAkGU,YAAlG;AAEA,sBACE,oBAAC,2BAAD;AACE,qBAAeP,UADjB;AAEE,IAAA,EAAE,EAAEF,IAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,QAAQ,EAAEK,QAJZ;AAKE,IAAA,UAAU,EAAEH,UALd;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,OAAO,EAAED,OAPX;AAQE,IAAA,GAAG,EAAEG,QARP;AASE,IAAA,WAAW,EAAEC,WATf;AAUE,IAAA,YAAY,EAAEC,YAVhB;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,SAAS,EAAEJ,QAAQ,GAAG,qBAAH,GAA2B;AAZhD,kBAcE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,CAAZ;AAAqC,IAAA,MAAM,EAAC,MAA5C;AAAmD,IAAA,MAAM,EAAC;AAA1D,kBACE,oBAAC,iBAAD,QAAoBH,UAAU,iBAAI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IAAlC,CADF,eAEE,oBAAC,eAAD,qBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAED;AAAnC,IADF,CAFF,CAdF,CADF;AAuBD;;AAEDH,cAAc,CAACY,SAAf,GAA2BC,SAA3B;AACAb,cAAc,CAACc,YAAf,GAA8BA,YAA9B;AACA,IAAMC,wBAAwB,GAAGC,QAAQ,CAAChB,cAAD,CAAzC;AACAe,wBAAwB,CAACH,SAAzB,GAAqCC,SAArC;;;;"}

package/esm/MenuItem/components/SingleMenuItem/styled.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+
+var StyledItemChecked = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-s7mavv-0"
+})(["display:flex;align-items:center;width:16px;"]);
+var StyledItemLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-s7mavv-1"
+})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;line-height:16px;"]);
+
+export { StyledItemChecked, StyledItemLabel };
+//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/SingleMenuItem/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemChecked = styled.div`\n  display: flex;\n  align-items: center;\n  width: 16px;\n`;\n\nexport const StyledItemLabel = styled.div`\n  display: inline-block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n  line-height: 16px;\n`;\n"],"names":["StyledItemChecked","styled","div","StyledItemLabel"],"mappings":";;IAEaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;IAMjBC,eAAe,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}

package/esm/MenuItem/components/SubmenuItem/index.js

@@ -0,0 +1,110 @@
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { describe } from 'react-desc';
+import Grid from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button';
+import Ellipsis from '@elliemae/ds-icons/MoreOptionsVert';
+import ChevronRight from '@elliemae/ds-icons/ChevronRight';
+import { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { itemProps, defaultProps } from '../../props.js';
+import { StyledItemLabel } from './styled.js';
+import { StyledSubmenuItemWrapper } from '../styled.js';
+import 'lodash';
+import 'styled-components';
+import 'styled-system';
+
+var SubmenuItem = function SubmenuItem(props) {
+  var propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, SubmenuItemWithSchema.toTypescript());
+  var dsId = propsWithDefault.dsId,
+      label = propsWithDefault.label,
+      isSelected = propsWithDefault.isSelected,
+      isActive = propsWithDefault.isActive,
+      _onClick = propsWithDefault.onClick,
+      isFocus = propsWithDefault.isFocus,
+      rightAddon = propsWithDefault.rightAddon,
+      options = propsWithDefault.options,
+      selectedOptions = propsWithDefault.selectedOptions,
+      innerRef = propsWithDefault.innerRef,
+      onMouseEnter = propsWithDefault.onMouseEnter,
+      onMouseLeave = propsWithDefault.onMouseLeave,
+      onKeyDown = propsWithDefault.onKeyDown,
+      onOptionClick = propsWithDefault.onOptionClick,
+      onClickOutside = propsWithDefault.onClickOutside;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      delayedIsOpened = _useState2[0],
+      setDelayedIsOpened = _useState2[1];
+
+  useEffect(function () {
+    setDelayedIsOpened(isSelected);
+  }, [isSelected]);
+  var timeoutRef = useRef(null);
+  var onMouseEnterHandler = useCallback(function (e) {
+    if (rightAddon !== 'ellipsis') {
+      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);else if (!isSelected) _onClick(e);
+      timeoutRef.current = null;
+    }
+
+    if (e.target) onMouseEnter(e);
+  }, [isSelected, _onClick, onMouseEnter, rightAddon]);
+  var onMouseLeaveHandler = useCallback(function (e) {
+    if (rightAddon !== 'ellipsis') {
+      if (timeoutRef.current === null) {
+        timeoutRef.current = setTimeout(function () {
+          timeoutRef.current = null;
+
+          _onClick(e);
+        }, 300);
+      }
+    }
+
+    onMouseLeave(e);
+  }, [_onClick, onMouseLeave, rightAddon]);
+  return /*#__PURE__*/React.createElement(DSDropdownMenuV2, {
+    isOpened: delayedIsOpened,
+    options: options,
+    onOptionClick: onOptionClick,
+    startPlacementPreference: "right-start",
+    placementOrderPreference: ['right-start', 'right-end', 'left-start', 'left-end'],
+    selectedOptions: selectedOptions,
+    onKeyDown: onKeyDown,
+    onMouseEnter: onMouseEnterHandler,
+    onMouseLeave: onMouseLeaveHandler,
+    onClickOutside: onClickOutside,
+    wrapperSpacing: {
+      width: '100%'
+    },
+    customOffset: [0, 1]
+  }, /*#__PURE__*/React.createElement(StyledSubmenuItemWrapper, {
+    "aria-selected": isSelected,
+    pr: 0,
+    id: dsId,
+    role: "option",
+    isSelected: isSelected,
+    isActive: isActive,
+    isFocus: isFocus,
+    onClick: _onClick,
+    ref: innerRef,
+    onMouseEnter: onMouseEnterHandler,
+    onMouseLeave: onMouseLeaveHandler
+  }, /*#__PURE__*/React.createElement(Grid, {
+    cols: ['auto', 'min-content']
+  }, /*#__PURE__*/React.createElement(StyledItemLabel, null, label), /*#__PURE__*/React.createElement(DSButtonV2, {
+    buttonType: "icon",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+
+      _onClick(e);
+    }
+  }, rightAddon === 'ellipsis' ? /*#__PURE__*/React.createElement(Ellipsis, null) : /*#__PURE__*/React.createElement(ChevronRight, null)))));
+};
+
+SubmenuItem.propTypes = itemProps;
+var SubmenuItemWithSchema = describe(SubmenuItem);
+SubmenuItemWithSchema.propTypes = itemProps;
+
+export { SubmenuItem, SubmenuItemWithSchema };
+//# sourceMappingURL=index.js.map