@consta/uikit 3.9.2 → 3.12.0

package/__internal__/cjs-src/components/Collapse/Collapse.d.ts

@@ -1,6 +1,6 @@
 import './Collapse.css';
 import React from 'react';
-import { IconProps, IconPropSize } from '../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { CollapseIconPropDirection } from './CollapseIcon/CollapseIcon';
 export declare const collapsePropSize: readonly ["m", "l", "s", "xs", "2xs"];
@@ -19,7 +19,7 @@ export declare const collapsePropDirectionIconDefault: "up";
 export declare const collapsePropCloseDirectionIconDefault: "down";
 declare type CollapseProps = PropsWithHTMLAttributesAndRef<{
     size?: CollapsePropSize;
-    icon?: React.FC<IconProps>;
+    icon?: IconComponent;
     view?: CollapsePropView;
     divider?: boolean;
     label: string;
@@ -27,7 +27,7 @@ declare type CollapseProps = PropsWithHTMLAttributesAndRef<{
     hoverEffect?: boolean;
     isOpen?: boolean;
 } & ({
-    closeIcon?: React.FC<IconProps>;
+    closeIcon?: IconComponent;
     directionIcon?: never;
     closeDirectionIcon?: never;
 } | {

package/__internal__/cjs-src/components/Collapse/Collapse.js

@@ -6,7 +6,7 @@ require("./Collapse.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var IconArrowDown_1 = require("../../icons/IconArrowDown/IconArrowDown");
 var bem_1 = require("../../utils/bem");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var Text_1 = require("../Text/Text");
 var CollapseIcon_1 = require("./CollapseIcon/CollapseIcon");
 exports.collapsePropSize = ['m', 'l', 's', 'xs', '2xs'];
@@ -51,7 +51,7 @@ exports.Collapse = react_1["default"].forwardRef(function (props, ref) {
                 hoverEffect: hoverEffect,
                 iconPosition: iconPosition
             }) }, otherProps),
-            react_1["default"].createElement(CollapseIcon_1.CollapseIcon, { className: exports.cnCollapse('Icon', { position: iconPosition }), size: getSizeByMap_1.getSizeByMap(exports.sizeIconMap, size), icon: icon, closeIcon: closeIcon, isOpen: isOpen, direction: directionIcon, closeDirection: closeDirectionIcon }),
+            react_1["default"].createElement(CollapseIcon_1.CollapseIcon, { className: exports.cnCollapse('Icon', { position: iconPosition }), size: getByMap_1.getByMap(exports.sizeIconMap, size), icon: icon, closeIcon: closeIcon, isOpen: isOpen, direction: directionIcon, closeDirection: closeDirectionIcon }),
             react_1["default"].createElement(Text_1.Text, { className: exports.cnCollapse('LabelText'), view: view, size: size }, label),
             iconPosition === 'left' && renderSide(rightSide)),
         react_1["default"].createElement("div", { className: exports.cnCollapse('Body', { isOpen: isOpen, divider: divider }) },

package/__internal__/cjs-src/components/CollapseGroup/helpers.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../../icons/Icon/Icon';
+import { IconComponent } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { CollapsePropHorizontalSpace, CollapsePropSize, CollapsePropView } from '../Collapse/Collapse';
 import { CollapseIconPropDirection } from '../Collapse/CollapseIcon/CollapseIcon';
@@ -20,7 +20,7 @@ export declare type CollapseGroupProps<ITEM, IS_ACCORDION extends boolean> = Pro
     items: ITEM[];
     isAccordion?: IS_ACCORDION;
     children?: never;
-    icon?: React.FC<IconProps>;
+    icon?: IconComponent;
     divider?: boolean;
     size?: CollapsePropSize;
     view?: CollapsePropView;
@@ -31,7 +31,7 @@ export declare type CollapseGroupProps<ITEM, IS_ACCORDION extends boolean> = Pro
     getItemLabel?: CollapseGroupPropGetItemLabel<ITEM>;
     getItemContent?: CollapseGroupPropGetItemContent<ITEM>;
 } & ({
-    closeIcon: React.FC<IconProps>;
+    closeIcon: IconComponent;
     directionIcon?: never;
     closeDirectionIcon?: never;
 } | {
@@ -62,7 +62,10 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     items: ITEM[];
     isAccordion?: IS_ACCORDION | undefined;
     children?: undefined;
-    icon?: React.FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    icon?: React.FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     divider?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
@@ -73,7 +76,10 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     getItemLabel?: CollapseGroupPropGetItemLabel<ITEM> | undefined;
     getItemContent?: CollapseGroupPropGetItemContent<ITEM> | undefined;
 } & {
-    closeIcon: React.FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>>;
+    closeIcon: React.FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>>;
     directionIcon?: undefined;
     closeDirectionIcon?: undefined;
 } & {
@@ -95,7 +101,10 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     items: ITEM[];
     isAccordion?: IS_ACCORDION | undefined;
     children?: undefined;
-    icon?: React.FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    icon?: React.FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     divider?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;

package/__internal__/cjs-src/components/Combobox/helpers.d.ts

@@ -97,7 +97,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     items: ITEM[];
     onChange: PropOnChange<ITEM, MULTIPLE>;
     disabled?: boolean | undefined;
-    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
+    form?: "default" | "round" | "brick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     size?: "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     placeholder?: string | undefined;

package/__internal__/cjs-src/components/ContextMenu/ContextMenuGroupHeader/ContextMenuGroupHeader.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 require("./ContextMenuGroupHeader.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 var Text_1 = require("../../Text/Text");
 var helpers_1 = require("../helpers");
 exports.cnContextMenuGroupHeader = bem_1.cn('ContextMenuGroupHeader');
@@ -16,5 +16,5 @@ var sizeMap = {
 };
 exports.ContextMenuGroupHeader = function (_a) {
     var label = _a.label, _b = _a.size, size = _b === void 0 ? helpers_1.contextMenuDefaultSize : _b, first = _a.first;
-    return (react_1["default"].createElement(Text_1.Text, { view: "secondary", transform: "uppercase", className: exports.cnContextMenuGroupHeader({ size: size, first: first }), size: getSizeByMap_1.getSizeByMap(sizeMap, size) }, label));
+    return (react_1["default"].createElement(Text_1.Text, { view: "secondary", transform: "uppercase", className: exports.cnContextMenuGroupHeader({ size: size, first: first }), size: getByMap_1.getByMap(sizeMap, size) }, label));
 };

package/__internal__/cjs-src/components/ContextMenu/ContextMenuItem/ContextMenuItem.css

@@ -7,6 +7,7 @@
       -ms-flex-align: center;
           align-items: center;
   padding: var(--vertical-space) var(--space-s);
+  text-decoration: none;
   word-break: break-word;
   cursor: pointer;
   -webkit-transition: background 0.2s;

package/__internal__/cjs-src/components/ContextMenu/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,4 +1,4 @@
 import './ContextMenuItem.css';
-import { ContextMenuItem as ContextMenuItemType } from '../helpers';
+import { ContextMenuItemComponent } from '../helpers';
 export declare const cnContextMenuItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const ContextMenuItem: ContextMenuItemType;
+export declare const ContextMenuItem: ContextMenuItemComponent;

package/__internal__/cjs-src/components/ContextMenu/ContextMenuItem/ContextMenuItem.js

@@ -3,7 +3,7 @@ exports.__esModule = true;
 exports.ContextMenuItem = exports.cnContextMenuItem = void 0;
 var tslib_1 = require("tslib");
 require("./ContextMenuItem.css");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var IconArrowRight_1 = require("../../../icons/IconArrowRight/IconArrowRight");
 var bem_1 = require("../../../utils/bem");
 var Text_1 = require("../../Text/Text");
@@ -19,10 +19,10 @@ function renderSide(side, position, withArrow) {
         }), key: index }, item)); });
     return sidesRender;
 }
-exports.ContextMenuItem = react_1["default"].forwardRef(function (props, ref) {
-    var label = props.label, rightSide = props.rightSide, leftSide = props.leftSide, _a = props.size, size = _a === void 0 ? helpers_1.contextMenuDefaultSize : _a, active = props.active, withSubMenu = props.withSubMenu, accent = props.accent, disabled = props.disabled, otherProps = tslib_1.__rest(props, ["label", "rightSide", "leftSide", "size", "active", "withSubMenu", "accent", "disabled"]);
-    var view = disabled ? undefined : accent;
-    return (react_1["default"].createElement(Text_1.Text, tslib_1.__assign({}, otherProps, { className: exports.cnContextMenuItem({ size: size, active: active, disabled: disabled }), ref: ref, size: size, view: view, lineHeight: "xs" }),
+exports.ContextMenuItem = react_1.forwardRef(function (props, ref) {
+    var label = props.label, rightSide = props.rightSide, leftSide = props.leftSide, _a = props.size, size = _a === void 0 ? helpers_1.contextMenuDefaultSize : _a, active = props.active, withSubMenu = props.withSubMenu, accent = props.accent, disabled = props.disabled, _b = props.as, as = _b === void 0 ? 'div' : _b, className = props.className, otherProps = tslib_1.__rest(props, ["label", "rightSide", "leftSide", "size", "active", "withSubMenu", "accent", "disabled", "as", "className"]);
+    var view = (disabled ? undefined : accent) || 'primary';
+    return (react_1["default"].createElement(Text_1.Text, tslib_1.__assign({}, otherProps, { className: exports.cnContextMenuItem({ size: size, active: active, disabled: disabled }, [className]), ref: ref, size: size, view: view, lineHeight: "xs", as: as }),
         renderSide(leftSide, 'left', false),
         !rightSide && !leftSide && !withSubMenu ? (label) : (react_1["default"].createElement("div", { className: exports.cnContextMenuItem('Side', { position: 'center' }) }, label)),
         renderSide(rightSide, 'right', withSubMenu)));

package/__internal__/cjs-src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.js

@@ -48,11 +48,11 @@ exports.ContextMenuLevel = react_1["default"].forwardRef(function (props, ref) {
     // props относящиеся к уровню меню
     size = _a === void 0 ? helpers_1.contextMenuDefaultSize : _a, level = props.level, activeItem = props.activeItem, addLevel = props.addLevel, className = props.className, deleteLevel = props.deleteLevel, items = props.items, setHoveredParenLevel = props.setHoveredParenLevel, 
     // props относящиеся к пунктам меню
-    getLabel = props.getLabel, getRightSideBar = props.getRightSideBar, getLeftSideBar = props.getLeftSideBar, getSubItems = props.getSubItems, getGroupId = props.getGroupId, getAccent = props.getAccent, getDisabled = props.getDisabled, getOnClick = props.getOnClick, 
+    getLabel = props.getLabel, getRightSideBar = props.getRightSideBar, getLeftSideBar = props.getLeftSideBar, getSubItems = props.getSubItems, getGroupId = props.getGroupId, getAccent = props.getAccent, getDisabled = props.getDisabled, getOnClick = props.getOnClick, getItemOnClick = props.getItemOnClick, onItemClick = props.onItemClick, getItemHTMLAttributes = props.getItemHTMLAttributes, getItemAs = props.getItemAs, 
     // props относящиеся к группам меню
     sortGroup = props.sortGroup, getGroupLabel = props.getGroupLabel, 
     // props относящиеся к поповеру
-    direction = props.direction, possibleDirections = props.possibleDirections, offset = props.offset, onSetDirection = props.onSetDirection, hoveredParenLevel = props.hoveredParenLevel, spareDirection = props.spareDirection, anchorRef = props.anchorRef, otherProps = tslib_1.__rest(props, ["size", "level", "activeItem", "addLevel", "className", "deleteLevel", "items", "setHoveredParenLevel", "getLabel", "getRightSideBar", "getLeftSideBar", "getSubItems", "getGroupId", "getAccent", "getDisabled", "getOnClick", "sortGroup", "getGroupLabel", "direction", "possibleDirections", "offset", "onSetDirection", "hoveredParenLevel", "spareDirection", "anchorRef"]);
+    direction = props.direction, possibleDirections = props.possibleDirections, offset = props.offset, onSetDirection = props.onSetDirection, hoveredParenLevel = props.hoveredParenLevel, spareDirection = props.spareDirection, anchorRef = props.anchorRef, otherProps = tslib_1.__rest(props, ["size", "level", "activeItem", "addLevel", "className", "deleteLevel", "items", "setHoveredParenLevel", "getLabel", "getRightSideBar", "getLeftSideBar", "getSubItems", "getGroupId", "getAccent", "getDisabled", "getOnClick", "getItemOnClick", "onItemClick", "getItemHTMLAttributes", "getItemAs", "sortGroup", "getGroupLabel", "direction", "possibleDirections", "offset", "onSetDirection", "hoveredParenLevel", "spareDirection", "anchorRef"]);
     var _b = tslib_1.__read(react_1.useState(false), 2), hovered = _b[0], setHovered = _b[1];
     var groups = getGroups_1.getGroups(items, getGroupId, undefined, undefined, sortGroup && (function (a, b) { return sortGroup(a.key, b.key); }));
     var getItemIndex = function (groupId, itemIndex) { return groupId + "-" + itemIndex; };
@@ -98,7 +98,20 @@ exports.ContextMenuLevel = react_1["default"].forwardRef(function (props, ref) {
                 var leftSide = typeof getLeftSideBar === 'function' ? getLeftSideBar(item) : undefined;
                 var rightSide = typeof getRightSideBar === 'function' ? getRightSideBar(item) : undefined;
                 var subItems = typeof getSubItems === 'function' ? getSubItems(item) : undefined;
-                var onClick = !disabled && typeof getOnClick === 'function' ? getOnClick(item) : undefined;
+                var onClick = function (e) {
+                    var _a, _b;
+                    if (!disabled) {
+                        if (typeof getItemOnClick === 'function') {
+                            (_a = getItemOnClick(item)) === null || _a === void 0 ? void 0 : _a(e);
+                        }
+                        if (typeof getOnClick === 'function') {
+                            (_b = getOnClick(item)) === null || _b === void 0 ? void 0 : _b(e);
+                        }
+                        if (typeof onItemClick === 'function') {
+                            onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick({ e: e, item: item });
+                        }
+                    }
+                };
                 var onMouseEnter = subItems && !disabled
                     ? function () {
                         addLevel(level + 1, subItems, ref, itemIndex);
@@ -108,7 +121,9 @@ exports.ContextMenuLevel = react_1["default"].forwardRef(function (props, ref) {
                         setHoveredParenLevel(level);
                     };
                 var accent = typeof getAccent === 'function' ? getAccent(item) : undefined;
-                return (react_1["default"].createElement(ContextMenuItem_1.ContextMenuItem, { ref: ref, label: label, leftSide: leftSide, rightSide: rightSide, size: size, key: itemIndex, onMouseEnter: onMouseEnter, onClick: onClick, active: activeItem === itemIndex, withSubMenu: Boolean(subItems), accent: accent, disabled: disabled }));
+                var atributes = typeof getItemHTMLAttributes === 'function' ? getItemHTMLAttributes(item) : {};
+                var as = typeof getItemAs === 'function' ? getItemAs(item) : undefined;
+                return (react_1["default"].createElement(ContextMenuItem_1.ContextMenuItem, tslib_1.__assign({}, atributes, { ref: ref, label: label, leftSide: leftSide, rightSide: rightSide, size: size, key: itemIndex, onMouseEnter: onMouseEnter, onClick: onClick, active: activeItem === itemIndex, withSubMenu: Boolean(subItems), accent: accent, disabled: disabled, as: as })));
             })));
     })));
 });

package/__internal__/cjs-src/components/ContextMenu/helpers.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';
-import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { Direction, Position } from '../Popover/Popover';
 export declare const contextMenuSizes: readonly ["m", "s", "l"];
 export declare type ContextMenuPropSize = typeof contextMenuSizes[number];
@@ -16,7 +17,9 @@ export declare type ContextMenuPropGetKey<ITEM> = (item: ITEM) => string | numbe
 export declare type ContextMenuPropGetDisable<ITEM> = (item: ITEM) => boolean | undefined;
 export declare type ContextMenuPropGetGroupLabel = (id: string | number | undefined) => string | number | undefined;
 export declare type ContextMenuPropSortGroup = (a: string | number, b: string | number) => number;
-export declare type ContextMenuPropGetOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent<HTMLDivElement>> | undefined;
+export declare type ContextMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
+export declare type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => keyof JSX.IntrinsicElements;
+export declare type ContextMenuPropGetItemHTMLAttributes<ITEM> = (item: ITEM) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements];
 export declare const contextMenuPropSubMenuDirections: readonly ["rightStartUp", "rightStartDown", "leftStartUp", "leftStartDown"];
 export declare type ContextMenuPropSubMenuDirection = typeof contextMenuPropSubMenuDirections[number];
 export declare const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection;
@@ -38,15 +41,22 @@ export declare type ContextMenuProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     getAccent?: ContextMenuPropGetAccent<ITEM>;
     size?: ContextMenuPropSize;
     sortGroup?: ContextMenuPropSortGroup;
-    getOnClick?: ContextMenuPropGetOnClick<ITEM>;
+    getOnClick?: ContextMenuPropGetItemOnClick<ITEM>;
+    getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;
     direction?: Direction;
     possibleDirections?: readonly Direction[];
     subMenuDirection?: ContextMenuPropSubMenuDirection;
     getKey?: ContextMenuPropGetKey<ITEM>;
     getDisabled?: ContextMenuPropGetDisable<ITEM>;
     offset?: number;
+    onItemClick?: (props: {
+        e: React.MouseEvent;
+        item: ITEM;
+    }) => void;
     onClickOutside?: ClickOutsideHandler;
     spareDirection?: Direction;
+    getItemAs?: ContextMenuPropGetItemAs<ITEM>;
+    getItemHTMLAttributes?: ContextMenuPropGetItemHTMLAttributes<ITEM>;
 } & PositioningProps, HTMLDivElement>;
 export declare type AddLevel<ITEM> = (level: number, items: ITEM[], anchorRef: React.RefObject<HTMLElement>, activeItem: string) => void;
 export declare type DeleteLevel = (level: number) => void;
@@ -59,7 +69,7 @@ declare type ContextMenuLevelProps<ITEM> = Omit<ContextMenuProps<ITEM> & {
     hoveredParenLevel: number;
     setHoveredParenLevel: (level: number) => void;
 }, 'subMenuDirection' | 'getKey' | 'onClickOutside' | 'isOpen'>;
-export declare type ContextMenuItemProps<ITEM> = PropsWithHTMLAttributes<{
+export declare type ContextMenuItemProps<AS extends keyof JSX.IntrinsicElements = 'div'> = PropsWithAsAttributes<{
     label: string | number;
     rightSide?: React.ReactNode;
     leftSide?: React.ReactNode;
@@ -68,7 +78,7 @@ export declare type ContextMenuItemProps<ITEM> = PropsWithHTMLAttributes<{
     withSubMenu: boolean;
     accent?: ContextMenuAccent;
     disabled?: boolean;
-} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
+}, AS> & React.RefAttributes<HTMLDivElement>;
 export declare type Level<ITEM> = {
     items: ITEM[];
     activeItem?: string;
@@ -76,7 +86,7 @@ export declare type Level<ITEM> = {
     possibleDirections?: readonly Direction[];
     offset?: number;
 } & PositioningProps;
-export declare type ContextMenuItem = <ITEM>(props: ContextMenuItemProps<ITEM>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export declare type ContextMenuItemComponent = <AS extends keyof JSX.IntrinsicElements = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
 export declare type ContextMenuType = <ITEM>(props: ContextMenuProps<ITEM>) => React.ReactElement | null;
 export declare type ContextMenuLevelType = <ITEM>(props: ContextMenuLevelProps<ITEM>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
 export {};

package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDate/DatePickerFieldTypeDate.d.ts

@@ -12,15 +12,21 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     disabled?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
-    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
+    form?: "default" | "round" | "brick" | "brickRound" | "roundBrick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
     width?: "default" | "full" | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    rightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    leftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    rightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;

package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDate/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconProps, IconPropSize } from '../../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
 import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
 import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
 import { DatePickerPropOnError } from '../helpers';
@@ -24,8 +24,8 @@ export declare type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
     onBlur?: React.FocusEventHandler<HTMLElement>;
     autoFocus?: boolean;
     placeholder?: string;
-    leftSide?: string | React.FC<IconProps>;
-    rightSide?: string | React.FC<IconProps>;
+    leftSide?: string | IconComponent;
+    rightSide?: string | IconComponent;
     readOnly?: boolean;
     required?: boolean;
     tabIndex?: number;

package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.d.ts

@@ -13,15 +13,21 @@ export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticCompone
     disabled?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
-    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
+    form?: "default" | "round" | "brick" | "brickRound" | "roundBrick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
     width?: "default" | "full" | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    rightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    leftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    rightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
@@ -42,10 +48,22 @@ export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticCompone
     value?: import("../../../utils/types/Date").DateRange | null | undefined;
     startFieldInputRef?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
     endFieldInputRef?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
-    startFieldLeftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    startFieldRightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    endFieldLeftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    endFieldRightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    startFieldLeftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    startFieldRightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    endFieldLeftSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    endFieldRightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     startFieldRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     endFieldRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     startFieldOnFocus?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;

package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.js

@@ -7,7 +7,7 @@ var react_1 = tslib_1.__importStar(require("react"));
 var isBefore_1 = tslib_1.__importDefault(require("date-fns/isBefore"));
 var isEqual_1 = tslib_1.__importDefault(require("date-fns/isEqual"));
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 var DatePickerFieldTypeDate_1 = require("../DatePickerFieldTypeDate/DatePickerFieldTypeDate");
 var helpers_1 = require("../helpers");
 var helpers_2 = require("./helpers");
@@ -91,6 +91,6 @@ exports.DatePickerFieldTypeDateRange = react_1.forwardRef(function (props, ref)
         setEndDate(value === null || value === void 0 ? void 0 : value[1]);
     }, [(_b = value === null || value === void 0 ? void 0 : value[1]) === null || _b === void 0 ? void 0 : _b.getTime()]);
     return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { className: cnDatePickerFieldTypeDateRange(null, [className]), ref: ref }),
-        react_1["default"].createElement(DatePickerFieldTypeDate_1.DatePickerFieldTypeDate, tslib_1.__assign({}, commonProps, { inputRef: startFieldInputRef, ref: startFieldRef, leftSide: startFieldLeftSide, rightSide: startFieldRightSide, form: getSizeByMap_1.getSizeByMap(helpers_2.mapFormForStart, form), value: startDate, onChange: handleStartDateChange, onFocus: startFieldOnFocus, onBlur: startFieldOnBlur, focused: startFocused })),
-        react_1["default"].createElement(DatePickerFieldTypeDate_1.DatePickerFieldTypeDate, tslib_1.__assign({}, commonProps, { inputRef: endFieldInputRef, ref: endFieldRef, leftSide: endFieldLeftSide, rightSide: endFieldRightSide, form: getSizeByMap_1.getSizeByMap(helpers_2.mapFormForEnd, form), value: endDate, onChange: handleEndDateChange, onFocus: endFieldOnFocus, onBlur: endFieldOnBlur, focused: endFocused }))));
+        react_1["default"].createElement(DatePickerFieldTypeDate_1.DatePickerFieldTypeDate, tslib_1.__assign({}, commonProps, { inputRef: startFieldInputRef, ref: startFieldRef, leftSide: startFieldLeftSide, rightSide: startFieldRightSide, form: getByMap_1.getByMap(helpers_2.mapFormForStart, form), value: startDate, onChange: handleStartDateChange, onFocus: startFieldOnFocus, onBlur: startFieldOnBlur, focused: startFocused })),
+        react_1["default"].createElement(DatePickerFieldTypeDate_1.DatePickerFieldTypeDate, tslib_1.__assign({}, commonProps, { inputRef: endFieldInputRef, ref: endFieldRef, leftSide: endFieldLeftSide, rightSide: endFieldRightSide, form: getByMap_1.getByMap(helpers_2.mapFormForEnd, form), value: endDate, onChange: handleEndDateChange, onFocus: endFieldOnFocus, onBlur: endFieldOnBlur, focused: endFocused }))));
 });

package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDateRange/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconProps } from '../../../icons/Icon/Icon';
+import { IconComponent } from '../../../icons/Icon/Icon';
 import { DateRange } from '../../../utils/types/Date';
 import { TextFieldPropForm } from '../../TextField/TextField';
 import { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';
@@ -12,10 +12,10 @@ export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldType
     value?: DateRange | null;
     startFieldInputRef?: React.Ref<HTMLInputElement>;
     endFieldInputRef?: React.Ref<HTMLInputElement>;
-    startFieldLeftSide?: string | React.FC<IconProps>;
-    startFieldRightSide?: string | React.FC<IconProps>;
-    endFieldLeftSide?: string | React.FC<IconProps>;
-    endFieldRightSide?: string | React.FC<IconProps>;
+    startFieldLeftSide?: string | IconComponent;
+    startFieldRightSide?: string | IconComponent;
+    endFieldLeftSide?: string | IconComponent;
+    endFieldRightSide?: string | IconComponent;
     startFieldRef?: React.Ref<HTMLDivElement>;
     endFieldRef?: React.Ref<HTMLDivElement>;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;

package/__internal__/cjs-src/components/DatePickerCanary/helpers.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Locale } from 'date-fns';
-import { IconProps, IconPropSize } from '../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 import { DateRange } from '../../utils/types/Date';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { DateTimePropView } from '../DateTimeCanary/helpers';
@@ -21,7 +21,7 @@ export declare const datePickerPropDropdownFormDefault: "default";
 declare type DatePickerPropCalendarWidth<TYPE> = TYPE extends 'date' ? TextFieldPropWidth : never;
 declare type DatePickerPropCalendarInputRef<TYPE> = TYPE extends 'date' ? React.Ref<HTMLInputElement> : never;
 declare type DatePickerPropCalendarStartInputRef<TYPE> = TYPE extends 'date-range' ? React.Ref<HTMLInputElement> : never;
-declare type DatePickerPropCalendarStartLeftSide<TYPE> = TYPE extends 'date-range' ? string | React.FC<IconProps> : never;
+declare type DatePickerPropCalendarStartLeftSide<TYPE> = TYPE extends 'date-range' ? string | IconComponent : never;
 declare type DatePickerPropCalendarStartOnFocus<TYPE> = TYPE extends 'date-range' ? React.FocusEventHandler<HTMLElement> : never;
 export declare type DatePickerProps<TYPE extends DatePickerPropType = 'date'> = PropsWithHTMLAttributesAndRef<{
     type?: TYPE;
@@ -55,8 +55,8 @@ export declare type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =
     separator?: string;
     dropdownForm?: DatePickerPropDropdownForm;
     width?: DatePickerPropCalendarWidth<TYPE>;
-    leftSide?: string | React.FC<IconProps>;
-    rightSide?: string | React.FC<IconProps>;
+    leftSide?: string | IconComponent;
+    rightSide?: string | IconComponent;
     startFieldInputRef?: DatePickerPropCalendarStartInputRef<TYPE>;
     endFieldInputRef?: DatePickerPropCalendarStartInputRef<TYPE>;
     startFieldLeftSide?: DatePickerPropCalendarStartLeftSide<TYPE>;
@@ -104,7 +104,7 @@ export declare const isDateRangeParams: (params: DatePickerProps<DatePickerPropT
     disabled?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
-    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
+    form?: "default" | "round" | "brick" | "brickRound" | "roundBrick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
     onFocus?: ((event: import("react").FocusEvent<HTMLElement>) => void) | undefined;
     onBlur?: ((event: import("react").FocusEvent<HTMLElement>) => void) | undefined;
@@ -120,14 +120,32 @@ export declare const isDateRangeParams: (params: DatePickerProps<DatePickerPropT
     separator?: string | undefined;
     dropdownForm?: "default" | "round" | "brick" | undefined;
     width?: undefined;
-    leftSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    rightSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    leftSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    rightSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     startFieldInputRef?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
     endFieldInputRef?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-    startFieldLeftSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    startFieldRightSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    endFieldLeftSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    endFieldRightSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    startFieldLeftSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    startFieldRightSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    endFieldLeftSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    endFieldRightSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     startFieldOnFocus?: ((event: import("react").FocusEvent<HTMLElement>) => void) | undefined;
     endFieldOnFocus?: ((event: import("react").FocusEvent<HTMLElement>) => void) | undefined;
     startFieldOnBlur?: ((event: import("react").FocusEvent<HTMLElement>) => void) | undefined;
@@ -149,7 +167,7 @@ export declare const isNotDateRangeParams: (params: DatePickerProps<DatePickerPr
     disabled?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
-    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
+    form?: "default" | "round" | "brick" | "brickRound" | "roundBrick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     status?: "alert" | "success" | "warning" | undefined;
     onFocus?: ((event: import("react").FocusEvent<HTMLElement>) => void) | undefined;
     onBlur?: ((event: import("react").FocusEvent<HTMLElement>) => void) | undefined;
@@ -165,8 +183,14 @@ export declare const isNotDateRangeParams: (params: DatePickerProps<DatePickerPr
     separator?: string | undefined;
     dropdownForm?: "default" | "round" | "brick" | undefined;
     width?: "default" | "full" | undefined;
-    leftSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    rightSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    leftSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
+    rightSide?: string | import("react").FC<PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     startFieldInputRef?: undefined;
     endFieldInputRef?: undefined;
     startFieldLeftSide?: undefined;

package/__internal__/cjs-src/components/DateTimeCanary/DateTimeCanary.js

@@ -3,7 +3,7 @@ exports.__esModule = true;
 exports.DateTime = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var DateTimeTypeDate_1 = require("./DateTimeTypeDate/DateTimeTypeDate");
 var DateTimeTypeDateTime_1 = require("./DateTimeTypeDateTime/DateTimeTypeDateTime");
 var DateTimeTypeMonth_1 = require("./DateTimeTypeMonth/DateTimeTypeMonth");
@@ -19,7 +19,7 @@ var typeMap = {
 };
 exports.DateTime = react_1.forwardRef(function (props, ref) {
     var _a = props.type, type = _a === void 0 ? types_1.dateTimePropTypeDefault : _a, otherProps = tslib_1.__rest(props, ["type"]);
-    var Component = getSizeByMap_1.getSizeByMap(typeMap, type);
+    var Component = getByMap_1.getByMap(typeMap, type);
     return react_1["default"].createElement(Component, tslib_1.__assign({}, otherProps, { ref: ref }));
 });
 tslib_1.__exportStar(require("./helpers/types"), exports);