@consta/uikit 3.2.0 → 3.6.0

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { PropForm, PropSize, PropView, RenderItemProps } from '../SelectComponents/types';
+import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponents/types';
 export declare type DefaultItem = {
     label: string;
     id: string | number;
@@ -41,6 +41,7 @@ export declare type UserSelectProps<ITEM = DefaultItem, GROUP = DefaultGroup, MU
     placeholder?: string;
     ariaLabel?: string;
     dropdownClassName?: string;
+    status?: PropStatus;
     dropdownRef?: React.RefObject<HTMLDivElement>;
     name?: string;
     items: ITEM[];
@@ -68,6 +69,9 @@ export declare type UserSelectProps<ITEM = DefaultItem, GROUP = DefaultGroup, MU
     getItemDisabled?: PropGetItemDisabled<ITEM>;
     getGroupLabel?: PropGetGroupLabel<GROUP>;
     getGroupKey?: PropGetGroupKey<GROUP>;
+    label?: string;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
 }, HTMLDivElement> & (ITEM extends {
     label: DefaultItem['label'];
 } ? {} : {
@@ -98,12 +102,13 @@ export declare const isMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITE
 export declare const isNotMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITEM, GROUP, boolean>) => params is UserSelectProps<ITEM, GROUP, false>;
 export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>): {
     disabled?: boolean | undefined;
-    form?: "default" | "round" | "brick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
+    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     size?: "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     placeholder?: string | undefined;
     ariaLabel?: string | undefined;
     dropdownClassName?: string | undefined;
+    status?: "alert" | "success" | "warning" | undefined;
     dropdownRef?: React.RefObject<HTMLDivElement> | undefined;
     name?: string | undefined;
     items: ITEM[];
@@ -131,6 +136,9 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     getItemDisabled?: PropGetItemDisabled<ITEM> | undefined;
     getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
     getGroupKey?: PropGetGroupKey<GROUP> | undefined;
+    label?: string | undefined;
+    caption?: string | undefined;
+    labelPosition?: "left" | "top" | undefined;
 } & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {

package/__internal__/cjs-src/hocs/withTooltip/withTooltip.d.ts

@@ -17,8 +17,8 @@ export declare type TooltipProps = Omit<TooltipComponentProps, 'children' | 'ref
     appearTimeout?: number;
     exitTimeout?: number;
 };
-export declare type WithToltipProps<Props> = Omit<Props, 'tooltipProps'> & {
+export declare type WithTooltipProps<Props> = Omit<Props, 'tooltipProps'> & {
     tooltipProps?: TooltipProps;
 };
-export declare function withTooltip(hocProps?: TooltipProps): <COMPONENT_TYPE extends React.ComponentClass<ComponentProps, any> | React.FunctionComponent<ComponentProps> | ((props: ComponentProps) => React.ReactElement | null), COMPONENT_PROPS extends ComponentProps>(Component: COMPONENT_TYPE) => COMPONENT_TYPE | React.ComponentClass<WithToltipProps<COMPONENT_PROPS>, any> | React.FunctionComponent<WithToltipProps<COMPONENT_PROPS>>;
+export declare function withTooltip(hocProps?: TooltipProps): <COMPONENT_TYPE extends React.ComponentClass<ComponentProps, any> | React.FunctionComponent<ComponentProps> | ((props: ComponentProps) => React.ReactElement | null), COMPONENT_PROPS extends ComponentProps>(Component: COMPONENT_TYPE) => COMPONENT_TYPE | React.ComponentClass<WithTooltipProps<COMPONENT_PROPS>, any> | React.FunctionComponent<WithTooltipProps<COMPONENT_PROPS>>;
 export {};

package/__internal__/cjs-src/hocs/withTooltip/withTooltip.js

@@ -10,11 +10,11 @@ exports.withTooltipPropModeDefault = exports.withTooltipPropMode[0];
 exports.appearTimeoutDefault = 400;
 exports.exitTimeoutDefault = 200;
 var closeFunctions = [];
-// фукция которая закроет все тултипы на странице кроме текущего с которым взаимодействует пользователь
+// функция которая закроет все тултипы на странице кроме текущего с которым взаимодействует пользователь
 function clearTooltips(currentRef, removeCurrent) {
     var e_1, _a;
     if (removeCurrent) {
-        // удаляем только текущую функцию закрытия, нужна если компонент размантируется
+        // удаляем только текущую функцию закрытия, нужна если компонент размонтируется
         if (currentRef.current.timer) {
             clearTimeout(currentRef.current.timer);
         }
@@ -52,15 +52,11 @@ function withTooltip(hocProps) {
         return react_1["default"].forwardRef(function (props, ref) {
             var _a = props.tooltipProps, tooltipPropsFromComponent = _a === void 0 ? {} : _a, componentProps = tslib_1.__rest(props, ["tooltipProps"]);
             var tooltipProps = tslib_1.__assign(tslib_1.__assign({}, hocProps), tooltipPropsFromComponent);
-            var _b = tooltipProps.mode, mode = _b === void 0 ? 'mouseover' : _b, content = tooltipProps.content, _c = tooltipProps.closeOnClickOutside, closeOnClickOutside = _c === void 0 ? true : _c, _d = tooltipProps.appearTimeout, appearTimeout = _d === void 0 ? exports.appearTimeoutDefault : _d, _e = tooltipProps.exitTimeout, exitTimeout = _e === void 0 ? exports.exitTimeoutDefault : _e, ontherTooltipProps = tslib_1.__rest(tooltipProps, ["mode", "content", "closeOnClickOutside", "appearTimeout", "exitTimeout"]);
+            var _b = tooltipProps.mode, mode = _b === void 0 ? 'mouseover' : _b, content = tooltipProps.content, _c = tooltipProps.closeOnClickOutside, closeOnClickOutside = _c === void 0 ? true : _c, _d = tooltipProps.appearTimeout, appearTimeout = _d === void 0 ? exports.appearTimeoutDefault : _d, _e = tooltipProps.exitTimeout, exitTimeout = _e === void 0 ? exports.exitTimeoutDefault : _e, otherTooltipProps = tslib_1.__rest(tooltipProps, ["mode", "content", "closeOnClickOutside", "appearTimeout", "exitTimeout"]);
             var _f = tslib_1.__read(react_1.useState(false), 2), visible = _f[0], setVisible = _f[1];
             var componentRef = react_1.useRef(null);
             var tooltipRef = react_1.useRef(null);
-            var clearRef = react_1.useMemo(
-            // привел к типам так как в дальнейшем к этой ссылке нужно привязать функцию
-            function () {
-                return react_1.createRef();
-            }, []);
+            var clearRef = react_1.useRef({});
             var clearTimer = function () {
                 if (clearRef.current.timer) {
                     clearTimeout(clearRef.current.timer);
@@ -68,19 +64,16 @@ function withTooltip(hocProps) {
             };
             var setExitTimer = function () {
                 if (mode === 'mouseover' && visible) {
-                    // привел к типам, jest думает что setTimeout вернет number
                     clearRef.current.timer = setTimeout(function () { return setVisible(false); }, exitTimeout);
                 }
             };
             var setAppearTimer = function () {
                 if (mode === 'mouseover' && !visible) {
-                    // привел к типам, jest думает что setTimeout вернет number
                     clearRef.current.timer = setTimeout(function () { return setVisible(true); }, appearTimeout);
                 }
             };
             react_1.useEffect(function () {
-                clearRef.current = {};
-                // очищаем ссылку в clearTooltips при размантировании компонента
+                // очищаем ссылку в clearTooltips при размонтировании компонента
                 return function () { return clearTooltips(clearRef, true); };
             }, []);
             react_1.useEffect(function () {
@@ -120,21 +113,21 @@ function withTooltip(hocProps) {
             };
             var tooltipOnMouseEnter = function (e) {
                 clearTimer();
-                if (ontherTooltipProps.onMouseEnter) {
-                    ontherTooltipProps.onMouseEnter(e);
+                if (otherTooltipProps.onMouseEnter) {
+                    otherTooltipProps.onMouseEnter(e);
                 }
             };
             var tooltipOnMouseLeave = function (e) {
                 clearTimer();
                 setExitTimer();
-                if (ontherTooltipProps.onMouseLeave) {
-                    ontherTooltipProps.onMouseLeave(e);
+                if (otherTooltipProps.onMouseLeave) {
+                    otherTooltipProps.onMouseLeave(e);
                 }
             };
             var Anchor = Component;
             return (react_1["default"].createElement(react_1["default"].Fragment, null,
                 react_1["default"].createElement(Anchor, tslib_1.__assign({}, componentProps, { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: useForkRef_1.useForkRef([componentRef, ref]) })),
-                visible && (react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, ontherTooltipProps, { ref: tooltipRef, anchorRef: componentRef, onClickOutside: onClickOutside, onMouseEnter: tooltipOnMouseEnter, onMouseLeave: tooltipOnMouseLeave }), content))));
+                visible && (react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, otherTooltipProps, { ref: tooltipRef, anchorRef: componentRef, onClickOutside: onClickOutside, onMouseEnter: tooltipOnMouseEnter, onMouseLeave: tooltipOnMouseLeave }), content))));
             // привел к типам, так как прокинутый компонент может иметь джененрики и они потеряются за хоком
         });
     };

package/__internal__/cjs-src/hooks/useFlag/useFlag.d.ts

@@ -0,0 +1,7 @@
+declare type Flag = [boolean, {
+    on: () => void;
+    off: () => void;
+    toogle: () => void;
+}];
+export declare const useFlag: (initial?: boolean) => Flag;
+export {};

package/__internal__/cjs-src/hooks/useFlag/useFlag.js

@@ -0,0 +1,21 @@
+"use strict";
+exports.__esModule = true;
+exports.useFlag = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var not = function (state) { return !state; };
+exports.useFlag = function (initial) {
+    if (initial === void 0) { initial = false; }
+    var _a = tslib_1.__read(react_1.useState(initial), 2), state = _a[0], setState = _a[1];
+    var on = react_1.useCallback(function () { return setState(true); }, []);
+    var off = react_1.useCallback(function () { return setState(false); }, []);
+    var toogle = react_1.useCallback(function () { return setState(not); }, []);
+    return [
+        state,
+        {
+            on: on,
+            off: off,
+            toogle: toogle
+        },
+    ];
+};

package/__internal__/cjs-src/hooks/useGlobalKeys/useGlobalKeys.d.ts

@@ -0,0 +1,6 @@
+import { KeyCode } from '../../utils/types/KeyCode';
+export declare type KeyHandlers = Partial<Record<KeyCode, (e: KeyboardEvent) => void>> & {
+    [key: string]: (e: KeyboardEvent) => void;
+};
+export declare type EventType = 'keyup' | 'keydown';
+export declare const useGlobalKeys: (keyHandlers: KeyHandlers, eventType?: EventType) => void;

package/__internal__/cjs-src/hooks/useGlobalKeys/useGlobalKeys.js

@@ -0,0 +1,22 @@
+"use strict";
+exports.__esModule = true;
+exports.useGlobalKeys = void 0;
+var react_1 = require("react");
+exports.useGlobalKeys = function (keyHandlers, eventType) {
+    if (eventType === void 0) { eventType = 'keyup'; }
+    var keyHandlersRef = react_1.useRef({});
+    react_1.useEffect(function () {
+        keyHandlersRef.current = keyHandlers;
+    }, [keyHandlers]);
+    react_1.useEffect(function () {
+        var handler = function (e) {
+            var current = keyHandlersRef.current;
+            var userHandler = current[e.code] || current[e.key];
+            userHandler && userHandler(e);
+        };
+        document.addEventListener(eventType, handler);
+        return function () {
+            document.removeEventListener(eventType, handler);
+        };
+    }, [eventType]);
+};

package/__internal__/cjs-src/hooks/useMutableRef/useMutableRef.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useMutableRef: <T>(value: T) => import("react").MutableRefObject<T>;

package/__internal__/cjs-src/hooks/useMutableRef/useMutableRef.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+exports.useMutableRef = void 0;
+var react_1 = require("react");
+exports.useMutableRef = function (value) {
+    var ref = react_1.useRef(value);
+    react_1.useEffect(function () {
+        ref.current = value;
+    }, [value]);
+    return ref;
+};

package/__internal__/cjs-src/hooks/useThemeVars/helpers.d.ts

@@ -1,8 +1,8 @@
 export declare const defaultVars: {
     readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-nums-shadow", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-nums-shadow", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-nums-shadow", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
     };
     readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
     readonly font: readonly ["--font-primary", "--font-mono"];

package/__internal__/cjs-src/hooks/useThemeVars/helpers.js

@@ -32,7 +32,6 @@ var cssColorVars = [
     '--color-typo-link',
     '--color-typo-link-minor',
     '--color-typo-link-hover',
-    '--color-nums-shadow',
     '--color-scroll-bg',
     '--color-scroll-thumb',
     '--color-scroll-thumb-hover',

package/__internal__/cjs-src/hooks/useThemeVars/useThemeVars.d.ts

@@ -46,9 +46,9 @@ declare type UseThemeVarsOptions<T> = {
 };
 export declare const useThemeVars: <T extends Vars = {
     readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-nums-shadow", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-nums-shadow", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-nums-shadow", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
     };
     readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
     readonly font: readonly ["--font-primary", "--font-mono"];

package/__internal__/cjs-src/utils/array.d.ts

@@ -1,5 +1,6 @@
 export declare const sortBy: <T extends {}>(array: T[], param: keyof T, order?: 'asc' | 'desc', sortFn?: (a: T[keyof T], b: T[keyof T]) => number) => T[];
-export declare const updateAt: <T>(array: T[], index: number, newItem: T) => T[];
+export declare const updateAt: <T>(array: T[], index: number, newItem: T, isExpand?: boolean) => T[];
+export declare const putBefore: <T>(array: T[], index: number, newItem: T) => T[];
 export declare const range: (n: number) => number[];
 export declare const chunk: <T>(array: T[], size: number) => T[][];
 export declare const groupBy: <T, K extends string | number | symbol>(array: T[], iteratee: (elem: T) => K) => Record<K, T[]>;

package/__internal__/cjs-src/utils/array.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.groupBy = exports.chunk = exports.range = exports.updateAt = exports.sortBy = void 0;
+exports.groupBy = exports.chunk = exports.range = exports.putBefore = exports.updateAt = exports.sortBy = void 0;
 var tslib_1 = require("tslib");
 exports.sortBy = function (array, param, order, sortFn) {
     if (order === void 0) { order = 'asc'; }
@@ -10,10 +10,18 @@ exports.sortBy = function (array, param, order, sortFn) {
     };
     return tslib_1.__spread(array).sort(compareFn);
 };
-exports.updateAt = function (array, index, newItem) {
-    return index >= array.length
-        ? array
-        : tslib_1.__spread(array.slice(0, index), [newItem], array.slice(index + 1, array.length));
+exports.updateAt = function (array, index, newItem, isExpand) {
+    if (isExpand === void 0) { isExpand = false; }
+    var fixedIndex = index < 0 ? 0 : index;
+    if (fixedIndex >= array.length) {
+        return isExpand ? tslib_1.__spread(array, [newItem]) : array;
+    }
+    return tslib_1.__spread(array.slice(0, fixedIndex), [
+        newItem
+    ], array.slice(fixedIndex + (isExpand ? 0 : 1), array.length));
+};
+exports.putBefore = function (array, index, newItem) {
+    return exports.updateAt(array, index, newItem, true);
 };
 exports.range = function (n) { return tslib_1.__spread(Array(n).keys()); };
 exports.chunk = function (array, size) {

package/__internal__/cjs-src/utils/date/endOfCentury.d.ts

@@ -0,0 +1 @@
+export declare const endOfCentury: (date: Date) => Date;

package/__internal__/cjs-src/utils/date/endOfCentury.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+exports.endOfCentury = void 0;
+var getCentury_1 = require("./getCentury");
+exports.endOfCentury = function (date) { return new Date(getCentury_1.getCentury(date) + 99, 11, 1, 23, 59, 59, 999); };

package/__internal__/cjs-src/utils/date/getCentury.d.ts

@@ -0,0 +1 @@
+export declare const getCentury: (date: Date) => number;

package/__internal__/cjs-src/utils/date/getCentury.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.getCentury = void 0;
+var date_fns_1 = require("date-fns");
+exports.getCentury = function (date) {
+    var year = date_fns_1.getYear(date);
+    if (year === 0) {
+        return 0;
+    }
+    if (year > 0) {
+        return Math.trunc(year / 100) * 100;
+    }
+    return Math.floor(year / 100) * 100;
+};

package/__internal__/cjs-src/utils/date/index.d.ts

@@ -0,0 +1,7 @@
+export * from './isInMinMaxDade';
+export * from './isDateRange';
+export * from './isOnlyOneDateInRange';
+export * from './getCentury';
+export * from './startOfCentury';
+export * from './endOfCentury';
+export * from './isEqualDate';

package/__internal__/cjs-src/utils/date/index.js

@@ -0,0 +1,10 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./isInMinMaxDade"), exports);
+tslib_1.__exportStar(require("./isDateRange"), exports);
+tslib_1.__exportStar(require("./isOnlyOneDateInRange"), exports);
+tslib_1.__exportStar(require("./getCentury"), exports);
+tslib_1.__exportStar(require("./startOfCentury"), exports);
+tslib_1.__exportStar(require("./endOfCentury"), exports);
+tslib_1.__exportStar(require("./isEqualDate"), exports);

package/__internal__/cjs-src/utils/date/isDateRange.d.ts

@@ -0,0 +1,2 @@
+import { DateRange } from '../types/Date';
+export declare const isDateRange: (value?: Date | DateRange) => value is DateRange;

package/__internal__/cjs-src/utils/date/isDateRange.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+exports.isDateRange = void 0;
+var type_guards_1 = require("../type-guards");
+exports.isDateRange = function (value) {
+    return Array.isArray(value) &&
+        value.length === 2 &&
+        value.every(function (date) { return date instanceof Date || !type_guards_1.isDefined(date); });
+};

package/__internal__/cjs-src/utils/date/isEqualDate.d.ts

@@ -0,0 +1 @@
+export declare const isEqualDate: (date1: Date, date2: Date) => boolean;

package/__internal__/cjs-src/utils/date/isEqualDate.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+exports.isEqualDate = void 0;
+exports.isEqualDate = function (date1, date2) {
+    return date1.getTime() === date2.getTime();
+};

package/__internal__/cjs-src/utils/date/isInMinMaxDade.d.ts

@@ -0,0 +1 @@
+export declare const isInMinMaxDade: (date: Date, minDate?: Date | undefined, maxDate?: Date | undefined, startOf?: ((date: Date) => Date) | undefined, endOf?: ((date: Date) => Date) | undefined) => boolean;

package/__internal__/cjs-src/utils/date/isInMinMaxDade.js

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+exports.isInMinMaxDade = void 0;
+var date_fns_1 = require("date-fns");
+var isMinMax = function (date, minDate, maxDate) {
+    var minDateTime = minDate === null || minDate === void 0 ? void 0 : minDate.getTime();
+    var maxDateTime = maxDate === null || maxDate === void 0 ? void 0 : maxDate.getTime();
+    if (minDate && maxDate && minDateTime && maxDateTime) {
+        return minDateTime < maxDateTime
+            ? date_fns_1.isWithinInterval(date, { start: minDate, end: maxDate })
+            : false;
+    }
+    var dateTime = date.getTime();
+    if (minDateTime && !maxDateTime) {
+        return minDateTime <= dateTime;
+    }
+    if (!minDateTime && maxDateTime) {
+        return maxDateTime >= dateTime;
+    }
+    return true;
+};
+exports.isInMinMaxDade = function (date, minDate, maxDate, startOf, endOf) {
+    if (!minDate && !maxDate) {
+        return true;
+    }
+    return isMinMax(date, (startOf && minDate && startOf(minDate)) || minDate, (endOf && maxDate && endOf(maxDate)) || maxDate);
+};

package/__internal__/cjs-src/utils/date/isOnlyOneDateInRange.d.ts

@@ -0,0 +1,2 @@
+import { DateRange } from '../types/Date';
+export declare const isOnlyOneDateInRange: (range: DateRange) => boolean;

package/__internal__/cjs-src/utils/date/isOnlyOneDateInRange.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+exports.isOnlyOneDateInRange = void 0;
+exports.isOnlyOneDateInRange = function (range) {
+    return Boolean((range[0] && !range[1]) || (!range[0] && range[1]));
+};

package/__internal__/cjs-src/utils/date/startOfCentury.d.ts

@@ -0,0 +1 @@
+export declare const startOfCentury: (date: Date) => Date;

package/__internal__/cjs-src/utils/date/startOfCentury.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+exports.startOfCentury = void 0;
+var getCentury_1 = require("./getCentury");
+exports.startOfCentury = function (date) {
+    var century = getCentury_1.getCentury(date);
+    if (century === 0) {
+        return new Date('0000-01-01T00:00:00');
+    }
+    return new Date(century, 0, 1, 0, 0, 0, 0);
+};

package/__internal__/cjs-src/utils/storybook.d.ts

@@ -29,4 +29,9 @@ declare type StoryMetadata = {
 export declare const createStory: (Component: CSFStory, params?: CSFStory['story']) => CSFStory;
 export declare const createMetadata: (params: StoryMetadata) => StoryMetadata;
 export declare const getStoryIds: (obj: Record<string, unknown>) => string[];
+declare type CallbackSelectorParams = {
+    name: string;
+    isActive?: boolean;
+};
+export declare const callbackWithSelector: <T extends (...args: any[]) => any>({ name, isActive }: CallbackSelectorParams, fn?: T | undefined) => ((...args: Parameters<T>) => void | ReturnType<T>) | undefined;
 export {};

package/__internal__/cjs-src/utils/storybook.js

@@ -1,8 +1,10 @@
 "use strict";
 exports.__esModule = true;
-exports.getStoryIds = exports.createMetadata = exports.createStory = void 0;
+exports.callbackWithSelector = exports.getStoryIds = exports.createMetadata = exports.createStory = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var addon_knobs_1 = require("@storybook/addon-knobs");
 exports.createStory = function (Component, params) {
     if (params === void 0) { params = {}; }
     var wrapper = function () { return react_1["default"].createElement(Component, null); };
@@ -11,3 +13,22 @@ exports.createStory = function (Component, params) {
 };
 exports.createMetadata = function (params) { return params; };
 exports.getStoryIds = function (obj) { return Object.keys(obj); };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.callbackWithSelector = function (_a, fn) {
+    var name = _a.name, _b = _a.isActive, isActive = _b === void 0 ? false : _b;
+    var defaultOptions = ['undefined', '() => void'];
+    var options = isActive ? defaultOptions.reverse() : defaultOptions;
+    if (addon_knobs_1.select(name, options, options[0]) === 'undefined') {
+        return undefined;
+    }
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        addon_actions_1.action(name).apply(void 0, tslib_1.__spread(args));
+        if (fn) {
+            return fn.apply(void 0, tslib_1.__spread(args));
+        }
+    };
+};

package/__internal__/cjs-src/utils/type-guards.d.ts

@@ -1,3 +1,4 @@
 export declare const isDefined: <T>(p: T) => p is Exclude<T, undefined>;
 export declare const isNotNil: <T>(p: T) => p is Exclude<T, null | undefined>;
 export declare const isNumber: (value: unknown) => value is number;
+export declare const isString: (value: unknown) => value is string;

package/__internal__/cjs-src/utils/type-guards.js

@@ -1,8 +1,9 @@
 "use strict";
 exports.__esModule = true;
-exports.isNumber = exports.isNotNil = exports.isDefined = void 0;
+exports.isString = exports.isNumber = exports.isNotNil = exports.isDefined = void 0;
 exports.isDefined = function (p) { return p !== undefined; };
 exports.isNotNil = function (p) {
     return p !== undefined && p !== null;
 };
 exports.isNumber = function (value) { return typeof value === 'number'; };
+exports.isString = function (value) { return typeof value === 'string'; };