@finam/web-ui-kit-components 3.30.1 → 3.32.0

package/dist/TextField/TextField.styles.css

@@ -1,2 +1,2 @@
-.ui_components_i1egwbol{margin-left:var(--ui-spacing-xs);}.ui_components_i1egwbol>svg{width:100%;height:100%;}.ui_components_i1egwbol.l{width:var(--ui-spacing-inputL-rightIconSize);height:var(--ui-spacing-inputL-rightIconSize);}.ui_components_i1egwbol.m{width:var(--ui-spacing-inputM-rightIconSize);height:var(--ui-spacing-inputM-rightIconSize);}.ui_components_i1egwbol.s{width:var(--ui-spacing-inputS-iconSize);height:var(--ui-spacing-inputS-iconSize);}.ui_components_i1egwbol.xs{width:var(--ui-spacing-inputXS-iconSize);height:var(--ui-spacing-inputXS-iconSize);}
+.ui_components_t1egwbol{margin-left:var(--ui-spacing-xs);}.ui_components_t1egwbol>svg{width:100%;height:100%;}.ui_components_t1egwbol.l{width:var(--ui-spacing-inputL-rightIconSize);height:var(--ui-spacing-inputL-rightIconSize);}.ui_components_t1egwbol.m{width:var(--ui-spacing-inputM-rightIconSize);height:var(--ui-spacing-inputM-rightIconSize);}.ui_components_t1egwbol.s{width:var(--ui-spacing-inputS-iconSize);height:var(--ui-spacing-inputS-iconSize);}.ui_components_t1egwbol.xs{width:var(--ui-spacing-inputXS-iconSize);height:var(--ui-spacing-inputXS-iconSize);}
 .ui_components_dqov6mf{max-height:256px;}

package/dist/TextField/TextField.styles.js

@@ -1,12 +1,13 @@
-import { styled } from '@linaria/react';
-import IconButtonUI from '../IconButton/index.js';
-const _exp = () => (IconButtonUI);
-export const IconButton = /*#__PURE__*/styled(_exp())({
-  name: "IconButton",
-  class: "ui_components_i1egwbol",
+import { styled } from "@linaria/react";
+import IconButton from "../IconButton/index.js";
+const _exp = () => (IconButton);
+const TextField_styles_IconButton = /*#__PURE__*/styled(_exp())({
+  name: "TextField_styles_IconButton",
+  class: "ui_components_t1egwbol",
   propsAsIs: true
 });
-export const dropDownPaperStyles = "ui_components_dqov6mf";
+const dropDownPaperStyles = "ui_components_dqov6mf";
+export { TextField_styles_IconButton as IconButton, dropDownPaperStyles };
 //# sourceMappingURL=TextField.styles.js.map
 
 import "./TextField.styles.css";

package/dist/TextField/TextField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.js","sourceRoot":"","sources":["../../src/TextField/TextField.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;iBAC7B,MAAM,CAAC,OAAO,CAAC,EAAE;;;;;;;;aAQrB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;cAClC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;;;;aAIpC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;cAClC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;;;;aAIpC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;cAC7B,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;;;;aAI/B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ;cAC9B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;CAErC,CAAC"}
+{"version":3,"file":"TextField/TextField.styles.js","sources":["../../src/TextField/TextField.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport IconButtonUI from '../IconButton/index.js';\n\nexport const IconButton = styled(IconButtonUI)`\n  margin-left: ${tokens.spacing.xs};\n\n  & > svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  &.l {\n    width: ${tokens.spacing.inputL.rightIconSize};\n    height: ${tokens.spacing.inputL.rightIconSize};\n  }\n\n  &.m {\n    width: ${tokens.spacing.inputM.rightIconSize};\n    height: ${tokens.spacing.inputM.rightIconSize};\n  }\n\n  &.s {\n    width: ${tokens.spacing.inputS.iconSize};\n    height: ${tokens.spacing.inputS.iconSize};\n  }\n\n  &.xs {\n    width: ${tokens.spacing.inputXS.iconSize};\n    height: ${tokens.spacing.inputXS.iconSize};\n  }\n`;\n\nexport const dropDownPaperStyles = css`\n  max-height: 256px;\n`;\n"],"names":["IconButton","styled","IconButtonUI","tokens","dropDownPaperStyles","css"],"mappings":";;;;AAKO,MAAMA,8BAAaC,OAAOC,WAAa,CAAC;eAChC,EAAEC,OAAO,OAAO,CAAC,EAAE,CAAC;;;;;;;;WAQxB,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;YACrC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;;;;WAIvC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;YACrC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;;;;WAIvC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;YAChC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;;;;WAIlC,EAAEA,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;YACjC,EAAEA,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;;AAE9C,CAAC;AAEM,MAAMC,sBAAsBC,GAAG,CAAC;;AAEvC,CAAC"}

package/dist/TextField/index.js

@@ -1,3 +1,5 @@
-import TextField from './TextField.js';
-export default TextField;
+import TextField from "./TextField.js";
+const src_TextField = TextField;
+export default src_TextField;
+
 //# sourceMappingURL=index.js.map

package/dist/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAoB,MAAM,gBAAgB,CAAC;AAGlD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextField/index.js","sources":["../../src/TextField/index.ts"],"sourcesContent":["import TextField, { Props } from './TextField.js';\n\nexport type { Props as TextFieldProps };\nexport default TextField;\n"],"names":["TextField"],"mappings":";AAGA,sBAAeA"}

package/dist/TimePicker/TimePicker.js

@@ -1,145 +1,257 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
-import classnames from 'clsx';
-import { Rifm } from 'rifm';
-import { useTimeFormatUtils } from './useTimeFormatUtils.js';
-import { setRef } from '../utils/withForwardedRef.js';
-import { InputElement, Root } from './TimePicker.styles.js';
-import { useModalState } from '../ModalsProvider/index.js';
-import RollPicker from '../RollPicker/index.js';
-import PopperDropDown from '../PopperDropDown/index.js';
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useMemo, useRef, useState } from "react";
+import clsx from "clsx";
+import { Rifm } from "rifm";
+import { useTimeFormatUtils } from "./useTimeFormatUtils.js";
+import { setRef } from "../utils/withForwardedRef.js";
+import { InputElement, Root } from "./TimePicker.styles.js";
+import { useModalState } from "../ModalsProvider/index.js";
+import RollPicker from "../RollPicker/index.js";
+import PopperDropDown from "../PopperDropDown/index.js";
 const emptyProps = {};
-const TimePicker = forwardRef((_a, ref) => {
-    var { value: valueProp, onChange, withKeyboard, minTime = 0, maxTime = 24 * 60 * 60 * 1000 - 1, withSeconds, withMilliseconds, onFocus, onBlur, highlight, readOnly, hideReadOnlyIcon = true, className, fullWidth, error, errorText, DropDownProps = emptyProps, message } = _a, props = __rest(_a, ["value", "onChange", "withKeyboard", "minTime", "maxTime", "withSeconds", "withMilliseconds", "onFocus", "onBlur", "highlight", "readOnly", "hideReadOnlyIcon", "className", "fullWidth", "error", "errorText", "DropDownProps", "message"]);
+const TimePicker = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { value: valueProp, onChange, withKeyboard, minTime = 0, maxTime = 86400000 - 1, withSeconds, withMilliseconds, onFocus, onBlur, highlight, readOnly, hideReadOnlyIcon = true, className, fullWidth, error, errorText, DropDownProps = emptyProps, message } = _ref1, props = _object_without_properties__(_ref1, [
+        "value",
+        "onChange",
+        "withKeyboard",
+        "minTime",
+        "maxTime",
+        "withSeconds",
+        "withMilliseconds",
+        "onFocus",
+        "onBlur",
+        "highlight",
+        "readOnly",
+        "hideReadOnlyIcon",
+        "className",
+        "fullWidth",
+        "error",
+        "errorText",
+        "DropDownProps",
+        "message"
+    ]), [ref] = _rest;
     const inputRef = useRef(null);
     const popoverClickRef = useRef(false);
     const formatUtils = useTimeFormatUtils();
-    const { formatTime, formatInputTime, formatInputValue, parseInputTime, maskLength, charsFilter, locale, } = Object.assign(Object.assign({}, formatUtils), props);
-    const formattedTime = useMemo(() => (valueProp != null && withKeyboard && formatInputTime
-        ? formatInputTime(valueProp, { locale, withSeconds, withMilliseconds })
-        : ''), [valueProp, withKeyboard, formatInputTime, locale, withSeconds, withMilliseconds]);
+    const { formatTime, formatInputTime, formatInputValue, parseInputTime, maskLength, charsFilter, locale } = _({}, formatUtils, props);
+    const formattedTime = useMemo(()=>null != valueProp && withKeyboard && formatInputTime ? formatInputTime(valueProp, {
+            locale,
+            withSeconds,
+            withMilliseconds
+        }) : '', [
+        valueProp,
+        withKeyboard,
+        formatInputTime,
+        locale,
+        withSeconds,
+        withMilliseconds
+    ]);
     const { open: initialShowDropDown } = useModalState(DropDownProps.id);
-    const [showDropDown, setShowDropDown] = useState(initialShowDropDown !== null && initialShowDropDown !== void 0 ? initialShowDropDown : false);
+    const [showDropDown, setShowDropDown] = useState(null != initialShowDropDown ? initialShowDropDown : false);
     const [focused, setFocused] = useState(false);
     const [inputValue, setInputValue] = useState(formattedTime);
     const [lastTime, setLastTime] = useState();
     const [popoverFocused, setPopoverFocused] = useState(false);
-    if (withKeyboard && valueProp != null && valueProp !== lastTime) {
+    if (withKeyboard && null != valueProp && valueProp !== lastTime) {
         setInputValue(formattedTime);
         setLastTime(valueProp);
     }
-    const isValidTime = useCallback((time) => !(minTime && time < minTime ||
-        maxTime && time > maxTime), [minTime, maxTime]);
-    const parseValue = useCallback((value, eventType) => {
-        if (!parseInputTime || value.length < 1) {
-            return undefined;
-        }
-        const parsedTime = parseInputTime(value, { locale, withSeconds, withMilliseconds, eventType });
-        return parsedTime != null && isValidTime(parsedTime) ? parsedTime : undefined;
-    }, [parseInputTime, locale, isValidTime, withSeconds, withMilliseconds]);
-    const handleRef = useCallback((node) => {
+    const isValidTime = useCallback((time)=>!(minTime && time < minTime || maxTime && time > maxTime), [
+        minTime,
+        maxTime
+    ]);
+    const parseValue = useCallback((value, eventType)=>{
+        if (!parseInputTime || value.length < 1) return;
+        const parsedTime = parseInputTime(value, {
+            locale,
+            withSeconds,
+            withMilliseconds,
+            eventType
+        });
+        return null != parsedTime && isValidTime(parsedTime) ? parsedTime : void 0;
+    }, [
+        parseInputTime,
+        locale,
+        isValidTime,
+        withSeconds,
+        withMilliseconds
+    ]);
+    const handleRef = useCallback((node)=>{
         inputRef.current = node;
-        if (ref) {
-            setRef(ref, node);
-        }
-    }, [ref]);
-    const handleInputFocus = useCallback((event) => {
-        if (readOnly)
-            return;
+        if (ref) setRef(ref, node);
+    }, [
+        ref
+    ]);
+    const handleInputFocus = useCallback((event)=>{
+        if (readOnly) return;
         setShowDropDown(true);
         setPopoverFocused(false);
         setFocused(true);
-        if (onFocus) {
-            onFocus(event);
-        }
-    }, [onFocus, readOnly]);
-    const handleInputBlur = useCallback((event) => {
+        if (onFocus) onFocus(event);
+    }, [
+        onFocus,
+        readOnly
+    ]);
+    const handleInputBlur = useCallback((event)=>{
         setFocused(false);
         if (inputValue) {
             const parsedTime = parseValue(inputValue, 'blur');
-            if (parsedTime == null) {
-                setInputValue(formattedTime);
-            }
-            else if (onChange && parsedTime !== valueProp) {
-                onChange(parsedTime);
-            }
-        }
-        if (showDropDown) {
-            if (popoverClickRef.current) {
-                setPopoverFocused(true);
-            }
-            else {
-                setShowDropDown(false);
-            }
+            if (null == parsedTime) setInputValue(formattedTime);
+            else if (onChange && parsedTime !== valueProp) onChange(parsedTime);
         }
-        if (onBlur) {
-            onBlur(event);
-        }
-    }, [inputValue, showDropDown, onBlur, parseValue, onChange, valueProp, formattedTime]);
-    const handleRollPickerClose = useCallback(() => {
+        if (showDropDown) if (popoverClickRef.current) setPopoverFocused(true);
+        else setShowDropDown(false);
+        if (onBlur) onBlur(event);
+    }, [
+        inputValue,
+        showDropDown,
+        onBlur,
+        parseValue,
+        onChange,
+        valueProp,
+        formattedTime
+    ]);
+    const handleRollPickerClose = useCallback(()=>{
         if (showDropDown) {
             setShowDropDown(false);
             setInputValue(formattedTime);
             setPopoverFocused(false);
         }
-        if (DropDownProps === null || DropDownProps === void 0 ? void 0 : DropDownProps.onClose) {
-            DropDownProps.onClose();
-        }
-    }, [showDropDown, formattedTime, DropDownProps]);
-    const handleDropDownClickStart = useCallback(() => {
+        if (null == DropDownProps ? void 0 : DropDownProps.onClose) DropDownProps.onClose();
+    }, [
+        showDropDown,
+        formattedTime,
+        DropDownProps
+    ]);
+    const handleDropDownClickStart = useCallback(()=>{
         popoverClickRef.current = true;
     }, []);
-    const handleDropDownClickEnd = useCallback(() => {
+    const handleDropDownClickEnd = useCallback(()=>{
         popoverClickRef.current = false;
     }, []);
-    const handleRollPickerChange = useCallback((value) => {
-        if (onChange) {
-            onChange(value);
-        }
-    }, [onChange]);
-    const handleInputChange = useCallback((value) => {
-        if (!withKeyboard) {
-            return;
-        }
+    const handleRollPickerChange = useCallback((value)=>{
+        if (onChange) onChange(value);
+    }, [
+        onChange
+    ]);
+    const handleInputChange = useCallback((value)=>{
+        if (!withKeyboard) return;
         setInputValue(value);
-        if (!onChange) {
-            return;
-        }
+        if (!onChange) return;
         const parsedTime = parseValue(value, 'change');
-        if (parsedTime != null) {
-            onChange(parsedTime);
-        }
-        else if (value === '') {
-            onChange(undefined);
-        }
-    }, [withKeyboard, onChange, parseValue]);
-    const handleRifmFormat = useCallback((value) => (withKeyboard && focused && formatInputValue
-        ? formatInputValue(value, { locale, withSeconds, withMilliseconds })
-        : value), [withKeyboard, focused, formatInputValue, locale, withSeconds, withMilliseconds]);
-    const formattedValue = useMemo(() => {
-        if (withKeyboard && focused) {
-            return inputValue;
-        }
-        return valueProp != null ? formatTime(valueProp, { locale, withSeconds, withMilliseconds }) : '';
-    }, [withKeyboard, focused, inputValue, valueProp, withSeconds, withMilliseconds,
-        formatTime, locale]);
-    const maskEnabled = useMemo(() => {
-        if (!withKeyboard) {
-            return false;
-        }
-        const length = typeof maskLength === 'number' ? maskLength : maskLength({ locale, withSeconds, withMilliseconds });
+        if (null != parsedTime) onChange(parsedTime);
+        else if ('' === value) onChange(void 0);
+    }, [
+        withKeyboard,
+        onChange,
+        parseValue
+    ]);
+    const handleRifmFormat = useCallback((value)=>withKeyboard && focused && formatInputValue ? formatInputValue(value, {
+            locale,
+            withSeconds,
+            withMilliseconds
+        }) : value, [
+        withKeyboard,
+        focused,
+        formatInputValue,
+        locale,
+        withSeconds,
+        withMilliseconds
+    ]);
+    const formattedValue = useMemo(()=>{
+        if (withKeyboard && focused) return inputValue;
+        return null != valueProp ? formatTime(valueProp, {
+            locale,
+            withSeconds,
+            withMilliseconds
+        }) : '';
+    }, [
+        withKeyboard,
+        focused,
+        inputValue,
+        valueProp,
+        withSeconds,
+        withMilliseconds,
+        formatTime,
+        locale
+    ]);
+    const maskEnabled = useMemo(()=>{
+        if (!withKeyboard) return false;
+        const length = 'number' == typeof maskLength ? maskLength : maskLength({
+            locale,
+            withSeconds,
+            withMilliseconds
+        });
         return formattedValue.length >= length;
-    }, [withKeyboard, maskLength, formattedValue, locale, withSeconds, withMilliseconds]);
-    const rootClassName = classnames(className, {
+    }, [
+        withKeyboard,
+        maskLength,
+        formattedValue,
+        locale,
+        withSeconds,
+        withMilliseconds
+    ]);
+    const rootClassName = clsx(className, {
         fullWidth,
-        error: error || Boolean(errorText),
+        error: error || Boolean(errorText)
     });
-    const inputClassName = classnames({
+    const inputClassName = clsx({
         withKeyboard,
-        showDropDown,
+        showDropDown
+    });
+    return /*#__PURE__*/ jsxs(Root, {
+        className: rootClassName,
+        children: [
+            /*#__PURE__*/ jsx(Rifm, {
+                accept: withKeyboard && focused ? charsFilter : void 0,
+                mask: maskEnabled,
+                format: handleRifmFormat,
+                value: formattedValue,
+                onChange: handleInputChange,
+                children: ({ value: valueInput, onChange: onChangeInput })=>/*#__PURE__*/ jsx(InputElement, _object_spread_props__(_({
+                        fullWidth: fullWidth,
+                        error: error || Boolean(errorText),
+                        message: withKeyboard && showDropDown ? void 0 : errorText || message,
+                        className: inputClassName
+                    }, props), {
+                        ref: handleRef,
+                        readOnly: !withKeyboard || readOnly,
+                        hideReadOnlyIcon: hideReadOnlyIcon,
+                        value: valueInput,
+                        onChange: onChangeInput,
+                        onFocus: handleInputFocus,
+                        onBlur: handleInputBlur,
+                        highlight: highlight
+                    }))
+            }),
+            /*#__PURE__*/ jsx(PopperDropDown, _object_spread_props__(_({
+                anchorEl: inputRef.current || void 0,
+                open: showDropDown,
+                disableCloseOnEscape: !withKeyboard,
+                active: popoverFocused
+            }, DropDownProps), {
+                onClose: handleRollPickerClose,
+                onPaperClickStart: handleDropDownClickStart,
+                onPaperClickEnd: handleDropDownClickEnd,
+                children: /*#__PURE__*/ jsx(RollPicker, {
+                    initialValue: valueProp,
+                    onChange: handleRollPickerChange,
+                    minTime: minTime,
+                    maxTime: maxTime,
+                    withSeconds: withSeconds,
+                    withMilliseconds: withMilliseconds
+                })
+            }))
+        ]
     });
-    return (_jsxs(Root, { className: rootClassName, children: [_jsx(Rifm, { accept: withKeyboard && focused ? charsFilter : undefined, mask: maskEnabled, format: handleRifmFormat, value: formattedValue, onChange: handleInputChange, children: ({ value: valueInput, onChange: onChangeInput }) => (_jsx(InputElement, Object.assign({ fullWidth: fullWidth, error: error || Boolean(errorText), message: withKeyboard && showDropDown ? undefined : (errorText || message), className: inputClassName }, props, { ref: handleRef, readOnly: !withKeyboard || readOnly, hideReadOnlyIcon: hideReadOnlyIcon, value: valueInput, onChange: onChangeInput, onFocus: handleInputFocus, onBlur: handleInputBlur, highlight: highlight }))) }), _jsx(PopperDropDown, Object.assign({ anchorEl: inputRef.current || undefined, open: showDropDown, disableCloseOnEscape: !withKeyboard, active: popoverFocused }, DropDownProps, { onClose: handleRollPickerClose, onPaperClickStart: handleDropDownClickStart, onPaperClickEnd: handleDropDownClickEnd, children: _jsx(RollPicker, { initialValue: valueProp, onChange: handleRollPickerChange, minTime: minTime, maxTime: maxTime, withSeconds: withSeconds, withMilliseconds: withMilliseconds }) }))] }));
 });
-export default TimePicker;
+const TimePicker_TimePicker = TimePicker;
+export default TimePicker_TimePicker;
+
 //# sourceMappingURL=TimePicker.js.map

package/dist/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimePicker/TimePicker.js","sources":["../../src/TimePicker/TimePicker.tsx"],"sourcesContent":["import { FocusEvent, forwardRef, useCallback, useMemo, useRef, useState } from 'react';\nimport classnames from 'clsx';\nimport { Rifm } from 'rifm';\nimport { TextFieldProps } from '../TextField/index.js';\nimport { TimeUtilsProps, useTimeFormatUtils } from './useTimeFormatUtils.js';\nimport { WithForwardedRef, setRef } from '../utils/withForwardedRef.js';\nimport { InputElement, Root } from './TimePicker.styles.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport RollPicker from '../RollPicker/index.js';\nimport PopperDropDown from '../PopperDropDown/index.js';\n\nexport interface OwnProps extends Omit<TextFieldProps, 'value' | 'onChange'> {\n  /** Выбранное время */\n  value?: number;\n  /** Колбэк, вызываемый при изменении времени */\n  onChange?: (time: number | undefined) => void;\n  /** Флаг, включающий ввод с клавиатуры */\n  withKeyboard?: boolean;\n  /** Минимальное доступное время */\n  minTime?: number;\n  /** Максимальное доступное время */\n  maxTime?: number;\n  /** Флаг, отображать ли секунды */\n  withSeconds?: boolean;\n  /** Флаг, отображать ли миллисекунды */\n  withMilliseconds?: boolean;\n}\n\nexport type OuterProps = OwnProps & Partial<TimeUtilsProps>;\nexport type Props = OwnProps & TimeUtilsProps & WithForwardedRef<HTMLInputElement>;\n\nconst emptyProps: Props['DropDownProps'] = {};\n\nconst TimePicker = forwardRef<HTMLInputElement, OuterProps>(({\n  value: valueProp,\n  onChange,\n  withKeyboard,\n  minTime = 0,\n  maxTime = 24 * 60 * 60 * 1000 - 1,\n  withSeconds,\n  withMilliseconds,\n  onFocus,\n  onBlur,\n  highlight,\n  readOnly,\n  hideReadOnlyIcon = true,\n  className,\n  fullWidth,\n  error,\n  errorText,\n  DropDownProps = emptyProps,\n  message,\n  ...props\n}, ref) => {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const popoverClickRef = useRef(false);\n  const formatUtils = useTimeFormatUtils();\n  const {\n    formatTime,\n    formatInputTime,\n    formatInputValue,\n    parseInputTime,\n    maskLength,\n    charsFilter,\n    locale,\n  } = { ...formatUtils, ...props };\n\n  const formattedTime = useMemo(() => (\n    valueProp != null && withKeyboard && formatInputTime\n      ? formatInputTime(valueProp, { locale, withSeconds, withMilliseconds })\n      : ''\n  ), [valueProp, withKeyboard, formatInputTime, locale, withSeconds, withMilliseconds]);\n\n  const { open: initialShowDropDown } = useModalState(DropDownProps.id);\n  const [showDropDown, setShowDropDown] = useState(initialShowDropDown ?? false);\n  const [focused, setFocused] = useState(false);\n  const [inputValue, setInputValue] = useState(formattedTime);\n  const [lastTime, setLastTime] = useState<number>();\n  const [popoverFocused, setPopoverFocused] = useState(false);\n\n  if (withKeyboard && valueProp != null && valueProp !== lastTime) {\n    setInputValue(formattedTime);\n    setLastTime(valueProp);\n  }\n\n  const isValidTime = useCallback((time: number) => !(\n    minTime && time < minTime ||\n    maxTime && time > maxTime\n  ), [minTime, maxTime]);\n\n  const parseValue = useCallback((value: string, eventType?: 'change' | 'blur') => {\n    if (!parseInputTime || value.length < 1) {\n      return undefined;\n    }\n\n    const parsedTime = parseInputTime(value, { locale, withSeconds, withMilliseconds, eventType });\n    return parsedTime != null && isValidTime(parsedTime) ? parsedTime : undefined;\n  }, [parseInputTime, locale, isValidTime, withSeconds, withMilliseconds]);\n\n  const handleRef = useCallback((node: HTMLInputElement | null) => {\n    inputRef.current = node;\n    if (ref) {\n      setRef(ref, node);\n    }\n  }, [ref]);\n\n  const handleInputFocus = useCallback((event: FocusEvent<HTMLInputElement>) => {\n    if (readOnly) return;\n\n    setShowDropDown(true);\n    setPopoverFocused(false);\n    setFocused(true);\n\n    if (onFocus) {\n      onFocus(event);\n    }\n  }, [onFocus, readOnly]);\n\n  const handleInputBlur = useCallback((event: FocusEvent<HTMLInputElement>) => {\n    setFocused(false);\n\n    if (inputValue) {\n      const parsedTime = parseValue(inputValue, 'blur');\n      if (parsedTime == null) {\n        setInputValue(formattedTime);\n      } else if (onChange && parsedTime !== valueProp) {\n        onChange(parsedTime);\n      }\n    }\n\n    if (showDropDown) {\n      if (popoverClickRef.current) {\n        setPopoverFocused(true);\n      } else {\n        setShowDropDown(false);\n      }\n    }\n\n    if (onBlur) {\n      onBlur(event);\n    }\n  }, [inputValue, showDropDown, onBlur, parseValue, onChange, valueProp, formattedTime]);\n\n  const handleRollPickerClose = useCallback(() => {\n    if (showDropDown) {\n      setShowDropDown(false);\n      setInputValue(formattedTime);\n      setPopoverFocused(false);\n    }\n    if (DropDownProps?.onClose) {\n      DropDownProps.onClose();\n    }\n  }, [showDropDown, formattedTime, DropDownProps]);\n\n  const handleDropDownClickStart = useCallback(() => {\n    popoverClickRef.current = true;\n  }, []);\n\n  const handleDropDownClickEnd = useCallback(() => {\n    popoverClickRef.current = false;\n  }, []);\n\n  const handleRollPickerChange = useCallback((value: number) => {\n    if (onChange) {\n      onChange(value);\n    }\n  }, [onChange]);\n\n  const handleInputChange = useCallback((value: string) => {\n    if (!withKeyboard) {\n      return;\n    }\n\n    setInputValue(value);\n\n    if (!onChange) {\n      return;\n    }\n\n    const parsedTime = parseValue(value, 'change');\n    if (parsedTime != null) {\n      onChange(parsedTime);\n    } else if (value === '') {\n      onChange(undefined);\n    }\n  }, [withKeyboard, onChange, parseValue]);\n\n  const handleRifmFormat = useCallback((value: string) => (\n    withKeyboard && focused && formatInputValue\n      ? formatInputValue(value, { locale, withSeconds, withMilliseconds })\n      : value\n  ), [withKeyboard, focused, formatInputValue, locale, withSeconds, withMilliseconds]);\n\n  const formattedValue = useMemo(() => {\n    if (withKeyboard && focused) {\n      return inputValue;\n    }\n    return valueProp != null ? formatTime(valueProp, { locale, withSeconds, withMilliseconds }) : '';\n  }, [withKeyboard, focused, inputValue, valueProp, withSeconds, withMilliseconds,\n    formatTime, locale]);\n\n  const maskEnabled = useMemo(() => {\n    if (!withKeyboard) {\n      return false;\n    }\n    const length = typeof maskLength === 'number' ? maskLength : maskLength({ locale, withSeconds, withMilliseconds });\n    return formattedValue.length >= length;\n  }, [withKeyboard, maskLength, formattedValue, locale, withSeconds, withMilliseconds]);\n\n  const rootClassName = classnames(className, {\n    fullWidth,\n    error: error || Boolean(errorText),\n  });\n  const inputClassName = classnames({\n    withKeyboard,\n    showDropDown,\n  });\n\n  return (\n    <Root className={rootClassName}>\n      <Rifm\n        accept={withKeyboard && focused ? charsFilter : undefined}\n        mask={maskEnabled}\n        format={handleRifmFormat}\n        value={formattedValue}\n        onChange={handleInputChange}\n      >\n        {({ value: valueInput, onChange: onChangeInput }) => (\n          <InputElement\n            fullWidth={fullWidth}\n            error={error || Boolean(errorText)}\n            message={withKeyboard && showDropDown ? undefined : (errorText || message)}\n            className={inputClassName}\n            {...props}\n            ref={handleRef}\n            readOnly={!withKeyboard || readOnly}\n            hideReadOnlyIcon={hideReadOnlyIcon}\n            value={valueInput}\n            onChange={onChangeInput}\n            onFocus={handleInputFocus}\n            onBlur={handleInputBlur}\n            highlight={highlight}\n          />\n        )}\n      </Rifm>\n      <PopperDropDown\n        anchorEl={inputRef.current || undefined}\n        open={showDropDown}\n        disableCloseOnEscape={!withKeyboard}\n        active={popoverFocused}\n        {...DropDownProps}\n        onClose={handleRollPickerClose}\n        onPaperClickStart={handleDropDownClickStart}\n        onPaperClickEnd={handleDropDownClickEnd}\n      >\n        <RollPicker\n          initialValue={valueProp}\n          onChange={handleRollPickerChange}\n          minTime={minTime}\n          maxTime={maxTime}\n          withSeconds={withSeconds}\n          withMilliseconds={withMilliseconds}\n        />\n      </PopperDropDown>\n    </Root>\n  );\n});\n\nexport default TimePicker;\n"],"names":["emptyProps","TimePicker","forwardRef","valueProp","onChange","withKeyboard","minTime","maxTime","withSeconds","withMilliseconds","onFocus","onBlur","highlight","readOnly","hideReadOnlyIcon","className","fullWidth","error","errorText","DropDownProps","message","props","ref","inputRef","useRef","popoverClickRef","formatUtils","useTimeFormatUtils","formatTime","formatInputTime","formatInputValue","parseInputTime","maskLength","charsFilter","locale","formattedTime","useMemo","initialShowDropDown","useModalState","showDropDown","setShowDropDown","useState","focused","setFocused","inputValue","setInputValue","lastTime","setLastTime","popoverFocused","setPopoverFocused","isValidTime","useCallback","time","parseValue","value","eventType","parsedTime","undefined","handleRef","node","setRef","handleInputFocus","event","handleInputBlur","handleRollPickerClose","handleDropDownClickStart","handleDropDownClickEnd","handleRollPickerChange","handleInputChange","handleRifmFormat","formattedValue","maskEnabled","length","rootClassName","classnames","Boolean","inputClassName","Root","Rifm","valueInput","onChangeInput","InputElement","PopperDropDown","RollPicker"],"mappings":"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"}

package/dist/TimePicker/TimePicker.styles.js

@@ -1,16 +1,17 @@
-import { styled } from '@linaria/react';
-import Input from '../Input/index.js';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+import Input from "../Input/index.js";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r102nmlj",
   propsAsIs: false
 });
 const _exp = () => (Input);
-export const InputElement = /*#__PURE__*/styled(_exp())({
+const InputElement = /*#__PURE__*/styled(_exp())({
   name: "InputElement",
   class: "ui_components_i93fsct",
   propsAsIs: true
 });
+export { InputElement, Root };
 //# sourceMappingURL=TimePicker.styles.js.map
 
 import "./TimePicker.styles.css";

package/dist/TimePicker/TimePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.styles.js","sourceRoot":"","sources":["../../src/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAEtC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO7B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;oBAgBrB,MAAM,CAAC,MAAM,CAAC,KAAK;;CAEtC,CAAC"}
+{"version":3,"file":"TimePicker/TimePicker.styles.js","sources":["../../src/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport Input from '../Input/index.js';\n\nexport const Root = styled.div`\n  position: relative;\n  display: inline-block;\n\n  &.fullWidth {\n    width: 100%;\n  }\n`;\n\nexport const InputElement = styled(Input)`\n  width: 100%;\n\n  & input {\n    cursor: pointer;\n  }\n\n  &.withKeyboard input {\n    cursor: text;\n  }\n\n  &.disabled input {\n    cursor: default;\n  }\n\n  &.withKeyboard.showDropDown {\n    z-index: calc(${tokens.zIndex.modal} + 1);\n  }\n`;\n"],"names":["Root","styled","InputElement","Input","tokens"],"mappings":";;;AAIO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;;;;AAO/B,CAAC;AAEM,MAAMC,eAAeD,OAAOE,MAAM,CAAC;;;;;;;;;;;;;;;;kBAgBxB,EAAEC,OAAO,MAAM,CAAC,KAAK,CAAC;;AAExC,CAAC"}

package/dist/TimePicker/index.js

@@ -1,3 +1,5 @@
-import TimePicker from './TimePicker.js';
-export default TimePicker;
+import TimePicker from "./TimePicker.js";
+const src_TimePicker = TimePicker;
+export default src_TimePicker;
+
 //# sourceMappingURL=index.js.map

package/dist/TimePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAA0B,MAAM,iBAAiB,CAAC;AAGzD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TimePicker/index.js","sources":["../../src/TimePicker/index.ts"],"sourcesContent":["import TimePicker, { OuterProps } from './TimePicker.js';\n\nexport type { OuterProps as TimePickerProps };\nexport default TimePicker;\n"],"names":["TimePicker"],"mappings":";AAGA,uBAAeA"}

package/dist/TimePicker/useTimeFormatUtils.js

@@ -1,7 +1,12 @@
-import { useContext } from 'react';
-import { PickersContext } from '../PickersUtilsProvider/index.js';
-export const useTimeFormatUtils = () => {
+import { _ } from "@swc/helpers/_/_object_spread";
+import { useContext } from "react";
+import { PickersContext } from "../PickersUtilsProvider/index.js";
+const useTimeFormatUtils = ()=>{
     const utils = useContext(PickersContext);
-    return Object.assign({ locale: utils.locale }, utils.time);
+    return _({
+        locale: utils.locale
+    }, utils.time);
 };
+export { useTimeFormatUtils };
+
 //# sourceMappingURL=useTimeFormatUtils.js.map

package/dist/TimePicker/useTimeFormatUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeFormatUtils.js","sourceRoot":"","sources":["../../src/TimePicker/useTimeFormatUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAOlE,MAAM,CAAC,MAAM,kBAAkB,GAAyB,GAAG,EAAE;IAC3D,MAAM,KAAK,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACzC,uBAAS,MAAM,EAAE,KAAK,CAAC,MAAM,IAAK,KAAK,CAAC,IAAI,EAAG;AACjD,CAAC,CAAC"}
+{"version":3,"file":"TimePicker/useTimeFormatUtils.js","sources":["../../src/TimePicker/useTimeFormatUtils.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { PickersContext } from '../PickersUtilsProvider/index.js';\nimport type { TimeFormatUtils } from '../types.js';\n\nexport interface TimeUtilsProps extends TimeFormatUtils {\n  locale?: string;\n}\n\nexport const useTimeFormatUtils: () => TimeUtilsProps = () => {\n  const utils = useContext(PickersContext);\n  return { locale: utils.locale, ...utils.time };\n};\n"],"names":["useTimeFormatUtils","utils","useContext","PickersContext"],"mappings":";;;AAQO,MAAMA,qBAA2C;IACtD,MAAMC,QAAQC,WAAWC;IACzB,OAAO;QAAE,QAAQF,MAAM,MAAM;OAAKA,MAAM,IAAI;AAC9C"}

package/dist/ToggleButton/ToggleButton.js

@@ -1,22 +1,50 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import classnames from 'clsx';
-import { toggleButton, toggleButtonLabel } from '@finam/web-ui-kit-core/styles/toggleButton';
-export const classNames = toggleButton.classNames.variants;
-const ToggleButton = forwardRef((_a, ref) => {
-    var { activated, variant, size, color, label, labelPlacement = 'right', className, children } = _a, buttonProps = __rest(_a, ["activated", "variant", "size", "color", "label", "labelPlacement", "className", "children"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import clsx from "clsx";
+import { toggleButton, toggleButtonLabel } from "@finam/web-ui-kit-core/styles/toggleButton";
+const classNames = toggleButton.classNames.variants;
+const ToggleButton = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { activated, variant, size, color, label, labelPlacement = 'right', className, children } = _ref1, buttonProps = _object_without_properties__(_ref1, [
+        "activated",
+        "variant",
+        "size",
+        "color",
+        "label",
+        "labelPlacement",
+        "className",
+        "children"
+    ]), [ref] = _rest;
     const { disabled } = buttonProps;
-    const buttonClassName = classnames(toggleButton({
+    const buttonClassName = clsx(toggleButton({
         size,
         variant,
         color,
-        state: disabled
-            ? 'disabled'
-            : activated ? 'activated' : 'default',
-        iconOnly: !label,
+        state: disabled ? 'disabled' : activated ? 'activated' : 'default',
+        iconOnly: !label
     }), className);
-    return (_jsxs("button", Object.assign({ type: "button" }, buttonProps, { className: buttonClassName, ref: ref, children: [labelPlacement === 'right' && (children), !!label && (_jsx("span", { className: toggleButtonLabel, children: label })), labelPlacement === 'left' && (children)] })));
+    return /*#__PURE__*/ jsxs("button", _object_spread_props__(_({
+        type: "button"
+    }, buttonProps), {
+        className: buttonClassName,
+        ref: ref,
+        children: [
+            'right' === labelPlacement && children,
+            !!label && /*#__PURE__*/ jsx("span", {
+                className: toggleButtonLabel,
+                children: label
+            }),
+            'left' === labelPlacement && children
+        ]
+    }));
 });
-export default memo(ToggleButton);
+const ToggleButton_ToggleButton = /*#__PURE__*/ memo(ToggleButton);
+export default ToggleButton_ToggleButton;
+export { classNames };
+
 //# sourceMappingURL=ToggleButton.js.map