@elliemae/ds-menu-items-single 3.52.1 → 3.53.0-alpha.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 (7) hide show
  1. package/dist/cjs/DSMenuItemsSingle.js +17 -5
  2. package/dist/cjs/DSMenuItemsSingle.js.map +2 -2
  3. package/dist/esm/DSMenuItemsSingle.js +18 -6
  4. package/dist/esm/DSMenuItemsSingle.js.map +2 -2
  5. package/dist/types/config/useMenuItemsSingle.d.ts +181 -181
  6. package/dist/types/react-desc-prop-types.d.ts +0 -1
  7. package/package.json +8 -8
package/dist/cjs/DSMenuItemsSingle.js CHANGED
@@ -61,6 +61,7 @@ const DSMenuItemsSingle = (props) => {
61
61
  applyAriaDisabled,
62
62
  readOnly
63
63
  } = propsWithDefault;
64
+ const { getOwnerProps } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
64
65
  const onMouseDownHandler = import_react.default.useCallback(
65
66
  (e) => {
66
67
  if (disabled) return;
@@ -115,12 +116,23 @@ const DSMenuItemsSingle = (props) => {
115
116
  ...globalProps,
116
117
  onClick: handleOnClick,
117
118
  onKeyDown: handleOnKeyDown,
119
+ getOwnerProps,
118
120
  ...xstyledProps,
119
- children: Render !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...propsWithDefault }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_menu_items_commons.StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
120
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, { size: "s", color: checkmarkColor }) }),
121
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyleMenuItemLabel, { children: label }),
122
- secondaryLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyleMenuItemSecondaryLabel, { children: secondaryLabel })
123
- ] })
121
+ children: Render !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...propsWithDefault }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
122
+ import_ds_menu_items_commons.StyledContentWrapper,
123
+ {
124
+ cols: gridLayout,
125
+ minHeight: "16px",
126
+ gutter: "xxs",
127
+ alignItems: "center",
128
+ getOwnerProps,
129
+ children: [
130
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, { size: "s", color: checkmarkColor }) }),
131
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyleMenuItemLabel, { getOwnerProps, children: label }),
132
+ secondaryLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyleMenuItemSecondaryLabel, { getOwnerProps, children: secondaryLabel })
133
+ ]
134
+ }
135
+ )
124
136
  }
125
137
  );
126
138
  };
package/dist/cjs/DSMenuItemsSingle.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSMenuItemsSingle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n StyledGlobalMenuItemWrapper,\n StyledContentWrapper,\n StyleMenuItemLabel,\n StyleMenuItemSecondaryLabel,\n} from '@elliemae/ds-menu-items-commons';\nimport { Checkmark, type SvgIconT } from '@elliemae/ds-icons';\nimport { type DSMenuItemsSingleT, DSMenuItemsSinglePropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSingle } from './config/useMenuItemsSingle.js';\n\nconst DSMenuItemsSingle: React.ComponentType<DSMenuItemsSingleT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSingle(props);\n const {\n dsId,\n label,\n secondaryLabel,\n isSelected,\n onClick,\n onKeyDown,\n isActive,\n innerRef,\n onMouseDown,\n onMouseEnter,\n onMouseLeave,\n wrapperStyles,\n render: Render,\n dataTestid,\n disabled,\n applyAriaDisabled,\n readOnly,\n } = propsWithDefault;\n\n const onMouseDownHandler = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled) return;\n onMouseDown?.(e);\n },\n [disabled, onMouseDown],\n );\n\n const handleOnClick = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled || applyAriaDisabled || readOnly) return;\n onClick?.(e);\n },\n [disabled, applyAriaDisabled, readOnly, onClick],\n );\n\n const handleOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if ((applyAriaDisabled || readOnly) && (e.code === 'Space' || e.code === 'Enter')) return;\n onKeyDown?.(e);\n },\n [applyAriaDisabled, readOnly, onKeyDown],\n );\n\n const gridLayout = React.useMemo(() => {\n const cols = {\n small: ['1rem', 'auto'],\n medium: ['1.2308rem', 'auto'],\n };\n if (secondaryLabel) {\n cols.small.push('min-content');\n cols.medium.push('min-content');\n }\n return cols;\n }, [secondaryLabel]);\n\n const checkmarkColor: SvgIconT.OptionalProps['color'] = applyAriaDisabled\n ? ['neutral', '400']\n : ['brand-primary', '600'];\n\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n innerRef={innerRef}\n onMouseDown={onMouseDownHandler}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n style={wrapperStyles}\n data-testid={dataTestid}\n disabled={disabled}\n data-type=\"single\"\n aria-disabled={applyAriaDisabled || disabled}\n {...globalProps}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n {...xstyledProps}\n >\n {Render !== undefined ? (\n <Render {...propsWithDefault} />\n ) : (\n <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n <div>{isSelected && <Checkmark size=\"s\" color={checkmarkColor} />}</div>\n <StyleMenuItemLabel>{label}</StyleMenuItemLabel>\n {secondaryLabel !== undefined && <StyleMenuItemSecondaryLabel>{secondaryLabel}</StyleMenuItemSecondaryLabel>}\n </StyledContentWrapper>\n )}\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// this is `'DSSingleMenuItem'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSingle.displayName = 'DSSingleMenuItem';\nconst DSMenuItemsSingleWithSchema = describe(DSMenuItemsSingle);\nDSMenuItemsSingleWithSchema.propTypes = DSMenuItemsSinglePropTypesSchema;\n\nexport { DSMenuItemsSingle, DSMenuItemsSingleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiGf;AAjGR,mBAAkB;AAClB,8BAAyB;AACzB,mCAKO;AACP,sBAAyC;AACzC,mCAA0E;AAC1E,gCAAmC;AAEnC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,8CAAmB,KAAK;AAChF,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;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,MAAwB;AACvB,UAAI,SAAU;AACd,oBAAc,CAAC;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,gBAAgB,aAAAA,QAAM;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,YAAY,qBAAqB,SAAU;AAC/C,gBAAU,CAAC;AAAA,IACb;AAAA,IACA,CAAC,UAAU,mBAAmB,UAAU,OAAO;AAAA,EACjD;AAEA,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,CAAC,MAA2B;AAC1B,WAAK,qBAAqB,cAAc,EAAE,SAAS,WAAW,EAAE,SAAS,SAAU;AACnF,kBAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,mBAAmB,UAAU,SAAS;AAAA,EACzC;AAEA,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM;AACrC,UAAM,OAAO;AAAA,MACX,OAAO,CAAC,QAAQ,MAAM;AAAA,MACtB,QAAQ,CAAC,aAAa,MAAM;AAAA,IAC9B;AACA,QAAI,gBAAgB;AAClB,WAAK,MAAM,KAAK,aAAa;AAC7B,WAAK,OAAO,KAAK,aAAa;AAAA,IAChC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,iBAAkD,oBACpD,CAAC,WAAW,KAAK,IACjB,CAAC,iBAAiB,KAAK;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe;AAAA,MACf,IAAI;AAAA,MACJ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAW,WAAW,wBAAwB;AAAA,MAC9C,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA,aAAU;AAAA,MACV,iBAAe,qBAAqB;AAAA,MACnC,GAAG;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACV,GAAG;AAAA,MAEH,qBAAW,SACV,4CAAC,UAAQ,GAAG,kBAAkB,IAE9B,6CAAC,qDAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,oDAAC,SAAK,wBAAc,4CAAC,6BAAU,MAAK,KAAI,OAAO,gBAAgB,GAAG;AAAA,QAClE,4CAAC,mDAAoB,iBAAM;AAAA,QAC1B,mBAAmB,UAAa,4CAAC,4DAA6B,0BAAe;AAAA,SAChF;AAAA;AAAA,EAEJ;AAEJ;AAGA,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
4
+ "sourcesContent": ["import React from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport {\n StyledGlobalMenuItemWrapper,\n StyledContentWrapper,\n StyleMenuItemLabel,\n StyleMenuItemSecondaryLabel,\n} from '@elliemae/ds-menu-items-commons';\nimport { Checkmark, type SvgIconT } from '@elliemae/ds-icons';\nimport { type DSMenuItemsSingleT, DSMenuItemsSinglePropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSingle } from './config/useMenuItemsSingle.js';\n\nconst DSMenuItemsSingle: React.ComponentType<DSMenuItemsSingleT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSingle(props);\n const {\n dsId,\n label,\n secondaryLabel,\n isSelected,\n onClick,\n onKeyDown,\n isActive,\n innerRef,\n onMouseDown,\n onMouseEnter,\n onMouseLeave,\n wrapperStyles,\n render: Render,\n dataTestid,\n disabled,\n applyAriaDisabled,\n readOnly,\n } = propsWithDefault;\n\n const { getOwnerProps } = useOwnerProps(propsWithDefault);\n\n const onMouseDownHandler = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled) return;\n onMouseDown?.(e);\n },\n [disabled, onMouseDown],\n );\n\n const handleOnClick = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled || applyAriaDisabled || readOnly) return;\n onClick?.(e);\n },\n [disabled, applyAriaDisabled, readOnly, onClick],\n );\n\n const handleOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if ((applyAriaDisabled || readOnly) && (e.code === 'Space' || e.code === 'Enter')) return;\n onKeyDown?.(e);\n },\n [applyAriaDisabled, readOnly, onKeyDown],\n );\n\n const gridLayout = React.useMemo(() => {\n const cols = {\n small: ['1rem', 'auto'],\n medium: ['1.2308rem', 'auto'],\n };\n if (secondaryLabel) {\n cols.small.push('min-content');\n cols.medium.push('min-content');\n }\n return cols;\n }, [secondaryLabel]);\n\n const checkmarkColor: SvgIconT.OptionalProps['color'] = applyAriaDisabled\n ? ['neutral', '400']\n : ['brand-primary', '600'];\n\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n innerRef={innerRef}\n onMouseDown={onMouseDownHandler}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n style={wrapperStyles}\n data-testid={dataTestid}\n disabled={disabled}\n data-type=\"single\"\n aria-disabled={applyAriaDisabled || disabled}\n {...globalProps}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n getOwnerProps={getOwnerProps}\n {...xstyledProps}\n >\n {Render !== undefined ? (\n <Render {...propsWithDefault} />\n ) : (\n <StyledContentWrapper\n cols={gridLayout}\n minHeight=\"16px\"\n gutter=\"xxs\"\n alignItems=\"center\"\n getOwnerProps={getOwnerProps}\n >\n <div>{isSelected && <Checkmark size=\"s\" color={checkmarkColor} />}</div>\n <StyleMenuItemLabel getOwnerProps={getOwnerProps}>{label}</StyleMenuItemLabel>\n {secondaryLabel !== undefined && (\n <StyleMenuItemSecondaryLabel getOwnerProps={getOwnerProps}>{secondaryLabel}</StyleMenuItemSecondaryLabel>\n )}\n </StyledContentWrapper>\n )}\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// this is `'DSSingleMenuItem'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSingle.displayName = 'DSSingleMenuItem';\nconst DSMenuItemsSingleWithSchema = describe(DSMenuItemsSingle);\nDSMenuItemsSingleWithSchema.propTypes = DSMenuItemsSinglePropTypesSchema;\n\nexport { DSMenuItemsSingle, DSMenuItemsSingleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoGf;AApGR,mBAAkB;AAClB,8BAAwC;AACxC,mCAKO;AACP,sBAAyC;AACzC,mCAA0E;AAC1E,gCAAmC;AAEnC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,8CAAmB,KAAK;AAChF,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;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,cAAc,QAAI,uCAAc,gBAAgB;AAExD,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,MAAwB;AACvB,UAAI,SAAU;AACd,oBAAc,CAAC;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,gBAAgB,aAAAA,QAAM;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,YAAY,qBAAqB,SAAU;AAC/C,gBAAU,CAAC;AAAA,IACb;AAAA,IACA,CAAC,UAAU,mBAAmB,UAAU,OAAO;AAAA,EACjD;AAEA,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,CAAC,MAA2B;AAC1B,WAAK,qBAAqB,cAAc,EAAE,SAAS,WAAW,EAAE,SAAS,SAAU;AACnF,kBAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,mBAAmB,UAAU,SAAS;AAAA,EACzC;AAEA,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM;AACrC,UAAM,OAAO;AAAA,MACX,OAAO,CAAC,QAAQ,MAAM;AAAA,MACtB,QAAQ,CAAC,aAAa,MAAM;AAAA,IAC9B;AACA,QAAI,gBAAgB;AAClB,WAAK,MAAM,KAAK,aAAa;AAC7B,WAAK,OAAO,KAAK,aAAa;AAAA,IAChC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,iBAAkD,oBACpD,CAAC,WAAW,KAAK,IACjB,CAAC,iBAAiB,KAAK;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe;AAAA,MACf,IAAI;AAAA,MACJ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAW,WAAW,wBAAwB;AAAA,MAC9C,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA,aAAU;AAAA,MACV,iBAAe,qBAAqB;AAAA,MACnC,GAAG;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACX;AAAA,MACC,GAAG;AAAA,MAEH,qBAAW,SACV,4CAAC,UAAQ,GAAG,kBAAkB,IAE9B;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,QAAO;AAAA,UACP,YAAW;AAAA,UACX;AAAA,UAEA;AAAA,wDAAC,SAAK,wBAAc,4CAAC,6BAAU,MAAK,KAAI,OAAO,gBAAgB,GAAG;AAAA,YAClE,4CAAC,mDAAmB,eAA+B,iBAAM;AAAA,YACxD,mBAAmB,UAClB,4CAAC,4DAA4B,eAA+B,0BAAe;AAAA;AAAA;AAAA,MAE/E;AAAA;AAAA,EAEJ;AAEJ;AAGA,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/DSMenuItemsSingle.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import React2 from "react";
4
- import { describe } from "@elliemae/ds-props-helpers";
4
+ import { describe, useOwnerProps } from "@elliemae/ds-props-helpers";
5
5
  import {
6
6
  StyledGlobalMenuItemWrapper,
7
7
  StyledContentWrapper,
@@ -32,6 +32,7 @@ const DSMenuItemsSingle = (props) => {
32
32
  applyAriaDisabled,
33
33
  readOnly
34
34
  } = propsWithDefault;
35
+ const { getOwnerProps } = useOwnerProps(propsWithDefault);
35
36
  const onMouseDownHandler = React2.useCallback(
36
37
  (e) => {
37
38
  if (disabled) return;
@@ -86,12 +87,23 @@ const DSMenuItemsSingle = (props) => {
86
87
  ...globalProps,
87
88
  onClick: handleOnClick,
88
89
  onKeyDown: handleOnKeyDown,
90
+ getOwnerProps,
89
91
  ...xstyledProps,
90
- children: Render !== void 0 ? /* @__PURE__ */ jsx(Render, { ...propsWithDefault }) : /* @__PURE__ */ jsxs(StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
91
- /* @__PURE__ */ jsx("div", { children: isSelected && /* @__PURE__ */ jsx(Checkmark, { size: "s", color: checkmarkColor }) }),
92
- /* @__PURE__ */ jsx(StyleMenuItemLabel, { children: label }),
93
- secondaryLabel !== void 0 && /* @__PURE__ */ jsx(StyleMenuItemSecondaryLabel, { children: secondaryLabel })
94
- ] })
92
+ children: Render !== void 0 ? /* @__PURE__ */ jsx(Render, { ...propsWithDefault }) : /* @__PURE__ */ jsxs(
93
+ StyledContentWrapper,
94
+ {
95
+ cols: gridLayout,
96
+ minHeight: "16px",
97
+ gutter: "xxs",
98
+ alignItems: "center",
99
+ getOwnerProps,
100
+ children: [
101
+ /* @__PURE__ */ jsx("div", { children: isSelected && /* @__PURE__ */ jsx(Checkmark, { size: "s", color: checkmarkColor }) }),
102
+ /* @__PURE__ */ jsx(StyleMenuItemLabel, { getOwnerProps, children: label }),
103
+ secondaryLabel !== void 0 && /* @__PURE__ */ jsx(StyleMenuItemSecondaryLabel, { getOwnerProps, children: secondaryLabel })
104
+ ]
105
+ }
106
+ )
95
107
  }
96
108
  );
97
109
  };
package/dist/esm/DSMenuItemsSingle.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuItemsSingle.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n StyledGlobalMenuItemWrapper,\n StyledContentWrapper,\n StyleMenuItemLabel,\n StyleMenuItemSecondaryLabel,\n} from '@elliemae/ds-menu-items-commons';\nimport { Checkmark, type SvgIconT } from '@elliemae/ds-icons';\nimport { type DSMenuItemsSingleT, DSMenuItemsSinglePropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSingle } from './config/useMenuItemsSingle.js';\n\nconst DSMenuItemsSingle: React.ComponentType<DSMenuItemsSingleT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSingle(props);\n const {\n dsId,\n label,\n secondaryLabel,\n isSelected,\n onClick,\n onKeyDown,\n isActive,\n innerRef,\n onMouseDown,\n onMouseEnter,\n onMouseLeave,\n wrapperStyles,\n render: Render,\n dataTestid,\n disabled,\n applyAriaDisabled,\n readOnly,\n } = propsWithDefault;\n\n const onMouseDownHandler = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled) return;\n onMouseDown?.(e);\n },\n [disabled, onMouseDown],\n );\n\n const handleOnClick = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled || applyAriaDisabled || readOnly) return;\n onClick?.(e);\n },\n [disabled, applyAriaDisabled, readOnly, onClick],\n );\n\n const handleOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if ((applyAriaDisabled || readOnly) && (e.code === 'Space' || e.code === 'Enter')) return;\n onKeyDown?.(e);\n },\n [applyAriaDisabled, readOnly, onKeyDown],\n );\n\n const gridLayout = React.useMemo(() => {\n const cols = {\n small: ['1rem', 'auto'],\n medium: ['1.2308rem', 'auto'],\n };\n if (secondaryLabel) {\n cols.small.push('min-content');\n cols.medium.push('min-content');\n }\n return cols;\n }, [secondaryLabel]);\n\n const checkmarkColor: SvgIconT.OptionalProps['color'] = applyAriaDisabled\n ? ['neutral', '400']\n : ['brand-primary', '600'];\n\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n innerRef={innerRef}\n onMouseDown={onMouseDownHandler}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n style={wrapperStyles}\n data-testid={dataTestid}\n disabled={disabled}\n data-type=\"single\"\n aria-disabled={applyAriaDisabled || disabled}\n {...globalProps}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n {...xstyledProps}\n >\n {Render !== undefined ? (\n <Render {...propsWithDefault} />\n ) : (\n <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n <div>{isSelected && <Checkmark size=\"s\" color={checkmarkColor} />}</div>\n <StyleMenuItemLabel>{label}</StyleMenuItemLabel>\n {secondaryLabel !== undefined && <StyleMenuItemSecondaryLabel>{secondaryLabel}</StyleMenuItemSecondaryLabel>}\n </StyledContentWrapper>\n )}\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// this is `'DSSingleMenuItem'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSingle.displayName = 'DSSingleMenuItem';\nconst DSMenuItemsSingleWithSchema = describe(DSMenuItemsSingle);\nDSMenuItemsSingleWithSchema.propTypes = DSMenuItemsSinglePropTypesSchema;\n\nexport { DSMenuItemsSingle, DSMenuItemsSingleWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACiGf,cAEA,YAFA;AAjGR,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAgC;AACzC,SAAkC,wCAAwC;AAC1E,SAAS,0BAA0B;AAEnC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,mBAAmB,KAAK;AAChF,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;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqBA,OAAM;AAAA,IAC/B,CAAC,MAAwB;AACvB,UAAI,SAAU;AACd,oBAAc,CAAC;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,gBAAgBA,OAAM;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,YAAY,qBAAqB,SAAU;AAC/C,gBAAU,CAAC;AAAA,IACb;AAAA,IACA,CAAC,UAAU,mBAAmB,UAAU,OAAO;AAAA,EACjD;AAEA,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,CAAC,MAA2B;AAC1B,WAAK,qBAAqB,cAAc,EAAE,SAAS,WAAW,EAAE,SAAS,SAAU;AACnF,kBAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,mBAAmB,UAAU,SAAS;AAAA,EACzC;AAEA,QAAM,aAAaA,OAAM,QAAQ,MAAM;AACrC,UAAM,OAAO;AAAA,MACX,OAAO,CAAC,QAAQ,MAAM;AAAA,MACtB,QAAQ,CAAC,aAAa,MAAM;AAAA,IAC9B;AACA,QAAI,gBAAgB;AAClB,WAAK,MAAM,KAAK,aAAa;AAC7B,WAAK,OAAO,KAAK,aAAa;AAAA,IAChC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,iBAAkD,oBACpD,CAAC,WAAW,KAAK,IACjB,CAAC,iBAAiB,KAAK;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe;AAAA,MACf,IAAI;AAAA,MACJ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAW,WAAW,wBAAwB;AAAA,MAC9C,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA,aAAU;AAAA,MACV,iBAAe,qBAAqB;AAAA,MACnC,GAAG;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACV,GAAG;AAAA,MAEH,qBAAW,SACV,oBAAC,UAAQ,GAAG,kBAAkB,IAE9B,qBAAC,wBAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,4BAAC,SAAK,wBAAc,oBAAC,aAAU,MAAK,KAAI,OAAO,gBAAgB,GAAG;AAAA,QAClE,oBAAC,sBAAoB,iBAAM;AAAA,QAC1B,mBAAmB,UAAa,oBAAC,+BAA6B,0BAAe;AAAA,SAChF;AAAA;AAAA,EAEJ;AAEJ;AAGA,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport {\n StyledGlobalMenuItemWrapper,\n StyledContentWrapper,\n StyleMenuItemLabel,\n StyleMenuItemSecondaryLabel,\n} from '@elliemae/ds-menu-items-commons';\nimport { Checkmark, type SvgIconT } from '@elliemae/ds-icons';\nimport { type DSMenuItemsSingleT, DSMenuItemsSinglePropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSingle } from './config/useMenuItemsSingle.js';\n\nconst DSMenuItemsSingle: React.ComponentType<DSMenuItemsSingleT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSingle(props);\n const {\n dsId,\n label,\n secondaryLabel,\n isSelected,\n onClick,\n onKeyDown,\n isActive,\n innerRef,\n onMouseDown,\n onMouseEnter,\n onMouseLeave,\n wrapperStyles,\n render: Render,\n dataTestid,\n disabled,\n applyAriaDisabled,\n readOnly,\n } = propsWithDefault;\n\n const { getOwnerProps } = useOwnerProps(propsWithDefault);\n\n const onMouseDownHandler = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled) return;\n onMouseDown?.(e);\n },\n [disabled, onMouseDown],\n );\n\n const handleOnClick = React.useCallback(\n (e: React.MouseEvent) => {\n if (disabled || applyAriaDisabled || readOnly) return;\n onClick?.(e);\n },\n [disabled, applyAriaDisabled, readOnly, onClick],\n );\n\n const handleOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if ((applyAriaDisabled || readOnly) && (e.code === 'Space' || e.code === 'Enter')) return;\n onKeyDown?.(e);\n },\n [applyAriaDisabled, readOnly, onKeyDown],\n );\n\n const gridLayout = React.useMemo(() => {\n const cols = {\n small: ['1rem', 'auto'],\n medium: ['1.2308rem', 'auto'],\n };\n if (secondaryLabel) {\n cols.small.push('min-content');\n cols.medium.push('min-content');\n }\n return cols;\n }, [secondaryLabel]);\n\n const checkmarkColor: SvgIconT.OptionalProps['color'] = applyAriaDisabled\n ? ['neutral', '400']\n : ['brand-primary', '600'];\n\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n innerRef={innerRef}\n onMouseDown={onMouseDownHandler}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n style={wrapperStyles}\n data-testid={dataTestid}\n disabled={disabled}\n data-type=\"single\"\n aria-disabled={applyAriaDisabled || disabled}\n {...globalProps}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n getOwnerProps={getOwnerProps}\n {...xstyledProps}\n >\n {Render !== undefined ? (\n <Render {...propsWithDefault} />\n ) : (\n <StyledContentWrapper\n cols={gridLayout}\n minHeight=\"16px\"\n gutter=\"xxs\"\n alignItems=\"center\"\n getOwnerProps={getOwnerProps}\n >\n <div>{isSelected && <Checkmark size=\"s\" color={checkmarkColor} />}</div>\n <StyleMenuItemLabel getOwnerProps={getOwnerProps}>{label}</StyleMenuItemLabel>\n {secondaryLabel !== undefined && (\n <StyleMenuItemSecondaryLabel getOwnerProps={getOwnerProps}>{secondaryLabel}</StyleMenuItemSecondaryLabel>\n )}\n </StyledContentWrapper>\n )}\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// this is `'DSSingleMenuItem'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSingle.displayName = 'DSSingleMenuItem';\nconst DSMenuItemsSingleWithSchema = describe(DSMenuItemsSingle);\nDSMenuItemsSingleWithSchema.propTypes = DSMenuItemsSinglePropTypesSchema;\n\nexport { DSMenuItemsSingle, DSMenuItemsSingleWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACoGf,cAEA,YAFA;AApGR,OAAOA,YAAW;AAClB,SAAS,UAAU,qBAAqB;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAgC;AACzC,SAAkC,wCAAwC;AAC1E,SAAS,0BAA0B;AAEnC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,mBAAmB,KAAK;AAChF,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;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,cAAc,IAAI,cAAc,gBAAgB;AAExD,QAAM,qBAAqBA,OAAM;AAAA,IAC/B,CAAC,MAAwB;AACvB,UAAI,SAAU;AACd,oBAAc,CAAC;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,gBAAgBA,OAAM;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,YAAY,qBAAqB,SAAU;AAC/C,gBAAU,CAAC;AAAA,IACb;AAAA,IACA,CAAC,UAAU,mBAAmB,UAAU,OAAO;AAAA,EACjD;AAEA,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,CAAC,MAA2B;AAC1B,WAAK,qBAAqB,cAAc,EAAE,SAAS,WAAW,EAAE,SAAS,SAAU;AACnF,kBAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,mBAAmB,UAAU,SAAS;AAAA,EACzC;AAEA,QAAM,aAAaA,OAAM,QAAQ,MAAM;AACrC,UAAM,OAAO;AAAA,MACX,OAAO,CAAC,QAAQ,MAAM;AAAA,MACtB,QAAQ,CAAC,aAAa,MAAM;AAAA,IAC9B;AACA,QAAI,gBAAgB;AAClB,WAAK,MAAM,KAAK,aAAa;AAC7B,WAAK,OAAO,KAAK,aAAa;AAAA,IAChC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,iBAAkD,oBACpD,CAAC,WAAW,KAAK,IACjB,CAAC,iBAAiB,KAAK;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe;AAAA,MACf,IAAI;AAAA,MACJ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAW,WAAW,wBAAwB;AAAA,MAC9C,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA,aAAU;AAAA,MACV,iBAAe,qBAAqB;AAAA,MACnC,GAAG;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACX;AAAA,MACC,GAAG;AAAA,MAEH,qBAAW,SACV,oBAAC,UAAQ,GAAG,kBAAkB,IAE9B;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,QAAO;AAAA,UACP,YAAW;AAAA,UACX;AAAA,UAEA;AAAA,gCAAC,SAAK,wBAAc,oBAAC,aAAU,MAAK,KAAI,OAAO,gBAAgB,GAAG;AAAA,YAClE,oBAAC,sBAAmB,eAA+B,iBAAM;AAAA,YACxD,mBAAmB,UAClB,oBAAC,+BAA4B,eAA+B,0BAAe;AAAA;AAAA;AAAA,MAE/E;AAAA;AAAA,EAEJ;AAEJ;AAGA,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
6
6
  "names": ["React"]
7
7
  }
package/dist/types/config/useMenuItemsSingle.d.ts CHANGED
@@ -9,69 +9,69 @@ export interface MenuItemsSingleCTX {
9
9
  export declare const useMenuItemsSingle: (propsFromUser: DSMenuItemsSingleT.Props) => {
10
10
  propsWithDefault: DSMenuItemsSingleT.InternalProps;
11
11
  globalProps: Partial<Pick<object, "label" | "disabled" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onKeyDown" | "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" | "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" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "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" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
12
- label?: string | undefined;
13
- disabled?: boolean | undefined;
12
+ label?: string | undefined | undefined;
13
+ disabled?: boolean | undefined | undefined;
14
14
  onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
15
15
  onMouseDown?: React.MouseEventHandler<HTMLLIElement> | undefined;
16
16
  onMouseEnter?: React.MouseEventHandler<HTMLLIElement> | undefined;
17
17
  onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
18
18
  onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
19
19
  tabIndex?: 0 | -1 | undefined;
20
- form?: string | undefined;
21
- list?: string | undefined;
22
- "aria-activedescendant"?: string | undefined;
20
+ form?: string | undefined | undefined;
21
+ list?: string | undefined | undefined;
22
+ "aria-activedescendant"?: string | undefined | undefined;
23
23
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
24
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
25
- "aria-braillelabel"?: string | undefined;
26
- "aria-brailleroledescription"?: string | undefined;
24
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
25
+ "aria-braillelabel"?: string | undefined | undefined;
26
+ "aria-brailleroledescription"?: string | undefined | undefined;
27
27
  "aria-busy"?: (boolean | "true" | "false") | undefined;
28
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
29
- "aria-colcount"?: number | undefined;
30
- "aria-colindex"?: number | undefined;
31
- "aria-colindextext"?: string | undefined;
32
- "aria-colspan"?: number | undefined;
33
- "aria-controls"?: string | undefined;
34
- "aria-current"?: boolean | "true" | "false" | "step" | "page" | "location" | "date" | "time" | undefined;
35
- "aria-describedby"?: string | undefined;
36
- "aria-description"?: string | undefined;
37
- "aria-details"?: string | undefined;
28
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
29
+ "aria-colcount"?: number | undefined | undefined;
30
+ "aria-colindex"?: number | undefined | undefined;
31
+ "aria-colindextext"?: string | undefined | undefined;
32
+ "aria-colspan"?: number | undefined | undefined;
33
+ "aria-controls"?: string | undefined | undefined;
34
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
35
+ "aria-describedby"?: string | undefined | undefined;
36
+ "aria-description"?: string | undefined | undefined;
37
+ "aria-details"?: string | undefined | undefined;
38
38
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
39
- "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
40
- "aria-errormessage"?: string | undefined;
39
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
40
+ "aria-errormessage"?: string | undefined | undefined;
41
41
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
42
- "aria-flowto"?: string | undefined;
42
+ "aria-flowto"?: string | undefined | undefined;
43
43
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
44
- "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
44
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
45
45
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
46
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
47
- "aria-keyshortcuts"?: string | undefined;
48
- "aria-label"?: string | undefined;
49
- "aria-labelledby"?: string | undefined;
50
- "aria-level"?: number | undefined;
51
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
46
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
47
+ "aria-keyshortcuts"?: string | undefined | undefined;
48
+ "aria-label"?: string | undefined | undefined;
49
+ "aria-labelledby"?: string | undefined | undefined;
50
+ "aria-level"?: number | undefined | undefined;
51
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
52
52
  "aria-modal"?: (boolean | "true" | "false") | undefined;
53
53
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
54
54
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
55
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
56
- "aria-owns"?: string | undefined;
57
- "aria-placeholder"?: string | undefined;
58
- "aria-posinset"?: number | undefined;
59
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
55
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
56
+ "aria-owns"?: string | undefined | undefined;
57
+ "aria-placeholder"?: string | undefined | undefined;
58
+ "aria-posinset"?: number | undefined | undefined;
59
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
60
60
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
61
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
61
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
62
62
  "aria-required"?: (boolean | "true" | "false") | undefined;
63
- "aria-roledescription"?: string | undefined;
64
- "aria-rowcount"?: number | undefined;
65
- "aria-rowindex"?: number | undefined;
66
- "aria-rowindextext"?: string | undefined;
67
- "aria-rowspan"?: number | undefined;
63
+ "aria-roledescription"?: string | undefined | undefined;
64
+ "aria-rowcount"?: number | undefined | undefined;
65
+ "aria-rowindex"?: number | undefined | undefined;
66
+ "aria-rowindextext"?: string | undefined | undefined;
67
+ "aria-rowspan"?: number | undefined | undefined;
68
68
  "aria-selected"?: (boolean | "true" | "false") | undefined;
69
- "aria-setsize"?: number | undefined;
70
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
71
- "aria-valuemax"?: number | undefined;
72
- "aria-valuemin"?: number | undefined;
73
- "aria-valuenow"?: number | undefined;
74
- "aria-valuetext"?: string | undefined;
69
+ "aria-setsize"?: number | undefined | undefined;
70
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
71
+ "aria-valuemax"?: number | undefined | undefined;
72
+ "aria-valuemin"?: number | undefined | undefined;
73
+ "aria-valuenow"?: number | undefined | undefined;
74
+ "aria-valuetext"?: string | undefined | undefined;
75
75
  children?: React.ReactNode;
76
76
  onCopy?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
77
77
  onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
@@ -91,7 +91,7 @@ export declare const useMenuItemsSingle: (propsFromUser: DSMenuItemsSingleT.Prop
91
91
  onBlurCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
92
92
  onChange?: React.FormEventHandler<HTMLLIElement> | undefined;
93
93
  onChangeCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
94
- onBeforeInput?: React.FormEventHandler<HTMLLIElement> | undefined;
94
+ onBeforeInput?: React.InputEventHandler<HTMLLIElement> | undefined;
95
95
  onBeforeInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
96
96
  onInput?: React.FormEventHandler<HTMLLIElement> | undefined;
97
97
  onInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
@@ -226,153 +226,153 @@ export declare const useMenuItemsSingle: (propsFromUser: DSMenuItemsSingleT.Prop
226
226
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
227
227
  onTransitionEnd?: React.TransitionEventHandler<HTMLLIElement> | undefined;
228
228
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLLIElement> | undefined;
229
- defaultChecked?: boolean | undefined;
229
+ defaultChecked?: boolean | undefined | undefined;
230
230
  defaultValue?: string | number | readonly string[] | undefined;
231
- suppressContentEditableWarning?: boolean | undefined;
232
- suppressHydrationWarning?: boolean | undefined;
233
- accessKey?: string | undefined;
234
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
235
- autoFocus?: boolean | undefined;
236
- className?: string | undefined;
231
+ suppressContentEditableWarning?: boolean | undefined | undefined;
232
+ suppressHydrationWarning?: boolean | undefined | undefined;
233
+ accessKey?: string | undefined | undefined;
234
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
235
+ autoFocus?: boolean | undefined | undefined;
236
+ className?: string | undefined | undefined;
237
237
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
238
- contextMenu?: string | undefined;
239
- dir?: string | undefined;
238
+ contextMenu?: string | undefined | undefined;
239
+ dir?: string | undefined | undefined;
240
240
  draggable?: (boolean | "true" | "false") | undefined;
241
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
242
- hidden?: boolean | undefined;
243
- id?: string | undefined;
244
- lang?: string | undefined;
245
- nonce?: string | undefined;
246
- slot?: string | undefined;
241
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
242
+ hidden?: boolean | undefined | undefined;
243
+ id?: string | undefined | undefined;
244
+ lang?: string | undefined | undefined;
245
+ nonce?: string | undefined | undefined;
246
+ slot?: string | undefined | undefined;
247
247
  spellCheck?: (boolean | "true" | "false") | undefined;
248
248
  style?: React.CSSProperties | undefined;
249
- title?: string | undefined;
250
- translate?: "yes" | "no" | undefined;
251
- radioGroup?: string | undefined;
249
+ title?: string | undefined | undefined;
250
+ translate?: "yes" | "no" | undefined | undefined;
251
+ radioGroup?: string | undefined | undefined;
252
252
  role?: React.AriaRole | undefined;
253
- about?: string | undefined;
254
- content?: string | undefined;
255
- datatype?: string | undefined;
253
+ about?: string | undefined | undefined;
254
+ content?: string | undefined | undefined;
255
+ datatype?: string | undefined | undefined;
256
256
  inlist?: any;
257
- prefix?: string | undefined;
258
- property?: string | undefined;
259
- rel?: string | undefined;
260
- resource?: string | undefined;
261
- rev?: string | undefined;
262
- typeof?: string | undefined;
263
- vocab?: string | undefined;
264
- autoCorrect?: string | undefined;
265
- autoSave?: string | undefined;
266
- color?: string | undefined;
267
- itemProp?: string | undefined;
268
- itemScope?: boolean | undefined;
269
- itemType?: string | undefined;
270
- itemID?: string | undefined;
271
- itemRef?: string | undefined;
272
- results?: number | undefined;
273
- security?: string | undefined;
274
- unselectable?: "off" | "on" | undefined;
275
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
276
- is?: string | undefined;
277
- exportparts?: string | undefined;
278
- part?: string | undefined;
279
- accept?: string | undefined;
280
- acceptCharset?: string | undefined;
257
+ prefix?: string | undefined | undefined;
258
+ property?: string | undefined | undefined;
259
+ rel?: string | undefined | undefined;
260
+ resource?: string | undefined | undefined;
261
+ rev?: string | undefined | undefined;
262
+ typeof?: string | undefined | undefined;
263
+ vocab?: string | undefined | undefined;
264
+ autoCorrect?: string | undefined | undefined;
265
+ autoSave?: string | undefined | undefined;
266
+ color?: string | undefined | undefined;
267
+ itemProp?: string | undefined | undefined;
268
+ itemScope?: boolean | undefined | undefined;
269
+ itemType?: string | undefined | undefined;
270
+ itemID?: string | undefined | undefined;
271
+ itemRef?: string | undefined | undefined;
272
+ results?: number | undefined | undefined;
273
+ security?: string | undefined | undefined;
274
+ unselectable?: "on" | "off" | undefined | undefined;
275
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
276
+ is?: string | undefined | undefined;
277
+ exportparts?: string | undefined | undefined;
278
+ part?: string | undefined | undefined;
279
+ accept?: string | undefined | undefined;
280
+ acceptCharset?: string | undefined | undefined;
281
281
  action?: string | undefined;
282
- allowFullScreen?: boolean | undefined;
283
- allowTransparency?: boolean | undefined;
284
- alt?: string | undefined;
285
- async?: boolean | undefined;
286
- autoComplete?: string | undefined;
287
- autoPlay?: boolean | undefined;
288
- capture?: boolean | "user" | "environment" | undefined;
289
- cellPadding?: string | number | undefined;
290
- cellSpacing?: string | number | undefined;
291
- charSet?: string | undefined;
292
- challenge?: string | undefined;
293
- checked?: boolean | undefined;
294
- cite?: string | undefined;
295
- classID?: string | undefined;
296
- cols?: number | undefined;
297
- colSpan?: number | undefined;
298
- controls?: boolean | undefined;
299
- coords?: string | undefined;
282
+ allowFullScreen?: boolean | undefined | undefined;
283
+ allowTransparency?: boolean | undefined | undefined;
284
+ alt?: string | undefined | undefined;
285
+ async?: boolean | undefined | undefined;
286
+ autoComplete?: string | undefined | undefined;
287
+ autoPlay?: boolean | undefined | undefined;
288
+ capture?: boolean | "user" | "environment" | undefined | undefined;
289
+ cellPadding?: number | string | undefined | undefined;
290
+ cellSpacing?: number | string | undefined | undefined;
291
+ charSet?: string | undefined | undefined;
292
+ challenge?: string | undefined | undefined;
293
+ checked?: boolean | undefined | undefined;
294
+ cite?: string | undefined | undefined;
295
+ classID?: string | undefined | undefined;
296
+ cols?: number | undefined | undefined;
297
+ colSpan?: number | undefined | undefined;
298
+ controls?: boolean | undefined | undefined;
299
+ coords?: string | undefined | undefined;
300
300
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
301
- data?: string | undefined;
302
- dateTime?: string | undefined;
303
- default?: boolean | undefined;
304
- defer?: boolean | undefined;
301
+ data?: string | undefined | undefined;
302
+ dateTime?: string | undefined | undefined;
303
+ default?: boolean | undefined | undefined;
304
+ defer?: boolean | undefined | undefined;
305
305
  download?: any;
306
- encType?: string | undefined;
306
+ encType?: string | undefined | undefined;
307
307
  formAction?: string | undefined;
308
- formEncType?: string | undefined;
309
- formMethod?: string | undefined;
310
- formNoValidate?: boolean | undefined;
311
- formTarget?: string | undefined;
312
- frameBorder?: string | number | undefined;
313
- headers?: string | undefined;
314
- height?: string | number | undefined;
315
- high?: number | undefined;
316
- href?: string | undefined;
317
- hrefLang?: string | undefined;
318
- htmlFor?: string | undefined;
319
- httpEquiv?: string | undefined;
320
- integrity?: string | undefined;
321
- keyParams?: string | undefined;
322
- keyType?: string | undefined;
323
- kind?: string | undefined;
324
- loop?: boolean | undefined;
325
- low?: number | undefined;
326
- manifest?: string | undefined;
327
- marginHeight?: number | undefined;
328
- marginWidth?: number | undefined;
329
- max?: string | number | undefined;
330
- maxLength?: number | undefined;
331
- media?: string | undefined;
332
- mediaGroup?: string | undefined;
333
- method?: string | undefined;
334
- min?: string | number | undefined;
335
- minLength?: number | undefined;
336
- multiple?: boolean | undefined;
337
- muted?: boolean | undefined;
338
- name?: string | undefined;
339
- noValidate?: boolean | undefined;
340
- open?: boolean | undefined;
341
- optimum?: number | undefined;
342
- pattern?: string | undefined;
343
- placeholder?: string | undefined;
344
- playsInline?: boolean | undefined;
345
- poster?: string | undefined;
346
- preload?: string | undefined;
347
- readOnly?: boolean | undefined;
348
- required?: boolean | undefined;
349
- reversed?: boolean | undefined;
350
- rows?: number | undefined;
351
- rowSpan?: number | undefined;
352
- sandbox?: string | undefined;
353
- scope?: string | undefined;
354
- scoped?: boolean | undefined;
355
- scrolling?: string | undefined;
356
- seamless?: boolean | undefined;
357
- selected?: boolean | undefined;
358
- shape?: string | undefined;
359
- size?: number | undefined;
360
- sizes?: string | undefined;
361
- span?: number | undefined;
362
- src?: string | undefined;
363
- srcDoc?: string | undefined;
364
- srcLang?: string | undefined;
365
- srcSet?: string | undefined;
366
- start?: number | undefined;
367
- step?: string | number | undefined;
368
- summary?: string | undefined;
369
- target?: string | undefined;
370
- type?: string | undefined;
371
- useMap?: string | undefined;
308
+ formEncType?: string | undefined | undefined;
309
+ formMethod?: string | undefined | undefined;
310
+ formNoValidate?: boolean | undefined | undefined;
311
+ formTarget?: string | undefined | undefined;
312
+ frameBorder?: number | string | undefined | undefined;
313
+ headers?: string | undefined | undefined;
314
+ height?: number | string | undefined | undefined;
315
+ high?: number | undefined | undefined;
316
+ href?: string | undefined | undefined;
317
+ hrefLang?: string | undefined | undefined;
318
+ htmlFor?: string | undefined | undefined;
319
+ httpEquiv?: string | undefined | undefined;
320
+ integrity?: string | undefined | undefined;
321
+ keyParams?: string | undefined | undefined;
322
+ keyType?: string | undefined | undefined;
323
+ kind?: string | undefined | undefined;
324
+ loop?: boolean | undefined | undefined;
325
+ low?: number | undefined | undefined;
326
+ manifest?: string | undefined | undefined;
327
+ marginHeight?: number | undefined | undefined;
328
+ marginWidth?: number | undefined | undefined;
329
+ max?: number | string | undefined | undefined;
330
+ maxLength?: number | undefined | undefined;
331
+ media?: string | undefined | undefined;
332
+ mediaGroup?: string | undefined | undefined;
333
+ method?: string | undefined | undefined;
334
+ min?: number | string | undefined | undefined;
335
+ minLength?: number | undefined | undefined;
336
+ multiple?: boolean | undefined | undefined;
337
+ muted?: boolean | undefined | undefined;
338
+ name?: string | undefined | undefined;
339
+ noValidate?: boolean | undefined | undefined;
340
+ open?: boolean | undefined | undefined;
341
+ optimum?: number | undefined | undefined;
342
+ pattern?: string | undefined | undefined;
343
+ placeholder?: string | undefined | undefined;
344
+ playsInline?: boolean | undefined | undefined;
345
+ poster?: string | undefined | undefined;
346
+ preload?: string | undefined | undefined;
347
+ readOnly?: boolean | undefined | undefined;
348
+ required?: boolean | undefined | undefined;
349
+ reversed?: boolean | undefined | undefined;
350
+ rows?: number | undefined | undefined;
351
+ rowSpan?: number | undefined | undefined;
352
+ sandbox?: string | undefined | undefined;
353
+ scope?: string | undefined | undefined;
354
+ scoped?: boolean | undefined | undefined;
355
+ scrolling?: string | undefined | undefined;
356
+ seamless?: boolean | undefined | undefined;
357
+ selected?: boolean | undefined | undefined;
358
+ shape?: string | undefined | undefined;
359
+ size?: number | undefined | undefined;
360
+ sizes?: string | undefined | undefined;
361
+ span?: number | undefined | undefined;
362
+ src?: string | undefined | undefined;
363
+ srcDoc?: string | undefined | undefined;
364
+ srcLang?: string | undefined | undefined;
365
+ srcSet?: string | undefined | undefined;
366
+ start?: number | undefined | undefined;
367
+ step?: number | string | undefined | undefined;
368
+ summary?: string | undefined | undefined;
369
+ target?: string | undefined | undefined;
370
+ type?: string | undefined | undefined;
371
+ useMap?: string | undefined | undefined;
372
372
  value?: string | number | readonly string[] | undefined;
373
- width?: string | number | undefined;
374
- wmode?: string | undefined;
375
- wrap?: string | undefined;
373
+ width?: number | string | undefined | undefined;
374
+ wmode?: string | undefined | undefined;
375
+ wrap?: string | undefined | undefined;
376
376
  }, never>>;
377
377
  xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
378
378
  };
package/dist/types/react-desc-prop-types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="prop-types" />
2
1
  import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
3
2
  import { type DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';
4
3
  import type React from 'react';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-menu-items-single",
3
- "version": "3.52.1",
3
+ "version": "3.53.0-alpha.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Menu Items Single",
6
6
  "files": [
@@ -36,18 +36,18 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@xstyled/styled-components": "~3.7.3",
40
- "@elliemae/ds-grid": "3.52.1",
41
- "@elliemae/ds-menu-items-commons": "3.52.1",
42
- "@elliemae/ds-props-helpers": "3.52.1",
43
- "@elliemae/ds-system": "3.52.1",
44
- "@elliemae/ds-icons": "3.52.1"
39
+ "@elliemae/ds-icons": "3.53.0-alpha.2",
40
+ "@elliemae/ds-grid": "3.53.0-alpha.2",
41
+ "@elliemae/ds-menu-items-commons": "3.53.0-alpha.2",
42
+ "@elliemae/ds-system": "3.53.0-alpha.2",
43
+ "@elliemae/ds-props-helpers": "3.53.0-alpha.2"
45
44
  },
46
45
  "devDependencies": {
47
46
  "jest": "~29.7.0",
48
47
  "lodash-es": "^4.17.21",
49
48
  "styled-components": "~5.3.9",
50
- "@elliemae/ds-monorepo-devops": "3.52.1"
49
+ "@elliemae/ds-monorepo-devops": "3.53.0-alpha.2",
50
+ "@elliemae/ds-test-utils": "3.53.0-alpha.2"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@testing-library/jest-dom": "^6.6.3",