@elliemae/ds-menu-items-separator 3.50.0-next.3 → 3.50.0-rc.1

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.
@@ -51,6 +51,7 @@ const DSMenuItemsSeparator = (props) => {
51
51
  tabIndex: void 0,
52
52
  ...globalProps,
53
53
  ...xstyledProps,
54
+ "aria-hidden": "true",
54
55
  children: Render ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...propsWithDefault }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyledSeparator, {})
55
56
  }
56
57
  );
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSMenuItemsSeparator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledSeparatorWrapper, StyledSeparator } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSeparator } from './config/useMenuItemsSeparator.js';\n\nconst DSMenuItemsSeparator: React.ComponentType<DSMenuItemsSeparatorT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSeparator(props);\n const { wrapperStyles, innerRef, render: Render } = propsWithDefault;\n return (\n <StyledSeparatorWrapper\n style={wrapperStyles}\n innerRef={innerRef}\n aria-label=\"separator\"\n role=\"option\"\n tabIndex={undefined}\n {...globalProps}\n {...xstyledProps}\n >\n {Render ? <Render {...propsWithDefault} /> : <StyledSeparator />}\n </StyledSeparatorWrapper>\n );\n};\n\n// this is `'DSMenuItemSeparator'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSeparator.displayName = 'DSMenuItemSeparator';\nconst DSMenuItemsSeparatorWithSchema = describe(DSMenuItemsSeparator);\nDSMenuItemsSeparatorWithSchema.propTypes = DSMenuItemsSeparatorPropTypesSchema;\n\nexport { DSMenuItemsSeparator, DSMenuItemsSeparatorWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBP;AAlBhB,8BAAyB;AACzB,mCAAwD;AACxD,mCAAgF;AAChF,mCAAsC;AAEtC,MAAM,uBAAyE,CAAC,UAAU;AACxF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,oDAAsB,KAAK;AACnF,QAAM,EAAE,eAAe,UAAU,QAAQ,OAAO,IAAI;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,mBAAS,4CAAC,UAAQ,GAAG,kBAAkB,IAAK,4CAAC,gDAAgB;AAAA;AAAA,EAChE;AAEJ;AAGA,qBAAqB,cAAc;AACnC,MAAM,qCAAiC,kCAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
4
+ "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledSeparatorWrapper, StyledSeparator } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSeparator } from './config/useMenuItemsSeparator.js';\n\nconst DSMenuItemsSeparator: React.ComponentType<DSMenuItemsSeparatorT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSeparator(props);\n const { wrapperStyles, innerRef, render: Render } = propsWithDefault;\n return (\n <StyledSeparatorWrapper\n style={wrapperStyles}\n innerRef={innerRef}\n aria-label=\"separator\"\n role=\"option\"\n tabIndex={undefined}\n {...globalProps}\n {...xstyledProps}\n aria-hidden=\"true\"\n >\n {Render ? <Render {...propsWithDefault} /> : <StyledSeparator />}\n </StyledSeparatorWrapper>\n );\n};\n\n// this is `'DSMenuItemSeparator'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSeparator.displayName = 'DSMenuItemSeparator';\nconst DSMenuItemsSeparatorWithSchema = describe(DSMenuItemsSeparator);\nDSMenuItemsSeparatorWithSchema.propTypes = DSMenuItemsSeparatorPropTypesSchema;\n\nexport { DSMenuItemsSeparator, DSMenuItemsSeparatorWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBP;AAnBhB,8BAAyB;AACzB,mCAAwD;AACxD,mCAAgF;AAChF,mCAAsC;AAEtC,MAAM,uBAAyE,CAAC,UAAU;AACxF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,oDAAsB,KAAK;AACnF,QAAM,EAAE,eAAe,UAAU,QAAQ,OAAO,IAAI;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,eAAY;AAAA,MAEX,mBAAS,4CAAC,UAAQ,GAAG,kBAAkB,IAAK,4CAAC,gDAAgB;AAAA;AAAA,EAChE;AAEJ;AAGA,qBAAqB,cAAc;AACnC,MAAM,qCAAiC,kCAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
6
6
  "names": []
7
7
  }
@@ -43,7 +43,9 @@ const useMenuItemsSeparator = (propsFromUser) => {
43
43
  );
44
44
  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSMenuItemsSeparatorPropTypes);
45
45
  const sourceGlobalProps = propsWithDefault.original ?? propsWithDefault;
46
- const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(sourceGlobalProps);
46
+ const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(
47
+ sourceGlobalProps
48
+ );
47
49
  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(sourceGlobalProps);
48
50
  return import_react.default.useMemo(
49
51
  () => ({
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useMenuItemsSeparator.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsSeparatorCTX {\n propsWithDefault: DSMenuItemsSeparatorT.InternalProps;\n globalProps: ReturnType<\n typeof useGetGlobalAttributes<DSMenuItemsSeparatorT.InternalProps, HTMLLIElement, DSGridT.Props>\n >;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSeparator = (propsFromUser: DSMenuItemsSeparatorT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSeparatorT.InternalProps>(\n propsFromUser,\n defaultProps,\n );\n useValidateProps(propsWithDefault, DSMenuItemsSeparatorPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n\n // menuitems use original prop from dsdropdownmenu or dscombobox\n // We may want to review if this is required or makes sense, but for now we will keep it to avoid breaking changes\n const sourceGlobalProps =\n (propsWithDefault.original as unknown as DSMenuItemsSeparatorT.InternalProps) ?? propsWithDefault;\n\n const globalProps = useGetGlobalAttributes<\n DSMenuItemsSeparatorT.InternalProps,\n HTMLLIElement,\n DSGridT.GridSpecificGlobalAttributesGeneric<HTMLLIElement>\n >(sourceGlobalProps);\n const xstyledProps = useGetXstyledProps(sourceGlobalProps);\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n }),\n [propsWithDefault, globalProps, xstyledProps],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AAEzF,mCAAwF;AACxF,8BAAiC;AAU1B,MAAM,wBAAwB,CAAC,kBAA+C;AAInF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,0DAA6B;AAOhE,QAAM,oBACH,iBAAiB,YAA+D;AAEnF,QAAM,kBAAc,gDAIlB,iBAAiB;AACnB,QAAM,mBAAe,4CAAmB,iBAAiB;AACzD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
4
+ "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSGridT } from '@elliemae/ds-grid';\n\nexport interface MenuItemsSeparatorCTX {\n propsWithDefault: DSMenuItemsSeparatorT.InternalProps;\n globalProps: ReturnType<typeof useGetGlobalAttributes>;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSeparator = (propsFromUser: DSMenuItemsSeparatorT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSeparatorT.InternalProps>(\n propsFromUser,\n defaultProps,\n );\n useValidateProps(propsWithDefault, DSMenuItemsSeparatorPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n\n // menuitems use original prop from dsdropdownmenu or dscombobox\n // We may want to review if this is required or makes sense, but for now we will keep it to avoid breaking changes\n const sourceGlobalProps =\n (propsWithDefault.original as unknown as DSMenuItemsSeparatorT.InternalProps) ?? propsWithDefault;\n\n const globalProps = useGetGlobalAttributes<DSMenuItemsSeparatorT.InternalProps, HTMLDivElement, DSGridT.Props>(\n sourceGlobalProps,\n );\n const xstyledProps = useGetXstyledProps(sourceGlobalProps);\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n }),\n [propsWithDefault, globalProps, xstyledProps],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,mCAAwF;AACxF,8BAAiC;AAS1B,MAAM,wBAAwB,CAAC,kBAA+C;AAInF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,0DAA6B;AAOhE,QAAM,oBACH,iBAAiB,YAA+D;AAEnF,QAAM,kBAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,mBAAe,4CAAmB,iBAAiB;AACzD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
6
6
  "names": ["React"]
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable @typescript-eslint/no-duplicate-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n type DSMenuItemsCommonsT,\n DSMenuItemsCommonsPropTypes,\n DSMenuItemsCommonsDefaultProps,\n} from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSeparatorT {\n /** *****************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a `dsId` prop\n - not only it is not required, it's literally ignored\n this is \"okay\" because the separator is not selectable nor activatable, but may not scale well...\n \n I am reflecting what the code is actually doing instead of what we \"meant\" to do.\n ***************************************************************************************** */\n\n // sections can not be \"selected\" nor activated and for this reason we never had an hard requirement for the dsId\n // this may not scale well but to avoid breaking changes we are keeping it this way, if we ever need to add it we will do a V2\n export type RequiredProps = Record<string, never>;\n\n export type DefaultProps = DSMenuItemsCommonsT.DefaultProps & {\n role?: string;\n };\n\n export type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsSeparatorT.InternalProps>;\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLLIElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLLIElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n}\n\nexport const defaultProps: DSMenuItemsSeparatorT.DefaultProps = {\n ...DSMenuItemsCommonsDefaultProps,\n role: 'option',\n};\n\n// check the disclaimer above, this affects the validation.\n// eslint-disable-next-line no-unused-vars\nconst { dsId, ...commonsWithoutOverwrites } = DSMenuItemsCommonsPropTypes;\n\nexport const DSMenuItemsSeparatorPropTypes: DSPropTypesSchema<DSMenuItemsSeparatorT.InternalProps> = {\n // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n // they are NOT inherited from a common element from ds-menu-items-commons\n ...xstyledPropTypes,\n ...commonsWithoutOverwrites,\n ...globalAttributesPropTypes,\n role: PropTypes.string\n .description('the arial role to apply to the separator, defaults to \"option\"')\n .defaultValue('option'),\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description(\n 'The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.',\n ),\n};\n\nexport const DSMenuItemsSeparatorPropTypesSchema =\n DSMenuItemsSeparatorPropTypes as unknown as WeakValidationMap<DSMenuItemsSeparatorT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
4
+ "sourcesContent": ["/* eslint-disable @typescript-eslint/no-duplicate-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n type DSMenuItemsCommonsT,\n DSMenuItemsCommonsPropTypes,\n DSMenuItemsCommonsDefaultProps,\n} from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSeparatorT {\n /*******************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a `dsId` prop\n - not only it is not required, it's literally ignored\n this is \"okay\" because the separator is not selectable nor activatable, but may not scale well...\n \n I am reflecting what the code is actually doing instead of what we \"meant\" to do.\n ***************************************************************************************** */\n\n // sections can not be \"selected\" nor activated and for this reason we never had an hard requirement for the dsId\n // this may not scale well but to avoid breaking changes we are keeping it this way, if we ever need to add it we will do a V2\n export type RequiredProps = Record<string, never>;\n\n export type DefaultProps = DSMenuItemsCommonsT.DefaultProps & {\n role?: string;\n };\n\n export type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsSeparatorT.InternalProps>;\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n}\n\nexport const defaultProps: DSMenuItemsSeparatorT.DefaultProps = {\n ...DSMenuItemsCommonsDefaultProps,\n role: 'option',\n};\n\n// check the disclaimer above, this affects the validation.\n// eslint-disable-next-line no-unused-vars\nconst { dsId, ...commonsWithoutOverwrites } = DSMenuItemsCommonsPropTypes;\n\nexport const DSMenuItemsSeparatorPropTypes: DSPropTypesSchema<DSMenuItemsSeparatorT.InternalProps> = {\n // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n // they are NOT inherited from a common element from ds-menu-items-commons\n ...xstyledPropTypes,\n ...commonsWithoutOverwrites,\n ...globalAttributesPropTypes,\n role: PropTypes.string\n .description('the arial role to apply to the separator, defaults to \"option\"')\n .defaultValue('option'),\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description(\n 'The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.',\n ),\n};\n\nexport const DSMenuItemsSeparatorPropTypesSchema =\n DSMenuItemsSeparatorPropTypes as unknown as WeakValidationMap<DSMenuItemsSeparatorT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AACvE,mCAIO;AAyCA,MAAM,eAAmD;AAAA,EAC9D,GAAG;AAAA,EACH,MAAM;AACR;AAIA,MAAM,EAAE,MAAM,GAAG,yBAAyB,IAAI;AAEvC,MAAM,gCAAwF;AAAA;AAAA;AAAA,EAGnG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,OACb,YAAY,gEAAgE,EAC5E,aAAa,QAAQ;AAAA,EACxB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IAClE;AAAA,EACF;AACF;AAEO,MAAM,sCACX;",
6
6
  "names": []
7
7
  }
@@ -17,6 +17,7 @@ const DSMenuItemsSeparator = (props) => {
17
17
  tabIndex: void 0,
18
18
  ...globalProps,
19
19
  ...xstyledProps,
20
+ "aria-hidden": "true",
20
21
  children: Render ? /* @__PURE__ */ jsx(Render, { ...propsWithDefault }) : /* @__PURE__ */ jsx(StyledSeparator, {})
21
22
  }
22
23
  );
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuItemsSeparator.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledSeparatorWrapper, StyledSeparator } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSeparator } from './config/useMenuItemsSeparator.js';\n\nconst DSMenuItemsSeparator: React.ComponentType<DSMenuItemsSeparatorT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSeparator(props);\n const { wrapperStyles, innerRef, render: Render } = propsWithDefault;\n return (\n <StyledSeparatorWrapper\n style={wrapperStyles}\n innerRef={innerRef}\n aria-label=\"separator\"\n role=\"option\"\n tabIndex={undefined}\n {...globalProps}\n {...xstyledProps}\n >\n {Render ? <Render {...propsWithDefault} /> : <StyledSeparator />}\n </StyledSeparatorWrapper>\n );\n};\n\n// this is `'DSMenuItemSeparator'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSeparator.displayName = 'DSMenuItemSeparator';\nconst DSMenuItemsSeparatorWithSchema = describe(DSMenuItemsSeparator);\nDSMenuItemsSeparatorWithSchema.propTypes = DSMenuItemsSeparatorPropTypesSchema;\n\nexport { DSMenuItemsSeparator, DSMenuItemsSeparatorWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACmBP;AAlBhB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB,uBAAuB;AACxD,SAAqC,2CAA2C;AAChF,SAAS,6BAA6B;AAEtC,MAAM,uBAAyE,CAAC,UAAU;AACxF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,sBAAsB,KAAK;AACnF,QAAM,EAAE,eAAe,UAAU,QAAQ,OAAO,IAAI;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,mBAAS,oBAAC,UAAQ,GAAG,kBAAkB,IAAK,oBAAC,mBAAgB;AAAA;AAAA,EAChE;AAEJ;AAGA,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledSeparatorWrapper, StyledSeparator } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSeparator } from './config/useMenuItemsSeparator.js';\n\nconst DSMenuItemsSeparator: React.ComponentType<DSMenuItemsSeparatorT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSeparator(props);\n const { wrapperStyles, innerRef, render: Render } = propsWithDefault;\n return (\n <StyledSeparatorWrapper\n style={wrapperStyles}\n innerRef={innerRef}\n aria-label=\"separator\"\n role=\"option\"\n tabIndex={undefined}\n {...globalProps}\n {...xstyledProps}\n aria-hidden=\"true\"\n >\n {Render ? <Render {...propsWithDefault} /> : <StyledSeparator />}\n </StyledSeparatorWrapper>\n );\n};\n\n// this is `'DSMenuItemSeparator'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSeparator.displayName = 'DSMenuItemSeparator';\nconst DSMenuItemsSeparatorWithSchema = describe(DSMenuItemsSeparator);\nDSMenuItemsSeparatorWithSchema.propTypes = DSMenuItemsSeparatorPropTypesSchema;\n\nexport { DSMenuItemsSeparator, DSMenuItemsSeparatorWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACoBP;AAnBhB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB,uBAAuB;AACxD,SAAqC,2CAA2C;AAChF,SAAS,6BAA6B;AAEtC,MAAM,uBAAyE,CAAC,UAAU;AACxF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,sBAAsB,KAAK;AACnF,QAAM,EAAE,eAAe,UAAU,QAAQ,OAAO,IAAI;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,eAAY;AAAA,MAEX,mBAAS,oBAAC,UAAQ,GAAG,kBAAkB,IAAK,oBAAC,mBAAgB;AAAA;AAAA,EAChE;AAEJ;AAGA,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
6
6
  "names": []
7
7
  }
@@ -10,7 +10,9 @@ const useMenuItemsSeparator = (propsFromUser) => {
10
10
  );
11
11
  useValidateProps(propsWithDefault, DSMenuItemsSeparatorPropTypes);
12
12
  const sourceGlobalProps = propsWithDefault.original ?? propsWithDefault;
13
- const globalProps = useGetGlobalAttributes(sourceGlobalProps);
13
+ const globalProps = useGetGlobalAttributes(
14
+ sourceGlobalProps
15
+ );
14
16
  const xstyledProps = useGetXstyledProps(sourceGlobalProps);
15
17
  return React2.useMemo(
16
18
  () => ({
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useMenuItemsSeparator.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsSeparatorCTX {\n propsWithDefault: DSMenuItemsSeparatorT.InternalProps;\n globalProps: ReturnType<\n typeof useGetGlobalAttributes<DSMenuItemsSeparatorT.InternalProps, HTMLLIElement, DSGridT.Props>\n >;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSeparator = (propsFromUser: DSMenuItemsSeparatorT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSeparatorT.InternalProps>(\n propsFromUser,\n defaultProps,\n );\n useValidateProps(propsWithDefault, DSMenuItemsSeparatorPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n\n // menuitems use original prop from dsdropdownmenu or dscombobox\n // We may want to review if this is required or makes sense, but for now we will keep it to avoid breaking changes\n const sourceGlobalProps =\n (propsWithDefault.original as unknown as DSMenuItemsSeparatorT.InternalProps) ?? propsWithDefault;\n\n const globalProps = useGetGlobalAttributes<\n DSMenuItemsSeparatorT.InternalProps,\n HTMLLIElement,\n DSGridT.GridSpecificGlobalAttributesGeneric<HTMLLIElement>\n >(sourceGlobalProps);\n const xstyledProps = useGetXstyledProps(sourceGlobalProps);\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n }),\n [propsWithDefault, globalProps, xstyledProps],\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AAEzF,SAAqC,+BAA+B,oBAAoB;AACxF,SAAS,wBAAwB;AAU1B,MAAM,wBAAwB,CAAC,kBAA+C;AAInF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,6BAA6B;AAOhE,QAAM,oBACH,iBAAiB,YAA+D;AAEnF,QAAM,cAAc,uBAIlB,iBAAiB;AACnB,QAAM,eAAe,mBAAmB,iBAAiB;AACzD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSMenuItemsSeparatorT, DSMenuItemsSeparatorPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSGridT } from '@elliemae/ds-grid';\n\nexport interface MenuItemsSeparatorCTX {\n propsWithDefault: DSMenuItemsSeparatorT.InternalProps;\n globalProps: ReturnType<typeof useGetGlobalAttributes>;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSeparator = (propsFromUser: DSMenuItemsSeparatorT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSeparatorT.InternalProps>(\n propsFromUser,\n defaultProps,\n );\n useValidateProps(propsWithDefault, DSMenuItemsSeparatorPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n\n // menuitems use original prop from dsdropdownmenu or dscombobox\n // We may want to review if this is required or makes sense, but for now we will keep it to avoid breaking changes\n const sourceGlobalProps =\n (propsWithDefault.original as unknown as DSMenuItemsSeparatorT.InternalProps) ?? propsWithDefault;\n\n const globalProps = useGetGlobalAttributes<DSMenuItemsSeparatorT.InternalProps, HTMLDivElement, DSGridT.Props>(\n sourceGlobalProps,\n );\n const xstyledProps = useGetXstyledProps(sourceGlobalProps);\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n }),\n [propsWithDefault, globalProps, xstyledProps],\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAqC,+BAA+B,oBAAoB;AACxF,SAAS,wBAAwB;AAS1B,MAAM,wBAAwB,CAAC,kBAA+C;AAInF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,6BAA6B;AAOhE,QAAM,oBACH,iBAAiB,YAA+D;AAEnF,QAAM,cAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,eAAe,mBAAmB,iBAAiB;AACzD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
6
6
  "names": ["React"]
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-duplicate-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n type DSMenuItemsCommonsT,\n DSMenuItemsCommonsPropTypes,\n DSMenuItemsCommonsDefaultProps,\n} from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSeparatorT {\n /** *****************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a `dsId` prop\n - not only it is not required, it's literally ignored\n this is \"okay\" because the separator is not selectable nor activatable, but may not scale well...\n \n I am reflecting what the code is actually doing instead of what we \"meant\" to do.\n ***************************************************************************************** */\n\n // sections can not be \"selected\" nor activated and for this reason we never had an hard requirement for the dsId\n // this may not scale well but to avoid breaking changes we are keeping it this way, if we ever need to add it we will do a V2\n export type RequiredProps = Record<string, never>;\n\n export type DefaultProps = DSMenuItemsCommonsT.DefaultProps & {\n role?: string;\n };\n\n export type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsSeparatorT.InternalProps>;\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLLIElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLLIElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n}\n\nexport const defaultProps: DSMenuItemsSeparatorT.DefaultProps = {\n ...DSMenuItemsCommonsDefaultProps,\n role: 'option',\n};\n\n// check the disclaimer above, this affects the validation.\n// eslint-disable-next-line no-unused-vars\nconst { dsId, ...commonsWithoutOverwrites } = DSMenuItemsCommonsPropTypes;\n\nexport const DSMenuItemsSeparatorPropTypes: DSPropTypesSchema<DSMenuItemsSeparatorT.InternalProps> = {\n // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n // they are NOT inherited from a common element from ds-menu-items-commons\n ...xstyledPropTypes,\n ...commonsWithoutOverwrites,\n ...globalAttributesPropTypes,\n role: PropTypes.string\n .description('the arial role to apply to the separator, defaults to \"option\"')\n .defaultValue('option'),\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description(\n 'The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.',\n ),\n};\n\nexport const DSMenuItemsSeparatorPropTypesSchema =\n DSMenuItemsSeparatorPropTypes as unknown as WeakValidationMap<DSMenuItemsSeparatorT.Props>;\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-duplicate-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n type DSMenuItemsCommonsT,\n DSMenuItemsCommonsPropTypes,\n DSMenuItemsCommonsDefaultProps,\n} from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSeparatorT {\n /*******************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a `dsId` prop\n - not only it is not required, it's literally ignored\n this is \"okay\" because the separator is not selectable nor activatable, but may not scale well...\n \n I am reflecting what the code is actually doing instead of what we \"meant\" to do.\n ***************************************************************************************** */\n\n // sections can not be \"selected\" nor activated and for this reason we never had an hard requirement for the dsId\n // this may not scale well but to avoid breaking changes we are keeping it this way, if we ever need to add it we will do a V2\n export type RequiredProps = Record<string, never>;\n\n export type DefaultProps = DSMenuItemsCommonsT.DefaultProps & {\n role?: string;\n };\n\n export type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsSeparatorT.InternalProps>;\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n // no \"RequiredProps\" because of what was said in the disclaimer above.\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps {}\n}\n\nexport const defaultProps: DSMenuItemsSeparatorT.DefaultProps = {\n ...DSMenuItemsCommonsDefaultProps,\n role: 'option',\n};\n\n// check the disclaimer above, this affects the validation.\n// eslint-disable-next-line no-unused-vars\nconst { dsId, ...commonsWithoutOverwrites } = DSMenuItemsCommonsPropTypes;\n\nexport const DSMenuItemsSeparatorPropTypes: DSPropTypesSchema<DSMenuItemsSeparatorT.InternalProps> = {\n // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n // they are NOT inherited from a common element from ds-menu-items-commons\n ...xstyledPropTypes,\n ...commonsWithoutOverwrites,\n ...globalAttributesPropTypes,\n role: PropTypes.string\n .description('the arial role to apply to the separator, defaults to \"option\"')\n .defaultValue('option'),\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description(\n 'The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.',\n ),\n};\n\nexport const DSMenuItemsSeparatorPropTypesSchema =\n DSMenuItemsSeparatorPropTypes as unknown as WeakValidationMap<DSMenuItemsSeparatorT.Props>;\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AACvE;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAyCA,MAAM,eAAmD;AAAA,EAC9D,GAAG;AAAA,EACH,MAAM;AACR;AAIA,MAAM,EAAE,MAAM,GAAG,yBAAyB,IAAI;AAEvC,MAAM,gCAAwF;AAAA;AAAA;AAAA,EAGnG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,OACb,YAAY,gEAAgE,EAC5E,aAAa,QAAQ;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAClE;AAAA,EACF;AACF;AAEO,MAAM,sCACX;",
6
6
  "names": []
7
7
  }
@@ -1,15 +1,15 @@
1
1
  import React from 'react';
2
2
  import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
3
- import type { DSGridT } from '@elliemae/ds-grid';
4
3
  import { type DSMenuItemsSeparatorT } from '../react-desc-prop-types.js';
4
+ import type { DSGridT } from '@elliemae/ds-grid';
5
5
  export interface MenuItemsSeparatorCTX {
6
6
  propsWithDefault: DSMenuItemsSeparatorT.InternalProps;
7
- globalProps: ReturnType<typeof useGetGlobalAttributes<DSMenuItemsSeparatorT.InternalProps, HTMLLIElement, DSGridT.Props>>;
7
+ globalProps: ReturnType<typeof useGetGlobalAttributes>;
8
8
  xstyledProps: ReturnType<typeof useGetXstyledProps>;
9
9
  }
10
10
  export declare const useMenuItemsSeparator: (propsFromUser: DSMenuItemsSeparatorT.Props) => {
11
11
  propsWithDefault: DSMenuItemsSeparatorT.InternalProps;
12
- globalProps: Partial<Pick<DSGridT.GridSpecificGlobalAttributesGeneric<HTMLLIElement>, "role" | "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" | "onKeyDown" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "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" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "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
+ globalProps: Partial<Pick<DSGridT.Props, "role" | "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" | "onKeyDown" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "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" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "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<{
13
13
  role?: React.AriaRole | undefined;
14
14
  form?: string | undefined;
15
15
  list?: string | undefined;
@@ -67,166 +67,166 @@ export declare const useMenuItemsSeparator: (propsFromUser: DSMenuItemsSeparator
67
67
  "aria-valuenow"?: number | undefined;
68
68
  "aria-valuetext"?: string | undefined;
69
69
  children?: React.ReactNode;
70
- onCopy?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
71
- onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
72
- onCut?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
73
- onCutCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
74
- onPaste?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
75
- onPasteCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
76
- onCompositionEnd?: React.CompositionEventHandler<HTMLLIElement> | undefined;
77
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
78
- onCompositionStart?: React.CompositionEventHandler<HTMLLIElement> | undefined;
79
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
80
- onCompositionUpdate?: React.CompositionEventHandler<HTMLLIElement> | undefined;
81
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
82
- onFocus?: React.FocusEventHandler<HTMLLIElement> | undefined;
83
- onFocusCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
84
- onBlur?: React.FocusEventHandler<HTMLLIElement> | undefined;
85
- onBlurCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
86
- onChange?: React.FormEventHandler<HTMLLIElement> | undefined;
87
- onChangeCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
88
- onBeforeInput?: React.FormEventHandler<HTMLLIElement> | undefined;
89
- onBeforeInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
90
- onInput?: React.FormEventHandler<HTMLLIElement> | undefined;
91
- onInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
92
- onReset?: React.FormEventHandler<HTMLLIElement> | undefined;
93
- onResetCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
94
- onSubmit?: React.FormEventHandler<HTMLLIElement> | undefined;
95
- onSubmitCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
96
- onInvalid?: React.FormEventHandler<HTMLLIElement> | undefined;
97
- onInvalidCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
98
- onLoad?: React.ReactEventHandler<HTMLLIElement> | undefined;
99
- onLoadCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
100
- onError?: React.ReactEventHandler<HTMLLIElement> | undefined;
101
- onErrorCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
102
- onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
103
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
104
- onKeyPress?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
105
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
106
- onKeyUp?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
107
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
108
- onAbort?: React.ReactEventHandler<HTMLLIElement> | undefined;
109
- onAbortCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
110
- onCanPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
111
- onCanPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
112
- onCanPlayThrough?: React.ReactEventHandler<HTMLLIElement> | undefined;
113
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
114
- onDurationChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
115
- onDurationChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
116
- onEmptied?: React.ReactEventHandler<HTMLLIElement> | undefined;
117
- onEmptiedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
118
- onEncrypted?: React.ReactEventHandler<HTMLLIElement> | undefined;
119
- onEncryptedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
120
- onEnded?: React.ReactEventHandler<HTMLLIElement> | undefined;
121
- onEndedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
122
- onLoadedData?: React.ReactEventHandler<HTMLLIElement> | undefined;
123
- onLoadedDataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
124
- onLoadedMetadata?: React.ReactEventHandler<HTMLLIElement> | undefined;
125
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
126
- onLoadStart?: React.ReactEventHandler<HTMLLIElement> | undefined;
127
- onLoadStartCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
128
- onPause?: React.ReactEventHandler<HTMLLIElement> | undefined;
129
- onPauseCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
130
- onPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
131
- onPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
132
- onPlaying?: React.ReactEventHandler<HTMLLIElement> | undefined;
133
- onPlayingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
134
- onProgress?: React.ReactEventHandler<HTMLLIElement> | undefined;
135
- onProgressCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
136
- onRateChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
137
- onRateChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
138
- onResize?: React.ReactEventHandler<HTMLLIElement> | undefined;
139
- onResizeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
140
- onSeeked?: React.ReactEventHandler<HTMLLIElement> | undefined;
141
- onSeekedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
142
- onSeeking?: React.ReactEventHandler<HTMLLIElement> | undefined;
143
- onSeekingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
144
- onStalled?: React.ReactEventHandler<HTMLLIElement> | undefined;
145
- onStalledCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
146
- onSuspend?: React.ReactEventHandler<HTMLLIElement> | undefined;
147
- onSuspendCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
148
- onTimeUpdate?: React.ReactEventHandler<HTMLLIElement> | undefined;
149
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
150
- onVolumeChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
151
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
152
- onWaiting?: React.ReactEventHandler<HTMLLIElement> | undefined;
153
- onWaitingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
154
- onAuxClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
155
- onAuxClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
156
- onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
157
- onClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
158
- onContextMenu?: React.MouseEventHandler<HTMLLIElement> | undefined;
159
- onContextMenuCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
160
- onDoubleClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
161
- onDoubleClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
162
- onDrag?: React.DragEventHandler<HTMLLIElement> | undefined;
163
- onDragCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
164
- onDragEnd?: React.DragEventHandler<HTMLLIElement> | undefined;
165
- onDragEndCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
166
- onDragEnter?: React.DragEventHandler<HTMLLIElement> | undefined;
167
- onDragEnterCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
168
- onDragExit?: React.DragEventHandler<HTMLLIElement> | undefined;
169
- onDragExitCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
170
- onDragLeave?: React.DragEventHandler<HTMLLIElement> | undefined;
171
- onDragLeaveCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
172
- onDragOver?: React.DragEventHandler<HTMLLIElement> | undefined;
173
- onDragOverCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
174
- onDragStart?: React.DragEventHandler<HTMLLIElement> | undefined;
175
- onDragStartCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
176
- onDrop?: React.DragEventHandler<HTMLLIElement> | undefined;
177
- onDropCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
178
- onMouseDown?: React.MouseEventHandler<HTMLLIElement> | undefined;
179
- onMouseDownCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
180
- onMouseEnter?: React.MouseEventHandler<HTMLLIElement> | undefined;
181
- onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
182
- onMouseMove?: React.MouseEventHandler<HTMLLIElement> | undefined;
183
- onMouseMoveCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
184
- onMouseOut?: React.MouseEventHandler<HTMLLIElement> | undefined;
185
- onMouseOutCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
186
- onMouseOver?: React.MouseEventHandler<HTMLLIElement> | undefined;
187
- onMouseOverCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
188
- onMouseUp?: React.MouseEventHandler<HTMLLIElement> | undefined;
189
- onMouseUpCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
190
- onSelect?: React.ReactEventHandler<HTMLLIElement> | undefined;
191
- onSelectCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
192
- onTouchCancel?: React.TouchEventHandler<HTMLLIElement> | undefined;
193
- onTouchCancelCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
194
- onTouchEnd?: React.TouchEventHandler<HTMLLIElement> | undefined;
195
- onTouchEndCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
196
- onTouchMove?: React.TouchEventHandler<HTMLLIElement> | undefined;
197
- onTouchMoveCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
198
- onTouchStart?: React.TouchEventHandler<HTMLLIElement> | undefined;
199
- onTouchStartCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
200
- onPointerDown?: React.PointerEventHandler<HTMLLIElement> | undefined;
201
- onPointerDownCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
202
- onPointerMove?: React.PointerEventHandler<HTMLLIElement> | undefined;
203
- onPointerMoveCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
204
- onPointerUp?: React.PointerEventHandler<HTMLLIElement> | undefined;
205
- onPointerUpCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
206
- onPointerCancel?: React.PointerEventHandler<HTMLLIElement> | undefined;
207
- onPointerCancelCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
208
- onPointerEnter?: React.PointerEventHandler<HTMLLIElement> | undefined;
209
- onPointerLeave?: React.PointerEventHandler<HTMLLIElement> | undefined;
210
- onPointerOver?: React.PointerEventHandler<HTMLLIElement> | undefined;
211
- onPointerOverCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
212
- onPointerOut?: React.PointerEventHandler<HTMLLIElement> | undefined;
213
- onPointerOutCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
214
- onGotPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
215
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
216
- onLostPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
217
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
218
- onScroll?: React.UIEventHandler<HTMLLIElement> | undefined;
219
- onScrollCapture?: React.UIEventHandler<HTMLLIElement> | undefined;
220
- onWheel?: React.WheelEventHandler<HTMLLIElement> | undefined;
221
- onWheelCapture?: React.WheelEventHandler<HTMLLIElement> | undefined;
222
- onAnimationStart?: React.AnimationEventHandler<HTMLLIElement> | undefined;
223
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
224
- onAnimationEnd?: React.AnimationEventHandler<HTMLLIElement> | undefined;
225
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
226
- onAnimationIteration?: React.AnimationEventHandler<HTMLLIElement> | undefined;
227
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
228
- onTransitionEnd?: React.TransitionEventHandler<HTMLLIElement> | undefined;
229
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLLIElement> | undefined;
70
+ onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
71
+ onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
72
+ onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
73
+ onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
74
+ onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
75
+ onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
76
+ onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
77
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
78
+ onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
79
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
80
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
81
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
82
+ onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
83
+ onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
84
+ onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
85
+ onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
86
+ onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
87
+ onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
88
+ onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
89
+ onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
90
+ onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
91
+ onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
92
+ onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
93
+ onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
94
+ onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
95
+ onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
96
+ onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
97
+ onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
98
+ onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
99
+ onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
100
+ onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
101
+ onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
102
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
103
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
104
+ onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
105
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
106
+ onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
107
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
108
+ onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
109
+ onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
110
+ onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
111
+ onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
112
+ onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
113
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
114
+ onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
115
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
116
+ onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
117
+ onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
118
+ onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
119
+ onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
120
+ onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
121
+ onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
122
+ onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
123
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
124
+ onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
125
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
126
+ onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
127
+ onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
128
+ onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
129
+ onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
130
+ onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
131
+ onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
132
+ onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
133
+ onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
134
+ onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
135
+ onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
136
+ onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
137
+ onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
138
+ onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
139
+ onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
140
+ onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
141
+ onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
142
+ onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
143
+ onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
144
+ onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
145
+ onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
146
+ onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
147
+ onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
148
+ onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
149
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
150
+ onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
151
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
152
+ onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
153
+ onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
154
+ onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
155
+ onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
156
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
157
+ onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
158
+ onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
159
+ onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
160
+ onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
161
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
162
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
163
+ onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
164
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
165
+ onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
166
+ onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
167
+ onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
168
+ onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
169
+ onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
170
+ onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
171
+ onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
172
+ onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
173
+ onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
174
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
175
+ onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
176
+ onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
177
+ onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
178
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
179
+ onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
180
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
181
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
182
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
183
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
184
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
185
+ onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
186
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
187
+ onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
188
+ onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
189
+ onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
190
+ onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
191
+ onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
192
+ onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
193
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
194
+ onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
195
+ onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
196
+ onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
197
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
198
+ onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
199
+ onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
200
+ onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
201
+ onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
202
+ onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
203
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
204
+ onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
205
+ onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
206
+ onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
207
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
208
+ onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
209
+ onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
210
+ onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
211
+ onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
212
+ onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
213
+ onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
214
+ onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
215
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
216
+ onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
217
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
218
+ onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
219
+ onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
220
+ onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
221
+ onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
222
+ onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
223
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
224
+ onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
225
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
226
+ onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
227
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
228
+ onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
229
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
230
230
  defaultChecked?: boolean | undefined;
231
231
  defaultValue?: string | number | readonly string[] | undefined;
232
232
  suppressContentEditableWarning?: boolean | undefined;
@@ -374,6 +374,6 @@ export declare const useMenuItemsSeparator: (propsFromUser: DSMenuItemsSeparator
374
374
  width?: string | number | undefined;
375
375
  wmode?: string | undefined;
376
376
  wrap?: string | undefined;
377
- }, "role" | "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" | "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" | "onKeyDown" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "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" | "checked" | "cite" | "classID" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "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" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "wmode">>;
377
+ }, keyof DSGridT.Props>>;
378
378
  xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
379
379
  };
@@ -2,7 +2,7 @@ import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliem
2
2
  import { type DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';
3
3
  import type { WeakValidationMap } from 'react';
4
4
  export declare namespace DSMenuItemsSeparatorT {
5
- /** *****************************************************************************************
5
+ /*******************************************************************************************
6
6
  ******************************** IMPORTANT DISCLAIMER *************************************
7
7
  *******************************************************************************************
8
8
  This component violates `common.RequiredProps` because
@@ -17,9 +17,9 @@ export declare namespace DSMenuItemsSeparatorT {
17
17
  role?: string;
18
18
  };
19
19
  type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsSeparatorT.InternalProps>;
20
- interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLLIElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps {
20
+ interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps {
21
21
  }
22
- interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLLIElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps {
22
+ interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps {
23
23
  }
24
24
  }
25
25
  export declare const defaultProps: DSMenuItemsSeparatorT.DefaultProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-menu-items-separator",
3
- "version": "3.50.0-next.3",
3
+ "version": "3.50.0-rc.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Menu Items Separator",
6
6
  "files": [
@@ -25,8 +25,8 @@
25
25
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
26
26
  },
27
27
  "engines": {
28
- "pnpm": ">=6",
29
- "node": ">=16"
28
+ "pnpm": ">=9",
29
+ "node": ">=22"
30
30
  },
31
31
  "author": "ICE MT",
32
32
  "jestSonar": {
@@ -36,22 +36,23 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@xstyled/styled-components": "~3.7.3",
40
- "@elliemae/ds-menu-items-commons": "3.50.0-next.3",
41
- "@elliemae/ds-grid": "3.50.0-next.3",
42
- "@elliemae/ds-system": "3.50.0-next.3",
43
- "@elliemae/ds-button": "3.50.0-next.3",
44
- "@elliemae/ds-props-helpers": "3.50.0-next.3"
39
+ "@xstyled/styled-components": "~3.6.0",
40
+ "@elliemae/ds-button": "3.50.0-rc.1",
41
+ "@elliemae/ds-menu-items-commons": "3.50.0-rc.1",
42
+ "@elliemae/ds-grid": "3.50.0-rc.1",
43
+ "@elliemae/ds-props-helpers": "3.50.0-rc.1",
44
+ "@elliemae/ds-system": "3.50.0-rc.1"
45
45
  },
46
46
  "devDependencies": {
47
47
  "jest": "~29.7.0",
48
+ "jest-cli": "~29.7.0",
48
49
  "lodash": "^4.17.21",
49
50
  "styled-components": "~5.3.9",
50
- "@elliemae/ds-monorepo-devops": "3.50.0-next.3"
51
+ "@elliemae/ds-monorepo-devops": "3.50.0-rc.1"
51
52
  },
52
53
  "peerDependencies": {
53
- "@testing-library/jest-dom": "^5.17.0",
54
- "@testing-library/react": "^12.1.5",
54
+ "@testing-library/jest-dom": "~5.16.4",
55
+ "@testing-library/react": "~12.1.3",
55
56
  "@testing-library/user-event": "~13.5.0",
56
57
  "lodash": "^4.17.21",
57
58
  "react": "^17.0.2",