@elliemae/ds-menu-items-single-with-submenu 3.36.0-next.0 → 3.36.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/cjs/DSMenuItemsSingleWithSubmenu.js +1 -2
  2. package/dist/cjs/DSMenuItemsSingleWithSubmenu.js.map +1 -1
  3. package/dist/cjs/config/useGetSubmenuHandlers.js +5 -10
  4. package/dist/cjs/config/useGetSubmenuHandlers.js.map +1 -1
  5. package/dist/cjs/config/useValidateProps.js.map +1 -1
  6. package/dist/cjs/index.js +0 -1
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/esm/DSMenuItemsSingleWithSubmenu.js +1 -2
  9. package/dist/esm/DSMenuItemsSingleWithSubmenu.js.map +1 -1
  10. package/dist/esm/config/useGetSubmenuHandlers.js +5 -10
  11. package/dist/esm/config/useGetSubmenuHandlers.js.map +1 -1
  12. package/dist/esm/config/useValidateProps.js.map +1 -1
  13. package/dist/esm/index.js +0 -1
  14. package/dist/esm/index.js.map +1 -1
  15. package/dist/types/config/useMenuItemsSingleWithSubmenu.d.ts +29 -29
  16. package/package.json +9 -9
package/dist/cjs/DSMenuItemsSingleWithSubmenu.js CHANGED
@@ -76,8 +76,7 @@ const DSMenuItemsSingleWithSubmenu = (props) => {
76
76
  }, [isSubmenuOpened]);
77
77
  const gridLayout = import_react.default.useMemo(() => {
78
78
  const cols = ["16px", "auto"];
79
- if (secondaryLabel)
80
- cols.push("min-content");
79
+ if (secondaryLabel) cols.push("min-content");
81
80
  cols.push("min-content");
82
81
  return cols;
83
82
  }, [secondaryLabel]);
package/dist/cjs/DSMenuItemsSingleWithSubmenu.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSMenuItemsSingleWithSubmenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { MoreOptionsVert, ChevronRight, Checkmark } from '@elliemae/ds-icons';\nimport {\n type DSMenuItemsSingleWithSubmenuT,\n DSMenuItemsSingleWithSubmenuPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport {\n StyledGlobalMenuItemWrapper,\n StyledContentWrapper,\n StyleMenuItemLabel,\n StyleMenuItemSecondaryLabel,\n StyledIconContainer,\n StyledVerticalSeparator,\n StyledEllipsisButton,\n} from '@elliemae/ds-menu-items-commons';\nimport { useMenuItemsSingleWithSubmenu } from './config/useMenuItemsSingleWithSubmenu.js';\n\nconst DSMenuItemsSingleWithSubmenu: React.ComponentType<DSMenuItemsSingleWithSubmenuT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps, eventHandlers } = useMenuItemsSingleWithSubmenu(props);\n const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = eventHandlers;\n const {\n dsId,\n label,\n secondaryLabel,\n isActive,\n disabled,\n onClick,\n isSelected,\n isSubmenuOpened,\n rightAddon,\n innerRef,\n wrapperStyles,\n render: Render,\n Dropdown,\n dropdownProps: {\n options,\n openedSubmenus,\n onSubmenuToggle,\n selectedOptions,\n onKeyDown,\n onOptionClick,\n onClickOutside,\n minWidth,\n maxHeight,\n },\n } = propsWithDefault;\n\n // If we don't delay the opening of the poppers, the position will not be placed correctly\n // That why we delay it for the next render using the useEffect hook\n // TODO -- @carusox move this to utilities as a hook\n const [delayedIsOpened, setDelayedIsOpened] = React.useState(false);\n\n // eslint-disable-next-line @typescript-eslint/naming-convention, no-unused-vars\n const { minWidth: _widthToRemoveFromGlobals, ...restXStyled } = xstyledProps;\n\n React.useEffect(() => {\n setTimeout(() => setDelayedIsOpened(isSubmenuOpened));\n }, [isSubmenuOpened]);\n\n const gridLayout = React.useMemo(() => {\n const cols = ['16px', 'auto'];\n if (secondaryLabel) cols.push('min-content');\n cols.push('min-content');\n return cols;\n }, [secondaryLabel]);\n\n return (\n <Dropdown\n isOpened={delayedIsOpened}\n options={options ?? []}\n onOptionClick={onOptionClick}\n startPlacementPreference=\"right-start\"\n placementOrderPreference={['right-start', 'right-end', 'left-start', 'left-end']}\n selectedOptions={selectedOptions}\n openedSubmenus={openedSubmenus}\n onSubmenuToggle={onSubmenuToggle}\n onKeyDown={onKeyDown}\n onClickOutside={onClickOutside}\n customOffset={[-4, 1]}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n wrapperStyles={{ ...wrapperStyles, w: '100%' }}\n minWidth={minWidth}\n maxHeight={maxHeight}\n data-popover-label={label}\n as=\"li\"\n role=\"option\"\n aria-selected={isSubmenuOpened}\n aria-describedby={`dropdownmenu-submenu-${dsId}`}\n id={dsId}\n {...globalProps}\n {...restXStyled}\n >\n <StyledGlobalMenuItemWrapper\n pr={0}\n onClick={!disabled ? onClick : undefined}\n isSelected={isSubmenuOpened}\n disabled={disabled}\n isActive={isActive}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n as={'div' as keyof JSX.IntrinsicElements}\n innerRef={innerRef}\n data-type=\"single-with-submenu\"\n >\n {Render !== undefined ? (\n <Render {...propsWithDefault} />\n ) : (\n <StyledContentWrapper cols={gridLayout} gutter=\"xxs\" alignItems=\"center\">\n {isSelected ? (\n <Checkmark size=\"s\" color={disabled ? ['neutral', '500'] : ['brand-primary', '600']} />\n ) : (\n <div />\n )}\n <StyleMenuItemLabel>{label}</StyleMenuItemLabel>\n {secondaryLabel !== undefined && (\n <StyleMenuItemSecondaryLabel>{secondaryLabel}</StyleMenuItemSecondaryLabel>\n )}\n <StyledIconContainer>\n <StyledVerticalSeparator />\n {rightAddon === 'ellipsis' ? (\n <StyledEllipsisButton tabIndex={-1} onClick={onEllipsisClick} disabled={disabled}>\n <MoreOptionsVert\n className=\"ds-dropdown-menu-v2-more-options\"\n color={disabled ? ['neutral', '500'] : ['brand-primary', '600']}\n size=\"s\"\n />\n </StyledEllipsisButton>\n ) : (\n <ChevronRight color={disabled ? ['neutral', '500'] : ['brand-primary', '600']} size=\"s\" />\n )}\n </StyledIconContainer>\n </StyledContentWrapper>\n )}\n <span id={`dropdownmenu-submenu-${dsId}`} style={{ display: 'none' }}>\n submenu, to open this submenu press the Right Arrow key\n </span>\n </StyledGlobalMenuItemWrapper>\n </Dropdown>\n );\n};\n\n// this is `'DSMenuItemSingleWithSubmenu'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSingleWithSubmenu.displayName = `DSMenuItemSingleWithSubmenu`;\nconst DSMenuItemsSingleWithSubmenuWithSchema = describe(DSMenuItemsSingleWithSubmenu);\nDSMenuItemsSingleWithSubmenuWithSchema.propTypes = DSMenuItemsSingleWithSubmenuPropTypesSchema;\n\nexport { DSMenuItemsSingleWithSubmenu, DSMenuItemsSingleWithSubmenuWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Gb;AA3GV,mBAAkB;AAClB,8BAAyB;AACzB,sBAAyD;AACzD,mCAGO;AACP,mCAQO;AACP,2CAA8C;AAE9C,MAAM,+BAAyF,CAAC,UAAU;AACxG,QAAM,EAAE,kBAAkB,aAAa,cAAc,cAAc,QAAI,oEAA8B,KAAK;AAC1G,QAAM,EAAE,qBAAqB,qBAAqB,gBAAgB,IAAI;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,eAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI;AAKJ,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,aAAAA,QAAM,SAAS,KAAK;AAGlE,QAAM,EAAE,UAAU,2BAA2B,GAAG,YAAY,IAAI;AAEhE,eAAAA,QAAM,UAAU,MAAM;AACpB,eAAW,MAAM,mBAAmB,eAAe,CAAC;AAAA,EACtD,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM;AACrC,UAAM,OAAO,CAAC,QAAQ,MAAM;AAC5B,QAAI;AAAgB,WAAK,KAAK,aAAa;AAC3C,SAAK,KAAK,aAAa;AACvB,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,SAAS,WAAW,CAAC;AAAA,MACrB;AAAA,MACA,0BAAyB;AAAA,MACzB,0BAA0B,CAAC,eAAe,aAAa,cAAc,UAAU;AAAA,MAC/E;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,CAAC,IAAI,CAAC;AAAA,MACpB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe,EAAE,GAAG,eAAe,GAAG,OAAO;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,sBAAoB;AAAA,MACpB,IAAG;AAAA,MACH,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,oBAAkB,wBAAwB;AAAA,MAC1C,IAAI;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,SAAS,CAAC,WAAW,UAAU;AAAA,UAC/B,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,cAAc;AAAA,UACd,IAAI;AAAA,UACJ;AAAA,UACA,aAAU;AAAA,UAET;AAAA,uBAAW,SACV,4CAAC,UAAQ,GAAG,kBAAkB,IAE9B,6CAAC,qDAAqB,MAAM,YAAY,QAAO,OAAM,YAAW,UAC7D;AAAA,2BACC,4CAAC,6BAAU,MAAK,KAAI,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK,GAAG,IAErF,4CAAC,SAAI;AAAA,cAEP,4CAAC,mDAAoB,iBAAM;AAAA,cAC1B,mBAAmB,UAClB,4CAAC,4DAA6B,0BAAe;AAAA,cAE/C,6CAAC,oDACC;AAAA,4DAAC,wDAAwB;AAAA,gBACxB,eAAe,aACd,4CAAC,qDAAqB,UAAU,IAAI,SAAS,iBAAiB,UAC5D;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA,oBAC9D,MAAK;AAAA;AAAA,gBACP,GACF,IAEA,4CAAC,gCAAa,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AAAA,iBAE5F;AAAA,eACF;AAAA,YAEF,4CAAC,UAAK,IAAI,wBAAwB,QAAQ,OAAO,EAAE,SAAS,OAAO,GAAG,qEAEtE;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAGA,6BAA6B,cAAc;AAC3C,MAAM,6CAAyC,kCAAS,4BAA4B;AACpF,uCAAuC,YAAY;",
5
+ "mappings": "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",
6
6
  "names": ["React"]
7
7
  }
package/dist/cjs/config/useGetSubmenuHandlers.js CHANGED
@@ -46,10 +46,8 @@ const useGetSubmenuHandlers = ({
46
46
  const onMouseEnterHandler = import_react.default.useCallback(
47
47
  (e) => {
48
48
  if (rightAddon !== "ellipsis") {
49
- if (timeoutRef.current !== null)
50
- clearTimeout(timeoutRef.current);
51
- else if (!isSubmenuOpened)
52
- onSubmenuOpen(e);
49
+ if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
50
+ else if (!isSubmenuOpened) onSubmenuOpen(e);
53
51
  timeoutRef.current = null;
54
52
  }
55
53
  onMouseEnter(e);
@@ -72,13 +70,10 @@ const useGetSubmenuHandlers = ({
72
70
  );
73
71
  const onEllipsisClick = import_react.default.useCallback(
74
72
  (e) => {
75
- if (disabled)
76
- return;
73
+ if (disabled) return;
77
74
  e.stopPropagation();
78
- if (isSubmenuOpened)
79
- onSubmenuClose?.(e);
80
- else
81
- onSubmenuOpen(e);
75
+ if (isSubmenuOpened) onSubmenuClose?.(e);
76
+ else onSubmenuOpen(e);
82
77
  },
83
78
  [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen]
84
79
  );
package/dist/cjs/config/useGetSubmenuHandlers.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useGetSubmenuHandlers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { type DSMenuItemsSingleWithSubmenuT } from '../react-desc-prop-types.js';\n\nexport const useGetSubmenuHandlers = ({\n disabled,\n rightAddon,\n isSubmenuOpened,\n onMouseEnter,\n onSubmenuOpen,\n onSubmenuClose,\n onMouseLeave,\n}: DSMenuItemsSingleWithSubmenuT.InternalProps) => {\n const timeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n\n const onMouseEnterHandler = React.useCallback(\n (e: React.MouseEvent<Element>) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n else if (!isSubmenuOpened) onSubmenuOpen(e);\n timeoutRef.current = null;\n }\n onMouseEnter(e);\n },\n [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon],\n );\n\n const onMouseLeaveHandler = React.useCallback(\n (e: React.MouseEvent<Element>) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current === null) {\n timeoutRef.current = setTimeout(() => {\n timeoutRef.current = null;\n onSubmenuClose?.(e);\n }, 300);\n }\n }\n onMouseLeave(e);\n },\n [onMouseLeave, onSubmenuClose, rightAddon],\n );\n\n const onEllipsisClick = React.useCallback<React.MouseEventHandler<Element>>(\n (e) => {\n if (disabled) return;\n e.stopPropagation();\n if (isSubmenuOpened) onSubmenuClose?.(e);\n else onSubmenuOpen(e);\n },\n [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen],\n );\n\n return React.useMemo(\n () => ({ onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick }),\n [onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGX,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM,aAAa,aAAAA,QAAM,OAA8B,IAAI;AAE3D,QAAM,sBAAsB,aAAAA,QAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY;AAAM,uBAAa,WAAW,OAAO;AAAA,iBACvD,CAAC;AAAiB,wBAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,sBAAsB,aAAAA,QAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,6BAAiB,CAAC;AAAA,UACpB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,CAAC,MAAM;AACL,UAAI;AAAU;AACd,QAAE,gBAAgB;AAClB,UAAI;AAAiB,yBAAiB,CAAC;AAAA;AAClC,sBAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AAAA,IACnE,CAAC,qBAAqB,qBAAqB,eAAe;AAAA,EAC5D;AACF;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGX,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM,aAAa,aAAAA,QAAM,OAA8B,IAAI;AAE3D,QAAM,sBAAsB,aAAAA,QAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,KAAM,cAAa,WAAW,OAAO;AAAA,iBACvD,CAAC,gBAAiB,eAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,sBAAsB,aAAAA,QAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,6BAAiB,CAAC;AAAA,UACpB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,CAAC,MAAM;AACL,UAAI,SAAU;AACd,QAAE,gBAAgB;AAClB,UAAI,gBAAiB,kBAAiB,CAAC;AAAA,UAClC,eAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AAAA,IACnE,CAAC,qBAAqB,qBAAqB,eAAe;AAAA,EAC5D;AACF;",
6
6
  "names": ["React"]
7
7
  }
package/dist/cjs/config/useValidateProps.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSMenuItemName } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\nimport { type DSMenuItemsSingleWithSubmenuT } from '../react-desc-prop-types.js';\n\n// because this is inherited from the common props, we do not want to put this in the /constants/index.ts file\n// this is strictly defined here because this is meant to strictly influence ONLY the ERROR layer\n// this is 100% decoupled from ds-slots & data-testid\n// this constants only affect the shown error message as of 21/december/2023\nconst DSMenuItemsSingleWithSubmenuName = `${DSMenuItemName}SingleWithSubmenu`;\n\nexport const useValidateProps = (\n props: DSMenuItemsSingleWithSubmenuT.InternalProps,\n propTypes: WeakValidationMap<unknown>,\n): void => {\n // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n useValidateTypescriptPropTypes(props, propTypes, DSMenuItemsSingleWithSubmenuName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAC/C,mCAA+B;AAQ/B,MAAM,mCAAmC,GAAG;AAErC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,gCAAgC;AACnF;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAC/C,mCAA+B;AAQ/B,MAAM,mCAAmC,GAAG,2CAAc;AAEnD,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,gCAAgC;AACnF;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -34,5 +34,4 @@ __export(src_exports, {
34
34
  module.exports = __toCommonJS(src_exports);
35
35
  var React = __toESM(require("react"));
36
36
  var import_DSMenuItemsSingleWithSubmenu = require("./DSMenuItemsSingleWithSubmenu.js");
37
- var import_react_desc_prop_types = require("./react-desc-prop-types.js");
38
37
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport {\n DSMenuItemsSingleWithSubmenu,\n DSMenuItemsSingleWithSubmenuWithSchema,\n} from './DSMenuItemsSingleWithSubmenu.js';\nexport { type DSMenuItemsSingleWithSubmenuT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0CAGO;AACP,mCAAmD;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0CAGO;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSMenuItemsSingleWithSubmenu.js CHANGED
@@ -52,8 +52,7 @@ const DSMenuItemsSingleWithSubmenu = (props) => {
52
52
  }, [isSubmenuOpened]);
53
53
  const gridLayout = React2.useMemo(() => {
54
54
  const cols = ["16px", "auto"];
55
- if (secondaryLabel)
56
- cols.push("min-content");
55
+ if (secondaryLabel) cols.push("min-content");
57
56
  cols.push("min-content");
58
57
  return cols;
59
58
  }, [secondaryLabel]);
package/dist/esm/DSMenuItemsSingleWithSubmenu.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuItemsSingleWithSubmenu.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { MoreOptionsVert, ChevronRight, Checkmark } from '@elliemae/ds-icons';\nimport {\n type DSMenuItemsSingleWithSubmenuT,\n DSMenuItemsSingleWithSubmenuPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport {\n StyledGlobalMenuItemWrapper,\n StyledContentWrapper,\n StyleMenuItemLabel,\n StyleMenuItemSecondaryLabel,\n StyledIconContainer,\n StyledVerticalSeparator,\n StyledEllipsisButton,\n} from '@elliemae/ds-menu-items-commons';\nimport { useMenuItemsSingleWithSubmenu } from './config/useMenuItemsSingleWithSubmenu.js';\n\nconst DSMenuItemsSingleWithSubmenu: React.ComponentType<DSMenuItemsSingleWithSubmenuT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps, eventHandlers } = useMenuItemsSingleWithSubmenu(props);\n const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = eventHandlers;\n const {\n dsId,\n label,\n secondaryLabel,\n isActive,\n disabled,\n onClick,\n isSelected,\n isSubmenuOpened,\n rightAddon,\n innerRef,\n wrapperStyles,\n render: Render,\n Dropdown,\n dropdownProps: {\n options,\n openedSubmenus,\n onSubmenuToggle,\n selectedOptions,\n onKeyDown,\n onOptionClick,\n onClickOutside,\n minWidth,\n maxHeight,\n },\n } = propsWithDefault;\n\n // If we don't delay the opening of the poppers, the position will not be placed correctly\n // That why we delay it for the next render using the useEffect hook\n // TODO -- @carusox move this to utilities as a hook\n const [delayedIsOpened, setDelayedIsOpened] = React.useState(false);\n\n // eslint-disable-next-line @typescript-eslint/naming-convention, no-unused-vars\n const { minWidth: _widthToRemoveFromGlobals, ...restXStyled } = xstyledProps;\n\n React.useEffect(() => {\n setTimeout(() => setDelayedIsOpened(isSubmenuOpened));\n }, [isSubmenuOpened]);\n\n const gridLayout = React.useMemo(() => {\n const cols = ['16px', 'auto'];\n if (secondaryLabel) cols.push('min-content');\n cols.push('min-content');\n return cols;\n }, [secondaryLabel]);\n\n return (\n <Dropdown\n isOpened={delayedIsOpened}\n options={options ?? []}\n onOptionClick={onOptionClick}\n startPlacementPreference=\"right-start\"\n placementOrderPreference={['right-start', 'right-end', 'left-start', 'left-end']}\n selectedOptions={selectedOptions}\n openedSubmenus={openedSubmenus}\n onSubmenuToggle={onSubmenuToggle}\n onKeyDown={onKeyDown}\n onClickOutside={onClickOutside}\n customOffset={[-4, 1]}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n wrapperStyles={{ ...wrapperStyles, w: '100%' }}\n minWidth={minWidth}\n maxHeight={maxHeight}\n data-popover-label={label}\n as=\"li\"\n role=\"option\"\n aria-selected={isSubmenuOpened}\n aria-describedby={`dropdownmenu-submenu-${dsId}`}\n id={dsId}\n {...globalProps}\n {...restXStyled}\n >\n <StyledGlobalMenuItemWrapper\n pr={0}\n onClick={!disabled ? onClick : undefined}\n isSelected={isSubmenuOpened}\n disabled={disabled}\n isActive={isActive}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n as={'div' as keyof JSX.IntrinsicElements}\n innerRef={innerRef}\n data-type=\"single-with-submenu\"\n >\n {Render !== undefined ? (\n <Render {...propsWithDefault} />\n ) : (\n <StyledContentWrapper cols={gridLayout} gutter=\"xxs\" alignItems=\"center\">\n {isSelected ? (\n <Checkmark size=\"s\" color={disabled ? ['neutral', '500'] : ['brand-primary', '600']} />\n ) : (\n <div />\n )}\n <StyleMenuItemLabel>{label}</StyleMenuItemLabel>\n {secondaryLabel !== undefined && (\n <StyleMenuItemSecondaryLabel>{secondaryLabel}</StyleMenuItemSecondaryLabel>\n )}\n <StyledIconContainer>\n <StyledVerticalSeparator />\n {rightAddon === 'ellipsis' ? (\n <StyledEllipsisButton tabIndex={-1} onClick={onEllipsisClick} disabled={disabled}>\n <MoreOptionsVert\n className=\"ds-dropdown-menu-v2-more-options\"\n color={disabled ? ['neutral', '500'] : ['brand-primary', '600']}\n size=\"s\"\n />\n </StyledEllipsisButton>\n ) : (\n <ChevronRight color={disabled ? ['neutral', '500'] : ['brand-primary', '600']} size=\"s\" />\n )}\n </StyledIconContainer>\n </StyledContentWrapper>\n )}\n <span id={`dropdownmenu-submenu-${dsId}`} style={{ display: 'none' }}>\n submenu, to open this submenu press the Right Arrow key\n </span>\n </StyledGlobalMenuItemWrapper>\n </Dropdown>\n );\n};\n\n// this is `'DSMenuItemSingleWithSubmenu'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSingleWithSubmenu.displayName = `DSMenuItemSingleWithSubmenu`;\nconst DSMenuItemsSingleWithSubmenuWithSchema = describe(DSMenuItemsSingleWithSubmenu);\nDSMenuItemsSingleWithSubmenuWithSchema.propTypes = DSMenuItemsSingleWithSubmenuPropTypesSchema;\n\nexport { DSMenuItemsSingleWithSubmenu, DSMenuItemsSingleWithSubmenuWithSchema };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/config/useGetSubmenuHandlers.js CHANGED
@@ -13,10 +13,8 @@ const useGetSubmenuHandlers = ({
13
13
  const onMouseEnterHandler = React2.useCallback(
14
14
  (e) => {
15
15
  if (rightAddon !== "ellipsis") {
16
- if (timeoutRef.current !== null)
17
- clearTimeout(timeoutRef.current);
18
- else if (!isSubmenuOpened)
19
- onSubmenuOpen(e);
16
+ if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
17
+ else if (!isSubmenuOpened) onSubmenuOpen(e);
20
18
  timeoutRef.current = null;
21
19
  }
22
20
  onMouseEnter(e);
@@ -39,13 +37,10 @@ const useGetSubmenuHandlers = ({
39
37
  );
40
38
  const onEllipsisClick = React2.useCallback(
41
39
  (e) => {
42
- if (disabled)
43
- return;
40
+ if (disabled) return;
44
41
  e.stopPropagation();
45
- if (isSubmenuOpened)
46
- onSubmenuClose?.(e);
47
- else
48
- onSubmenuOpen(e);
42
+ if (isSubmenuOpened) onSubmenuClose?.(e);
43
+ else onSubmenuOpen(e);
49
44
  },
50
45
  [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen]
51
46
  );
package/dist/esm/config/useGetSubmenuHandlers.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetSubmenuHandlers.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { type DSMenuItemsSingleWithSubmenuT } from '../react-desc-prop-types.js';\n\nexport const useGetSubmenuHandlers = ({\n disabled,\n rightAddon,\n isSubmenuOpened,\n onMouseEnter,\n onSubmenuOpen,\n onSubmenuClose,\n onMouseLeave,\n}: DSMenuItemsSingleWithSubmenuT.InternalProps) => {\n const timeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n\n const onMouseEnterHandler = React.useCallback(\n (e: React.MouseEvent<Element>) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n else if (!isSubmenuOpened) onSubmenuOpen(e);\n timeoutRef.current = null;\n }\n onMouseEnter(e);\n },\n [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon],\n );\n\n const onMouseLeaveHandler = React.useCallback(\n (e: React.MouseEvent<Element>) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current === null) {\n timeoutRef.current = setTimeout(() => {\n timeoutRef.current = null;\n onSubmenuClose?.(e);\n }, 300);\n }\n }\n onMouseLeave(e);\n },\n [onMouseLeave, onSubmenuClose, rightAddon],\n );\n\n const onEllipsisClick = React.useCallback<React.MouseEventHandler<Element>>(\n (e) => {\n if (disabled) return;\n e.stopPropagation();\n if (isSubmenuOpened) onSubmenuClose?.(e);\n else onSubmenuOpen(e);\n },\n [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen],\n );\n\n return React.useMemo(\n () => ({ onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick }),\n [onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick],\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGX,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM,aAAaA,OAAM,OAA8B,IAAI;AAE3D,QAAM,sBAAsBA,OAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY;AAAM,uBAAa,WAAW,OAAO;AAAA,iBACvD,CAAC;AAAiB,wBAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,sBAAsBA,OAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,6BAAiB,CAAC;AAAA,UACpB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,CAAC,MAAM;AACL,UAAI;AAAU;AACd,QAAE,gBAAgB;AAClB,UAAI;AAAiB,yBAAiB,CAAC;AAAA;AAClC,sBAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AAAA,IACnE,CAAC,qBAAqB,qBAAqB,eAAe;AAAA,EAC5D;AACF;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGX,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM,aAAaA,OAAM,OAA8B,IAAI;AAE3D,QAAM,sBAAsBA,OAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,KAAM,cAAa,WAAW,OAAO;AAAA,iBACvD,CAAC,gBAAiB,eAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,sBAAsBA,OAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,6BAAiB,CAAC;AAAA,UACpB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,CAAC,MAAM;AACL,UAAI,SAAU;AACd,QAAE,gBAAgB;AAClB,UAAI,gBAAiB,kBAAiB,CAAC;AAAA,UAClC,eAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AAAA,IACnE,CAAC,qBAAqB,qBAAqB,eAAe;AAAA,EAC5D;AACF;",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/config/useValidateProps.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSMenuItemName } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\nimport { type DSMenuItemsSingleWithSubmenuT } from '../react-desc-prop-types.js';\n\n// because this is inherited from the common props, we do not want to put this in the /constants/index.ts file\n// this is strictly defined here because this is meant to strictly influence ONLY the ERROR layer\n// this is 100% decoupled from ds-slots & data-testid\n// this constants only affect the shown error message as of 21/december/2023\nconst DSMenuItemsSingleWithSubmenuName = `${DSMenuItemName}SingleWithSubmenu`;\n\nexport const useValidateProps = (\n props: DSMenuItemsSingleWithSubmenuT.InternalProps,\n propTypes: WeakValidationMap<unknown>,\n): void => {\n // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n useValidateTypescriptPropTypes(props, propTypes, DSMenuItemsSingleWithSubmenuName);\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAQ/B,MAAM,mCAAmC,GAAG;AAErC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,gCAAgC;AACnF;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAQ/B,MAAM,mCAAmC,GAAG,cAAc;AAEnD,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,gCAAgC;AACnF;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -3,7 +3,6 @@ import {
3
3
  DSMenuItemsSingleWithSubmenu,
4
4
  DSMenuItemsSingleWithSubmenuWithSchema
5
5
  } from "./DSMenuItemsSingleWithSubmenu.js";
6
- import {} from "./react-desc-prop-types.js";
7
6
  export {
8
7
  DSMenuItemsSingleWithSubmenu,
9
8
  DSMenuItemsSingleWithSubmenuWithSchema
package/dist/esm/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport {\n DSMenuItemsSingleWithSubmenu,\n DSMenuItemsSingleWithSubmenuWithSchema,\n} from './DSMenuItemsSingleWithSubmenu.js';\nexport { type DSMenuItemsSingleWithSubmenuT } from './react-desc-prop-types.js';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,eAAmD;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;",
6
6
  "names": []
7
7
  }
package/dist/types/config/useMenuItemsSingleWithSubmenu.d.ts CHANGED
@@ -12,13 +12,25 @@ export interface MenuItemsSingleWithSubmenuCTX {
12
12
  export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsSingleWithSubmenuT.Props) => {
13
13
  propsWithDefault: DSMenuItemsSingleWithSubmenuT.InternalProps;
14
14
  globalProps: Partial<Pick<DSGridT.Props, "sizes" | "checked" | "disabled" | "placeholder" | "onKeyDown" | "label" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "tabIndex" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
15
- name?: string | undefined;
15
+ sizes?: string | undefined;
16
+ checked?: boolean | undefined;
17
+ disabled?: boolean | undefined;
18
+ placeholder?: string | undefined;
19
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
20
+ label?: string | undefined;
21
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
22
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
23
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
24
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
25
+ tabIndex?: 0 | -1 | undefined;
26
+ form?: string | undefined;
27
+ list?: string | undefined;
16
28
  "aria-activedescendant"?: string | undefined;
17
- "aria-atomic"?: boolean | "true" | "false" | undefined;
29
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
18
30
  "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
19
31
  "aria-braillelabel"?: string | undefined;
20
32
  "aria-brailleroledescription"?: string | undefined;
21
- "aria-busy"?: boolean | "true" | "false" | undefined;
33
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
22
34
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
23
35
  "aria-colcount"?: number | undefined;
24
36
  "aria-colindex"?: number | undefined;
@@ -29,37 +41,37 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
29
41
  "aria-describedby"?: string | undefined;
30
42
  "aria-description"?: string | undefined;
31
43
  "aria-details"?: string | undefined;
32
- "aria-disabled"?: boolean | "true" | "false" | undefined;
44
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
33
45
  "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
34
46
  "aria-errormessage"?: string | undefined;
35
- "aria-expanded"?: boolean | "true" | "false" | undefined;
47
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
36
48
  "aria-flowto"?: string | undefined;
37
- "aria-grabbed"?: boolean | "true" | "false" | undefined;
49
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
38
50
  "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
39
- "aria-hidden"?: boolean | "true" | "false" | undefined;
51
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
40
52
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
41
53
  "aria-keyshortcuts"?: string | undefined;
42
54
  "aria-label"?: string | undefined;
43
55
  "aria-labelledby"?: string | undefined;
44
56
  "aria-level"?: number | undefined;
45
57
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
46
- "aria-modal"?: boolean | "true" | "false" | undefined;
47
- "aria-multiline"?: boolean | "true" | "false" | undefined;
48
- "aria-multiselectable"?: boolean | "true" | "false" | undefined;
58
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
59
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
60
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
49
61
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
50
62
  "aria-owns"?: string | undefined;
51
63
  "aria-placeholder"?: string | undefined;
52
64
  "aria-posinset"?: number | undefined;
53
65
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
54
- "aria-readonly"?: boolean | "true" | "false" | undefined;
66
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
55
67
  "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
56
- "aria-required"?: boolean | "true" | "false" | undefined;
68
+ "aria-required"?: (boolean | "true" | "false") | undefined;
57
69
  "aria-roledescription"?: string | undefined;
58
70
  "aria-rowcount"?: number | undefined;
59
71
  "aria-rowindex"?: number | undefined;
60
72
  "aria-rowindextext"?: string | undefined;
61
73
  "aria-rowspan"?: number | undefined;
62
- "aria-selected"?: boolean | "true" | "false" | undefined;
74
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
63
75
  "aria-setsize"?: number | undefined;
64
76
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
65
77
  "aria-valuemax"?: number | undefined;
@@ -99,7 +111,6 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
99
111
  onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
100
112
  onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
101
113
  onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
102
- onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
103
114
  onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
104
115
  onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
105
116
  onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -153,7 +164,6 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
153
164
  onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
154
165
  onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
155
166
  onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
156
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
157
167
  onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
158
168
  onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
159
169
  onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
@@ -175,10 +185,7 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
175
185
  onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
176
186
  onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
177
187
  onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
178
- onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
179
188
  onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
180
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
181
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
182
189
  onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
183
190
  onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
184
191
  onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
@@ -227,8 +234,6 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
227
234
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
228
235
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
229
236
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
230
- form?: string | undefined;
231
- list?: string | undefined;
232
237
  defaultChecked?: boolean | undefined;
233
238
  defaultValue?: string | number | readonly string[] | undefined;
234
239
  suppressContentEditableWarning?: boolean | undefined;
@@ -236,18 +241,17 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
236
241
  accessKey?: string | undefined;
237
242
  autoFocus?: boolean | undefined;
238
243
  className?: string | undefined;
239
- contentEditable?: boolean | "inherit" | "true" | "false" | "plaintext-only" | undefined;
244
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
240
245
  contextMenu?: string | undefined;
241
246
  dir?: string | undefined;
242
- draggable?: boolean | "true" | "false" | undefined;
247
+ draggable?: (boolean | "true" | "false") | undefined;
243
248
  hidden?: boolean | undefined;
244
249
  id?: string | undefined;
245
250
  lang?: string | undefined;
246
251
  nonce?: string | undefined;
247
252
  slot?: string | undefined;
248
- spellCheck?: boolean | "true" | "false" | undefined;
253
+ spellCheck?: (boolean | "true" | "false") | undefined;
249
254
  style?: React.CSSProperties | undefined;
250
- tabIndex?: 0 | -1 | undefined;
251
255
  title?: string | undefined;
252
256
  translate?: "yes" | "no" | undefined;
253
257
  radioGroup?: string | undefined;
@@ -291,7 +295,6 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
291
295
  cellSpacing?: string | number | undefined;
292
296
  charSet?: string | undefined;
293
297
  challenge?: string | undefined;
294
- checked?: boolean | undefined;
295
298
  cite?: string | undefined;
296
299
  classID?: string | undefined;
297
300
  cols?: number | undefined;
@@ -303,7 +306,6 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
303
306
  dateTime?: string | undefined;
304
307
  default?: boolean | undefined;
305
308
  defer?: boolean | undefined;
306
- disabled?: boolean | undefined;
307
309
  download?: any;
308
310
  encType?: string | undefined;
309
311
  formAction?: string | undefined;
@@ -323,7 +325,6 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
323
325
  keyParams?: string | undefined;
324
326
  keyType?: string | undefined;
325
327
  kind?: string | undefined;
326
- label?: string | undefined;
327
328
  loop?: boolean | undefined;
328
329
  low?: number | undefined;
329
330
  manifest?: string | undefined;
@@ -338,11 +339,11 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
338
339
  minLength?: number | undefined;
339
340
  multiple?: boolean | undefined;
340
341
  muted?: boolean | undefined;
342
+ name?: string | undefined;
341
343
  noValidate?: boolean | undefined;
342
344
  open?: boolean | undefined;
343
345
  optimum?: number | undefined;
344
346
  pattern?: string | undefined;
345
- placeholder?: string | undefined;
346
347
  playsInline?: boolean | undefined;
347
348
  poster?: string | undefined;
348
349
  preload?: string | undefined;
@@ -359,7 +360,6 @@ export declare const useMenuItemsSingleWithSubmenu: (propsFromUser: DSMenuItemsS
359
360
  selected?: boolean | undefined;
360
361
  shape?: string | undefined;
361
362
  size?: number | undefined;
362
- sizes?: string | undefined;
363
363
  span?: number | undefined;
364
364
  src?: string | undefined;
365
365
  srcDoc?: string | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-menu-items-single-with-submenu",
3
- "version": "3.36.0-next.0",
3
+ "version": "3.36.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Menu Items Single With Submenu",
6
6
  "files": [
@@ -37,18 +37,18 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@xstyled/styled-components": "~3.6.0",
40
- "@elliemae/ds-button": "3.36.0-next.0",
41
- "@elliemae/ds-menu-items-commons": "3.36.0-next.0",
42
- "@elliemae/ds-grid": "3.36.0-next.0",
43
- "@elliemae/ds-props-helpers": "3.36.0-next.0",
44
- "@elliemae/ds-system": "3.36.0-next.0",
45
- "@elliemae/ds-utilities": "3.36.0-next.0",
46
- "@elliemae/ds-icons": "3.36.0-next.0"
40
+ "@elliemae/ds-grid": "3.36.0-next.2",
41
+ "@elliemae/ds-menu-items-commons": "3.36.0-next.2",
42
+ "@elliemae/ds-props-helpers": "3.36.0-next.2",
43
+ "@elliemae/ds-system": "3.36.0-next.2",
44
+ "@elliemae/ds-utilities": "3.36.0-next.2",
45
+ "@elliemae/ds-button": "3.36.0-next.2",
46
+ "@elliemae/ds-icons": "3.36.0-next.2"
47
47
  },
48
48
  "devDependencies": {
49
49
  "lodash": "^4.17.21",
50
50
  "styled-components": "~5.3.9",
51
- "@elliemae/ds-monorepo-devops": "3.36.0-next.0"
51
+ "@elliemae/ds-monorepo-devops": "3.36.0-next.2"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "@testing-library/jest-dom": "~5.16.4",