@skbkontur/react-ui 6.1.2-ae08d.0 → 6.1.2

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface ReactUIFeatureFlags {
+    selectAutoScrollToSelectedItem?: boolean;
 }
 export declare const reactUIFeatureFlagsDefault: ReactUIFeatureFlags;
 export declare const ReactUIFeatureFlagsContext: React.Context<ReactUIFeatureFlags>;

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js

@@ -1,5 +1,7 @@
 import React from 'react';
-export var reactUIFeatureFlagsDefault = {};
+export var reactUIFeatureFlagsDefault = {
+    selectAutoScrollToSelectedItem: false,
+};
 export var ReactUIFeatureFlagsContext = React.createContext(reactUIFeatureFlagsDefault);
 ReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';
 ReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactUIFeatureFlagsContext.js","sourceRoot":"","sources":["ReactUIFeatureFlagsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,IAAM,0BAA0B,GAAwB,EAAE,CAAC;AAElE,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAsB,0BAA0B,CAAC,CAAC;AAE/G,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AACtE,0BAA0B,CAAC,mBAAmB,GAAG,4BAA4B,CAAC","sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\n\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\nReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';\n"]}
+{"version":3,"file":"ReactUIFeatureFlagsContext.js","sourceRoot":"","sources":["ReactUIFeatureFlagsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,IAAM,0BAA0B,GAAwB;IAC7D,8BAA8B,EAAE,KAAK;CACtC,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAsB,0BAA0B,CAAC,CAAC;AAE/G,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AACtE,0BAA0B,CAAC,mBAAmB,GAAG,4BAA4B,CAAC","sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {\n  selectAutoScrollToSelectedItem?: boolean;\n}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {\n  selectAutoScrollToSelectedItem: false,\n};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\n\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\nReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';\n"]}

package/lib/utils.d.ts

@@ -9,7 +9,6 @@ import type { HintProps } from '../components/Hint/index.js';
 import type { InputProps } from '../components/Input/index.js';
 import type { PasswordInputProps } from '../components/PasswordInput/index.js';
 import type { SelectProps } from '../components/Select/index.js';
-import type { TimePickerProps } from '../components/TimePicker/index.js';
 import type { TooltipProps } from '../components/Tooltip/index.js';
 import type { GlobalObject } from '../lib/globalObject.js';
 export { delay } from './delay.js';
@@ -98,7 +97,6 @@ export declare const isDropdown: (child: React.ReactNode) => child is React.Reac
 export declare const isDropdownMenu: (child: React.ReactNode) => child is React.ReactElement<DropdownMenuProps, string | React.JSXElementConstructor<any>>;
 export declare const isHint: (child: React.ReactNode) => child is React.ReactElement<HintProps, string | React.JSXElementConstructor<any>>;
 export declare const isTooltip: (child: React.ReactNode) => child is React.ReactElement<TooltipProps, string | React.JSXElementConstructor<any>>;
-export declare const isTimePicker: (child: React.ReactNode) => child is React.ReactElement<TimePickerProps, string | React.JSXElementConstructor<any>>;
 export declare const isKonturIcon: (icon: React.ReactElement) => boolean;
 export declare function clickOutside(eventType?: 'touchstart' | 'mousedown' | 'pointerup'): void;
 export declare function isElement(el: unknown): el is Element;

package/lib/utils.js

@@ -180,7 +180,6 @@ export var isDropdown = isReactUIComponent('Dropdown');
 export var isDropdownMenu = isReactUIComponent('DropdownMenu');
 export var isHint = isReactUIComponent('Hint');
 export var isTooltip = isReactUIComponent('Tooltip');
-export var isTimePicker = isReactUIComponent('TimePicker');
 export var isKonturIcon = function (icon) {
     return Object.prototype.hasOwnProperty.call(icon === null || icon === void 0 ? void 0 : icon.type, '__KONTUR_ICON__');
 };

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport { isValidElement } from 'react';\n\nimport type { AutocompleteProps } from '../components/Autocomplete/index.js';\nimport type { ButtonProps } from '../components/Button/index.js';\nimport type { CurrencyInputProps } from '../components/CurrencyInput/index.js';\nimport type { DropdownProps } from '../components/Dropdown/index.js';\nimport type { DropdownMenuProps } from '../components/DropdownMenu/index.js';\nimport type { FxInputProps } from '../components/FxInput/index.js';\nimport type { HintProps } from '../components/Hint/index.js';\nimport type { InputProps } from '../components/Input/index.js';\nimport type { PasswordInputProps } from '../components/PasswordInput/index.js';\nimport type { SelectProps } from '../components/Select/index.js';\nimport type { TimePickerProps } from '../components/TimePicker/index.js';\nimport type { TooltipProps } from '../components/Tooltip/index.js';\nimport type { GlobalObject } from '../lib/globalObject.js';\nimport { isBrowser } from '../lib/globalObject.js';\nimport { isForwardRef, isMemo } from './react-is.js';\n\nexport { delay } from './delay.js';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n  ? string extends keyof P\n    ? P\n    : Pick<P, Exclude<keyof P, keyof D>> &\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\n  : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport type AnyObject = Record<string, unknown>;\n\nexport type NoInfer<T> = T extends infer U ? U : never;\n\nexport const emptyHandler = (): void => {\n  /* noop */\n};\n\nexport class CancelationError extends Error {\n  public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number): () => void {\n  let cancelationToken: () => void = () => null;\n\n  new Promise((resolve, reject) => {\n    cancelationToken = reject;\n    setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport type FunctionWithParams<R = any> = (...args: any[]) => R;\n\nexport function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function isIntrinsicElement(element: React.ReactElement<unknown>): boolean {\n  return typeof element.type === 'string';\n}\n\nexport function isRefableElement(element: React.ReactElement<unknown>): boolean {\n  return (\n    Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element)) || isMemo(element)\n  );\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string, globalObject: GlobalObject): boolean => {\n  return isBrowser(globalObject) && new RegExp(`^(https?:)?//(?!${globalObject.location.host})\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n  if (isValidElement(node)) {\n    return (\n      Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\n};\n\nconst KB = 1024;\nconst UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst calculateDecimals = (decimals: number) => {\n  if (decimals < 0) {\n    return 0;\n  }\n\n  return 0;\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string | null => {\n  if (bytes === 0) {\n    return '0 Bytes';\n  }\n\n  if (!bytes) {\n    return null;\n  }\n\n  const calculatedDecimals = calculateDecimals(decimals);\n\n  const i = Math.floor(Math.log2(bytes) / Math.log2(KB));\n  const formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));\n\n  return `${formattedBytes} ${UNITS[i]}`;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Checks if the value `null` or `undefined`.\n *\n * @param value Value to check for `null` and `undefined`.\n * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.\n */\nexport const isNullable = (value: unknown): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\n/**\n * Creates a function that checks if the given `child`\n * is an instance of some component specified by `name`.\n *\n * @param name Component name for which function will be created.\n * @returns A function that checks if the given `child` is an instance of the component specified by `name`.\n */\nexport const isReactUIComponent = <P = any>(name: string) => {\n  return (child: React.ReactNode): child is React.ReactElement<P> => {\n    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.\n    return child?.type?.__KONTUR_REACT_UI__ === name;\n  };\n};\n\n/**\n * Checks if a component instance is a ReactUI component with the given name.\n *\n * @typeParam T Expected ReactUI component type.\n * @param instance Component instance.\n * @param componentName ReactUI component name.\n * @returns `true` if it matches, otherwise `false`.\n */\nexport const isReactUIInstance = <T extends React.Component>(\n  instance: React.Component,\n  componentName: string,\n): instance is T => {\n  const constructor = instance?.constructor;\n  return '__KONTUR_REACT_UI__' in constructor && constructor.__KONTUR_REACT_UI__ === componentName;\n};\n\n/**\n * Extracts all data attributes from props and returns them as well as props.\n *\n * @param props Props object to extract data attributes from.\n * @returns Separated data attributes and all other props.\n */\nexport const extractDataProps = <T extends Record<string, unknown>>(\n  props: T,\n): { dataProps: Record<string, unknown>; restWithoutDataProps: Record<string, unknown> } => {\n  const dataProps: Record<string, any> = {};\n  const restWithoutDataProps: Record<string, any> = {};\n\n  Object.entries(props).map(([name, value]) => {\n    if (name.startsWith('data-')) {\n      return (dataProps[name] = value);\n    }\n\n    return (restWithoutDataProps[name] = value);\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n\n/**\n * Basically `.startsWith` for arrays.\n *\n * @param searchKeys Array of strings to test against `inputString`.\n * @param inputString String on which search will be performed.\n * @returns `true` if `inputString` starts with one of keys, else `false`.\n */\nexport const startsWithOneOf = (searchKeys: string[], inputString: string): boolean => {\n  const keyIndex = searchKeys.findIndex((key) => {\n    return inputString.startsWith(key);\n  });\n\n  return keyIndex >= 0;\n};\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\nexport const isInput = isReactUIComponent<InputProps>('Input');\nexport const isFxInput = isReactUIComponent<FxInputProps>('FxInput');\nexport const isAutocomplete = isReactUIComponent<AutocompleteProps>('Autocomplete');\nexport const isPasswordInput = isReactUIComponent<PasswordInputProps>('PasswordInput');\nexport const isCurrencyInput = isReactUIComponent<CurrencyInputProps>('CurrencyInput');\nexport const isSelect = isReactUIComponent<SelectProps<unknown, unknown>>('Select');\nexport const isDropdown = isReactUIComponent<DropdownProps>('Dropdown');\nexport const isDropdownMenu = isReactUIComponent<DropdownMenuProps>('DropdownMenu');\nexport const isHint = isReactUIComponent<HintProps>('Hint');\nexport const isTooltip = isReactUIComponent<TooltipProps>('Tooltip');\nexport const isTimePicker = isReactUIComponent<TimePickerProps>('TimePicker');\n\nexport const isKonturIcon = (icon: React.ReactElement): boolean => {\n  return Object.prototype.hasOwnProperty.call(icon?.type, '__KONTUR_ICON__');\n};\n\nexport function clickOutside(eventType: 'touchstart' | 'mousedown' | 'pointerup' = 'mousedown'): void {\n  const event = document.createEvent('HTMLEvents');\n  event.initEvent(eventType, true, true);\n  document.body.dispatchEvent(event);\n}\n\nexport function isElement(el: unknown): el is Element {\n  return !!el && typeof el === 'object' && 'nodeType' in el && el.nodeType === Node.ELEMENT_NODE;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport { isValidElement } from 'react';\n\nimport type { AutocompleteProps } from '../components/Autocomplete/index.js';\nimport type { ButtonProps } from '../components/Button/index.js';\nimport type { CurrencyInputProps } from '../components/CurrencyInput/index.js';\nimport type { DropdownProps } from '../components/Dropdown/index.js';\nimport type { DropdownMenuProps } from '../components/DropdownMenu/index.js';\nimport type { FxInputProps } from '../components/FxInput/index.js';\nimport type { HintProps } from '../components/Hint/index.js';\nimport type { InputProps } from '../components/Input/index.js';\nimport type { PasswordInputProps } from '../components/PasswordInput/index.js';\nimport type { SelectProps } from '../components/Select/index.js';\nimport type { TooltipProps } from '../components/Tooltip/index.js';\nimport type { GlobalObject } from '../lib/globalObject.js';\nimport { isBrowser } from '../lib/globalObject.js';\nimport { isForwardRef, isMemo } from './react-is.js';\n\nexport { delay } from './delay.js';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n  ? string extends keyof P\n    ? P\n    : Pick<P, Exclude<keyof P, keyof D>> &\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\n  : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport type AnyObject = Record<string, unknown>;\n\nexport type NoInfer<T> = T extends infer U ? U : never;\n\nexport const emptyHandler = (): void => {\n  /* noop */\n};\n\nexport class CancelationError extends Error {\n  public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number): () => void {\n  let cancelationToken: () => void = () => null;\n\n  new Promise((resolve, reject) => {\n    cancelationToken = reject;\n    setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport type FunctionWithParams<R = any> = (...args: any[]) => R;\n\nexport function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function isIntrinsicElement(element: React.ReactElement<unknown>): boolean {\n  return typeof element.type === 'string';\n}\n\nexport function isRefableElement(element: React.ReactElement<unknown>): boolean {\n  return (\n    Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element)) || isMemo(element)\n  );\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string, globalObject: GlobalObject): boolean => {\n  return isBrowser(globalObject) && new RegExp(`^(https?:)?//(?!${globalObject.location.host})\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n  if (isValidElement(node)) {\n    return (\n      Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\n};\n\nconst KB = 1024;\nconst UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst calculateDecimals = (decimals: number) => {\n  if (decimals < 0) {\n    return 0;\n  }\n\n  return 0;\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string | null => {\n  if (bytes === 0) {\n    return '0 Bytes';\n  }\n\n  if (!bytes) {\n    return null;\n  }\n\n  const calculatedDecimals = calculateDecimals(decimals);\n\n  const i = Math.floor(Math.log2(bytes) / Math.log2(KB));\n  const formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));\n\n  return `${formattedBytes} ${UNITS[i]}`;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Checks if the value `null` or `undefined`.\n *\n * @param value Value to check for `null` and `undefined`.\n * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.\n */\nexport const isNullable = (value: unknown): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\n/**\n * Creates a function that checks if the given `child`\n * is an instance of some component specified by `name`.\n *\n * @param name Component name for which function will be created.\n * @returns A function that checks if the given `child` is an instance of the component specified by `name`.\n */\nexport const isReactUIComponent = <P = any>(name: string) => {\n  return (child: React.ReactNode): child is React.ReactElement<P> => {\n    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.\n    return child?.type?.__KONTUR_REACT_UI__ === name;\n  };\n};\n\n/**\n * Checks if a component instance is a ReactUI component with the given name.\n *\n * @typeParam T Expected ReactUI component type.\n * @param instance Component instance.\n * @param componentName ReactUI component name.\n * @returns `true` if it matches, otherwise `false`.\n */\nexport const isReactUIInstance = <T extends React.Component>(\n  instance: React.Component,\n  componentName: string,\n): instance is T => {\n  const constructor = instance?.constructor;\n  return '__KONTUR_REACT_UI__' in constructor && constructor.__KONTUR_REACT_UI__ === componentName;\n};\n\n/**\n * Extracts all data attributes from props and returns them as well as props.\n *\n * @param props Props object to extract data attributes from.\n * @returns Separated data attributes and all other props.\n */\nexport const extractDataProps = <T extends Record<string, unknown>>(\n  props: T,\n): { dataProps: Record<string, unknown>; restWithoutDataProps: Record<string, unknown> } => {\n  const dataProps: Record<string, any> = {};\n  const restWithoutDataProps: Record<string, any> = {};\n\n  Object.entries(props).map(([name, value]) => {\n    if (name.startsWith('data-')) {\n      return (dataProps[name] = value);\n    }\n\n    return (restWithoutDataProps[name] = value);\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n\n/**\n * Basically `.startsWith` for arrays.\n *\n * @param searchKeys Array of strings to test against `inputString`.\n * @param inputString String on which search will be performed.\n * @returns `true` if `inputString` starts with one of keys, else `false`.\n */\nexport const startsWithOneOf = (searchKeys: string[], inputString: string): boolean => {\n  const keyIndex = searchKeys.findIndex((key) => {\n    return inputString.startsWith(key);\n  });\n\n  return keyIndex >= 0;\n};\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\nexport const isInput = isReactUIComponent<InputProps>('Input');\nexport const isFxInput = isReactUIComponent<FxInputProps>('FxInput');\nexport const isAutocomplete = isReactUIComponent<AutocompleteProps>('Autocomplete');\nexport const isPasswordInput = isReactUIComponent<PasswordInputProps>('PasswordInput');\nexport const isCurrencyInput = isReactUIComponent<CurrencyInputProps>('CurrencyInput');\nexport const isSelect = isReactUIComponent<SelectProps<unknown, unknown>>('Select');\nexport const isDropdown = isReactUIComponent<DropdownProps>('Dropdown');\nexport const isDropdownMenu = isReactUIComponent<DropdownMenuProps>('DropdownMenu');\nexport const isHint = isReactUIComponent<HintProps>('Hint');\nexport const isTooltip = isReactUIComponent<TooltipProps>('Tooltip');\n\nexport const isKonturIcon = (icon: React.ReactElement): boolean => {\n  return Object.prototype.hasOwnProperty.call(icon?.type, '__KONTUR_ICON__');\n};\n\nexport function clickOutside(eventType: 'touchstart' | 'mousedown' | 'pointerup' = 'mousedown'): void {\n  const event = document.createEvent('HTMLEvents');\n  event.initEvent(eventType, true, true);\n  document.body.dispatchEvent(event);\n}\n\nexport function isElement(el: unknown): el is Element {\n  return !!el && typeof el === 'object' && 'nodeType' in el && el.nodeType === Node.ELEMENT_NODE;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "6.1.2-ae08d.0",
+  "version": "6.1.2",
   "description": "UI Components",
   "homepage": "https://tech.skbkontur.ru/kontur-ui",
   "bugs": {
@@ -146,8 +146,6 @@
     "./components/Tabs/Tab": "./components/Tabs/Tab.js",
     "./components/Textarea": "./components/Textarea/index.js",
     "./components/Textarea/Textarea": "./components/Textarea/Textarea.js",
-    "./components/TimePicker": "./components/TimePicker/index.js",
-    "./components/TimePicker/TimePicker": "./components/TimePicker/TimePicker.js",
     "./components/Toast": "./components/Toast/index.js",
     "./components/Toast/Toast": "./components/Toast/Toast.js",
     "./components/Toast/locale": "./components/Toast/locale/index.js",
@@ -199,8 +197,6 @@
     "./internal/MobilePopup/MobilePopup": "./internal/MobilePopup/MobilePopup.js",
     "./internal/NativeDateInput": "./internal/NativeDateInput/index.js",
     "./internal/NativeDateInput/NativeDateInput": "./internal/NativeDateInput/NativeDateInput.js",
-    "./internal/NativeTimeInput": "./internal/NativeTimeInput/index.js",
-    "./internal/NativeTimeInput/NativeTimeInput": "./internal/NativeTimeInput/NativeTimeInput.js",
     "./internal/Popup": "./internal/Popup/index.js",
     "./internal/Popup/Popup": "./internal/Popup/Popup.js",
     "./internal/PopupMenu": "./internal/PopupMenu/index.js",

package/components/TimePicker/TimeClockIcon.d.ts

@@ -1,3 +0,0 @@
-export declare const TimeClockIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
-    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
-}>;

package/components/TimePicker/TimeClockIcon.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { iconSizer } from '../../internal/icons2022/iconSizer.js';
-import { TimeClockIcon16Light } from '../../internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js';
-import { TimeClockIcon20Light } from '../../internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js';
-import { TimeClockIcon24Regular } from '../../internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js';
-export var TimeClockIcon = iconSizer({
-    small: function () { return React.createElement(TimeClockIcon16Light, null); },
-    medium: function () { return React.createElement(TimeClockIcon20Light, null); },
-    large: function () { return React.createElement(TimeClockIcon24Regular, null); },
-}, 'TimeClockIcon');
-//# sourceMappingURL=TimeClockIcon.js.map

package/components/TimePicker/TimeClockIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeClockIcon.js","sourceRoot":"","sources":["TimeClockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gEAAgE,CAAC;AACtG,OAAO,EAAE,oBAAoB,EAAE,MAAM,gEAAgE,CAAC;AACtG,OAAO,EAAE,sBAAsB,EAAE,MAAM,kEAAkE,CAAC;AAE1G,MAAM,CAAC,IAAM,aAAa,GAAG,SAAS,CACpC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,oBAAoB,OAAG,EAAxB,CAAwB;IACrC,MAAM,EAAE,cAAM,OAAA,oBAAC,oBAAoB,OAAG,EAAxB,CAAwB;IACtC,KAAK,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;CACxC,EACD,eAAe,CAChB,CAAC","sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer.js';\nimport { TimeClockIcon16Light } from '../../internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js';\nimport { TimeClockIcon20Light } from '../../internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js';\nimport { TimeClockIcon24Regular } from '../../internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js';\n\nexport const TimeClockIcon = iconSizer(\n  {\n    small: () => <TimeClockIcon16Light />,\n    medium: () => <TimeClockIcon20Light />,\n    large: () => <TimeClockIcon24Regular />,\n  },\n  'TimeClockIcon',\n);\n"]}

package/components/TimePicker/TimeFragmentsView.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { TimeFormat, TimeSegment } from './helpers/TimePicker.shared.js';
-export interface TimeFragmentsViewRef {
-    isFragment(el: HTMLElement | EventTarget | null): boolean;
-    getSegment(el: HTMLElement | EventTarget | null): TimeSegment | null;
-    getRootNode(): HTMLSpanElement | null;
-}
-export interface TimeFragmentsViewProps {
-    value: string;
-    format: TimeFormat;
-    size: SizeProp;
-    onSelectSegment?(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;
-}
-export declare const TimeFragmentsView: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<TimeFragmentsViewRef, TimeFragmentsViewProps> & Record<never, never>;

package/components/TimePicker/TimeFragmentsView.js

@@ -1,72 +0,0 @@
-import React, { useCallback, useContext, useImperativeHandle, useRef } from 'react';
-import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { TIME_PLACEHOLDER_CHAR, TIME_SEPARATOR } from './helpers/TimePicker.constants.js';
-import { getDisplaySegments, getTimeSegments } from './helpers/TimePicker.shared.js';
-import { getStyles } from './TimeFragmentsView.styles.js';
-var getSeparatorSizeClassName = function (styles, theme, size) {
-    switch (size) {
-        case 'large':
-            return styles.separatorLarge(theme);
-        case 'medium':
-            return styles.separatorMedium(theme);
-        case 'small':
-        default:
-            return styles.separatorSmall(theme);
-    }
-};
-export var TimeFragmentsView = forwardRefAndName('TimeFragmentsView', function (props, ref) {
-    var value = props.value, format = props.format, size = props.size, onSelectSegment = props.onSelectSegment;
-    var theme = useContext(ThemeContext);
-    var cx = useEmotion().cx;
-    var styles = useStyles(getStyles);
-    var rootRef = useRef(null);
-    var rootClassName = cx(styles.root(), styles.selected(theme));
-    var maskClassName = styles.mask(theme);
-    var separatorSizeClassName = getSeparatorSizeClassName(styles, theme, size);
-    var getSegment = useCallback(function (el) {
-        var _a;
-        var rootNode = rootRef.current;
-        if (!rootNode || !el) {
-            return null;
-        }
-        var fragments = Array.from(rootNode.querySelectorAll('[data-fragment]'));
-        var segments = getTimeSegments(format);
-        var index = fragments.findIndex(function (fragment) { return fragment === el || fragment.contains(el); });
-        return index >= 0 ? ((_a = segments[index]) !== null && _a !== void 0 ? _a : null) : null;
-    }, [format]);
-    var isFragment = useCallback(function (el) {
-        return getSegment(el) !== null;
-    }, [getSegment]);
-    useImperativeHandle(ref, function () { return ({
-        isFragment: isFragment,
-        getSegment: getSegment,
-        getRootNode: function () { return rootRef.current; },
-    }); }, [getSegment, isFragment]);
-    var segments = getTimeSegments(format);
-    var displaySegments = getDisplaySegments(value, format);
-    return (React.createElement("span", { ref: rootRef, className: rootClassName }, value
-        ? segments.flatMap(function (segment, index) {
-            var _a;
-            var _b;
-            var segmentValue = (_b = displaySegments[index]) !== null && _b !== void 0 ? _b : '';
-            var valueMask = Array.from(segmentValue)
-                .filter(function (char) { return char !== TIME_PLACEHOLDER_CHAR; })
-                .join('');
-            var placeholderLength = segmentValue.length - valueMask.length;
-            var nodes = [
-                React.createElement("span", { key: segment, "data-fragment": '', className: styles.segment(), onMouseUp: function (event) { return onSelectSegment === null || onSelectSegment === void 0 ? void 0 : onSelectSegment(segment, event); } },
-                    valueMask,
-                    React.createElement("span", { className: maskClassName }, Array(placeholderLength).fill(TIME_PLACEHOLDER_CHAR).join(''))),
-            ];
-            if (index < segments.length - 1) {
-                nodes.push(React.createElement("span", { key: "separator-".concat(index), className: cx(maskClassName, styles.separator(), separatorSizeClassName, (_a = {},
-                        _a[styles.separatorFilled()] = !segmentValue.includes(TIME_PLACEHOLDER_CHAR),
-                        _a)) }, TIME_SEPARATOR));
-            }
-            return nodes;
-        })
-        : null));
-});
-//# sourceMappingURL=TimeFragmentsView.js.map

package/components/TimePicker/TimeFragmentsView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeFragmentsView.js","sourceRoot":"","sources":["TimeFragmentsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useImperativeHandle, useRef } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { TIME_PLACEHOLDER_CHAR, TIME_SEPARATOR } from './helpers/TimePicker.constants.js';\nimport type { TimeFormat, TimeSegment } from './helpers/TimePicker.shared.js';\nimport { getDisplaySegments, getTimeSegments } from './helpers/TimePicker.shared.js';\nimport { getStyles } from './TimeFragmentsView.styles.js';\n\nexport interface TimeFragmentsViewRef {\n  isFragment(el: HTMLElement | EventTarget | null): boolean;\n\n  getSegment(el: HTMLElement | EventTarget | null): TimeSegment | null;\n\n  getRootNode(): HTMLSpanElement | null;\n}\n\nexport interface TimeFragmentsViewProps {\n  value: string;\n  format: TimeFormat;\n  size: SizeProp;\n\n  onSelectSegment?(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;\n}\n\nconst getSeparatorSizeClassName = (styles: ReturnType<typeof getStyles>, theme: Theme, size: SizeProp): string => {\n  switch (size) {\n    case 'large':\n      return styles.separatorLarge(theme);\n    case 'medium':\n      return styles.separatorMedium(theme);\n    case 'small':\n    default:\n      return styles.separatorSmall(theme);\n  }\n};\n\nexport const TimeFragmentsView = forwardRefAndName<TimeFragmentsViewRef, TimeFragmentsViewProps>(\n  'TimeFragmentsView',\n  (props, ref) => {\n    const { value, format, size, onSelectSegment } = props;\n\n    const theme = useContext(ThemeContext);\n\n    const { cx } = useEmotion();\n\n    const styles = useStyles(getStyles);\n\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const rootClassName = cx(styles.root(), styles.selected(theme));\n    const maskClassName = styles.mask(theme);\n    const separatorSizeClassName = getSeparatorSizeClassName(styles, theme, size);\n\n    const getSegment = useCallback(\n      (el: HTMLElement | EventTarget | null): TimeSegment | null => {\n        const rootNode = rootRef.current;\n\n        if (!rootNode || !el) {\n          return null;\n        }\n\n        const fragments: HTMLSpanElement[] = Array.from(rootNode.querySelectorAll('[data-fragment]'));\n        const segments = getTimeSegments(format);\n\n        const index = fragments.findIndex((fragment) => fragment === el || fragment.contains(el as HTMLSpanElement));\n\n        return index >= 0 ? (segments[index] ?? null) : null;\n      },\n      [format],\n    );\n\n    const isFragment = useCallback(\n      (el: HTMLElement | EventTarget | null): boolean => {\n        return getSegment(el) !== null;\n      },\n      [getSegment],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        isFragment,\n        getSegment,\n        getRootNode: () => rootRef.current,\n      }),\n      [getSegment, isFragment],\n    );\n\n    const segments = getTimeSegments(format);\n    const displaySegments = getDisplaySegments(value, format);\n\n    return (\n      <span ref={rootRef} className={rootClassName}>\n        {value\n          ? segments.flatMap((segment, index) => {\n              const segmentValue = displaySegments[index] ?? '';\n\n              const valueMask = Array.from(segmentValue)\n                .filter((char) => char !== TIME_PLACEHOLDER_CHAR)\n                .join('');\n\n              const placeholderLength = segmentValue.length - valueMask.length;\n\n              const nodes = [\n                <span\n                  key={segment}\n                  data-fragment={''}\n                  className={styles.segment()}\n                  onMouseUp={(event) => onSelectSegment?.(segment, event)}\n                >\n                  {valueMask}\n                  <span className={maskClassName}>{Array(placeholderLength).fill(TIME_PLACEHOLDER_CHAR).join('')}</span>\n                </span>,\n              ];\n\n              if (index < segments.length - 1) {\n                nodes.push(\n                  <span\n                    key={`separator-${index}`}\n                    className={cx(maskClassName, styles.separator(), separatorSizeClassName, {\n                      [styles.separatorFilled()]: !segmentValue.includes(TIME_PLACEHOLDER_CHAR),\n                    })}\n                  >\n                    {TIME_SEPARATOR}\n                  </span>,\n                );\n              }\n\n              return nodes;\n            })\n          : null}\n      </span>\n    );\n  },\n);\n"]}

package/components/TimePicker/TimeFragmentsView.styles.d.ts

@@ -1,12 +0,0 @@
-import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
-    root(): string;
-    selected(t: Theme): string;
-    segment(): string;
-    separator(): string;
-    separatorSmall(t: Theme): string;
-    separatorMedium(t: Theme): string;
-    separatorLarge(t: Theme): string;
-    mask(t: Theme): string;
-    separatorFilled(): string;
-}>;

package/components/TimePicker/TimeFragmentsView.styles.js

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: text;\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    "], ["\n      cursor: text;\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    "])));
-        },
-        selected: function (t) {
-            var getSelection = function (background, color) {
-                return (background || color) &&
-                    "& ::selection {\n        background: ".concat(background, ";\n        color: ").concat(color, ";\n      }");
-            };
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      cursor: text;\n      ", "\n    "], ["\n      cursor: text;\n      ", "\n    "])), getSelection(t.timePickerSelectedBgColor, t.timePickerSelectedTextColor));
-        },
-        segment: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: inline;\n      font-variant-numeric: tabular-nums;\n      white-space: pre;\n    "], ["\n      display: inline;\n      font-variant-numeric: tabular-nums;\n      white-space: pre;\n    "])));
-        },
-        separator: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      display: inline;\n      position: relative;\n    "], ["\n      display: inline;\n      position: relative;\n    "])));
-        },
-        separatorSmall: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.timePickerSeparatorOffsetTopSmall, t.timePickerSeparatorPaddingXSmall, t.timePickerSeparatorPaddingXSmall);
-        },
-        separatorMedium: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.timePickerSeparatorOffsetTopMedium, t.timePickerSeparatorPaddingXMedium, t.timePickerSeparatorPaddingXMedium);
-        },
-        separatorLarge: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.timePickerSeparatorOffsetTopLarge, t.timePickerSeparatorPaddingXLarge, t.timePickerSeparatorPaddingXLarge);
-        },
-        mask: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.timePickerMaskColor);
-        },
-        separatorFilled: function () {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      color: inherit;\n    "], ["\n      color: inherit;\n    "])));
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
-//# sourceMappingURL=TimeFragmentsView.styles.js.map

package/components/TimePicker/TimeFragmentsView.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeFragmentsView.styles.js","sourceRoot":"","sources":["TimeFragmentsView.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,uKAAA,oGAIT,KAAC;QACJ,CAAC;QAED,QAAQ,YAAC,CAAQ;YACf,IAAM,YAAY,GAAG,UAAC,UAAkB,EAAE,KAAa;gBACrD,OAAA,CAAC,UAAU,IAAI,KAAK,CAAC;oBACrB,+CACgB,UAAU,+BACf,KAAK,eACd;YAJF,CAIE,CAAC;YAEL,OAAO,GAAG,4GAAA,+BAEN,EAAwE,QAC3E,KADG,YAAY,CAAC,CAAC,CAAC,yBAAyB,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAC1E;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,uKAAA,oGAIT,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,8HAAA,2DAGT,KAAC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,oJAAA,eACD,EAAmC,yBAC1B,EAAkC,0BACjC,EAAkC,SACpD,KAHQ,CAAC,CAAC,iCAAiC,EAC1B,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,EACnD;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,oJAAA,eACD,EAAoC,yBAC3B,EAAmC,0BAClC,EAAmC,SACrD,KAHQ,CAAC,CAAC,kCAAkC,EAC3B,CAAC,CAAC,iCAAiC,EAClC,CAAC,CAAC,iCAAiC,EACpD;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,oJAAA,eACD,EAAmC,yBAC1B,EAAkC,0BACjC,EAAkC,SACpD,KAHQ,CAAC,CAAC,iCAAiC,EAC1B,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,EACnD;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,+FAAA,iBACC,EAAqB,SAC/B,KADU,CAAC,CAAC,mBAAmB,EAC9B;QACJ,CAAC;QAED,eAAe;YACb,OAAO,GAAG,kGAAA,+BAET,KAAC;QACJ,CAAC;KACF,CAAC;AAzE8D,CAyE9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      cursor: text;\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    `;\n  },\n\n  selected(t: Theme) {\n    const getSelection = (background: string, color: string) =>\n      (background || color) &&\n      `& ::selection {\n        background: ${background};\n        color: ${color};\n      }`;\n\n    return css`\n      cursor: text;\n      ${getSelection(t.timePickerSelectedBgColor, t.timePickerSelectedTextColor)}\n    `;\n  },\n\n  segment() {\n    return css`\n      display: inline;\n      font-variant-numeric: tabular-nums;\n      white-space: pre;\n    `;\n  },\n\n  separator() {\n    return css`\n      display: inline;\n      position: relative;\n    `;\n  },\n\n  separatorSmall(t: Theme) {\n    return css`\n      top: ${t.timePickerSeparatorOffsetTopSmall};\n      padding-left: ${t.timePickerSeparatorPaddingXSmall};\n      padding-right: ${t.timePickerSeparatorPaddingXSmall};\n    `;\n  },\n\n  separatorMedium(t: Theme) {\n    return css`\n      top: ${t.timePickerSeparatorOffsetTopMedium};\n      padding-left: ${t.timePickerSeparatorPaddingXMedium};\n      padding-right: ${t.timePickerSeparatorPaddingXMedium};\n    `;\n  },\n\n  separatorLarge(t: Theme) {\n    return css`\n      top: ${t.timePickerSeparatorOffsetTopLarge};\n      padding-left: ${t.timePickerSeparatorPaddingXLarge};\n      padding-right: ${t.timePickerSeparatorPaddingXLarge};\n    `;\n  },\n\n  mask(t: Theme) {\n    return css`\n      color: ${t.timePickerMaskColor};\n    `;\n  },\n\n  separatorFilled() {\n    return css`\n      color: inherit;\n    `;\n  },\n}));\n"]}

package/components/TimePicker/TimeInput.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { InputProps } from '../Input/index.js';
-import { type TimeFormat, type TimeSegment } from './helpers/TimePicker.shared.js';
-export interface TimeInputRef {
-    focus(): void;
-    blur(): void;
-    blink(): void;
-    isFragment(el: HTMLElement | EventTarget | null): boolean;
-    isAllSelected(): boolean;
-    getSegment(el: HTMLElement | EventTarget | null): TimeSegment | null;
-    selectSegment(segment: TimeSegment): void;
-    selectAll(): void;
-    getNode(): HTMLElement | null;
-}
-export interface TimeInputProps extends Omit<InputProps, 'type' | 'value' | 'onValueChange' | 'inputMode'> {
-    hasDropdown?: boolean;
-    format: TimeFormat;
-    value: string;
-    'aria-placeholder'?: string;
-    onSelectSegment?(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;
-}
-export declare const TimeInput: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<TimeInputRef, TimeInputProps> & Record<never, never>;

package/components/TimePicker/TimeInput.js

@@ -1,103 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useContext, useEffect, useImperativeHandle, useRef } from 'react';
-import { InputLikeText } from '../../internal/InputLikeText/index.js';
-import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { getTimePickerInputMinWidth, getTimePickerSuffixMargin } from './helpers/TimePicker.layout.js';
-import { getTimeSegments } from './helpers/TimePicker.shared.js';
-import { TimeClockIcon } from './TimeClockIcon.js';
-import { TimeFragmentsView } from './TimeFragmentsView.js';
-import { getStyles } from './TimePicker.styles.js';
-export var TimeInput = forwardRefAndName('TimeInput', function (props, ref) {
-    var _a;
-    var _b = props.hasDropdown, hasDropdown = _b === void 0 ? false : _b, _c = props.size, size = _c === void 0 ? 'small' : _c, disabled = props.disabled, autoFocus = props.autoFocus, suffix = props.suffix, style = props.style, width = props.width, corners = props.corners, rightIcon = props.rightIcon, format = props.format, value = props.value, onSelectSegment = props.onSelectSegment, rest = __rest(props, ["hasDropdown", "size", "disabled", "autoFocus", "suffix", "style", "width", "corners", "rightIcon", "format", "value", "onSelectSegment"]);
-    var theme = useContext(ThemeContext);
-    var cx = useEmotion().cx;
-    var styles = useStyles(getStyles);
-    var inputLikeTextRef = useRef(null);
-    var fragmentsViewRef = useRef(null);
-    useImperativeHandle(ref, function () { return ({
-        focus: function () { var _a; return (_a = inputLikeTextRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
-        blur: function () { var _a; return (_a = inputLikeTextRef.current) === null || _a === void 0 ? void 0 : _a.blur(); },
-        blink: function () { var _a; return (_a = inputLikeTextRef.current) === null || _a === void 0 ? void 0 : _a.blink(); },
-        getNode: function () { var _a, _b; return (_b = (_a = inputLikeTextRef.current) === null || _a === void 0 ? void 0 : _a.getNode()) !== null && _b !== void 0 ? _b : null; },
-        isFragment: function (el) { var _a, _b; return (_b = (_a = fragmentsViewRef.current) === null || _a === void 0 ? void 0 : _a.isFragment(el)) !== null && _b !== void 0 ? _b : false; },
-        getSegment: function (el) { var _a, _b; return (_b = (_a = fragmentsViewRef.current) === null || _a === void 0 ? void 0 : _a.getSegment(el)) !== null && _b !== void 0 ? _b : null; },
-        selectAll: function () {
-            var _a, _b, _c;
-            var rootNode = (_b = (_a = fragmentsViewRef.current) === null || _a === void 0 ? void 0 : _a.getRootNode()) !== null && _b !== void 0 ? _b : null;
-            if (!rootNode) {
-                return;
-            }
-            (_c = inputLikeTextRef.current) === null || _c === void 0 ? void 0 : _c.selectInnerNode(rootNode, 0, rootNode.childNodes.length);
-        },
-        isAllSelected: function () {
-            var _a, _b, _c, _d, _e;
-            var rootNode = (_b = (_a = fragmentsViewRef.current) === null || _a === void 0 ? void 0 : _a.getRootNode()) !== null && _b !== void 0 ? _b : null;
-            if (!rootNode) {
-                return false;
-            }
-            var selection = (_d = (_c = rootNode.ownerDocument.defaultView) === null || _c === void 0 ? void 0 : _c.getSelection()) !== null && _d !== void 0 ? _d : null;
-            if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {
-                return false;
-            }
-            var range = selection.getRangeAt(0);
-            var text = (_e = rootNode.textContent) !== null && _e !== void 0 ? _e : '';
-            return (range.toString() === text && rootNode.contains(range.startContainer) && rootNode.contains(range.endContainer));
-        },
-        selectSegment: function (segment) {
-            var _a, _b, _c;
-            var rootNode = (_b = (_a = fragmentsViewRef.current) === null || _a === void 0 ? void 0 : _a.getRootNode()) !== null && _b !== void 0 ? _b : null;
-            if (!rootNode) {
-                return;
-            }
-            var segmentIndex = getTimeSegments(format).indexOf(segment);
-            var start = segmentIndex < 0 ? 0 : segmentIndex * 2;
-            var end = start + 1;
-            (_c = inputLikeTextRef.current) === null || _c === void 0 ? void 0 : _c.selectInnerNode(rootNode, start, end);
-        },
-    }); }, [format]);
-    useEffect(function () {
-        if (!autoFocus || disabled) {
-            return;
-        }
-        var timer = setTimeout(function () {
-            var _a;
-            (_a = inputLikeTextRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }, 0);
-        return function () {
-            clearTimeout(timer);
-        };
-    }, []);
-    var resolvedRightIcon = rightIcon === undefined ? (React.createElement("span", { className: cx(styles.rightIcon(), styles.rightIconDefault(theme), (_a = {},
-            _a[styles.rightIconInteractive()] = hasDropdown && !disabled,
-            _a)) },
-        React.createElement(TimeClockIcon, { size: size }))) : (rightIcon);
-    var suffixMarginLeft = getTimePickerSuffixMargin(size, theme);
-    var inputMinWidth = getTimePickerInputMinWidth(size, format, resolvedRightIcon !== null, theme);
-    return (React.createElement(InputLikeText, __assign({ ref: inputLikeTextRef }, rest, { takeContentWidth: true, disabled: disabled, size: size, inputMode: 'numeric', width: width !== null && width !== void 0 ? width : 'auto', suffix: suffix && React.createElement("span", { style: { marginLeft: suffixMarginLeft } }, suffix), style: __assign(__assign(__assign({}, style), { minWidth: inputMinWidth }), corners), rightIcon: resolvedRightIcon, value: value }),
-        React.createElement(TimeFragmentsView, { ref: fragmentsViewRef, format: format, size: size, value: value, onSelectSegment: onSelectSegment })));
-});
-//# sourceMappingURL=TimeInput.js.map

package/components/TimePicker/TimeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeInput.js","sourceRoot":"","sources":["TimeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport { InputLikeText } from '../../internal/InputLikeText/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { InputProps } from '../Input/index.js';\nimport { getTimePickerInputMinWidth, getTimePickerSuffixMargin } from './helpers/TimePicker.layout.js';\nimport { getTimeSegments, type TimeFormat, type TimeSegment } from './helpers/TimePicker.shared.js';\nimport { TimeClockIcon } from './TimeClockIcon.js';\nimport type { TimeFragmentsViewRef } from './TimeFragmentsView.js';\nimport { TimeFragmentsView } from './TimeFragmentsView.js';\nimport { getStyles } from './TimePicker.styles.js';\n\nexport interface TimeInputRef {\n  focus(): void;\n\n  blur(): void;\n\n  blink(): void;\n\n  isFragment(el: HTMLElement | EventTarget | null): boolean;\n\n  isAllSelected(): boolean;\n\n  getSegment(el: HTMLElement | EventTarget | null): TimeSegment | null;\n\n  selectSegment(segment: TimeSegment): void;\n\n  selectAll(): void;\n\n  getNode(): HTMLElement | null;\n}\n\nexport interface TimeInputProps extends Omit<InputProps, 'type' | 'value' | 'onValueChange' | 'inputMode'> {\n  hasDropdown?: boolean;\n  format: TimeFormat;\n  value: string;\n  'aria-placeholder'?: string;\n  onSelectSegment?(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;\n}\n\nexport const TimeInput = forwardRefAndName<TimeInputRef, TimeInputProps>('TimeInput', (props, ref) => {\n  const {\n    hasDropdown = false,\n    size = 'small',\n    disabled,\n    autoFocus,\n    suffix,\n    style,\n    width,\n    corners,\n    rightIcon,\n    format,\n    value,\n    onSelectSegment,\n    ...rest\n  } = props;\n\n  const theme = useContext(ThemeContext);\n\n  const { cx } = useEmotion();\n\n  const styles = useStyles(getStyles);\n\n  const inputLikeTextRef = useRef<InputLikeText>(null);\n  const fragmentsViewRef = useRef<TimeFragmentsViewRef>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => inputLikeTextRef.current?.focus(),\n      blur: () => inputLikeTextRef.current?.blur(),\n      blink: () => inputLikeTextRef.current?.blink(),\n      getNode: () => inputLikeTextRef.current?.getNode() ?? null,\n      isFragment: (el) => fragmentsViewRef.current?.isFragment(el) ?? false,\n      getSegment: (el) => fragmentsViewRef.current?.getSegment(el) ?? null,\n      selectAll: () => {\n        const rootNode = fragmentsViewRef.current?.getRootNode() ?? null;\n\n        if (!rootNode) {\n          return;\n        }\n\n        inputLikeTextRef.current?.selectInnerNode(rootNode, 0, rootNode.childNodes.length);\n      },\n\n      isAllSelected: () => {\n        const rootNode = fragmentsViewRef.current?.getRootNode() ?? null;\n\n        if (!rootNode) {\n          return false;\n        }\n\n        const selection = rootNode.ownerDocument.defaultView?.getSelection() ?? null;\n\n        if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {\n          return false;\n        }\n\n        const range = selection.getRangeAt(0);\n        const text = rootNode.textContent ?? '';\n\n        return (\n          range.toString() === text && rootNode.contains(range.startContainer) && rootNode.contains(range.endContainer)\n        );\n      },\n\n      selectSegment: (segment) => {\n        const rootNode = fragmentsViewRef.current?.getRootNode() ?? null;\n\n        if (!rootNode) {\n          return;\n        }\n\n        const segmentIndex = getTimeSegments(format).indexOf(segment);\n        const start = segmentIndex < 0 ? 0 : segmentIndex * 2;\n        const end = start + 1;\n\n        inputLikeTextRef.current?.selectInnerNode(rootNode, start, end);\n      },\n    }),\n    [format],\n  );\n\n  useEffect(() => {\n    if (!autoFocus || disabled) {\n      return;\n    }\n\n    const timer = setTimeout(() => {\n      inputLikeTextRef.current?.focus();\n    }, 0);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, []);\n\n  const resolvedRightIcon =\n    rightIcon === undefined ? (\n      <span\n        className={cx(styles.rightIcon(), styles.rightIconDefault(theme), {\n          [styles.rightIconInteractive()]: hasDropdown && !disabled,\n        })}\n      >\n        <TimeClockIcon size={size} />\n      </span>\n    ) : (\n      rightIcon\n    );\n  const suffixMarginLeft = getTimePickerSuffixMargin(size, theme);\n  const inputMinWidth = getTimePickerInputMinWidth(size, format, resolvedRightIcon !== null, theme);\n\n  return (\n    <InputLikeText\n      ref={inputLikeTextRef}\n      {...rest}\n      takeContentWidth\n      disabled={disabled}\n      size={size}\n      inputMode={'numeric'}\n      width={width ?? 'auto'}\n      suffix={suffix && <span style={{ marginLeft: suffixMarginLeft }}>{suffix}</span>}\n      style={{ ...style, minWidth: inputMinWidth, ...corners }}\n      rightIcon={resolvedRightIcon}\n      value={value}\n    >\n      <TimeFragmentsView\n        ref={fragmentsViewRef}\n        format={format}\n        size={size}\n        value={value}\n        onSelectSegment={onSelectSegment}\n      />\n    </InputLikeText>\n  );\n});\n"]}

package/components/TimePicker/TimePicker.d.ts

@@ -1,73 +0,0 @@
-import React from 'react';
-import type { AriaAttributes, HTMLAttributes, ReactNode } from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { TimeFormat, TimeSlot } from './helpers/TimePicker.shared.js';
-export interface TimePickerProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    /** Устанавливает формат времени @default minute */
-    format?: TimeFormat;
-    /** Определяет массив объектов со слотами в формате TimeSlot */
-    slots?: TimeSlot[];
-    /** Задает нижнюю границу времени. Слоты за границей становятся disabled */
-    minTime?: string;
-    /** Задает верхнюю границу времени. Слоты за границей становятся disabled */
-    maxTime?: string;
-    /** Значение поля @param value 'hh:mm:[:ss]' */
-    value?: string;
-    /** Устанавливает фокус на поле ввода после окончания загрузки страницы @default false */
-    autoFocus?: boolean;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Переводит контрол в состояние валидации 'ошибка'. */
-    error?: boolean;
-    /** Переводит контрол в состояние валидации 'предупреждение'. */
-    warning?: boolean;
-    /** Включает нативный системный выбор времени на мобильных устройствах */
-    useMobileNativeTimePicker?: boolean;
-    /** Расположение выпадающего меню */
-    menuPos?: 'top' | 'bottom';
-    /** Выравнивание выпадающего меню */
-    menuAlign?: 'left' | 'right';
-    /** Ширина выпадающего меню. По умолчанию — минимум ширина поля ввода, расширяется по контенту. */
-    menuWidth?: string | number;
-    /** Задает ширину поля. */
-    width?: string | number;
-    /** Переопределяет иконку или скрывает, если передать `null`. */
-    rightIcon?: React.ReactNode | (() => React.ReactNode);
-    /** Устанавливает суффикс после значения и перед иконкой. */
-    suffix?: ReactNode;
-    /** Размер поля ввода и выпадающего меню */
-    size?: SizeProp;
-    /** Устанавливает радиус скруглений углов.
-     * @ignore */
-    corners?: Partial<Pick<React.CSSProperties, 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'>>;
-    /** Задает функцию, которая вызывается при клике на контрол. */
-    onClick?(event: React.MouseEvent<HTMLElement>): void;
-    /** Событие изменения значения `value` в поле @param value - 'hh:mm:[:ss]' */
-    onValueChange?(value: string): void;
-    /** Задает функцию, которая вызывается при потере фокуса. */
-    onBlur?(event: React.FocusEvent<HTMLElement>): void;
-    /** Задает функцию, которая вызывается при получении фокуса. */
-    onFocus?(event: React.FocusEvent<HTMLElement>): void;
-    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
-    onKeyDown?(event: React.KeyboardEvent<HTMLElement>): void;
-    /** Задает функцию, которая вызывается при вставке значения. */
-    onPaste?(event: React.ClipboardEvent<HTMLElement>): void;
-}
-export interface TimePickerRef {
-    /** Устанавливает фокус на поле ввода */
-    focus(): void;
-    /** Снимает фокус с поля ввода */
-    blur(): void;
-    /** Закрывает выпадающее меню */
-    close(): void;
-    /** Запускает анимацию blink у поля ввода времени */
-    blink(): void;
-    /** Возвращает DOM-узел поля ввода */
-    getNode(): HTMLElement | null;
-    /** Возвращает корневой DOM-узел компонента */
-    getRootNode(): HTMLElement | null;
-}
-export type TimePicker = TimePickerRef;
-/** Поле с временем помогает вводить время с клавиатуры или выбирать его с помощью мыши */
-export declare const TimePicker: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<TimePickerRef, TimePickerProps> & Record<never, never>;