npm - @consta/uikit - Versions diffs - 5.21.0 → 5.23.0 - Mend

@consta/uikit 5.21.0 → 5.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (279) hide show

package/__internal__/src/components/SnackBar/helper.d.ts CHANGED Viewed

@@ -21,15 +21,18 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -39,14 +42,16 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
-    autoCapitalize?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
     color?: string | undefined | undefined;
@@ -60,56 +65,63 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-colcount'?: number | undefined | undefined;
-    'aria-colindex'?: number | undefined | undefined;
-    'aria-colspan'?: number | undefined | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: number | undefined | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: number | undefined | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: number | undefined | undefined;
-    'aria-rowindex'?: number | undefined | undefined;
-    'aria-rowspan'?: number | undefined | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: number | undefined | undefined;
-    'aria-valuemin'?: number | undefined | undefined;
-    'aria-valuenow'?: number | undefined | undefined;
-    'aria-valuetext'?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -129,7 +141,7 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -248,9 +260,7 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -271,7 +281,7 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };
 export declare const getItem: <ITEM>(item: ITEM, props: Required<Mappers<ITEM>> & {
@@ -282,7 +292,7 @@ export declare const getItem: <ITEM>(item: ITEM, props: Required<Mappers<ITEM>>
     message: import("react").ReactNode;
     status: "alert" | "warning" | "success" | "normal" | "system" | undefined;
     autoClose: number | boolean | undefined;
-    showProgress: "line" | "timer" | undefined;
+    showProgress: "timer" | "line" | undefined;
     icon: import("@consta/icons/Icon").IconComponent | undefined;
     actions: import("./types").SnackBarPropItemAction[] | undefined;
     progress: number | boolean | undefined;

package/__internal__/src/components/SnackBar/types.d.ts CHANGED Viewed

@@ -77,7 +77,7 @@ export type SnackBarProps<ITEM = SnackBarItemDefault> = PropsWithHTMLAttributesA
 } ? {} : {
     getItemKey: SnackBarPropGetItemKey<ITEM>;
 });
-export type SnackBarComponent = <ITEM = SnackBarItemDefault>(props: SnackBarProps<ITEM>) => React.ReactElement | null;
+export type SnackBarComponent = <ITEM = SnackBarItemDefault>(props: SnackBarProps<ITEM>) => React.ReactNode | null;
 export type SnackBarTimerPropOnMount = (object: {
     pause: () => void;
     start: () => void;
@@ -94,4 +94,4 @@ export type SnackBarProgressProps = {
     progress?: number | boolean;
     className?: string;
 };
-export type SnackBarItemComponent = (props: SnackBarItemProps) => React.ReactElement | null;
+export type SnackBarItemComponent = (props: SnackBarItemProps) => React.ReactNode | null;

package/__internal__/src/components/SnackBar/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["snackBarItemStatus","snackBarItemStatusDefault","snackBarItemShowProgressProp","snackBarPropForm","snackBarPropFormDefault","snackBarPropProgressView","snackBarPropProgressViewDefault"],"sources":["../../../../../src/components/SnackBar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type SnackBarItemDefault = {\n key: string \| number;\n message?: React.ReactNode;\n status?: SnackBarItemStatus;\n autoClose?: boolean \| number;\n showProgress?: SnackBarItemShowProgressProp;\n icon?: IconComponent;\n actions?: SnackBarPropItemAction[];\n onClose?: (item: SnackBarItemDefault) => void;\n onAutoClose?: (item: SnackBarItemDefault) => void;\n progress?: boolean \| number;\n};\n\n/*\n @deprecated since version 3.16.0 use SnackBarItemDefault\n */\nexport type Item = SnackBarItemDefault;\n\nexport type SnackBarPropItemAction = {\n label: string \| number;\n onClick: React.EventHandler<React.MouseEvent>;\n};\n\nexport type SnackBarActionButtonProps = {\n actions: SnackBarPropItemAction[];\n className?: string;\n form?: SnackBarPropForm;\n};\n\nexport type SnackBarItemProps = PropsWithHTMLAttributesAndRef<\n Omit<SnackBarItemDefault, 'onClose' \| 'onAutoClose'> & {\n onClose?: () => void;\n form?: SnackBarPropForm;\n onAutoClose?: () => void;\n progressView?: SnackBarPropProgressView;\n progress?: number \| boolean;\n },\n HTMLDivElement\n>;\n\nexport const snackBarItemStatus = [\n 'normal',\n 'system',\n 'success',\n 'warning',\n 'alert',\n] as const;\nexport type SnackBarItemStatus = typeof snackBarItemStatus[number];\nexport const snackBarItemStatusDefault: SnackBarItemStatus =\n snackBarItemStatus[0];\n\nexport const snackBarItemShowProgressProp = ['timer', 'line'] as const;\nexport type SnackBarItemShowProgressProp =\n typeof snackBarItemShowProgressProp[number];\n\nexport type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string \| number;\nexport type SnackBarPropGetItemMessage<ITEM> = (\n item: ITEM,\n) => React.ReactNode \| undefined;\nexport type SnackBarPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => SnackBarItemStatus \| undefined;\nexport type SnackBarPropGetItemAutoClose<ITEM> = (\n item: ITEM,\n) => boolean \| number \| undefined;\nexport type SnackBarPropGetItemShowProgress<ITEM> = (\n item: ITEM,\n) => SnackBarItemShowProgressProp \| undefined;\nexport type SnackBarPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent \| undefined;\nexport type SnackBarPropGetItemActions<ITEM> = (\n item: ITEM,\n) => SnackBarPropItemAction[] \| undefined;\nexport type SnackBarPropGetItemOnClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) \| undefined;\nexport type SnackBarPropGetItemOnAutoClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) \| undefined;\nexport type SnackBarPropGetItemProgress<ITEM> = (\n item: ITEM,\n) => number \| boolean \| undefined;\n\nexport type Mappers<ITEM> = {\n getItemKey?: SnackBarPropGetItemKey<ITEM>;\n getItemMessage?: SnackBarPropGetItemMessage<ITEM>;\n getItemStatus?: SnackBarPropGetItemStatus<ITEM>;\n getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;\n getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;\n getItemIcon?: SnackBarPropGetItemIcon<ITEM>;\n getItemActions?: SnackBarPropGetItemActions<ITEM>;\n getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;\n getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;\n getItemProgress?: SnackBarPropGetItemProgress<ITEM>;\n};\n\nexport const snackBarPropForm = ['default', 'round', 'brick'] as const;\nexport type SnackBarPropForm = typeof snackBarPropForm[number];\nexport const snackBarPropFormDefault = snackBarPropForm[0];\n\nexport const snackBarPropProgressView = ['spinText', 'spin', 'text'] as const;\nexport type SnackBarPropProgressView = typeof snackBarPropProgressView[number];\nexport const snackBarPropProgressViewDefault = snackBarPropProgressView[0];\n\nexport type SnackBarProps<ITEM = SnackBarItemDefault> =\n PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n children?: never;\n form?: SnackBarPropForm;\n progressView?: SnackBarPropProgressView;\n onItemClose?: (item: ITEM) => void;\n onItemAutoClose?: (item: ITEM) => void;\n } & Mappers<ITEM>,\n HTMLDivElement\n > &\n (ITEM extends { key: SnackBarItemDefault['key'] }\n ? {}\n : { getItemKey: SnackBarPropGetItemKey<ITEM> });\n\nexport type SnackBarComponent = <ITEM = SnackBarItemDefault>(\n props: SnackBarProps<ITEM>,\n) => React.~~ReactElement~~ \| null;\n\nexport type SnackBarTimerPropOnMount = (object: {\n pause: () => void;\n start: () => void;\n}) => void;\n\nexport type SnackBarTimerProps = {\n onMount: SnackBarTimerPropOnMount;\n onTimeIsOver: () => void;\n startTime: number;\n hidden?: boolean;\n className?: string;\n};\n\nexport type SnackBarProgressProps = {\n view: SnackBarPropProgressView;\n progress?: number \| boolean;\n className?: string;\n};\n\nexport type SnackBarItemComponent = (\n props: SnackBarItemProps,\n) => React.~~ReactElement~~ \| null;\n"],"mappings":"AA4CA,MAAO,IAAMA,mBAAkB,CAAG,CAChC,QADgC,CAEhC,QAFgC,CAGhC,SAHgC,CAIhC,SAJgC,CAKhC,OALgC,CAA3B,CAQP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,6BAA4B,CAAG,CAAC,OAAD,CAAU,MAAV,CAArC,CA8CP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,yBAAwB,CAAG,CAAC,UAAD,CAAa,MAAb,CAAqB,MAArB,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE"}
1	+ {"version":3,"file":"types.js","names":["snackBarItemStatus","snackBarItemStatusDefault","snackBarItemShowProgressProp","snackBarPropForm","snackBarPropFormDefault","snackBarPropProgressView","snackBarPropProgressViewDefault"],"sources":["../../../../../src/components/SnackBar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type SnackBarItemDefault = {\n key: string \| number;\n message?: React.ReactNode;\n status?: SnackBarItemStatus;\n autoClose?: boolean \| number;\n showProgress?: SnackBarItemShowProgressProp;\n icon?: IconComponent;\n actions?: SnackBarPropItemAction[];\n onClose?: (item: SnackBarItemDefault) => void;\n onAutoClose?: (item: SnackBarItemDefault) => void;\n progress?: boolean \| number;\n};\n\n/*\n @deprecated since version 3.16.0 use SnackBarItemDefault\n */\nexport type Item = SnackBarItemDefault;\n\nexport type SnackBarPropItemAction = {\n label: string \| number;\n onClick: React.EventHandler<React.MouseEvent>;\n};\n\nexport type SnackBarActionButtonProps = {\n actions: SnackBarPropItemAction[];\n className?: string;\n form?: SnackBarPropForm;\n};\n\nexport type SnackBarItemProps = PropsWithHTMLAttributesAndRef<\n Omit<SnackBarItemDefault, 'onClose' \| 'onAutoClose'> & {\n onClose?: () => void;\n form?: SnackBarPropForm;\n onAutoClose?: () => void;\n progressView?: SnackBarPropProgressView;\n progress?: number \| boolean;\n },\n HTMLDivElement\n>;\n\nexport const snackBarItemStatus = [\n 'normal',\n 'system',\n 'success',\n 'warning',\n 'alert',\n] as const;\nexport type SnackBarItemStatus = typeof snackBarItemStatus[number];\nexport const snackBarItemStatusDefault: SnackBarItemStatus =\n snackBarItemStatus[0];\n\nexport const snackBarItemShowProgressProp = ['timer', 'line'] as const;\nexport type SnackBarItemShowProgressProp =\n typeof snackBarItemShowProgressProp[number];\n\nexport type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string \| number;\nexport type SnackBarPropGetItemMessage<ITEM> = (\n item: ITEM,\n) => React.ReactNode \| undefined;\nexport type SnackBarPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => SnackBarItemStatus \| undefined;\nexport type SnackBarPropGetItemAutoClose<ITEM> = (\n item: ITEM,\n) => boolean \| number \| undefined;\nexport type SnackBarPropGetItemShowProgress<ITEM> = (\n item: ITEM,\n) => SnackBarItemShowProgressProp \| undefined;\nexport type SnackBarPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent \| undefined;\nexport type SnackBarPropGetItemActions<ITEM> = (\n item: ITEM,\n) => SnackBarPropItemAction[] \| undefined;\nexport type SnackBarPropGetItemOnClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) \| undefined;\nexport type SnackBarPropGetItemOnAutoClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) \| undefined;\nexport type SnackBarPropGetItemProgress<ITEM> = (\n item: ITEM,\n) => number \| boolean \| undefined;\n\nexport type Mappers<ITEM> = {\n getItemKey?: SnackBarPropGetItemKey<ITEM>;\n getItemMessage?: SnackBarPropGetItemMessage<ITEM>;\n getItemStatus?: SnackBarPropGetItemStatus<ITEM>;\n getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;\n getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;\n getItemIcon?: SnackBarPropGetItemIcon<ITEM>;\n getItemActions?: SnackBarPropGetItemActions<ITEM>;\n getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;\n getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;\n getItemProgress?: SnackBarPropGetItemProgress<ITEM>;\n};\n\nexport const snackBarPropForm = ['default', 'round', 'brick'] as const;\nexport type SnackBarPropForm = typeof snackBarPropForm[number];\nexport const snackBarPropFormDefault = snackBarPropForm[0];\n\nexport const snackBarPropProgressView = ['spinText', 'spin', 'text'] as const;\nexport type SnackBarPropProgressView = typeof snackBarPropProgressView[number];\nexport const snackBarPropProgressViewDefault = snackBarPropProgressView[0];\n\nexport type SnackBarProps<ITEM = SnackBarItemDefault> =\n PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n children?: never;\n form?: SnackBarPropForm;\n progressView?: SnackBarPropProgressView;\n onItemClose?: (item: ITEM) => void;\n onItemAutoClose?: (item: ITEM) => void;\n } & Mappers<ITEM>,\n HTMLDivElement\n > &\n (ITEM extends { key: SnackBarItemDefault['key'] }\n ? {}\n : { getItemKey: SnackBarPropGetItemKey<ITEM> });\n\nexport type SnackBarComponent = <ITEM = SnackBarItemDefault>(\n props: SnackBarProps<ITEM>,\n) => React.ReactNode \| null;\n\nexport type SnackBarTimerPropOnMount = (object: {\n pause: () => void;\n start: () => void;\n}) => void;\n\nexport type SnackBarTimerProps = {\n onMount: SnackBarTimerPropOnMount;\n onTimeIsOver: () => void;\n startTime: number;\n hidden?: boolean;\n className?: string;\n};\n\nexport type SnackBarProgressProps = {\n view: SnackBarPropProgressView;\n progress?: number \| boolean;\n className?: string;\n};\n\nexport type SnackBarItemComponent = (\n props: SnackBarItemProps,\n) => React.ReactNode \| null;\n"],"mappings":"AA4CA,MAAO,IAAMA,mBAAkB,CAAG,CAChC,QADgC,CAEhC,QAFgC,CAGhC,SAHgC,CAIhC,SAJgC,CAKhC,OALgC,CAA3B,CAQP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,6BAA4B,CAAG,CAAC,OAAD,CAAU,MAAV,CAArC,CA8CP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,yBAAwB,CAAG,CAAC,UAAD,CAAa,MAAb,CAAqB,MAArB,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE"}

package/__internal__/src/components/Steps/helper.d.ts CHANGED Viewed

@@ -14,14 +14,17 @@ export declare function withDefaultGetters(props: StepsProps): {
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -31,14 +34,16 @@ export declare function withDefaultGetters(props: StepsProps): {
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
-    autoCapitalize?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
     color?: string | undefined | undefined;
@@ -52,57 +57,64 @@ export declare function withDefaultGetters(props: StepsProps): {
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-colcount'?: number | undefined | undefined;
-    'aria-colindex'?: number | undefined | undefined;
-    'aria-colspan'?: number | undefined | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: number | undefined | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: number | undefined | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: number | undefined | undefined;
-    'aria-rowindex'?: number | undefined | undefined;
-    'aria-rowspan'?: number | undefined | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: number | undefined | undefined;
-    'aria-valuemin'?: number | undefined | undefined;
-    'aria-valuenow'?: number | undefined | undefined;
-    'aria-valuetext'?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -121,7 +133,7 @@ export declare function withDefaultGetters(props: StepsProps): {
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -240,9 +252,7 @@ export declare function withDefaultGetters(props: StepsProps): {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -263,6 +273,6 @@ export declare function withDefaultGetters(props: StepsProps): {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/Steps/types.d.ts CHANGED Viewed

@@ -30,4 +30,4 @@ export type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<
 } ? {} : {
     getItemLabel: StepsPropGetLabel<ITEM>;
 });
-export type StepsComponent = <ITEM>(props: StepsProps<ITEM>) => React.ReactElement | null;
+export type StepsComponent = <ITEM>(props: StepsProps<ITEM>) => React.ReactNode | null;

package/__internal__/src/components/Steps/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["stepsSizes","stepsDefaultSize"],"sources":["../../../../../src/components/Steps/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const stepsSizes = ['m', 's', 'l'] as const;\nexport type StepsPropSize = typeof stepsSizes[number];\nexport const stepsDefaultSize: StepsPropSize = stepsSizes[0];\n\nexport type StepsPropOnChange<ITEM> = (\n value: ITEM,\n props: {\n e: React.MouseEvent;\n },\n) => void;\n\nexport type StepsPropGetLabel<ITEM> = (item: ITEM) => string;\nexport type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean \| undefined;\nexport type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean \| undefined;\nexport type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean \| undefined;\n\nexport type StepsItemDefault = {\n label: string;\n disabled?: boolean;\n skipped?: boolean;\n completed?: boolean;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n {\n size?: StepsPropSize;\n items: ITEM[];\n value: ITEM;\n getItemLabel?: StepsPropGetLabel<ITEM>;\n getItemDisabled?: StepsPropGetDisabled<ITEM>;\n getItemCompleted?: StepsPropGetCompleted<ITEM>;\n getItemSkipped?: StepsPropGetSkipped<ITEM>;\n onChange: StepsPropOnChange<ITEM>;\n className?: string;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: StepsItemDefault['label'] }\n ? {}\n : {\n getItemLabel: StepsPropGetLabel<ITEM>;\n });\n\nexport type StepsComponent = <ITEM>(\n props: StepsProps<ITEM>,\n) => React.~~ReactElement~~ \| null;\n"],"mappings":"AAEA,MAAO,IAAMA,WAAU,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAnB,CAEP,MAAO,IAAMC,iBAA+B,CAAGD,UAAU,CAAC,CAAD,CAAlD"}
1	+ {"version":3,"file":"types.js","names":["stepsSizes","stepsDefaultSize"],"sources":["../../../../../src/components/Steps/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const stepsSizes = ['m', 's', 'l'] as const;\nexport type StepsPropSize = typeof stepsSizes[number];\nexport const stepsDefaultSize: StepsPropSize = stepsSizes[0];\n\nexport type StepsPropOnChange<ITEM> = (\n value: ITEM,\n props: {\n e: React.MouseEvent;\n },\n) => void;\n\nexport type StepsPropGetLabel<ITEM> = (item: ITEM) => string;\nexport type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean \| undefined;\nexport type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean \| undefined;\nexport type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean \| undefined;\n\nexport type StepsItemDefault = {\n label: string;\n disabled?: boolean;\n skipped?: boolean;\n completed?: boolean;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n {\n size?: StepsPropSize;\n items: ITEM[];\n value: ITEM;\n getItemLabel?: StepsPropGetLabel<ITEM>;\n getItemDisabled?: StepsPropGetDisabled<ITEM>;\n getItemCompleted?: StepsPropGetCompleted<ITEM>;\n getItemSkipped?: StepsPropGetSkipped<ITEM>;\n onChange: StepsPropOnChange<ITEM>;\n className?: string;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: StepsItemDefault['label'] }\n ? {}\n : {\n getItemLabel: StepsPropGetLabel<ITEM>;\n });\n\nexport type StepsComponent = <ITEM>(\n props: StepsProps<ITEM>,\n) => React.ReactNode \| null;\n"],"mappings":"AAEA,MAAO,IAAMA,WAAU,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAnB,CAEP,MAAO,IAAMC,iBAA+B,CAAGD,UAAU,CAAC,CAAD,CAAlD"}