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

package/dist/RollPicker/PickerColumn/PickerColumn.js

@@ -1,90 +1,129 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
-import classNames from 'clsx';
-import { noScroll } from '@finam/web-ui-kit-core/styles/scroll';
-import { Column, ITEMS_PER_COLUMN, Row, ROW_HEIGHT } from './PickerColumn.styles.js';
-import Typography from '../../Typography/index.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect, useMemo, useRef, useState } from "react";
+import clsx from "clsx";
+import { noScroll } from "@finam/web-ui-kit-core/styles/scroll";
+import { Column, ITEMS_PER_COLUMN, ROW_HEIGHT, Row } from "./PickerColumn.styles.js";
+import Typography from "../../Typography/index.js";
 const RESERVED = ROW_HEIGHT * ITEMS_PER_COLUMN * 100;
 const CENTER_ITEM_OFFSET = (ITEMS_PER_COLUMN - 1) / 2;
 const SCROLL_END_TIMEOUT = 120;
 const INFINITE_PAGE_COUNT = 30;
-const PickerColumn = ({ count: countProp, initial = 0, current = 0, className, children, onChange, }) => {
+const PickerColumn = ({ count: countProp, initial = 0, current = 0, className, children, onChange })=>{
     const infinite = !countProp;
     const count = infinite ? INFINITE_PAGE_COUNT : countProp;
     const ref = useRef(null);
     const pointerDown = useRef(false);
     const [page, setPage] = useState(0);
-    const pageSize = useMemo(() => ROW_HEIGHT * count, [count]);
-    const currentReserved = useMemo(() => Math.max(0, RESERVED + pageSize * page), [page, pageSize]);
-    const renderItems = useMemo(() => {
-        const items = Array.from({ length: count }, (_, i) => i);
-        return [{ page: page - 1, items }, { page, items }, { page: page + 1, items }];
-    }, [page, count]);
-    useEffect(() => {
-        if (ref.current != null) {
-            ref.current.scrollTop =
-                RESERVED + pageSize + ROW_HEIGHT * (initial - CENTER_ITEM_OFFSET);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+    const pageSize = useMemo(()=>ROW_HEIGHT * count, [
+        count
+    ]);
+    const currentReserved = useMemo(()=>Math.max(0, RESERVED + pageSize * page), [
+        page,
+        pageSize
+    ]);
+    const renderItems = useMemo(()=>{
+        const items = Array.from({
+            length: count
+        }, (_, i)=>i);
+        return [
+            {
+                page: page - 1,
+                items
+            },
+            {
+                page,
+                items
+            },
+            {
+                page: page + 1,
+                items
+            }
+        ];
+    }, [
+        page,
+        count
+    ]);
+    useEffect(()=>{
+        if (null != ref.current) ref.current.scrollTop = RESERVED + pageSize + ROW_HEIGHT * (initial - CENTER_ITEM_OFFSET);
     }, []);
-    const scrollEndTimeoutId = useRef(undefined);
-    const handleScrollEnd = () => {
-        if (pointerDown.current || ref.current == null) {
-            return;
-        }
+    const scrollEndTimeoutId = useRef(void 0);
+    const handleScrollEnd = ()=>{
+        if (pointerDown.current || null == ref.current) return;
         const scrollTop = Math.ceil(ref.current.scrollTop);
         const addition = scrollTop % ROW_HEIGHT;
         if (!addition) {
-            const currentOffset = scrollTop - currentReserved - (ROW_HEIGHT * count);
+            const currentOffset = scrollTop - currentReserved - ROW_HEIGHT * count;
             const startIndex = currentOffset / ROW_HEIGHT;
-            if (!Number.isInteger(startIndex)) {
-                return;
-            }
-            const currentIndex = infinite
-                ? startIndex + page * count + CENTER_ITEM_OFFSET
-                : (startIndex + CENTER_ITEM_OFFSET) % count;
+            if (!Number.isInteger(startIndex)) return;
+            const currentIndex = infinite ? startIndex + page * count + CENTER_ITEM_OFFSET : (startIndex + CENTER_ITEM_OFFSET) % count;
             const revert = onChange(currentIndex);
             if (revert) {
-                const revertedScrollTop = infinite
-                    ? scrollTop - ROW_HEIGHT * currentIndex
-                    : scrollTop + ((current - currentIndex) * ROW_HEIGHT);
-                ref.current.scrollTo({ top: revertedScrollTop, behavior: 'smooth' });
+                const revertedScrollTop = infinite ? scrollTop - ROW_HEIGHT * currentIndex : scrollTop + (current - currentIndex) * ROW_HEIGHT;
+                ref.current.scrollTo({
+                    top: revertedScrollTop,
+                    behavior: 'smooth'
+                });
             }
             return;
         }
-        const nextScrollTop = addition >= ROW_HEIGHT / 2
-            ? scrollTop + ROW_HEIGHT - addition
-            : scrollTop - addition;
-        ref.current.scrollTo({ top: nextScrollTop, behavior: 'smooth' });
+        const nextScrollTop = addition >= ROW_HEIGHT / 2 ? scrollTop + ROW_HEIGHT - addition : scrollTop - addition;
+        ref.current.scrollTo({
+            top: nextScrollTop,
+            behavior: 'smooth'
+        });
     };
-    const handleScroll = (event) => {
-        if (scrollEndTimeoutId.current != null) {
+    const handleScroll = (event)=>{
+        if (null != scrollEndTimeoutId.current) {
             window.clearTimeout(scrollEndTimeoutId.current);
-            scrollEndTimeoutId.current = undefined;
+            scrollEndTimeoutId.current = void 0;
         }
         const scrollTop = event.currentTarget.scrollTop;
-        if (scrollTop <= currentReserved + pageSize) {
-            setPage(p => p - 1);
-        }
-        else if (scrollTop >= currentReserved + 2 * pageSize) {
-            setPage(p => p + 1);
-        }
+        if (scrollTop <= currentReserved + pageSize) setPage((p)=>p - 1);
+        else if (scrollTop >= currentReserved + 2 * pageSize) setPage((p)=>p + 1);
         scrollEndTimeoutId.current = window.setTimeout(handleScrollEnd, SCROLL_END_TIMEOUT);
     };
-    const handlePointerMove = (event) => {
-        if (!pointerDown.current || !ref.current)
-            return;
+    const handlePointerMove = (event)=>{
+        if (!pointerDown.current || !ref.current) return;
         event.preventDefault();
         ref.current.scrollTop -= event.movementY;
     };
-    const handlePointerDown = () => {
+    const handlePointerDown = ()=>{
         pointerDown.current = true;
     };
-    const handlePointerUp = () => {
+    const handlePointerUp = ()=>{
         pointerDown.current = false;
         handleScrollEnd();
     };
-    return (_jsxs(Column, { ref: ref, className: classNames(className, noScroll), onScroll: handleScroll, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerMove: handlePointerMove, onPointerLeave: handlePointerUp, children: [_jsx("div", { style: { minHeight: currentReserved } }), renderItems.map(({ page: p, items }) => (_jsx(Fragment, { children: items.map(val => (_jsx(Row, { "data-page": p, "data-index": val, children: _jsx(Typography, { variant: "caption11", weight: "medium", tabularNumbers: true, children: children(infinite ? val + p * count : val) }) }, val))) }, p)))] }));
+    return /*#__PURE__*/ jsxs(Column, {
+        ref: ref,
+        className: clsx(className, noScroll),
+        onScroll: handleScroll,
+        onPointerDown: handlePointerDown,
+        onPointerUp: handlePointerUp,
+        onPointerMove: handlePointerMove,
+        onPointerLeave: handlePointerUp,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                style: {
+                    minHeight: currentReserved
+                }
+            }),
+            renderItems.map(({ page: p, items })=>/*#__PURE__*/ jsx(Fragment, {
+                    children: items.map((val)=>/*#__PURE__*/ jsx(Row, {
+                            "data-page": p,
+                            "data-index": val,
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                variant: "caption11",
+                                weight: "medium",
+                                tabularNumbers: true,
+                                children: children(infinite ? val + p * count : val)
+                            })
+                        }, val))
+                }, p))
+        ]
+    });
 };
-export default PickerColumn;
+const PickerColumn_PickerColumn = PickerColumn;
+export default PickerColumn_PickerColumn;
+
 //# sourceMappingURL=PickerColumn.js.map

package/dist/RollPicker/PickerColumn/PickerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerColumn.js","sourceRoot":"","sources":["../../../src/RollPicker/PickerColumn/PickerColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RollPicker/PickerColumn/PickerColumn.js","sources":["../../../src/RollPicker/PickerColumn/PickerColumn.tsx"],"sourcesContent":["import type { PointerEvent } from 'react';\nimport { Fragment, ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'clsx';\nimport { noScroll } from '@finam/web-ui-kit-core/styles/scroll';\nimport { Column, ITEMS_PER_COLUMN, Row, ROW_HEIGHT } from './PickerColumn.styles.js';\nimport Typography from '../../Typography/index.js';\n\nconst RESERVED = ROW_HEIGHT * ITEMS_PER_COLUMN * 100;\nconst CENTER_ITEM_OFFSET = (ITEMS_PER_COLUMN - 1) / 2;\nconst SCROLL_END_TIMEOUT = 120;\nconst INFINITE_PAGE_COUNT = 30;\n\nexport interface Props {\n  count?: number;\n  initial?: number;\n  current?: number;\n  className?: string;\n  children: (index: number) => ReactNode;\n  onChange: (index: number) => boolean;\n}\n\nconst PickerColumn = ({\n  count: countProp,\n  initial = 0,\n  current = 0,\n  className,\n  children,\n  onChange,\n}: Props) => {\n  const infinite = !countProp;\n  const count = infinite ? INFINITE_PAGE_COUNT : countProp;\n\n  const ref = useRef<HTMLDivElement>(null);\n  const pointerDown = useRef(false);\n  const [page, setPage] = useState(0);\n\n  const pageSize = useMemo(() => ROW_HEIGHT * count, [count]);\n\n  const currentReserved = useMemo(\n    () => Math.max(0, RESERVED + pageSize * page),\n    [page, pageSize],\n  );\n\n  const renderItems = useMemo(() => {\n    const items = Array.from({ length: count }, (_, i) => i);\n    return [{ page: page - 1, items }, { page, items }, { page: page + 1, items }];\n  }, [page, count]);\n\n  useEffect(() => {\n    if (ref.current != null) {\n      ref.current.scrollTop =\n        RESERVED + pageSize + ROW_HEIGHT * (initial - CENTER_ITEM_OFFSET);\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const scrollEndTimeoutId = useRef<number | undefined>(undefined);\n\n  const handleScrollEnd = () => {\n    if (pointerDown.current || ref.current == null) {\n      return;\n    }\n\n    const scrollTop = Math.ceil(ref.current.scrollTop);\n\n    const addition = scrollTop % ROW_HEIGHT;\n\n    if (!addition) {\n      const currentOffset = scrollTop - currentReserved - (ROW_HEIGHT * count);\n      const startIndex = currentOffset / ROW_HEIGHT;\n\n      if (!Number.isInteger(startIndex)) {\n        return;\n      }\n\n      const currentIndex = infinite\n        ? startIndex + page * count + CENTER_ITEM_OFFSET\n        : (startIndex + CENTER_ITEM_OFFSET) % count;\n\n      const revert = onChange(currentIndex);\n\n      if (revert) {\n        const revertedScrollTop = infinite\n          ? scrollTop - ROW_HEIGHT * currentIndex\n          : scrollTop + ((current - currentIndex) * ROW_HEIGHT);\n\n        ref.current.scrollTo({ top: revertedScrollTop, behavior: 'smooth' });\n      }\n      return;\n    }\n\n    const nextScrollTop = addition >= ROW_HEIGHT / 2\n      ? scrollTop + ROW_HEIGHT - addition\n      : scrollTop - addition;\n\n    ref.current.scrollTo({ top: nextScrollTop, behavior: 'smooth' });\n  };\n\n  const handleScroll = (event: PointerEvent<HTMLDivElement>) => {\n    if (scrollEndTimeoutId.current != null) {\n      window.clearTimeout(scrollEndTimeoutId.current);\n      scrollEndTimeoutId.current = undefined;\n    }\n\n    const scrollTop = event.currentTarget.scrollTop;\n\n    if (scrollTop <= currentReserved + pageSize) {\n      setPage(p => p - 1);\n    } else if (scrollTop >= currentReserved + 2 * pageSize) {\n      setPage(p => p + 1);\n    }\n\n    scrollEndTimeoutId.current = window.setTimeout(handleScrollEnd, SCROLL_END_TIMEOUT);\n  };\n\n  const handlePointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    if (!pointerDown.current || !ref.current) return;\n    event.preventDefault();\n\n    ref.current.scrollTop -= event.movementY;\n  };\n\n  const handlePointerDown = () => {\n    pointerDown.current = true;\n  };\n\n  const handlePointerUp = () => {\n    pointerDown.current = false;\n    handleScrollEnd();\n  };\n\n  return (\n    <Column\n      ref={ref}\n      className={classNames(className, noScroll)}\n      onScroll={handleScroll}\n      onPointerDown={handlePointerDown}\n      onPointerUp={handlePointerUp}\n      onPointerMove={handlePointerMove}\n      onPointerLeave={handlePointerUp}\n    >\n      <div style={{ minHeight: currentReserved }} />\n      {\n        renderItems.map(({ page: p, items }) => (\n          <Fragment key={p}>\n            {\n              items.map(val => (\n                <Row key={val} data-page={p} data-index={val}>\n                  <Typography variant=\"caption11\" weight=\"medium\" tabularNumbers={true}>\n                    {children(infinite ? val + p * count : val)}\n                  </Typography>\n                </Row>\n              ))\n            }\n          </Fragment>\n        ))\n      }\n    </Column>\n  );\n};\n\nexport default PickerColumn;\n"],"names":["RESERVED","ROW_HEIGHT","ITEMS_PER_COLUMN","CENTER_ITEM_OFFSET","SCROLL_END_TIMEOUT","INFINITE_PAGE_COUNT","PickerColumn","countProp","initial","current","className","children","onChange","infinite","count","ref","useRef","pointerDown","page","setPage","useState","pageSize","useMemo","currentReserved","Math","renderItems","items","Array","_","i","useEffect","scrollEndTimeoutId","undefined","handleScrollEnd","scrollTop","addition","currentOffset","startIndex","Number","currentIndex","revert","revertedScrollTop","nextScrollTop","handleScroll","event","window","p","handlePointerMove","handlePointerDown","handlePointerUp","Column","classNames","noScroll","Fragment","val","Row","Typography"],"mappings":"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"}

package/dist/RollPicker/PickerColumn/PickerColumn.styles.js

@@ -1,17 +1,18 @@
-import { styled } from '@linaria/react';
-export const ROW_HEIGHT = 25;
-export const ITEMS_PER_COLUMN = 7;
-export const COLUMN_HEIGHT = ROW_HEIGHT * ITEMS_PER_COLUMN;
-export const Column = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const ROW_HEIGHT = 25;
+const ITEMS_PER_COLUMN = 7;
+const COLUMN_HEIGHT = ROW_HEIGHT * ITEMS_PER_COLUMN;
+const Column = /*#__PURE__*/styled('div')({
   name: "Column",
   class: "ui_components_calhsc6",
   propsAsIs: false
 });
-export const Row = /*#__PURE__*/styled('div')({
+const Row = /*#__PURE__*/styled('div')({
   name: "Row",
   class: "ui_components_r1q3m9p4",
   propsAsIs: false
 });
+export { COLUMN_HEIGHT, Column, ITEMS_PER_COLUMN, ROW_HEIGHT, Row };
 //# sourceMappingURL=PickerColumn.styles.js.map
 
 import "./PickerColumn.styles.css";

package/dist/RollPicker/PickerColumn/PickerColumn.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerColumn.styles.js","sourceRoot":"","sources":["../../../src/RollPicker/PickerColumn/PickerColumn.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,GAAG,gBAAgB,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;YAIpB,aAAa;WACd,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAE/B,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;cACf,UAAU;;;CAGvB,CAAC"}
+{"version":3,"file":"RollPicker/PickerColumn/PickerColumn.styles.js","sources":["../../../src/RollPicker/PickerColumn/PickerColumn.styles.ts"],"sourcesContent":["import { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { styled } from '@linaria/react';\n\nexport const ROW_HEIGHT = 25;\nexport const ITEMS_PER_COLUMN = 7;\nexport const COLUMN_HEIGHT = ROW_HEIGHT * ITEMS_PER_COLUMN;\n\nexport const Column = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${COLUMN_HEIGHT}px;\n  width: ${tokens.spacing['2xl']};\n  overflow: scroll;\n`;\n\nexport const Row = styled.div`\n  flex: 1 0 ${ROW_HEIGHT}px;\n  display: flex;\n  align-items: center;\n`;\n"],"names":["ROW_HEIGHT","ITEMS_PER_COLUMN","COLUMN_HEIGHT","Column","styled","tokens","Row"],"mappings":";;AAGO,MAAMA,aAAa;AACnB,MAAMC,mBAAmB;AACzB,MAAMC,gBAAgBF,aAAaC;AAEnC,MAAME,SAASC,OAAO,GAAG,CAAC;;;;UAIvB,EAAEF,cAAc;SACjB,EAAEG,OAAO,OAAO,CAAC,MAAM,CAAC;;AAEjC,CAAC;AAEM,MAAMC,MAAMF,OAAO,GAAG,CAAC;YAClB,EAAEJ,WAAW;;;AAGzB,CAAC"}

package/dist/RollPicker/PickerColumn/index.js

@@ -1,3 +1,2 @@
-export { default } from './PickerColumn.js';
-export { ROW_HEIGHT } from './PickerColumn.styles.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./PickerColumn.js";
+export { ROW_HEIGHT } from "./PickerColumn.styles.js";

package/dist/RollPicker/RollPicker.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useContext, useEffect, useRef } from 'react';
-import classNames from 'clsx';
-import PickerColumn from './PickerColumn/index.js';
-import { Root, Content, Center, Header, HeaderItem } from './RollPicker.styles.js';
-import { getTimeMilliseconds, timeToLocalDate } from '../DateTimePicker/utils.js';
-import { PickersContext } from '../PickersUtilsProvider/index.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useContext, useEffect, useRef } from "react";
+import clsx from "clsx";
+import PickerColumn from "./PickerColumn/index.js";
+import { Center, Content, Header, HeaderItem, Root } from "./RollPicker.styles.js";
+import { getTimeMilliseconds, timeToLocalDate } from "../DateTimePicker/utils.js";
+import { PickersContext } from "../PickersUtilsProvider/index.js";
 const HOURS_COUNT = 24;
 const MINUTES_COUNT = 60;
 const SECONDS_COUNT = 60;
@@ -17,59 +17,115 @@ const SECONDS_RU = 'Сек.';
 const SECONDS_EN = 'Sec.';
 const MILLISECONDS_RU = 'Мс.';
 const MILLISECONDS_EN = 'Ms.';
-const getHoursText = (locale = 'ru') => (locale === 'ru' ? HOURS_RU : HOURS_EN);
-const getMinutesText = (locale = 'ru') => (locale === 'ru' ? MINUTES_RU : MINUTES_EN);
-const getSecondsText = (locale = 'ru') => (locale === 'ru' ? SECONDS_RU : SECONDS_EN);
-const getMillisecondsText = (locale = 'ru') => (locale === 'ru' ? MILLISECONDS_RU : MILLISECONDS_EN);
-const RollPicker = ({ initialValue, withSeconds, withMilliseconds, minTime = 0, maxTime = 24 * 60 * 60 * 1000 - 1, disablePast, disableFuture, locale: localeProp, onChange, }) => {
+const getHoursText = (locale = 'ru')=>'ru' === locale ? HOURS_RU : HOURS_EN;
+const getMinutesText = (locale = 'ru')=>'ru' === locale ? MINUTES_RU : MINUTES_EN;
+const getSecondsText = (locale = 'ru')=>'ru' === locale ? SECONDS_RU : SECONDS_EN;
+const getMillisecondsText = (locale = 'ru')=>'ru' === locale ? MILLISECONDS_RU : MILLISECONDS_EN;
+const RollPicker = ({ initialValue, withSeconds, withMilliseconds, minTime = 0, maxTime = 86400000 - 1, disablePast, disableFuture, locale: localeProp, onChange })=>{
     const { locale: localeBase } = useContext(PickersContext);
-    const initialTime = useRef(initialValue == null ? getTimeMilliseconds(new Date()) : initialValue);
+    const initialTime = useRef(null == initialValue ? getTimeMilliseconds(new Date()) : initialValue);
     const currentTime = useRef(initialTime.current);
-    useEffect(() => {
-        if (initialValue == null && onChange) {
-            onChange(initialTime.current);
-        }
-    }, [initialValue, onChange]);
-    const handleChange = (nextValue) => {
-        if (nextValue === currentTime.current) {
-            return false;
-        }
+    useEffect(()=>{
+        if (null == initialValue && onChange) onChange(initialTime.current);
+    }, [
+        initialValue,
+        onChange
+    ]);
+    const handleChange = (nextValue)=>{
+        if (nextValue === currentTime.current) return false;
         const min = disablePast ? getTimeMilliseconds(new Date()) : minTime;
         const max = disableFuture ? getTimeMilliseconds(new Date()) : maxTime;
-        if (nextValue < min ||
-            nextValue > max) {
-            return true;
-        }
+        if (nextValue < min || nextValue > max) return true;
         currentTime.current = nextValue;
-        if (onChange) {
-            onChange(nextValue);
-        }
+        if (onChange) onChange(nextValue);
         return false;
     };
-    const handleChangeHours = (index) => {
+    const handleChangeHours = (index)=>{
         const nextValue = timeToLocalDate(currentTime.current);
         nextValue.setHours(index);
         return handleChange(getTimeMilliseconds(nextValue));
     };
-    const handleChangeMinutes = (index) => {
+    const handleChangeMinutes = (index)=>{
         const nextValue = timeToLocalDate(currentTime.current);
         nextValue.setMinutes(index);
         return handleChange(getTimeMilliseconds(nextValue));
     };
-    const handleChangeSeconds = (index) => {
+    const handleChangeSeconds = (index)=>{
         const nextValue = timeToLocalDate(currentTime.current);
         nextValue.setSeconds(index);
         return handleChange(getTimeMilliseconds(nextValue));
     };
-    const handleChangeMilliseconds = (index) => {
+    const handleChangeMilliseconds = (index)=>{
         const nextValue = timeToLocalDate(currentTime.current);
         nextValue.setMilliseconds(index);
         return handleChange(getTimeMilliseconds(nextValue));
     };
     const initialDate = timeToLocalDate(initialTime.current);
     const currentDate = timeToLocalDate(currentTime.current);
-    const locale = localeProp !== null && localeProp !== void 0 ? localeProp : localeBase;
-    return (_jsxs(Root, { className: classNames({ withSeconds, withMilliseconds }), children: [_jsxs(Header, { variant: "caption10", weight: "semiBold", color: "disabled", noMargin: false, children: [_jsx(HeaderItem, { children: getHoursText(locale) }), _jsx(HeaderItem, { children: getMinutesText(locale) }), (withSeconds || withMilliseconds) && _jsx(HeaderItem, { children: getSecondsText(locale) }), withMilliseconds && _jsx(HeaderItem, { children: getMillisecondsText(locale) })] }), _jsxs(Content, { children: [_jsx(Center, {}), _jsx(PickerColumn, { count: HOURS_COUNT, initial: initialDate.getHours(), current: currentDate.getHours(), onChange: handleChangeHours, children: i => i.toString().padStart(2, '0') }), _jsx(PickerColumn, { count: MINUTES_COUNT, initial: initialDate.getMinutes(), current: currentDate.getMinutes(), onChange: handleChangeMinutes, children: i => i.toString().padStart(2, '0') }), (withSeconds || withMilliseconds) && (_jsx(PickerColumn, { count: SECONDS_COUNT, initial: initialDate.getSeconds(), current: currentDate.getSeconds(), onChange: handleChangeSeconds, children: i => i.toString().padStart(2, '0') })), withMilliseconds && (_jsx(PickerColumn, { count: MILLISECONDS_COUNT, initial: initialDate.getMilliseconds(), current: currentDate.getMilliseconds(), onChange: handleChangeMilliseconds, children: i => i.toString().padStart(3, '0') }))] })] }));
+    const locale = null != localeProp ? localeProp : localeBase;
+    return /*#__PURE__*/ jsxs(Root, {
+        className: clsx({
+            withSeconds,
+            withMilliseconds
+        }),
+        children: [
+            /*#__PURE__*/ jsxs(Header, {
+                variant: "caption10",
+                weight: "semiBold",
+                color: "disabled",
+                noMargin: false,
+                children: [
+                    /*#__PURE__*/ jsx(HeaderItem, {
+                        children: getHoursText(locale)
+                    }),
+                    /*#__PURE__*/ jsx(HeaderItem, {
+                        children: getMinutesText(locale)
+                    }),
+                    (withSeconds || withMilliseconds) && /*#__PURE__*/ jsx(HeaderItem, {
+                        children: getSecondsText(locale)
+                    }),
+                    withMilliseconds && /*#__PURE__*/ jsx(HeaderItem, {
+                        children: getMillisecondsText(locale)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Content, {
+                children: [
+                    /*#__PURE__*/ jsx(Center, {}),
+                    /*#__PURE__*/ jsx(PickerColumn, {
+                        count: HOURS_COUNT,
+                        initial: initialDate.getHours(),
+                        current: currentDate.getHours(),
+                        onChange: handleChangeHours,
+                        children: (i)=>i.toString().padStart(2, '0')
+                    }),
+                    /*#__PURE__*/ jsx(PickerColumn, {
+                        count: MINUTES_COUNT,
+                        initial: initialDate.getMinutes(),
+                        current: currentDate.getMinutes(),
+                        onChange: handleChangeMinutes,
+                        children: (i)=>i.toString().padStart(2, '0')
+                    }),
+                    (withSeconds || withMilliseconds) && /*#__PURE__*/ jsx(PickerColumn, {
+                        count: SECONDS_COUNT,
+                        initial: initialDate.getSeconds(),
+                        current: currentDate.getSeconds(),
+                        onChange: handleChangeSeconds,
+                        children: (i)=>i.toString().padStart(2, '0')
+                    }),
+                    withMilliseconds && /*#__PURE__*/ jsx(PickerColumn, {
+                        count: MILLISECONDS_COUNT,
+                        initial: initialDate.getMilliseconds(),
+                        current: currentDate.getMilliseconds(),
+                        onChange: handleChangeMilliseconds,
+                        children: (i)=>i.toString().padStart(3, '0')
+                    })
+                ]
+            })
+        ]
+    });
 };
-export default memo(RollPicker);
+const RollPicker_RollPicker = /*#__PURE__*/ memo(RollPicker);
+export default RollPicker_RollPicker;
+
 //# sourceMappingURL=RollPicker.js.map

package/dist/RollPicker/RollPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"RollPicker.js","sourceRoot":"","sources":["../../src/RollPicker/RollPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,QAAQ,GAAG,MAAM,CAAC;AACxB,MAAM,QAAQ,GAAG,KAAK,CAAC;AACvB,MAAM,UAAU,GAAG,MAAM,CAAC;AAC1B,MAAM,UAAU,GAAG,MAAM,CAAC;AAC1B,MAAM,UAAU,GAAG,MAAM,CAAC;AAC1B,MAAM,UAAU,GAAG,MAAM,CAAC;AAC1B,MAAM,eAAe,GAAG,KAAK,CAAC;AAC9B,MAAM,eAAe,GAAG,KAAK,CAAC;AAE9B,MAAM,YAAY,GAAG,CAAC,SAAiB,IAAI,EAAE,EAAE,CAAC,CAC9C,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CACtC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,SAAiB,IAAI,EAAE,EAAE,CAAC,CAChD,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAC1C,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,SAAiB,IAAI,EAAE,EAAE,CAAC,CAChD,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAC1C,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,SAAiB,IAAI,EAAE,EAAE,CAAC,CACrD,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CACpD,CAAC;AAcF,MAAM,UAAU,GAAG,CAAC,EAClB,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,CAAC,EACjC,WAAW,EACX,aAAa,EACb,MAAM,EAAE,UAAU,EAClB,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAClG,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,IAAI,IAAI,IAAI,QAAQ,EAAE,CAAC;YACrC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,EAAE;QACzC,IAAI,SAAS,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QACpE,MAAM,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QACtE,IAAI,SAAS,GAAG,GAAG;YACjB,SAAS,GAAG,GAAG,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;QAEhC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,MAAM,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACvD,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE1B,OAAO,YAAY,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,MAAM,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACvD,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAE5B,OAAO,YAAY,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,MAAM,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACvD,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAE5B,OAAO,YAAY,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,KAAa,EAAE,EAAE;QACjD,MAAM,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACvD,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAEjC,OAAO,YAAY,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEzD,MAAM,MAAM,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,UAAU,CAAC;IAExC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,aAC5D,MAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,KAAK,aAC5E,KAAC,UAAU,cAAE,YAAY,CAAC,MAAM,CAAC,GAAc,EAC/C,KAAC,UAAU,cAAE,cAAc,CAAC,MAAM,CAAC,GAAc,EAChD,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,KAAC,UAAU,cAAE,cAAc,CAAC,MAAM,CAAC,GAAc,EACtF,gBAAgB,IAAI,KAAC,UAAU,cAAE,mBAAmB,CAAC,MAAM,CAAC,GAAc,IACpE,EACT,MAAC,OAAO,eACN,KAAC,MAAM,KAAG,EACV,KAAC,YAAY,IACX,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,CAAC,QAAQ,EAAE,EAC/B,OAAO,EAAE,WAAW,CAAC,QAAQ,EAAE,EAC/B,QAAQ,EAAE,iBAAiB,YAGzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAEvB,EACf,KAAC,YAAY,IACX,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,EACjC,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,EACjC,QAAQ,EAAE,mBAAmB,YAG3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAEvB,EAEb,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,CACnC,KAAC,YAAY,IACX,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,EACjC,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,EACjC,QAAQ,EAAE,mBAAmB,YAG3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAEvB,CAChB,EAGD,gBAAgB,IAAI,CAClB,KAAC,YAAY,IACX,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,WAAW,CAAC,eAAe,EAAE,EACtC,OAAO,EAAE,WAAW,CAAC,eAAe,EAAE,EACtC,QAAQ,EAAE,wBAAwB,YAGhC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAEvB,CAChB,IAEK,IACL,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"RollPicker/RollPicker.js","sources":["../../src/RollPicker/RollPicker.tsx"],"sourcesContent":["import { memo, useContext, useEffect, useRef } from 'react';\nimport classNames from 'clsx';\nimport PickerColumn from './PickerColumn/index.js';\nimport { Root, Content, Center, Header, HeaderItem } from './RollPicker.styles.js';\nimport { getTimeMilliseconds, timeToLocalDate } from '../DateTimePicker/utils.js';\nimport { PickersContext } from '../PickersUtilsProvider/index.js';\n\nconst HOURS_COUNT = 24;\nconst MINUTES_COUNT = 60;\nconst SECONDS_COUNT = 60;\nconst MILLISECONDS_COUNT = 999;\n\nconst HOURS_RU = 'Час.';\nconst HOURS_EN = 'HR.';\nconst MINUTES_RU = 'Мин.';\nconst MINUTES_EN = 'Min.';\nconst SECONDS_RU = 'Сек.';\nconst SECONDS_EN = 'Sec.';\nconst MILLISECONDS_RU = 'Мс.';\nconst MILLISECONDS_EN = 'Ms.';\n\nconst getHoursText = (locale: string = 'ru') => (\n  locale === 'ru' ? HOURS_RU : HOURS_EN\n);\n\nconst getMinutesText = (locale: string = 'ru') => (\n  locale === 'ru' ? MINUTES_RU : MINUTES_EN\n);\n\nconst getSecondsText = (locale: string = 'ru') => (\n  locale === 'ru' ? SECONDS_RU : SECONDS_EN\n);\n\nconst getMillisecondsText = (locale: string = 'ru') => (\n  locale === 'ru' ? MILLISECONDS_RU : MILLISECONDS_EN\n);\n\nexport interface Props {\n  initialValue?: number;\n  withSeconds?: boolean;\n  withMilliseconds?: boolean;\n  minTime?: number;\n  maxTime?: number;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  locale?: string;\n  onChange?: (value: number) => void;\n}\n\nconst RollPicker = ({\n  initialValue,\n  withSeconds,\n  withMilliseconds,\n  minTime = 0,\n  maxTime = 24 * 60 * 60 * 1000 - 1,\n  disablePast,\n  disableFuture,\n  locale: localeProp,\n  onChange,\n}: Props) => {\n  const { locale: localeBase } = useContext(PickersContext);\n\n  const initialTime = useRef(initialValue == null ? getTimeMilliseconds(new Date()) : initialValue);\n  const currentTime = useRef(initialTime.current);\n\n  useEffect(() => {\n    if (initialValue == null && onChange) {\n      onChange(initialTime.current);\n    }\n  }, [initialValue, onChange]);\n\n  const handleChange = (nextValue: number) => {\n    if (nextValue === currentTime.current) {\n      return false;\n    }\n\n    const min = disablePast ? getTimeMilliseconds(new Date()) : minTime;\n    const max = disableFuture ? getTimeMilliseconds(new Date()) : maxTime;\n    if (nextValue < min ||\n      nextValue > max) {\n      return true;\n    }\n\n    currentTime.current = nextValue;\n\n    if (onChange) {\n      onChange(nextValue);\n    }\n    return false;\n  };\n\n  const handleChangeHours = (index: number) => {\n    const nextValue = timeToLocalDate(currentTime.current);\n    nextValue.setHours(index);\n\n    return handleChange(getTimeMilliseconds(nextValue));\n  };\n\n  const handleChangeMinutes = (index: number) => {\n    const nextValue = timeToLocalDate(currentTime.current);\n    nextValue.setMinutes(index);\n\n    return handleChange(getTimeMilliseconds(nextValue));\n  };\n\n  const handleChangeSeconds = (index: number) => {\n    const nextValue = timeToLocalDate(currentTime.current);\n    nextValue.setSeconds(index);\n\n    return handleChange(getTimeMilliseconds(nextValue));\n  };\n\n  const handleChangeMilliseconds = (index: number) => {\n    const nextValue = timeToLocalDate(currentTime.current);\n    nextValue.setMilliseconds(index);\n\n    return handleChange(getTimeMilliseconds(nextValue));\n  };\n\n  const initialDate = timeToLocalDate(initialTime.current);\n  const currentDate = timeToLocalDate(currentTime.current);\n\n  const locale = localeProp ?? localeBase;\n\n  return (\n    <Root className={classNames({ withSeconds, withMilliseconds })}>\n      <Header variant=\"caption10\" weight=\"semiBold\" color=\"disabled\" noMargin={false}>\n        <HeaderItem>{getHoursText(locale)}</HeaderItem>\n        <HeaderItem>{getMinutesText(locale)}</HeaderItem>\n        {(withSeconds || withMilliseconds) && <HeaderItem>{getSecondsText(locale)}</HeaderItem>}\n        {withMilliseconds && <HeaderItem>{getMillisecondsText(locale)}</HeaderItem>}\n      </Header>\n      <Content>\n        <Center />\n        <PickerColumn\n          count={HOURS_COUNT}\n          initial={initialDate.getHours()}\n          current={currentDate.getHours()}\n          onChange={handleChangeHours}\n        >\n          {\n            i => i.toString().padStart(2, '0')\n          }\n        </PickerColumn>\n        <PickerColumn\n          count={MINUTES_COUNT}\n          initial={initialDate.getMinutes()}\n          current={currentDate.getMinutes()}\n          onChange={handleChangeMinutes}\n        >\n          {\n            i => i.toString().padStart(2, '0')\n          }\n        </PickerColumn>\n        {\n          (withSeconds || withMilliseconds) && (\n            <PickerColumn\n              count={SECONDS_COUNT}\n              initial={initialDate.getSeconds()}\n              current={currentDate.getSeconds()}\n              onChange={handleChangeSeconds}\n            >\n              {\n                i => i.toString().padStart(2, '0')\n              }\n            </PickerColumn>\n          )\n        }\n        {\n          withMilliseconds && (\n            <PickerColumn\n              count={MILLISECONDS_COUNT}\n              initial={initialDate.getMilliseconds()}\n              current={currentDate.getMilliseconds()}\n              onChange={handleChangeMilliseconds}\n            >\n              {\n                i => i.toString().padStart(3, '0')\n              }\n            </PickerColumn>\n          )\n        }\n      </Content>\n    </Root>\n  );\n};\n\nexport default memo(RollPicker);\n"],"names":["HOURS_COUNT","MINUTES_COUNT","SECONDS_COUNT","MILLISECONDS_COUNT","HOURS_RU","HOURS_EN","MINUTES_RU","MINUTES_EN","SECONDS_RU","SECONDS_EN","MILLISECONDS_RU","MILLISECONDS_EN","getHoursText","locale","getMinutesText","getSecondsText","getMillisecondsText","RollPicker","initialValue","withSeconds","withMilliseconds","minTime","maxTime","disablePast","disableFuture","localeProp","onChange","localeBase","useContext","PickersContext","initialTime","useRef","getTimeMilliseconds","Date","currentTime","useEffect","handleChange","nextValue","min","max","handleChangeHours","index","timeToLocalDate","handleChangeMinutes","handleChangeSeconds","handleChangeMilliseconds","initialDate","currentDate","Root","classNames","Header","HeaderItem","Content","Center","PickerColumn","i","memo"],"mappings":"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"}

package/dist/RollPicker/RollPicker.styles.js

@@ -1,31 +1,32 @@
-import { styled } from '@linaria/react';
-import Typography from '../Typography/index.js';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+import Typography from "../Typography/index.js";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r1lffomx",
   propsAsIs: false
 });
 const _exp3 = () => (Typography);
-export const Header = /*#__PURE__*/styled(_exp3())({
+const Header = /*#__PURE__*/styled(_exp3())({
   name: "Header",
   class: "ui_components_hkegci",
   propsAsIs: true
 });
-export const HeaderItem = /*#__PURE__*/styled('span')({
+const HeaderItem = /*#__PURE__*/styled('span')({
   name: "HeaderItem",
   class: "ui_components_h1ioacxr",
   propsAsIs: false
 });
-export const Content = /*#__PURE__*/styled('div')({
+const Content = /*#__PURE__*/styled('div')({
   name: "Content",
   class: "ui_components_c27h7bt",
   propsAsIs: false
 });
-export const Center = /*#__PURE__*/styled('div')({
+const Center = /*#__PURE__*/styled('div')({
   name: "Center",
   class: "ui_components_c9h9ev5",
   propsAsIs: false
 });
+export { Center, Content, Header, HeaderItem, Root };
 //# sourceMappingURL=RollPicker.styles.js.map
 
 import "./RollPicker.styles.css";

package/dist/RollPicker/RollPicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RollPicker.styles.js","sourceRoot":"","sources":["../../src/RollPicker/RollPicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAEhD,MAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,wBAAwB,EAAE,mEAAmE;IACxG,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,cAAc,UAAU,GAAG,CAAC,KAAK;IACzC,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;aAGjB,MAAM,CAAC,OAAO,CAAC,CAAC;mBACV,MAAM,CAAC,MAAM,CAAC,CAAC;;;;;;;;;;CAUjC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;aAI3B,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;;;;oBAIhC,MAAM,CAAC,OAAO,CAAC,CAAC;;CAEnC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAA;WAC1B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aACnB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGzD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;aAIpB,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;;;oBAGjC,MAAM,CAAC,OAAO,CAAC,CAAC;;;;MAI9B,YAAY;kBACA,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM;;;;MAI3C,YAAY;kBACA,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM;;;CAGhD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;YAIpB,UAAU;;oBAEF,UAAU;;gBAEd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;mBAC3B,MAAM,CAAC,MAAM,CAAC,CAAC;;CAEjC,CAAC"}
+{"version":3,"file":"RollPicker/RollPicker.styles.js","sources":["../../src/RollPicker/RollPicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { ROW_HEIGHT } from './PickerColumn/index.js';\nimport Typography from '../Typography/index.js';\n\nconst overlayMixin = {\n  position: 'absolute',\n  zIndex: 1,\n  transform: 'translate3d(0, 0, 1px)', /* исправляет моргание в safari при открытии внутри PanelPopover */\n  display: 'block',\n  content: '\"\"',\n  width: '100%',\n  height: `calc(50% - ${ROW_HEIGHT / 2}px)`,\n  opacity: 0.6,\n  left: 0,\n  pointerEvents: 'none',\n};\n\nexport const Root = styled.div`\n  min-width: 140px;\n  box-sizing: border-box;\n  padding: ${tokens.spacing.m};\n  border-radius: ${tokens.radius.l};\n  user-select: none;\n\n  &.withSeconds {\n    min-width: 184px;\n  }\n\n  &.withMilliseconds {\n    min-width: 228px;\n  }\n`;\n\nexport const Header = styled(Typography)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: ${tokens.spacing.none} ${tokens.spacing.s};\n  margin: 0 0 2px;\n\n  & > *:not(:last-child) {\n    margin-right: ${tokens.spacing.s};\n  }\n`;\n\nexport const HeaderItem = styled.span`\n  width: ${tokens.spacing['2xl']};\n  padding: ${tokens.spacing['2xs']} ${tokens.spacing.micro};\n  text-align: center;\n  box-sizing: border-box;\n`;\n\nexport const Content = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  padding: ${tokens.spacing.micro} ${tokens.spacing.l};\n\n  & > *:not(:last-child) {\n    margin-right: ${tokens.spacing.s};\n  }\n\n  &:before {\n    ${overlayMixin}\n    background: ${tokens.gradient.elevated.downUp};\n  }\n\n  &:after {\n    ${overlayMixin}\n    background: ${tokens.gradient.elevated.upDown};\n    bottom: 0;\n  }\n`;\n\nexport const Center = styled.div`\n  position: absolute;\n  z-index: 1;\n  transform: translate3d(0, 0, 1px); /* исправляет моргание в safari при открытии внутри PanelPopover */\n  height: ${ROW_HEIGHT}px;\n  width: 100%;\n  top: calc(50% - ${ROW_HEIGHT}px / 2);\n  left: 0;\n  background: ${tokens.colors.opacity.base[24]};\n  border-radius: ${tokens.radius.s};\n  pointer-events: none;\n`;\n"],"names":["overlayMixin","ROW_HEIGHT","Root","styled","tokens","Header","Typography","HeaderItem","Content","Center"],"mappings":";;;;AAKA,MAAMA,eAAe;IACnB,UAAU;IACV,QAAQ;IACR,WAAW;IACX,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ,CAAC,WAAW,EAAEC,aAAa,EAAE,GAAG,CAAC;IACzC,SAAS;IACT,MAAM;IACN,eAAe;AACjB;AAEO,MAAMC,OAAOC,OAAO,GAAG,CAAC;;;WAGpB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;iBACb,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC;;;;;;;;;;AAUnC,CAAC;AAEM,MAAMC,SAASF,OAAOG,WAAW,CAAC;;;;WAI9B,EAAEF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;;;kBAInC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;AAErC,CAAC;AAEM,MAAMG,aAAaJ,OAAO,IAAI,CAAC;SAC7B,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;WACtB,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,KAAK,CAAC;;;AAG3D,CAAC;AAEM,MAAMI,UAAUL,OAAO,GAAG,CAAC;;;;WAIvB,EAAEC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;;kBAGpC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;;;IAIjC,EAAEJ,aAAa;gBACH,EAAEI,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;IAI9C,EAAEJ,aAAa;gBACH,EAAEI,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;;;AAGlD,CAAC;AAEM,MAAMK,SAASN,OAAO,GAAG,CAAC;;;;UAIvB,EAAEF,WAAW;;kBAEL,EAAEA,WAAW;;cAEjB,EAAEG,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAG,CAAC;iBAC9B,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC;;AAEnC,CAAC"}

package/dist/RollPicker/index.js

@@ -1,2 +1 @@
-export { default, } from './RollPicker.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./RollPicker.js";