@consta/uikit 3.4.0 → 3.8.0

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

@@ -0,0 +1,11 @@
+import { getYear } from 'date-fns';
+export var getCentury = function (date) {
+    var year = getYear(date);
+    if (year === 0) {
+        return 0;
+    }
+    if (year > 0) {
+        return Math.trunc(year / 100) * 100;
+    }
+    return Math.floor(year / 100) * 100;
+};

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

@@ -0,0 +1,12 @@
+export declare const leapYear = 2020;
+export declare const dateComparer: (a?: Date | undefined, b?: Date | undefined) => number;
+export declare const getStartAndEndDate: (date1: Date, date2: Date) => Date[];
+export declare const minDateDefault: Date;
+export declare const maxDateDefault: Date;
+export * from './isInMinMaxDade';
+export * from './isDateRange';
+export * from './isOnlyOneDateInRange';
+export * from './getCentury';
+export * from './startOfCentury';
+export * from './endOfCentury';
+export * from './isEqualDate';

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

@@ -0,0 +1,15 @@
+import setYear from 'date-fns/setYear';
+export var leapYear = 2020;
+export var dateComparer = function (a, b) { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.getTime()) !== null && _a !== void 0 ? _a : 0) - ((_b = b === null || b === void 0 ? void 0 : b.getTime()) !== null && _b !== void 0 ? _b : 0); };
+export var getStartAndEndDate = function (date1, date2) {
+    return [date1, date2].sort(dateComparer);
+};
+export var minDateDefault = setYear(new Date(1970, 0, 1, 0, 0, 0, 0), 1);
+export var maxDateDefault = new Date(9999, 11, 31, 23, 59, 59);
+export * from './isInMinMaxDade';
+export * from './isDateRange';
+export * from './isOnlyOneDateInRange';
+export * from './getCentury';
+export * from './startOfCentury';
+export * from './endOfCentury';
+export * from './isEqualDate';

package/__internal__/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__/src/utils/date/isDateRange.js

@@ -0,0 +1,6 @@
+import { isDefined } from '../type-guards';
+export var isDateRange = function (value) {
+    return Array.isArray(value) &&
+        value.length === 2 &&
+        value.every(function (date) { return date instanceof Date || !isDefined(date); });
+};

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

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

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

@@ -0,0 +1,3 @@
+export var isEqualDate = function (date1, date2) {
+    return date1.getTime() === date2.getTime();
+};

package/__internal__/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__/src/utils/date/isInMinMaxDade.js

@@ -0,0 +1,24 @@
+import { isWithinInterval } from '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
+            ? 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;
+};
+export var 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__/src/utils/date/isOnlyOneDateInRange.d.ts

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

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

@@ -0,0 +1,3 @@
+export var isOnlyOneDateInRange = function (range) {
+    return Boolean((range[0] && !range[1]) || (!range[0] && range[1]));
+};

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

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

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

@@ -0,0 +1,8 @@
+import { getCentury } from './getCentury';
+export var startOfCentury = function (date) {
+    var century = 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__/src/utils/storybook.d.ts

@@ -33,5 +33,5 @@ declare type CallbackSelectorParams = {
     name: string;
     isActive?: boolean;
 };
-export declare const callbackWithSelector: <T extends (...args: any[]) => any>({ name, isActive }: CallbackSelectorParams, fn: T) => (...args: Parameters<T>) => void | ReturnType<T>;
+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__/src/utils/storybook.js

@@ -12,17 +12,19 @@ export var createMetadata = function (params) { return params; };
 export var getStoryIds = function (obj) { return Object.keys(obj); };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var callbackWithSelector = function (_a, fn) {
-    var name = _a.name, _b = _a.isActive, isActive = _b === void 0 ? true : _b;
+    var name = _a.name, _b = _a.isActive, isActive = _b === void 0 ? false : _b;
     var defaultOptions = ['undefined', '() => void'];
     var options = isActive ? defaultOptions.reverse() : defaultOptions;
-    var fnIsActive = select(name, options, options[0]) !== 'undefined';
+    if (select(name, options, options[0]) === 'undefined') {
+        return undefined;
+    }
     return function () {
         var args = [];
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        if (fnIsActive) {
-            action(name).apply(void 0, __spread(args));
+        action(name).apply(void 0, __spread(args));
+        if (fn) {
             return fn.apply(void 0, __spread(args));
         }
     };

package/createIcon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createIcon",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/createResponsesImage/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createResponsesImage",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "keywords": [
     "ui-kit",
     "design-system",
@@ -13,6 +13,7 @@
     "compute-scroll-into-view": "^1.0.14",
     "date-fns": "^2.17.0",
     "focus-trap-react": "8.7.0",
+    "imask": "^6.2.2",
     "react-dropzone": "11.3.4",
     "react-textarea-autosize": "^7.1.2",
     "react-transition-group": "^4.4.1",
@@ -40,8 +41,12 @@
     "Combobox",
     "ComboboxDeprecated",
     "ContextMenu",
+    "DatePickerCanary",
+    "DateTimeCanary",
     "DragNDropField",
     "EventInterceptor",
+    "FieldCaption",
+    "FieldLabel",
     "File",
     "FileField",
     "FileIcon",
@@ -242,6 +247,7 @@
     "IconWideScreen",
     "IconWorld",
     "Informer",
+    "LayoutCanary",
     "Loader",
     "MixCard",
     "MixFocus",
@@ -252,6 +258,7 @@
     "Popover",
     "PortalWithTheme",
     "ProgressSpin",
+    "ProgressStepBarCanary",
     "Radio",
     "RadioGroup",
     "Responses",
@@ -304,9 +311,11 @@
     "useClickOutside",
     "useComponentSize",
     "useDebounce",
+    "useFlag",
     "useForkRef",
     "useGlobalKeys",
     "useKeys",
+    "useMutableRef",
     "usePrevious",
     "useResizeObserved",
     "useScrollPosition",

package/useChoiceGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroup",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroupIndexed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroupIndexed",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useClickOutside/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useClickOutside",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useComponentSize/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useComponentSize",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useDebounce/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useDebounce",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useFlag/es.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useFlag/useFlag";

package/useFlag/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useFlag/useFlag";

package/useFlag/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../__internal__/cjs-src/hooks/useFlag/useFlag"), exports);

package/useFlag/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@consta/uikit/useFlag",
+  "version": "3.8.0",
+  "main": "index.js",
+  "module": "es.js",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/useForkRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useForkRef",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useGlobalKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useGlobalKeys",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useKeys",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useMutableRef/es.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useMutableRef/useMutableRef";

package/useMutableRef/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useMutableRef/useMutableRef";

package/useMutableRef/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../__internal__/cjs-src/hooks/useMutableRef/useMutableRef"), exports);

package/useMutableRef/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@consta/uikit/useMutableRef",
+  "version": "3.8.0",
+  "main": "index.js",
+  "module": "es.js",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/usePrevious/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/usePrevious",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useResizeObserved/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useResizeObserved",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollPosition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollPosition",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useSelect",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useThemeVars/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useThemeVars",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useTimer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useTimer",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/withTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/withTooltip",
-  "version": "3.4.0",
+  "version": "3.8.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/__internal__/cjs-src/components/SelectComponents/SelectContainer/SelectContainer.css

@@ -1,6 +0,0 @@
-.Select {
-  position: relative;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}

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

@@ -1,4 +0,0 @@
-import { DateRange } from './types/Date';
-export declare const getMonthTitle: (date: Date) => string;
-export declare const isDateRange: (value?: Date | DateRange) => value is DateRange;
-export declare const isOnlyOneDateInRange: (range: DateRange) => boolean;

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

@@ -1,18 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.isOnlyOneDateInRange = exports.isDateRange = exports.getMonthTitle = void 0;
-var tslib_1 = require("tslib");
-var date_fns_1 = require("date-fns");
-var ru_1 = tslib_1.__importDefault(require("date-fns/locale/ru"));
-var type_guards_1 = require("./type-guards");
-exports.getMonthTitle = function (date) {
-    return date_fns_1.format(date, 'LLLL', { locale: ru_1["default"] });
-};
-exports.isDateRange = function (value) {
-    return Array.isArray(value) &&
-        value.length === 2 &&
-        value.every(function (date) { return date instanceof Date || !type_guards_1.isDefined(date); });
-};
-exports.isOnlyOneDateInRange = function (range) {
-    return Boolean((range[0] && !range[1]) || (!range[0] && range[1]));
-};

package/__internal__/src/components/SelectComponents/SelectContainer/SelectContainer.css

@@ -1,6 +0,0 @@
-.Select {
-  position: relative;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}

package/__internal__/src/utils/date.d.ts

@@ -1,4 +0,0 @@
-import { DateRange } from './types/Date';
-export declare const getMonthTitle: (date: Date) => string;
-export declare const isDateRange: (value?: Date | DateRange) => value is DateRange;
-export declare const isOnlyOneDateInRange: (range: DateRange) => boolean;

package/__internal__/src/utils/date.js

@@ -1,14 +0,0 @@
-import { format } from 'date-fns';
-import ruLocale from 'date-fns/locale/ru';
-import { isDefined } from './type-guards';
-export var getMonthTitle = function (date) {
-    return format(date, 'LLLL', { locale: ruLocale });
-};
-export var isDateRange = function (value) {
-    return Array.isArray(value) &&
-        value.length === 2 &&
-        value.every(function (date) { return date instanceof Date || !isDefined(date); });
-};
-export var isOnlyOneDateInRange = function (range) {
-    return Boolean((range[0] && !range[1]) || (!range[0] && range[1]));
-};