@elliemae/ds-menu-items-skeleton 3.50.1-next.8 → 3.51.0-beta.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.
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSMenuItemsSkeleton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n const { wrapperStyles, isActive, dsId } = propsWithDefault;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n data-type=\"skeleton\"\n data-testid=\"ds-skeleton-menu-item\"\n role=\"presentation\"\n style={wrapperStyles}\n isActive={isActive}\n {...globalProps}\n {...xstyledProps}\n >\n <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n <DSSkeleton variant=\"rectangular\" width={'100%'} />\n <DSSkeleton variant=\"rectangular\" width={'100%'} />\n </StyledContentWrapper>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBjB;AAtBN,8BAAyB;AACzB,yBAA2B;AAC3B,mCAAkE;AAClE,mCAA8E;AAC9E,kCAAqC;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,kDAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,uDAAC,qDAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,oDAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,QACjD,4CAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,SACnD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
4
+ "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n const { wrapperStyles, isActive, dsId } = propsWithDefault;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n data-type=\"skeleton\"\n data-testid=\"ds-skeleton-menu-item\"\n role=\"presentation\"\n style={wrapperStyles}\n isActive={isActive}\n {...globalProps}\n {...xstyledProps}\n >\n <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n <DSSkeleton variant=\"rectangular\" width=\"100%\" />\n <DSSkeleton variant=\"rectangular\" width=\"100%\" />\n </StyledContentWrapper>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBjB;AAtBN,8BAAyB;AACzB,yBAA2B;AAC3B,mCAAkE;AAClE,mCAA8E;AAC9E,kCAAqC;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,kDAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,uDAAC,qDAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,oDAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,QAC/C,4CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,SACjD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
6
6
  "names": []
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 DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSkeletonT {\n /*******************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a 'render' prop\n - it does not have an 'original' prop\n - it does not have an 'innerRef' prop\n - it does not have any \"schema\" validator\n\n Legacy was not supporting global attributes but during the refactor I added them.\n It was not merging \"default\" props either, but I added them as well. (only for wrapperStyles)\n Those changes should be 100% backward compatible.\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\n // typescript inheritance has no syntax support for \"interfaces\", we have to use union types instead...\n export type RequiredProps = DSMenuItemsCommonsT.RequiredProps;\n\n export type DefaultProps = {\n wrapperStyles?: DSMenuItemsCommonsT.DefaultProps['wrapperStyles'];\n };\n\n export type OptionalProps = {\n isActive?: boolean;\n };\n\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsSkeletonT.DefaultProps = {\n wrapperStyles: {},\n};\n\nexport const DSMenuItemsSkeletonPropTypes: DSPropTypesSchema<DSMenuItemsSkeletonT.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 dsId: PropTypes.string.description(\n 'This is used as \"id\" in the DOM, you need this to be able to make this A11Y accessible.',\n ).isRequired,\n isActive: PropTypes.bool.description('Whether the menu item is active.'),\n wrapperStyles: PropTypes.object.description('The styles to apply to the wrapper element, if any.'),\n};\n\nexport const DSMenuItemsSkeletonPropTypesSchema =\n DSMenuItemsSkeletonPropTypes as unknown as WeakValidationMap<DSMenuItemsSkeletonT.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 DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSkeletonT {\n /** *****************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a 'render' prop\n - it does not have an 'original' prop\n - it does not have an 'innerRef' prop\n - it does not have any \"schema\" validator\n\n Legacy was not supporting global attributes but during the refactor I added them.\n It was not merging \"default\" props either, but I added them as well. (only for wrapperStyles)\n Those changes should be 100% backward compatible.\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\n // typescript inheritance has no syntax support for \"interfaces\", we have to use union types instead...\n export type RequiredProps = DSMenuItemsCommonsT.RequiredProps;\n\n export type DefaultProps = {\n wrapperStyles?: DSMenuItemsCommonsT.DefaultProps['wrapperStyles'];\n };\n\n export type OptionalProps = {\n isActive?: boolean;\n };\n\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsSkeletonT.DefaultProps = {\n wrapperStyles: {},\n};\n\nexport const DSMenuItemsSkeletonPropTypes: DSPropTypesSchema<DSMenuItemsSkeletonT.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 dsId: PropTypes.string.description(\n 'This is used as \"id\" in the DOM, you need this to be able to make this A11Y accessible.',\n ).isRequired,\n isActive: PropTypes.bool.description('Whether the menu item is active.'),\n wrapperStyles: PropTypes.object.description('The styles to apply to the wrapper element, if any.'),\n};\n\nexport const DSMenuItemsSkeletonPropTypesSchema =\n DSMenuItemsSkeletonPropTypes as unknown as WeakValidationMap<DSMenuItemsSkeletonT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAkDhE,MAAM,eAAkD;AAAA,EAC7D,eAAe,CAAC;AAClB;AAEO,MAAM,+BAAsF;AAAA;AAAA;AAAA,EAGjG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,OAAO;AAAA,IACrB;AAAA,EACF,EAAE;AAAA,EACF,UAAU,kCAAU,KAAK,YAAY,kCAAkC;AAAA,EACvE,eAAe,kCAAU,OAAO,YAAY,qDAAqD;AACnG;AAEO,MAAM,qCACX;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuItemsSkeleton.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n const { wrapperStyles, isActive, dsId } = propsWithDefault;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n data-type=\"skeleton\"\n data-testid=\"ds-skeleton-menu-item\"\n role=\"presentation\"\n style={wrapperStyles}\n isActive={isActive}\n {...globalProps}\n {...xstyledProps}\n >\n <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n <DSSkeleton variant=\"rectangular\" width={'100%'} />\n <DSSkeleton variant=\"rectangular\" width={'100%'} />\n </StyledContentWrapper>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACuBjB,SACE,KADF;AAtBN,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B,4BAA4B;AAClE,SAAoC,0CAA0C;AAC9E,SAAS,4BAA4B;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,qBAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,+BAAC,wBAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,4BAAC,cAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,QACjD,oBAAC,cAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,SACnD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n const { wrapperStyles, isActive, dsId } = propsWithDefault;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n data-type=\"skeleton\"\n data-testid=\"ds-skeleton-menu-item\"\n role=\"presentation\"\n style={wrapperStyles}\n isActive={isActive}\n {...globalProps}\n {...xstyledProps}\n >\n <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n <DSSkeleton variant=\"rectangular\" width=\"100%\" />\n <DSSkeleton variant=\"rectangular\" width=\"100%\" />\n </StyledContentWrapper>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACuBjB,SACE,KADF;AAtBN,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B,4BAA4B;AAClE,SAAoC,0CAA0C;AAC9E,SAAS,4BAA4B;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,qBAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,+BAAC,wBAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,4BAAC,cAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,QAC/C,oBAAC,cAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,SACjD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
6
6
  "names": []
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 DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSkeletonT {\n /*******************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a 'render' prop\n - it does not have an 'original' prop\n - it does not have an 'innerRef' prop\n - it does not have any \"schema\" validator\n\n Legacy was not supporting global attributes but during the refactor I added them.\n It was not merging \"default\" props either, but I added them as well. (only for wrapperStyles)\n Those changes should be 100% backward compatible.\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\n // typescript inheritance has no syntax support for \"interfaces\", we have to use union types instead...\n export type RequiredProps = DSMenuItemsCommonsT.RequiredProps;\n\n export type DefaultProps = {\n wrapperStyles?: DSMenuItemsCommonsT.DefaultProps['wrapperStyles'];\n };\n\n export type OptionalProps = {\n isActive?: boolean;\n };\n\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsSkeletonT.DefaultProps = {\n wrapperStyles: {},\n};\n\nexport const DSMenuItemsSkeletonPropTypes: DSPropTypesSchema<DSMenuItemsSkeletonT.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 dsId: PropTypes.string.description(\n 'This is used as \"id\" in the DOM, you need this to be able to make this A11Y accessible.',\n ).isRequired,\n isActive: PropTypes.bool.description('Whether the menu item is active.'),\n wrapperStyles: PropTypes.object.description('The styles to apply to the wrapper element, if any.'),\n};\n\nexport const DSMenuItemsSkeletonPropTypesSchema =\n DSMenuItemsSkeletonPropTypes as unknown as WeakValidationMap<DSMenuItemsSkeletonT.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 DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSkeletonT {\n /** *****************************************************************************************\n ******************************** IMPORTANT DISCLAIMER *************************************\n *******************************************************************************************\n This component violates `common.RequiredProps` because\n - it does not have a 'render' prop\n - it does not have an 'original' prop\n - it does not have an 'innerRef' prop\n - it does not have any \"schema\" validator\n\n Legacy was not supporting global attributes but during the refactor I added them.\n It was not merging \"default\" props either, but I added them as well. (only for wrapperStyles)\n Those changes should be 100% backward compatible.\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\n // typescript inheritance has no syntax support for \"interfaces\", we have to use union types instead...\n export type RequiredProps = DSMenuItemsCommonsT.RequiredProps;\n\n export type DefaultProps = {\n wrapperStyles?: DSMenuItemsCommonsT.DefaultProps['wrapperStyles'];\n };\n\n export type OptionalProps = {\n isActive?: boolean;\n };\n\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsSkeletonT.DefaultProps = {\n wrapperStyles: {},\n};\n\nexport const DSMenuItemsSkeletonPropTypes: DSPropTypesSchema<DSMenuItemsSkeletonT.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 dsId: PropTypes.string.description(\n 'This is used as \"id\" in the DOM, you need this to be able to make this A11Y accessible.',\n ).isRequired,\n isActive: PropTypes.bool.description('Whether the menu item is active.'),\n wrapperStyles: PropTypes.object.description('The styles to apply to the wrapper element, if any.'),\n};\n\nexport const DSMenuItemsSkeletonPropTypesSchema =\n DSMenuItemsSkeletonPropTypes as unknown as WeakValidationMap<DSMenuItemsSkeletonT.Props>;\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAkDhE,MAAM,eAAkD;AAAA,EAC7D,eAAe,CAAC;AAClB;AAEO,MAAM,+BAAsF;AAAA;AAAA;AAAA,EAGjG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,IACrB;AAAA,EACF,EAAE;AAAA,EACF,UAAU,UAAU,KAAK,YAAY,kCAAkC;AAAA,EACvE,eAAe,UAAU,OAAO,YAAY,qDAAqD;AACnG;AAEO,MAAM,qCACX;",
6
6
  "names": []
7
7
  }
@@ -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 DSMenuItemsSkeletonT {
5
- /*******************************************************************************************
5
+ /** *****************************************************************************************
6
6
  ******************************** IMPORTANT DISCLAIMER *************************************
7
7
  *******************************************************************************************
8
8
  This component violates `common.RequiredProps` because
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-menu-items-skeleton",
3
- "version": "3.50.1-next.8",
3
+ "version": "3.51.0-beta.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Menu Items Skeleton",
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": {
@@ -37,24 +37,24 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@xstyled/styled-components": "~3.7.3",
40
- "@elliemae/ds-grid": "3.50.1-next.8",
41
- "@elliemae/ds-skeleton": "3.50.1-next.8",
42
- "@elliemae/ds-menu-items-commons": "3.50.1-next.8",
43
- "@elliemae/ds-props-helpers": "3.50.1-next.8"
40
+ "@elliemae/ds-grid": "3.51.0-beta.1",
41
+ "@elliemae/ds-menu-items-commons": "3.51.0-beta.1",
42
+ "@elliemae/ds-props-helpers": "3.51.0-beta.1",
43
+ "@elliemae/ds-skeleton": "3.51.0-beta.1"
44
44
  },
45
45
  "devDependencies": {
46
46
  "jest": "~29.7.0",
47
47
  "lodash": "^4.17.21",
48
48
  "styled-components": "~5.3.9",
49
- "@elliemae/ds-monorepo-devops": "3.50.1-next.8"
49
+ "@elliemae/ds-monorepo-devops": "3.51.0-beta.1"
50
50
  },
51
51
  "peerDependencies": {
52
- "@testing-library/jest-dom": "^5.17.0",
53
- "@testing-library/react": "^12.1.5",
54
- "@testing-library/user-event": "~13.5.0",
52
+ "@testing-library/jest-dom": "^6.6.3",
53
+ "@testing-library/react": "^16.0.1",
54
+ "@testing-library/user-event": "~14.5.2",
55
55
  "lodash": "^4.17.21",
56
- "react": "^17.0.2",
57
- "react-dom": "^17.0.2",
56
+ "react": "^18.3.1",
57
+ "react-dom": "^18.3.1",
58
58
  "styled-components": "~5.3.9"
59
59
  },
60
60
  "publishConfig": {