@elliemae/ds-menu-items-section 3.50.0-next.1 → 3.50.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -32,16 +32,14 @@ __export(useMenuItemsSection_exports, {
32
32
  });
33
33
  module.exports = __toCommonJS(useMenuItemsSection_exports);
34
34
  var React = __toESM(require("react"));
35
- var import_react = __toESM(require("react"));
36
35
  var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
36
+ var import_react = __toESM(require("react"));
37
37
  var import_react_desc_prop_types = require("../react-desc-prop-types.js");
38
38
  var import_useValidateProps = require("./useValidateProps.js");
39
39
  const useMenuItemsSection = (propsFromUser) => {
40
40
  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
41
41
  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSMenuItemsSectionPropTypes);
42
- const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(
43
- propsWithDefault
44
- );
42
+ const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
45
43
  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
46
44
  return import_react.default.useMemo(
47
45
  () => ({
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useMenuItemsSection.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSMenuItemsSectionT, DSMenuItemsSectionPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSGridT } from '@elliemae/ds-grid';\n\nexport interface MenuItemsSectionCTX {\n propsWithDefault: DSMenuItemsSectionT.InternalProps;\n globalProps: ReturnType<typeof useGetGlobalAttributes>;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSection = (propsFromUser: DSMenuItemsSectionT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSectionT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSMenuItemsSectionPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSMenuItemsSectionT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\n );\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\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,mCAAoF;AACpF,8BAAiC;AAS1B,MAAM,sBAAsB,CAAC,kBAA6C;AAI/E,QAAM,uBAAmB,sDAAgE,eAAe,yCAAY;AACpH,gDAAiB,kBAAkB,wDAA2B;AAI9D,QAAM,kBAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,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 type { DSGridT } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { DSMenuItemsSectionPropTypes, defaultProps, type DSMenuItemsSectionT } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsSectionCTX {\n propsWithDefault: DSMenuItemsSectionT.InternalProps;\n globalProps: ReturnType<\n typeof useGetGlobalAttributes<DSMenuItemsSectionT.InternalProps, HTMLLIElement, DSGridT.Props>\n >;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSection = (propsFromUser: DSMenuItemsSectionT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSectionT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSMenuItemsSectionPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<\n DSMenuItemsSectionT.InternalProps,\n HTMLLIElement,\n DSGridT.GridSpecificGlobalAttributesGeneric<HTMLLIElement>\n >(propsWithDefault);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\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;ADCvB,8BAAyF;AACzF,mBAAkB;AAClB,mCAAoF;AACpF,8BAAiC;AAU1B,MAAM,sBAAsB,CAAC,kBAA6C;AAI/E,QAAM,uBAAmB,sDAAgE,eAAe,yCAAY;AACpH,gDAAiB,kBAAkB,wDAA2B;AAI9D,QAAM,kBAAc,gDAIlB,gBAAgB;AAClB,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,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 type React from 'react';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSectionT {\n /*******************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n the way this component was actually implemented was not inheriting from common,\n it was \"ignoring\" the default props and instead reading directly from what the user passed\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 // as per the comment above, the legacy implementation was not considering the default props at all\n // as such we are not defining any default props here\n export type DefaultProps = Record<string, never>;\n\n export type OptionalProps = {\n label?: string; // we have null coalescing in the render, if they don't give us a label we will print an empty section...\n wrapperStyles?: React.CSSProperties; // in react style={undefined} is valid, so it's an optional prop...\n innerRef?: React.Ref<HTMLLIElement>; // in react ref={undefined} is valid, so it's an optional prop...\n render?: React.ComponentType<DSMenuItemsSectionT.Props>; // if render === undefined, we print the opinionated default\n };\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps>,\n XstyledProps {}\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface InternalProps\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps>,\n XstyledProps {}\n}\nexport const defaultProps: DSMenuItemsSectionT.DefaultProps = {};\n\nexport const DSMenuItemsSectionPropTypes: DSPropTypesSchema<DSMenuItemsSectionT.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 ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n label: PropTypes.string.description('The label of the menu item.'),\n // we need to re-declare those even if they are part of the common definitions because this diverges from the common implementation in the \"defaultValues\" part...\n wrapperStyles: PropTypes.object.description('Styles to be applied to the wrapper element if any.'),\n render: PropTypes.func\n .description(\n 'A React component that can be used to render the menu item if the default one is not the desired one.',\n )\n .signature('React.ComponentType'),\n innerRef: PropTypes.oneOfType([\n PropTypes.shape({\n current: PropTypes.node,\n }),\n PropTypes.func.description(\n ' A ref object or callback function to access the main underlying DOM element of the menu item.',\n ),\n ]),\n};\n\nexport const DSMenuItemsSectionPropTypesSchema =\n DSMenuItemsSectionPropTypes as unknown as WeakValidationMap<DSMenuItemsSectionT.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 type React from 'react';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSectionT {\n /** *****************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n the way this component was actually implemented was not inheriting from common,\n it was \"ignoring\" the default props and instead reading directly from what the user passed\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 // as per the comment above, the legacy implementation was not considering the default props at all\n // as such we are not defining any default props here\n export type DefaultProps = Record<string, never>;\n\n export type OptionalProps = {\n label?: string; // we have null coalescing in the render, if they don't give us a label we will print an empty section...\n wrapperStyles?: React.CSSProperties; // in react style={undefined} is valid, so it's an optional prop...\n innerRef?: React.Ref<HTMLLIElement>; // in react ref={undefined} is valid, so it's an optional prop...\n render?: React.ComponentType<DSMenuItemsSectionT.Props>; // if render === undefined, we print the opinionated default\n };\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLLIElement>, keyof OptionalProps>,\n XstyledProps {}\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface InternalProps\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLLIElement>, keyof OptionalProps>,\n XstyledProps {}\n}\nexport const defaultProps: DSMenuItemsSectionT.DefaultProps = {};\n\nexport const DSMenuItemsSectionPropTypes: DSPropTypesSchema<DSMenuItemsSectionT.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 ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n label: PropTypes.string.description('The label of the menu item.'),\n // we need to re-declare those even if they are part of the common definitions because this diverges from the common implementation in the \"defaultValues\" part...\n wrapperStyles: PropTypes.object.description('Styles to be applied to the wrapper element if any.'),\n render: PropTypes.func\n .description(\n 'A React component that can be used to render the menu item if the default one is not the desired one.',\n )\n .signature('React.ComponentType'),\n innerRef: PropTypes.oneOfType([\n PropTypes.shape({\n current: PropTypes.node,\n }),\n PropTypes.func.description(\n ' A ref object or callback function to access the main underlying DOM element of the menu item.',\n ),\n ]),\n};\n\nexport const DSMenuItemsSectionPropTypesSchema =\n DSMenuItemsSectionPropTypes as unknown as WeakValidationMap<DSMenuItemsSectionT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAwChE,MAAM,eAAiD,CAAC;AAExD,MAAM,8BAAoF;AAAA;AAAA;AAAA,EAG/F,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,6BAA6B;AAAA;AAAA,EAEjE,eAAe,kCAAU,OAAO,YAAY,qDAAqD;AAAA,EACjG,QAAQ,kCAAU,KACf;AAAA,IACC;AAAA,EACF,EACC,UAAU,qBAAqB;AAAA,EAClC,UAAU,kCAAU,UAAU;AAAA,IAC5B,kCAAU,MAAM;AAAA,MACd,SAAS,kCAAU;AAAA,IACrB,CAAC;AAAA,IACD,kCAAU,KAAK;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,oCACX;",
6
6
  "names": []
7
7
  }
@@ -1,14 +1,12 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
3
2
  import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
3
+ import React2 from "react";
4
4
  import { DSMenuItemsSectionPropTypes, defaultProps } from "../react-desc-prop-types.js";
5
5
  import { useValidateProps } from "./useValidateProps.js";
6
6
  const useMenuItemsSection = (propsFromUser) => {
7
7
  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
8
8
  useValidateProps(propsWithDefault, DSMenuItemsSectionPropTypes);
9
- const globalProps = useGetGlobalAttributes(
10
- propsWithDefault
11
- );
9
+ const globalProps = useGetGlobalAttributes(propsWithDefault);
12
10
  const xstyledProps = useGetXstyledProps(propsWithDefault);
13
11
  return React2.useMemo(
14
12
  () => ({
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useMenuItemsSection.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 DSMenuItemsSectionT, DSMenuItemsSectionPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSGridT } from '@elliemae/ds-grid';\n\nexport interface MenuItemsSectionCTX {\n propsWithDefault: DSMenuItemsSectionT.InternalProps;\n globalProps: ReturnType<typeof useGetGlobalAttributes>;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSection = (propsFromUser: DSMenuItemsSectionT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSectionT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSMenuItemsSectionPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSMenuItemsSectionT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\n );\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\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,SAAmC,6BAA6B,oBAAoB;AACpF,SAAS,wBAAwB;AAS1B,MAAM,sBAAsB,CAAC,kBAA6C;AAI/E,QAAM,mBAAmB,6BAAgE,eAAe,YAAY;AACpH,mBAAiB,kBAAkB,2BAA2B;AAI9D,QAAM,cAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,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 type { DSGridT } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { DSMenuItemsSectionPropTypes, defaultProps, type DSMenuItemsSectionT } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsSectionCTX {\n propsWithDefault: DSMenuItemsSectionT.InternalProps;\n globalProps: ReturnType<\n typeof useGetGlobalAttributes<DSMenuItemsSectionT.InternalProps, HTMLLIElement, DSGridT.Props>\n >;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSection = (propsFromUser: DSMenuItemsSectionT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSectionT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSMenuItemsSectionPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<\n DSMenuItemsSectionT.InternalProps,\n HTMLLIElement,\n DSGridT.GridSpecificGlobalAttributesGeneric<HTMLLIElement>\n >(propsWithDefault);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n }),\n [propsWithDefault, globalProps, xstyledProps],\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,OAAOA,YAAW;AAClB,SAAS,6BAA6B,oBAA8C;AACpF,SAAS,wBAAwB;AAU1B,MAAM,sBAAsB,CAAC,kBAA6C;AAI/E,QAAM,mBAAmB,6BAAgE,eAAe,YAAY;AACpH,mBAAiB,kBAAkB,2BAA2B;AAI9D,QAAM,cAAc,uBAIlB,gBAAgB;AAClB,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,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 type React from 'react';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSectionT {\n /*******************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n the way this component was actually implemented was not inheriting from common,\n it was \"ignoring\" the default props and instead reading directly from what the user passed\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 // as per the comment above, the legacy implementation was not considering the default props at all\n // as such we are not defining any default props here\n export type DefaultProps = Record<string, never>;\n\n export type OptionalProps = {\n label?: string; // we have null coalescing in the render, if they don't give us a label we will print an empty section...\n wrapperStyles?: React.CSSProperties; // in react style={undefined} is valid, so it's an optional prop...\n innerRef?: React.Ref<HTMLLIElement>; // in react ref={undefined} is valid, so it's an optional prop...\n render?: React.ComponentType<DSMenuItemsSectionT.Props>; // if render === undefined, we print the opinionated default\n };\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps>,\n XstyledProps {}\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface InternalProps\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps>,\n XstyledProps {}\n}\nexport const defaultProps: DSMenuItemsSectionT.DefaultProps = {};\n\nexport const DSMenuItemsSectionPropTypes: DSPropTypesSchema<DSMenuItemsSectionT.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 ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n label: PropTypes.string.description('The label of the menu item.'),\n // we need to re-declare those even if they are part of the common definitions because this diverges from the common implementation in the \"defaultValues\" part...\n wrapperStyles: PropTypes.object.description('Styles to be applied to the wrapper element if any.'),\n render: PropTypes.func\n .description(\n 'A React component that can be used to render the menu item if the default one is not the desired one.',\n )\n .signature('React.ComponentType'),\n innerRef: PropTypes.oneOfType([\n PropTypes.shape({\n current: PropTypes.node,\n }),\n PropTypes.func.description(\n ' A ref object or callback function to access the main underlying DOM element of the menu item.',\n ),\n ]),\n};\n\nexport const DSMenuItemsSectionPropTypesSchema =\n DSMenuItemsSectionPropTypes as unknown as WeakValidationMap<DSMenuItemsSectionT.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 type React from 'react';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSectionT {\n /** *****************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n the way this component was actually implemented was not inheriting from common,\n it was \"ignoring\" the default props and instead reading directly from what the user passed\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 // as per the comment above, the legacy implementation was not considering the default props at all\n // as such we are not defining any default props here\n export type DefaultProps = Record<string, never>;\n\n export type OptionalProps = {\n label?: string; // we have null coalescing in the render, if they don't give us a label we will print an empty section...\n wrapperStyles?: React.CSSProperties; // in react style={undefined} is valid, so it's an optional prop...\n innerRef?: React.Ref<HTMLLIElement>; // in react ref={undefined} is valid, so it's an optional prop...\n render?: React.ComponentType<DSMenuItemsSectionT.Props>; // if render === undefined, we print the opinionated default\n };\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLLIElement>, keyof OptionalProps>,\n XstyledProps {}\n\n // this is not \"standard\" because of what was said in the disclaimer above.\n export interface InternalProps\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLLIElement>, keyof OptionalProps>,\n XstyledProps {}\n}\nexport const defaultProps: DSMenuItemsSectionT.DefaultProps = {};\n\nexport const DSMenuItemsSectionPropTypes: DSPropTypesSchema<DSMenuItemsSectionT.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 ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n label: PropTypes.string.description('The label of the menu item.'),\n // we need to re-declare those even if they are part of the common definitions because this diverges from the common implementation in the \"defaultValues\" part...\n wrapperStyles: PropTypes.object.description('Styles to be applied to the wrapper element if any.'),\n render: PropTypes.func\n .description(\n 'A React component that can be used to render the menu item if the default one is not the desired one.',\n )\n .signature('React.ComponentType'),\n innerRef: PropTypes.oneOfType([\n PropTypes.shape({\n current: PropTypes.node,\n }),\n PropTypes.func.description(\n ' A ref object or callback function to access the main underlying DOM element of the menu item.',\n ),\n ]),\n};\n\nexport const DSMenuItemsSectionPropTypesSchema =\n DSMenuItemsSectionPropTypes as unknown as WeakValidationMap<DSMenuItemsSectionT.Props>;\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAwChE,MAAM,eAAiD,CAAC;AAExD,MAAM,8BAAoF;AAAA;AAAA;AAAA,EAG/F,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,6BAA6B;AAAA;AAAA,EAEjE,eAAe,UAAU,OAAO,YAAY,qDAAqD;AAAA,EACjG,QAAQ,UAAU,KACf;AAAA,IACC;AAAA,EACF,EACC,UAAU,qBAAqB;AAAA,EAClC,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU,MAAM;AAAA,MACd,SAAS,UAAU;AAAA,IACrB,CAAC;AAAA,IACD,UAAU,KAAK;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,oCACX;",
6
6
  "names": []
7
7
  }
@@ -1,15 +1,15 @@
1
- import React from 'react';
1
+ import type { DSGridT } from '@elliemae/ds-grid';
2
2
  import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
3
+ import React from 'react';
3
4
  import { type DSMenuItemsSectionT } from '../react-desc-prop-types.js';
4
- import type { DSGridT } from '@elliemae/ds-grid';
5
5
  export interface MenuItemsSectionCTX {
6
6
  propsWithDefault: DSMenuItemsSectionT.InternalProps;
7
- globalProps: ReturnType<typeof useGetGlobalAttributes>;
7
+ globalProps: ReturnType<typeof useGetGlobalAttributes<DSMenuItemsSectionT.InternalProps, HTMLLIElement, DSGridT.Props>>;
8
8
  xstyledProps: ReturnType<typeof useGetXstyledProps>;
9
9
  }
10
10
  export declare const useMenuItemsSection: (propsFromUser: DSMenuItemsSectionT.Props) => {
11
11
  propsWithDefault: DSMenuItemsSectionT.InternalProps;
12
- globalProps: Partial<Pick<DSGridT.Props, "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" | "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" | "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.GridSpecificGlobalAttributesGeneric<HTMLLIElement>, "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" | "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" | "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
  form?: string | undefined;
14
14
  list?: string | undefined;
15
15
  "aria-activedescendant"?: string | undefined;
@@ -66,166 +66,166 @@ export declare const useMenuItemsSection: (propsFromUser: DSMenuItemsSectionT.Pr
66
66
  "aria-valuenow"?: number | undefined;
67
67
  "aria-valuetext"?: string | undefined;
68
68
  children?: React.ReactNode;
69
- onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
70
- onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
71
- onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
72
- onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
73
- onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
74
- onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
75
- onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
76
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
77
- onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
78
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
79
- onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
80
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
81
- onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
82
- onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
83
- onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
84
- onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
85
- onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
86
- onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
87
- onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
88
- onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
89
- onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
90
- onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
91
- onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
92
- onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
93
- onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
94
- onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
95
- onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
96
- onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
97
- onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
98
- onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
99
- onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
100
- onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
101
- onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
102
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
103
- onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
104
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
105
- onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
106
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
107
- onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
108
- onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
109
- onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
110
- onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
111
- onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
112
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
113
- onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
114
- onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
115
- onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
116
- onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
117
- onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
118
- onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
119
- onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
120
- onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
121
- onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
122
- onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
123
- onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
124
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
125
- onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
126
- onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
127
- onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
128
- onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
129
- onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
130
- onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
131
- onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
132
- onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
133
- onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
134
- onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
135
- onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
136
- onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
137
- onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
138
- onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
139
- onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
140
- onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
141
- onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
142
- onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
143
- onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
144
- onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
145
- onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
146
- onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
147
- onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
148
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
149
- onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
150
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
151
- onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
152
- onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
153
- onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
154
- onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
155
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
156
- onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
157
- onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
158
- onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
159
- onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
160
- onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
161
- onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
162
- onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
163
- onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
164
- onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
165
- onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
166
- onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
167
- onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
168
- onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
169
- onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
170
- onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
171
- onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
172
- onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
173
- onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
174
- onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
175
- onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
176
- onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
177
- onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
178
- onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
179
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
180
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
181
- onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
182
- onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
183
- onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
184
- onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
185
- onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
186
- onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
187
- onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
188
- onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
189
- onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
- onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
191
- onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
192
- onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
193
- onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
194
- onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
195
- onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
196
- onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
197
- onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
198
- onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
199
- onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
200
- onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
201
- onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
202
- onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
203
- onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
204
- onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
205
- onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
206
- onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
207
- onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
208
- onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
209
- onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
210
- onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
211
- onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
212
- onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
213
- onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
214
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
215
- onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
216
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
217
- onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
218
- onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
219
- onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
220
- onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
221
- onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
222
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
223
- onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
224
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
225
- onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
226
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
227
- onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
228
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
69
+ onCopy?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
70
+ onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
71
+ onCut?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
72
+ onCutCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
73
+ onPaste?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
74
+ onPasteCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
75
+ onCompositionEnd?: React.CompositionEventHandler<HTMLLIElement> | undefined;
76
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
77
+ onCompositionStart?: React.CompositionEventHandler<HTMLLIElement> | undefined;
78
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
79
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLLIElement> | undefined;
80
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
81
+ onFocus?: React.FocusEventHandler<HTMLLIElement> | undefined;
82
+ onFocusCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
83
+ onBlur?: React.FocusEventHandler<HTMLLIElement> | undefined;
84
+ onBlurCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
85
+ onChange?: React.FormEventHandler<HTMLLIElement> | undefined;
86
+ onChangeCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
87
+ onBeforeInput?: React.FormEventHandler<HTMLLIElement> | undefined;
88
+ onBeforeInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
89
+ onInput?: React.FormEventHandler<HTMLLIElement> | undefined;
90
+ onInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
91
+ onReset?: React.FormEventHandler<HTMLLIElement> | undefined;
92
+ onResetCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
93
+ onSubmit?: React.FormEventHandler<HTMLLIElement> | undefined;
94
+ onSubmitCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
95
+ onInvalid?: React.FormEventHandler<HTMLLIElement> | undefined;
96
+ onInvalidCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
97
+ onLoad?: React.ReactEventHandler<HTMLLIElement> | undefined;
98
+ onLoadCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
99
+ onError?: React.ReactEventHandler<HTMLLIElement> | undefined;
100
+ onErrorCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
101
+ onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
102
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
103
+ onKeyPress?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
104
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
105
+ onKeyUp?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
106
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
107
+ onAbort?: React.ReactEventHandler<HTMLLIElement> | undefined;
108
+ onAbortCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
109
+ onCanPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
110
+ onCanPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
111
+ onCanPlayThrough?: React.ReactEventHandler<HTMLLIElement> | undefined;
112
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
113
+ onDurationChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
114
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
115
+ onEmptied?: React.ReactEventHandler<HTMLLIElement> | undefined;
116
+ onEmptiedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
117
+ onEncrypted?: React.ReactEventHandler<HTMLLIElement> | undefined;
118
+ onEncryptedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
119
+ onEnded?: React.ReactEventHandler<HTMLLIElement> | undefined;
120
+ onEndedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
121
+ onLoadedData?: React.ReactEventHandler<HTMLLIElement> | undefined;
122
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
123
+ onLoadedMetadata?: React.ReactEventHandler<HTMLLIElement> | undefined;
124
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
125
+ onLoadStart?: React.ReactEventHandler<HTMLLIElement> | undefined;
126
+ onLoadStartCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
127
+ onPause?: React.ReactEventHandler<HTMLLIElement> | undefined;
128
+ onPauseCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
129
+ onPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
130
+ onPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
131
+ onPlaying?: React.ReactEventHandler<HTMLLIElement> | undefined;
132
+ onPlayingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
133
+ onProgress?: React.ReactEventHandler<HTMLLIElement> | undefined;
134
+ onProgressCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
135
+ onRateChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
136
+ onRateChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
137
+ onResize?: React.ReactEventHandler<HTMLLIElement> | undefined;
138
+ onResizeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
139
+ onSeeked?: React.ReactEventHandler<HTMLLIElement> | undefined;
140
+ onSeekedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
141
+ onSeeking?: React.ReactEventHandler<HTMLLIElement> | undefined;
142
+ onSeekingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
143
+ onStalled?: React.ReactEventHandler<HTMLLIElement> | undefined;
144
+ onStalledCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
145
+ onSuspend?: React.ReactEventHandler<HTMLLIElement> | undefined;
146
+ onSuspendCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
147
+ onTimeUpdate?: React.ReactEventHandler<HTMLLIElement> | undefined;
148
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
149
+ onVolumeChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
150
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
151
+ onWaiting?: React.ReactEventHandler<HTMLLIElement> | undefined;
152
+ onWaitingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
153
+ onAuxClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
154
+ onAuxClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
155
+ onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
156
+ onClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
157
+ onContextMenu?: React.MouseEventHandler<HTMLLIElement> | undefined;
158
+ onContextMenuCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
159
+ onDoubleClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
160
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
161
+ onDrag?: React.DragEventHandler<HTMLLIElement> | undefined;
162
+ onDragCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
163
+ onDragEnd?: React.DragEventHandler<HTMLLIElement> | undefined;
164
+ onDragEndCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
165
+ onDragEnter?: React.DragEventHandler<HTMLLIElement> | undefined;
166
+ onDragEnterCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
167
+ onDragExit?: React.DragEventHandler<HTMLLIElement> | undefined;
168
+ onDragExitCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
169
+ onDragLeave?: React.DragEventHandler<HTMLLIElement> | undefined;
170
+ onDragLeaveCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
171
+ onDragOver?: React.DragEventHandler<HTMLLIElement> | undefined;
172
+ onDragOverCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
173
+ onDragStart?: React.DragEventHandler<HTMLLIElement> | undefined;
174
+ onDragStartCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
175
+ onDrop?: React.DragEventHandler<HTMLLIElement> | undefined;
176
+ onDropCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
177
+ onMouseDown?: React.MouseEventHandler<HTMLLIElement> | undefined;
178
+ onMouseDownCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
179
+ onMouseEnter?: React.MouseEventHandler<HTMLLIElement> | undefined;
180
+ onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
181
+ onMouseMove?: React.MouseEventHandler<HTMLLIElement> | undefined;
182
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
183
+ onMouseOut?: React.MouseEventHandler<HTMLLIElement> | undefined;
184
+ onMouseOutCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
185
+ onMouseOver?: React.MouseEventHandler<HTMLLIElement> | undefined;
186
+ onMouseOverCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
187
+ onMouseUp?: React.MouseEventHandler<HTMLLIElement> | undefined;
188
+ onMouseUpCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
189
+ onSelect?: React.ReactEventHandler<HTMLLIElement> | undefined;
190
+ onSelectCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
191
+ onTouchCancel?: React.TouchEventHandler<HTMLLIElement> | undefined;
192
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
193
+ onTouchEnd?: React.TouchEventHandler<HTMLLIElement> | undefined;
194
+ onTouchEndCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
195
+ onTouchMove?: React.TouchEventHandler<HTMLLIElement> | undefined;
196
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
197
+ onTouchStart?: React.TouchEventHandler<HTMLLIElement> | undefined;
198
+ onTouchStartCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
199
+ onPointerDown?: React.PointerEventHandler<HTMLLIElement> | undefined;
200
+ onPointerDownCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
201
+ onPointerMove?: React.PointerEventHandler<HTMLLIElement> | undefined;
202
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
203
+ onPointerUp?: React.PointerEventHandler<HTMLLIElement> | undefined;
204
+ onPointerUpCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
205
+ onPointerCancel?: React.PointerEventHandler<HTMLLIElement> | undefined;
206
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
207
+ onPointerEnter?: React.PointerEventHandler<HTMLLIElement> | undefined;
208
+ onPointerLeave?: React.PointerEventHandler<HTMLLIElement> | undefined;
209
+ onPointerOver?: React.PointerEventHandler<HTMLLIElement> | undefined;
210
+ onPointerOverCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
211
+ onPointerOut?: React.PointerEventHandler<HTMLLIElement> | undefined;
212
+ onPointerOutCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
213
+ onGotPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
214
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
215
+ onLostPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
216
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
217
+ onScroll?: React.UIEventHandler<HTMLLIElement> | undefined;
218
+ onScrollCapture?: React.UIEventHandler<HTMLLIElement> | undefined;
219
+ onWheel?: React.WheelEventHandler<HTMLLIElement> | undefined;
220
+ onWheelCapture?: React.WheelEventHandler<HTMLLIElement> | undefined;
221
+ onAnimationStart?: React.AnimationEventHandler<HTMLLIElement> | undefined;
222
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
223
+ onAnimationEnd?: React.AnimationEventHandler<HTMLLIElement> | undefined;
224
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
225
+ onAnimationIteration?: React.AnimationEventHandler<HTMLLIElement> | undefined;
226
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
227
+ onTransitionEnd?: React.TransitionEventHandler<HTMLLIElement> | undefined;
228
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLLIElement> | undefined;
229
229
  defaultChecked?: boolean | undefined;
230
230
  defaultValue?: string | number | readonly string[] | undefined;
231
231
  suppressContentEditableWarning?: boolean | undefined;
@@ -374,6 +374,6 @@ export declare const useMenuItemsSection: (propsFromUser: DSMenuItemsSectionT.Pr
374
374
  width?: string | number | undefined;
375
375
  wmode?: string | undefined;
376
376
  wrap?: string | undefined;
377
- }, keyof DSGridT.Props>>;
377
+ }, "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" | "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" | "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">>;
378
378
  xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
379
379
  };
@@ -1,7 +1,7 @@
1
1
  import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
2
2
  import type React from 'react';
3
3
  export declare namespace DSMenuItemsSectionT {
4
- /*******************************************************************************************
4
+ /** *****************************************************************************************
5
5
  ******************************** IMPORTANT DISCLAIMER *************************************
6
6
  *******************************************************************************************
7
7
  the way this component was actually implemented was not inheriting from common,
@@ -16,9 +16,9 @@ export declare namespace DSMenuItemsSectionT {
16
16
  innerRef?: React.Ref<HTMLLIElement>;
17
17
  render?: React.ComponentType<DSMenuItemsSectionT.Props>;
18
18
  };
19
- interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps>, XstyledProps {
19
+ interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLLIElement>, keyof OptionalProps>, XstyledProps {
20
20
  }
21
- interface InternalProps extends OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps>, XstyledProps {
21
+ interface InternalProps extends OptionalProps, Omit<GlobalAttributesT<HTMLLIElement>, keyof OptionalProps>, XstyledProps {
22
22
  }
23
23
  }
24
24
  export declare const defaultProps: DSMenuItemsSectionT.DefaultProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-menu-items-section",
3
- "version": "3.50.0-next.1",
3
+ "version": "3.50.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Menu Items Section",
6
6
  "files": [
@@ -36,21 +36,21 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@xstyled/styled-components": "~3.6.0",
40
- "@elliemae/ds-button": "3.50.0-next.1",
41
- "@elliemae/ds-grid": "3.50.0-next.1",
42
- "@elliemae/ds-props-helpers": "3.50.0-next.1",
43
- "@elliemae/ds-menu-items-commons": "3.50.0-next.1",
44
- "@elliemae/ds-system": "3.50.0-next.1"
39
+ "@xstyled/styled-components": "~3.7.3",
40
+ "@elliemae/ds-button": "3.50.0-next.2",
41
+ "@elliemae/ds-grid": "3.50.0-next.2",
42
+ "@elliemae/ds-menu-items-commons": "3.50.0-next.2",
43
+ "@elliemae/ds-system": "3.50.0-next.2",
44
+ "@elliemae/ds-props-helpers": "3.50.0-next.2"
45
45
  },
46
46
  "devDependencies": {
47
47
  "lodash": "^4.17.21",
48
48
  "styled-components": "~5.3.9",
49
- "@elliemae/ds-monorepo-devops": "3.50.0-next.1"
49
+ "@elliemae/ds-monorepo-devops": "3.50.0-next.2"
50
50
  },
51
51
  "peerDependencies": {
52
- "@testing-library/jest-dom": "~5.16.4",
53
- "@testing-library/react": "~12.1.3",
52
+ "@testing-library/jest-dom": "^5.17.0",
53
+ "@testing-library/react": "^12.1.5",
54
54
  "@testing-library/user-event": "~13.5.0",
55
55
  "lodash": "^4.17.21",
56
56
  "react": "^17.0.2",