@alfalab/core-components-date-time-input 4.0.9 → 4.0.10

package/components/date-time-input/Component.js

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"date-time-input__component_1g30f","calendarContainer":"date-time-input__calendarContainer_1g30f","calendarResponsive":"date-time-input__calendarResponsive_1g30f","block":"date-time-input__block_1g30f","calendarIcon":"date-time-input__calendarIcon_1g30f"};
+var styles = {"component":"date-time-input__component_14rck","calendarContainer":"date-time-input__calendarContainer_14rck","calendarResponsive":"date-time-input__calendarResponsive_14rck","block":"date-time-input__block_14rck","calendarIcon":"date-time-input__calendarIcon_14rck"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: jwv8w */
+/* hash: 24yi2 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_1g30f {
+} .date-time-input__component_14rck {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1g30f {
+} .date-time-input__calendarContainer_14rck {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_1g30f {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_14rck {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1g30f {
+    } .date-time-input__calendarResponsive_14rck {
     width: var(--calendar-width);
-} .date-time-input__block_1g30f {
+} .date-time-input__block_14rck {
     width: 100%;
-} .date-time-input__calendarIcon_1g30f {
+} .date-time-input__calendarIcon_14rck {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/cssm/index-72308007.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/esm/components/date-time-input/Component.js

@@ -11,7 +11,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"component":"date-time-input__component_1g30f","calendarContainer":"date-time-input__calendarContainer_1g30f","calendarResponsive":"date-time-input__calendarResponsive_1g30f","block":"date-time-input__block_1g30f","calendarIcon":"date-time-input__calendarIcon_1g30f"};
+var styles = {"component":"date-time-input__component_14rck","calendarContainer":"date-time-input__calendarContainer_14rck","calendarResponsive":"date-time-input__calendarResponsive_14rck","block":"date-time-input__block_14rck","calendarIcon":"date-time-input__calendarIcon_14rck"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/esm/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: jwv8w */
+/* hash: 24yi2 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_1g30f {
+} .date-time-input__component_14rck {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1g30f {
+} .date-time-input__calendarContainer_14rck {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_1g30f {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_14rck {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1g30f {
+    } .date-time-input__calendarResponsive_14rck {
     width: var(--calendar-width);
-} .date-time-input__block_1g30f {
+} .date-time-input__block_14rck {
     width: 100%;
-} .date-time-input__calendarIcon_1g30f {
+} .date-time-input__calendarIcon_14rck {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/esm/index-72308007.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/index-72308007.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/modern/components/date-time-input/Component.js

@@ -10,7 +10,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"component":"date-time-input__component_1g30f","calendarContainer":"date-time-input__calendarContainer_1g30f","calendarResponsive":"date-time-input__calendarResponsive_1g30f","block":"date-time-input__block_1g30f","calendarIcon":"date-time-input__calendarIcon_1g30f"};
+const styles = {"component":"date-time-input__component_14rck","calendarContainer":"date-time-input__calendarContainer_14rck","calendarResponsive":"date-time-input__calendarResponsive_14rck","block":"date-time-input__block_14rck","calendarIcon":"date-time-input__calendarIcon_14rck"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/modern/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: jwv8w */
+/* hash: 24yi2 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_1g30f {
+} .date-time-input__component_14rck {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1g30f {
+} .date-time-input__calendarContainer_14rck {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_1g30f {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_14rck {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1g30f {
+    } .date-time-input__calendarResponsive_14rck {
     width: var(--calendar-width);
-} .date-time-input__block_1g30f {
+} .date-time-input__block_14rck {
     width: 100%;
-} .date-time-input__calendarIcon_1g30f {
+} .date-time-input__calendarIcon_14rck {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/modern/index-72308007.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-time-input",
-    "version": "4.0.9",
+    "version": "4.0.10",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -35,9 +35,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^7.0.6",
-        "@alfalab/core-components-input": "^12.1.3",
-        "@alfalab/core-components-icon-button": "^6.2.4",
+        "@alfalab/core-components-calendar": "^7.0.7",
+        "@alfalab/core-components-input": "^12.1.4",
+        "@alfalab/core-components-icon-button": "^6.2.5",
         "@alfalab/core-components-popover": "^6.1.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",

package/cssm/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-declare function easeInOutQuad(x: number): number;
-declare const easingFns: {
-    easeInOutQuad: typeof easeInOutQuad;
-};
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
-/**
- * Возвращает true, если значение равно null или undefined
- */
-declare function isNil(value: unknown): boolean;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/esm/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-declare function easeInOutQuad(x: number): number;
-declare const easingFns: {
-    easeInOutQuad: typeof easeInOutQuad;
-};
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
-/**
- * Возвращает true, если значение равно null или undefined
- */
-declare function isNil(value: unknown): boolean;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-declare function easeInOutQuad(x: number): number;
-declare const easingFns: {
-    easeInOutQuad: typeof easeInOutQuad;
-};
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
-/**
- * Возвращает true, если значение равно null или undefined
- */
-declare function isNil(value: unknown): boolean;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/modern/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-declare function easeInOutQuad(x: number): number;
-declare const easingFns: {
-    easeInOutQuad: typeof easeInOutQuad;
-};
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
-/**
- * Возвращает true, если значение равно null или undefined
- */
-declare function isNil(value: unknown): boolean;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };