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

package/dist/DateTimePeriod/DateTimePeriod.js

@@ -1,30 +1,101 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, memo } from 'react';
-import classNames from 'clsx';
-import { DateTimePickerTo, DateTimePickerFrom, Delimiter, DatePickerFrom, DatePickerTo, Root, Container } from './DateTimePeriod.styles.js';
-import FieldHint from '../FieldHint/FieldHint.js';
+import { _ } from "@swc/helpers/_/_object_spread";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import clsx from "clsx";
+import { Container, DatePickerFrom, DatePickerTo, DateTimePickerFrom, DateTimePickerTo, Delimiter, Root } from "./DateTimePeriod.styles.js";
+import FieldHint from "../FieldHint/FieldHint.js";
 const defaultTimeProps = {};
 const defaultMinDate = new Date('1900-01-01');
 const defaultMaxDate = new Date('2100-01-01');
-const DateTimePeriod = ({ fullWidth, disabled, variant, message, errorText, fromLabel = 'From', toLabel = 'To', onChangePeriod, TimeProps = defaultTimeProps, size = 'l', fromValue, toValue, readOnly, withKeyboard = true, isDateOnly = false, className, hintTooltip = size !== 'l', hideEmptyHint, hintTooltipPlacement, hintTooltipVariant, hintTooltipMaxWidth, }) => {
-    const onChangeFrom = useCallback((date) => {
-        onChangePeriod([date, toValue]);
-    }, [toValue, onChangePeriod]);
-    const onChangeTo = useCallback((date) => {
-        onChangePeriod([fromValue, date]);
-    }, [fromValue, onChangePeriod]);
+const DateTimePeriod = ({ fullWidth, disabled, variant, message, errorText, fromLabel = 'From', toLabel = 'To', onChangePeriod, TimeProps = defaultTimeProps, size = 'l', fromValue, toValue, readOnly, withKeyboard = true, isDateOnly = false, className, hintTooltip = 'l' !== size, hideEmptyHint, hintTooltipPlacement, hintTooltipVariant, hintTooltipMaxWidth })=>{
+    const onChangeFrom = useCallback((date)=>{
+        onChangePeriod([
+            date,
+            toValue
+        ]);
+    }, [
+        toValue,
+        onChangePeriod
+    ]);
+    const onChangeTo = useCallback((date)=>{
+        onChangePeriod([
+            fromValue,
+            date
+        ]);
+    }, [
+        fromValue,
+        onChangePeriod
+    ]);
     const commonProps = {
         variant,
         size,
         readOnly,
         fullWidth,
         withKeyboard,
-        disabled,
+        disabled
     };
-    const rootClassName = classNames(className, {
-        fullWidth,
+    const rootClassName = clsx(className, {
+        fullWidth
+    });
+    return /*#__PURE__*/ jsx(Root, {
+        className: rootClassName,
+        children: /*#__PURE__*/ jsx(FieldHint, {
+            variant: hintTooltip ? 'tooltip' : 'static',
+            size: size,
+            message: errorText || message,
+            disabled: disabled,
+            error: null != errorText,
+            hideEmpty: hideEmptyHint,
+            tooltipPlacement: hintTooltipPlacement,
+            tooltipVariant: hintTooltipVariant,
+            tooltipMaxWidth: hintTooltipMaxWidth,
+            children: /*#__PURE__*/ jsxs(Container, {
+                children: [
+                    isDateOnly ? /*#__PURE__*/ jsx(DatePickerFrom, _({
+                        name: "From",
+                        value: fromValue,
+                        onChange: onChangeFrom,
+                        minDate: defaultMinDate,
+                        maxDate: toValue || defaultMaxDate,
+                        label: fromLabel,
+                        hideEmptyHint: true
+                    }, commonProps)) : /*#__PURE__*/ jsx(DateTimePickerFrom, _({
+                        name: "From",
+                        value: fromValue,
+                        onChange: onChangeFrom,
+                        minDate: defaultMinDate,
+                        maxDate: toValue || defaultMaxDate,
+                        TimeProps: TimeProps,
+                        label: fromLabel,
+                        hideEmptyHint: true
+                    }, commonProps)),
+                    /*#__PURE__*/ jsx(Delimiter, {
+                        children: fromValue || toValue ? '—' : ''
+                    }),
+                    isDateOnly ? /*#__PURE__*/ jsx(DatePickerTo, _({
+                        name: "To",
+                        value: toValue,
+                        onChange: onChangeTo,
+                        minDate: fromValue || defaultMinDate,
+                        maxDate: defaultMaxDate,
+                        label: toLabel,
+                        hideEmptyHint: true
+                    }, commonProps)) : /*#__PURE__*/ jsx(DateTimePickerTo, _({
+                        name: "To",
+                        value: toValue,
+                        onChange: onChangeTo,
+                        minDate: fromValue || defaultMinDate,
+                        maxDate: defaultMaxDate,
+                        TimeProps: TimeProps,
+                        label: toLabel,
+                        hideEmptyHint: true
+                    }, commonProps))
+                ]
+            })
+        })
     });
-    return (_jsx(Root, { className: rootClassName, children: _jsx(FieldHint, { variant: hintTooltip ? 'tooltip' : 'static', size: size, message: errorText || message, disabled: disabled, error: errorText != null, hideEmpty: hideEmptyHint, tooltipPlacement: hintTooltipPlacement, tooltipVariant: hintTooltipVariant, tooltipMaxWidth: hintTooltipMaxWidth, children: _jsxs(Container, { children: [isDateOnly ? (_jsx(DatePickerFrom, Object.assign({ name: "From", value: fromValue, onChange: onChangeFrom, minDate: defaultMinDate, maxDate: toValue || defaultMaxDate, label: fromLabel, hideEmptyHint: true }, commonProps))) : (_jsx(DateTimePickerFrom, Object.assign({ name: "From", value: fromValue, onChange: onChangeFrom, minDate: defaultMinDate, maxDate: toValue || defaultMaxDate, TimeProps: TimeProps, label: fromLabel, hideEmptyHint: true }, commonProps))), _jsx(Delimiter, { children: fromValue || toValue ? '—' : '' }), isDateOnly ? (_jsx(DatePickerTo, Object.assign({ name: "To", value: toValue, onChange: onChangeTo, minDate: fromValue || defaultMinDate, maxDate: defaultMaxDate, label: toLabel, hideEmptyHint: true }, commonProps))) : (_jsx(DateTimePickerTo, Object.assign({ name: "To", value: toValue, onChange: onChangeTo, minDate: fromValue || defaultMinDate, maxDate: defaultMaxDate, TimeProps: TimeProps, label: toLabel, hideEmptyHint: true }, commonProps)))] }) }) }));
 };
-export default memo(DateTimePeriod);
+const DateTimePeriod_DateTimePeriod = /*#__PURE__*/ memo(DateTimePeriod);
+export default DateTimePeriod_DateTimePeriod;
+
 //# sourceMappingURL=DateTimePeriod.js.map

package/dist/DateTimePeriod/DateTimePeriod.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePeriod.js","sourceRoot":"","sources":["../../src/DateTimePeriod/DateTimePeriod.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateTimePeriod/DateTimePeriod.js","sources":["../../src/DateTimePeriod/DateTimePeriod.tsx"],"sourcesContent":["import { useCallback, memo } from 'react';\nimport classNames from 'clsx';\nimport { DateTimePickerTo, DateTimePickerFrom, Delimiter, DatePickerFrom, DatePickerTo, Root, Container } from './DateTimePeriod.styles.js';\nimport type { DatePickerProps } from '../DatePicker/index.js';\nimport type { TimePickerProps } from '../TimePicker/index.js';\nimport { ChangePeriodHandler } from './types.js';\nimport FieldHint from '../FieldHint/FieldHint.js';\n\nconst defaultTimeProps = {};\nconst defaultMinDate = new Date('1900-01-01');\nconst defaultMaxDate = new Date('2100-01-01');\n\nexport interface Props extends DatePickerProps {\n  TimeProps?: Partial<TimePickerProps>;\n  fromValue: Date | undefined;\n  toValue: Date | undefined;\n  onChangePeriod: ChangePeriodHandler;\n  fromLabel?: string;\n  toLabel?: string;\n  message?: string;\n  isDateOnly?: boolean;\n}\n\nconst DateTimePeriod = ({\n  fullWidth,\n  disabled,\n  variant,\n  message,\n  errorText,\n  fromLabel = 'From',\n  toLabel = 'To',\n  onChangePeriod,\n  TimeProps = defaultTimeProps,\n  size = 'l',\n  fromValue,\n  toValue,\n  readOnly,\n  withKeyboard = true,\n  isDateOnly = false,\n  className,\n  hintTooltip = size !== 'l',\n  hideEmptyHint,\n  hintTooltipPlacement,\n  hintTooltipVariant,\n  hintTooltipMaxWidth,\n}: Props) => {\n  const onChangeFrom = useCallback((date: Date | undefined) => {\n    onChangePeriod([date, toValue]);\n  }, [toValue, onChangePeriod]);\n\n  const onChangeTo = useCallback((date: Date | undefined) => {\n    onChangePeriod([fromValue, date]);\n  }, [fromValue, onChangePeriod]);\n\n  const commonProps: Partial<Props> = {\n    variant,\n    size,\n    readOnly,\n    fullWidth,\n    withKeyboard,\n    disabled,\n  };\n\n  const rootClassName = classNames(className, {\n    fullWidth,\n  });\n\n  return (\n    <Root className={rootClassName}>\n      <FieldHint\n        variant={hintTooltip ? 'tooltip' : 'static'}\n        size={size}\n        message={errorText || message}\n        disabled={disabled}\n        error={errorText != null}\n        hideEmpty={hideEmptyHint}\n        tooltipPlacement={hintTooltipPlacement}\n        tooltipVariant={hintTooltipVariant}\n        tooltipMaxWidth={hintTooltipMaxWidth}\n      >\n        <Container>\n          {isDateOnly ? (\n            <DatePickerFrom\n              name=\"From\"\n              value={fromValue}\n              onChange={onChangeFrom}\n              minDate={defaultMinDate}\n              maxDate={toValue || defaultMaxDate}\n              label={fromLabel}\n              hideEmptyHint={true}\n              {...commonProps}\n            />\n          ) : (\n            <DateTimePickerFrom\n              name=\"From\"\n              value={fromValue}\n              onChange={onChangeFrom}\n              minDate={defaultMinDate}\n              maxDate={toValue || defaultMaxDate}\n              TimeProps={TimeProps}\n              label={fromLabel}\n              hideEmptyHint={true}\n              {...commonProps}\n            />\n          )}\n          <Delimiter>{fromValue || toValue ? '—' : ''}</Delimiter>\n          {isDateOnly ? (\n            <DatePickerTo\n              name=\"To\"\n              value={toValue}\n              onChange={onChangeTo}\n              minDate={fromValue || defaultMinDate}\n              maxDate={defaultMaxDate}\n              label={toLabel}\n              hideEmptyHint={true}\n              {...commonProps}\n            />\n          ) : (\n            <DateTimePickerTo\n              name=\"To\"\n              value={toValue}\n              onChange={onChangeTo}\n              minDate={fromValue || defaultMinDate}\n              maxDate={defaultMaxDate}\n              TimeProps={TimeProps}\n              label={toLabel}\n              hideEmptyHint={true}\n              {...commonProps}\n            />\n          )}\n        </Container>\n      </FieldHint>\n    </Root>\n  );\n};\n\nexport default memo(DateTimePeriod);\n"],"names":["defaultTimeProps","defaultMinDate","Date","defaultMaxDate","DateTimePeriod","fullWidth","disabled","variant","message","errorText","fromLabel","toLabel","onChangePeriod","TimeProps","size","fromValue","toValue","readOnly","withKeyboard","isDateOnly","className","hintTooltip","hideEmptyHint","hintTooltipPlacement","hintTooltipVariant","hintTooltipMaxWidth","onChangeFrom","useCallback","date","onChangeTo","commonProps","rootClassName","classNames","Root","FieldHint","Container","DatePickerFrom","DateTimePickerFrom","Delimiter","DatePickerTo","DateTimePickerTo","memo"],"mappings":";;;;;;AAQA,MAAMA,mBAAmB,CAAC;AAC1B,MAAMC,iBAAiB,IAAIC,KAAK;AAChC,MAAMC,iBAAiB,IAAID,KAAK;AAahC,MAAME,iBAAiB,CAAC,EACtBC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,YAAY,MAAM,EAClBC,UAAU,IAAI,EACdC,cAAc,EACdC,YAAYb,gBAAgB,EAC5Bc,OAAO,GAAG,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,eAAe,IAAI,EACnBC,aAAa,KAAK,EAClBC,SAAS,EACTC,cAAcP,AAAS,QAATA,IAAY,EAC1BQ,aAAa,EACbC,oBAAoB,EACpBC,kBAAkB,EAClBC,mBAAmB,EACb;IACN,MAAMC,eAAeC,YAAY,CAACC;QAChChB,eAAe;YAACgB;YAAMZ;SAAQ;IAChC,GAAG;QAACA;QAASJ;KAAe;IAE5B,MAAMiB,aAAaF,YAAY,CAACC;QAC9BhB,eAAe;YAACG;YAAWa;SAAK;IAClC,GAAG;QAACb;QAAWH;KAAe;IAE9B,MAAMkB,cAA8B;QAClCvB;QACAO;QACAG;QACAZ;QACAa;QACAZ;IACF;IAEA,MAAMyB,gBAAgBC,KAAWZ,WAAW;QAC1Cf;IACF;IAEA,OAAO,WAAP,GACE,IAAC4B,MAAIA;QAAC,WAAWF;kBACf,kBAACG,WAASA;YACR,SAASb,cAAc,YAAY;YACnC,MAAMP;YACN,SAASL,aAAaD;YACtB,UAAUF;YACV,OAAOG,AAAa,QAAbA;YACP,WAAWa;YACX,kBAAkBC;YAClB,gBAAgBC;YAChB,iBAAiBC;sBAEjB,mBAACU,WAASA;;oBACPhB,aAAa,WAAbA,GACC,IAACiB,gBAAcA,EAAAA;wBACb,MAAK;wBACL,OAAOrB;wBACP,UAAUW;wBACV,SAASzB;wBACT,SAASe,WAAWb;wBACpB,OAAOO;wBACP,eAAe;uBACXoB,gBAAAA,WAAAA,GAGN,IAACO,oBAAkBA,EAAAA;wBACjB,MAAK;wBACL,OAAOtB;wBACP,UAAUW;wBACV,SAASzB;wBACT,SAASe,WAAWb;wBACpB,WAAWU;wBACX,OAAOH;wBACP,eAAe;uBACXoB;kCAGR,IAACQ,WAASA;kCAAEvB,aAAaC,UAAU,MAAM;;oBACxCG,aAAa,WAAbA,GACC,IAACoB,cAAYA,EAAAA;wBACX,MAAK;wBACL,OAAOvB;wBACP,UAAUa;wBACV,SAASd,aAAad;wBACtB,SAASE;wBACT,OAAOQ;wBACP,eAAe;uBACXmB,gBAAAA,WAAAA,GAGN,IAACU,kBAAgBA,EAAAA;wBACf,MAAK;wBACL,OAAOxB;wBACP,UAAUa;wBACV,SAASd,aAAad;wBACtB,SAASE;wBACT,WAAWU;wBACX,OAAOF;wBACP,eAAe;uBACXmB;;;;;AAOlB;AAEA,oDAAeW,KAAKrC"}

package/dist/DateTimePeriod/DateTimePeriod.styles.js

@@ -1,47 +1,48 @@
-import { styled } from '@linaria/react';
-import DatePicker from '../DatePicker/index.js';
-import DateTimePicker from '../DateTimePicker/index.js';
-import Typography from '../Typography/index.js';
+import { styled } from "@linaria/react";
+import DatePicker from "../DatePicker/index.js";
+import DateTimePicker from "../DateTimePicker/index.js";
+import Typography from "../Typography/index.js";
 const _exp = () => (DateTimePicker);
-export const DateTimePickerFrom = /*#__PURE__*/styled(_exp())({
+const DateTimePickerFrom = /*#__PURE__*/styled(_exp())({
   name: "DateTimePickerFrom",
   class: "ui_components_d12yhz85",
   propsAsIs: true
 });
 const _exp2 = () => (DateTimePickerFrom);
-export const DateTimePickerTo = /*#__PURE__*/styled(_exp2())({
+const DateTimePickerTo = /*#__PURE__*/styled(_exp2())({
   name: "DateTimePickerTo",
   class: "ui_components_d1qa6l8a",
   propsAsIs: true
 });
 const _exp3 = () => (Typography);
-export const Delimiter = /*#__PURE__*/styled(_exp3())({
+const Delimiter = /*#__PURE__*/styled(_exp3())({
   name: "Delimiter",
   class: "ui_components_d1frf64m",
   propsAsIs: true
 });
 const _exp4 = () => (DatePicker);
-export const DatePickerFrom = /*#__PURE__*/styled(_exp4())({
+const DatePickerFrom = /*#__PURE__*/styled(_exp4())({
   name: "DatePickerFrom",
   class: "ui_components_d1t3weqb",
   propsAsIs: true
 });
 const _exp5 = () => (DatePickerFrom);
-export const DatePickerTo = /*#__PURE__*/styled(_exp5())({
+const DatePickerTo = /*#__PURE__*/styled(_exp5())({
   name: "DatePickerTo",
   class: "ui_components_d1ng4slm",
   propsAsIs: true
 });
-export const Root = /*#__PURE__*/styled('div')({
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_rd6lqso",
   propsAsIs: false
 });
-export const Container = /*#__PURE__*/styled('div')({
+const Container = /*#__PURE__*/styled('div')({
   name: "Container",
   class: "ui_components_cbpep38",
   propsAsIs: false
 });
+export { Container, DatePickerFrom, DatePickerTo, DateTimePickerFrom, DateTimePickerTo, Delimiter, Root };
 //# sourceMappingURL=DateTimePeriod.styles.js.map
 
 import "./DateTimePeriod.styles.css";

package/dist/DateTimePeriod/DateTimePeriod.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePeriod.styles.js","sourceRoot":"","sources":["../../src/DateTimePeriod/DateTimePeriod.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;CAoBvD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;;;;;;;;CAQzD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;;CAK1C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;CAoB/C,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;;;;;;;CAQjD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC"}
+{"version":3,"file":"DateTimePeriod/DateTimePeriod.styles.js","sources":["../../src/DateTimePeriod/DateTimePeriod.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport DatePicker from '../DatePicker/index.js';\nimport DateTimePicker from '../DateTimePicker/index.js';\nimport Typography from '../Typography/index.js';\n\nexport const DateTimePickerFrom = styled(DateTimePicker)`\n  width: 300px;\n\n  & > div > div {\n    justify-content: space-between;\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  & > div,\n  & > div:hover {\n    background-color: transparent;\n  }\n\n  & > div .childField {\n    margin-left: 0;\n  }\n\n  & > div .childField + .childField {\n    margin-right: 0;\n  }\n`;\n\nexport const DateTimePickerTo = styled(DateTimePickerFrom)`\n  & > div .childField {\n    order: 1;\n  }\n\n  & > div .childField + .childField {\n    order: 0;\n  }\n`;\n\nexport const Delimiter = styled(Typography)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 10px;\n`;\n\nexport const DatePickerFrom = styled(DatePicker)`\n  width: 160px;\n\n  & > div > div {\n    justify-content: space-between;\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  & > div,\n  & > div:hover {\n    background-color: transparent;\n  }\n\n  & > div .childField {\n    margin-left: 0;\n  }\n\n  & > div .childField + .childField {\n    margin-right: 0;\n  }\n`;\n\nexport const DatePickerTo = styled(DatePickerFrom)`\n  & > div .childField {\n    order: 1;\n  }\n\n  & > div .childField + .childField {\n    order: 0;\n  }\n`;\n\nexport const Root = styled.div`\n  display: inline-block;\n  text-align: left;\n  position: relative;\n\n  &.fullWidth {\n    width: 100%;\n  }\n`;\n\nexport const Container = styled.div`\n  display: inline-flex;\n  width: 100%;\n`;\n"],"names":["DateTimePickerFrom","styled","DateTimePicker","DateTimePickerTo","Delimiter","Typography","DatePickerFrom","DatePicker","DatePickerTo","Root","Container"],"mappings":";;;;AAKO,MAAMA,qBAAqBC,OAAOC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;AAoBzD,CAAC;AAEM,MAAMC,mBAAmBF,OAAOD,mBAAmB,CAAC;;;;;;;;AAQ3D,CAAC;AAEM,MAAMI,YAAYH,OAAOI,WAAW,CAAC;;;;;AAK5C,CAAC;AAEM,MAAMC,iBAAiBL,OAAOM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;AAoBjD,CAAC;AAEM,MAAMC,eAAeP,OAAOK,eAAe,CAAC;;;;;;;;AAQnD,CAAC;AAEM,MAAMG,OAAOR,OAAO,GAAG,CAAC;;;;;;;;AAQ/B,CAAC;AAEM,MAAMS,YAAYT,OAAO,GAAG,CAAC;;;AAGpC,CAAC"}

package/dist/DateTimePeriod/index.js

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

package/dist/DateTimePeriod/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DateTimePeriod/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAyB,MAAM,qBAAqB,CAAC;AAK5D,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DateTimePeriod/index.js","sources":["../../src/DateTimePeriod/index.ts"],"sourcesContent":["import DateTimePeriod, { Props } from './DateTimePeriod.js';\nimport type { ChangePeriodHandler } from './types.js';\n\nexport type { Props as DateTimePeriodProps };\nexport type { ChangePeriodHandler };\nexport default DateTimePeriod;\n"],"names":["DateTimePeriod"],"mappings":";AAKA,2BAAeA"}

package/dist/DateTimePeriod/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/DateTimePicker/DateTimePicker.js

@@ -1,156 +1,167 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useRef, memo, useState } from 'react';
-import classnames from 'clsx';
-import { inputLabel, inputRoot } from '@finam/web-ui-kit-core/styles/input';
-import { DatePickerStyled, Root, TimePickerStyled, } from './DateTimePicker.styles.js';
-import { isSameDay, getDateObj } from '../Calendar/utils.js';
-import { getTimeMilliseconds, timeToLocalDate, getCorrectedDefaultTime } from './utils.js';
-import FieldHint from '../FieldHint/FieldHint.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 { memo, useCallback, useMemo, useRef, useState } from "react";
+import clsx from "clsx";
+import { inputLabel, inputRoot } from "@finam/web-ui-kit-core/styles/input";
+import { DatePickerStyled, Root, TimePickerStyled } from "./DateTimePicker.styles.js";
+import { getDateObj, isSameDay } from "../Calendar/utils.js";
+import { getCorrectedDefaultTime, getTimeMilliseconds, timeToLocalDate } from "./utils.js";
+import FieldHint from "../FieldHint/FieldHint.js";
 const defaultTimeProps = {};
 const defaultMinDate = new Date('1900-01-01');
 const defaultMaxDate = new Date('2100-01-01');
-const DateTimePicker = (_a) => {
-    var { className, fullWidth, disabled, variant, message, errorText, withKeyboard, label, value, onChange, hideEmptyHint, TimeProps = defaultTimeProps, minDate = defaultMinDate, maxDate = defaultMaxDate, disablePast = false, disableFuture = false, defaultTime = 0, defaultTimeCurrent = false, onFocus, onBlur, readOnly, size = 'l', hintTooltipPopperProps } = _a, otherProps = __rest(_a, ["className", "fullWidth", "disabled", "variant", "message", "errorText", "withKeyboard", "label", "value", "onChange", "hideEmptyHint", "TimeProps", "minDate", "maxDate", "disablePast", "disableFuture", "defaultTime", "defaultTimeCurrent", "onFocus", "onBlur", "readOnly", "size", "hintTooltipPopperProps"]);
+const DateTimePicker = (_0)=>{
+    let { className, fullWidth, disabled, variant, message, errorText, withKeyboard, label, value, onChange, hideEmptyHint, TimeProps = defaultTimeProps, minDate = defaultMinDate, maxDate = defaultMaxDate, disablePast = false, disableFuture = false, defaultTime = 0, defaultTimeCurrent = false, onFocus, onBlur, readOnly, size = 'l', hintTooltipPopperProps } = _0, otherProps = _object_without_properties__(_0, [
+        "className",
+        "fullWidth",
+        "disabled",
+        "variant",
+        "message",
+        "errorText",
+        "withKeyboard",
+        "label",
+        "value",
+        "onChange",
+        "hideEmptyHint",
+        "TimeProps",
+        "minDate",
+        "maxDate",
+        "disablePast",
+        "disableFuture",
+        "defaultTime",
+        "defaultTimeCurrent",
+        "onFocus",
+        "onBlur",
+        "readOnly",
+        "size",
+        "hintTooltipPopperProps"
+    ]);
     const [focusedDate, setFocusedDate] = useState(false);
     const [focusedTime, setFocusedTime] = useState(false);
     const inputDateRef = useRef(null);
     const inputTimeRef = useRef(null);
-    const handleDateFocus = useCallback((event) => {
+    const handleDateFocus = useCallback((event)=>{
         setFocusedDate(true);
-        if (onFocus) {
-            onFocus(event);
-        }
-    }, [onFocus]);
-    const handleDateBlur = useCallback((event) => {
+        if (onFocus) onFocus(event);
+    }, [
+        onFocus
+    ]);
+    const handleDateBlur = useCallback((event)=>{
         setFocusedDate(false);
-        if (onBlur) {
-            onBlur(event);
-        }
-    }, [onBlur]);
-    const handleTimeFocus = useCallback((event) => {
+        if (onBlur) onBlur(event);
+    }, [
+        onBlur
+    ]);
+    const handleTimeFocus = useCallback((event)=>{
         setFocusedTime(true);
-        if (TimeProps.onFocus) {
-            TimeProps.onFocus(event);
-        }
-    }, [TimeProps]);
-    const handleTimeBlur = useCallback((event) => {
+        if (TimeProps.onFocus) TimeProps.onFocus(event);
+    }, [
+        TimeProps
+    ]);
+    const handleTimeBlur = useCallback((event)=>{
         setFocusedTime(false);
-        if (TimeProps.onBlur) {
-            TimeProps.onBlur(event);
-        }
-    }, [TimeProps]);
-    const selectedDefaultDate = useMemo(() => {
-        if (value != null) {
-            return getDateObj(value);
-        }
+        if (TimeProps.onBlur) TimeProps.onBlur(event);
+    }, [
+        TimeProps
+    ]);
+    const selectedDefaultDate = useMemo(()=>{
+        if (null != value) return getDateObj(value);
         let defaultDate = new Date();
-        const minDateTime = minDate != null ? getDateObj(minDate) : undefined;
-        if (minDateTime != null && defaultDate.getTime() < minDateTime.getTime()) {
-            defaultDate = minDateTime;
-        }
-        const maxDateTime = maxDate != null ? getDateObj(maxDate) : undefined;
-        if (maxDateTime != null && defaultDate.getTime() > maxDateTime.getTime()) {
-            defaultDate = maxDateTime;
-        }
+        const minDateTime = null != minDate ? getDateObj(minDate) : void 0;
+        if (null != minDateTime && defaultDate.getTime() < minDateTime.getTime()) defaultDate = minDateTime;
+        const maxDateTime = null != maxDate ? getDateObj(maxDate) : void 0;
+        if (null != maxDateTime && defaultDate.getTime() > maxDateTime.getTime()) defaultDate = maxDateTime;
         return defaultDate;
-    }, [value, minDate, maxDate]);
-    const getMinTime = useCallback((selectedDate) => {
-        if (TimeProps.minTime) {
-            return TimeProps.minTime;
-        }
+    }, [
+        value,
+        minDate,
+        maxDate
+    ]);
+    const getMinTime = useCallback((selectedDate)=>{
+        if (TimeProps.minTime) return TimeProps.minTime;
         const currentDate = new Date();
-        let minDateTime = minDate != null ? getDateObj(minDate) : undefined;
-        if (disablePast && (!minDateTime || minDateTime.getTime() < currentDate.getTime())) {
-            minDateTime = currentDate;
-        }
-        if (minDateTime && isSameDay(selectedDate, minDateTime)) {
-            return getTimeMilliseconds(minDateTime);
-        }
-        return undefined;
-    }, [TimeProps, minDate, disablePast]);
-    const getMaxTime = useCallback((selectedDate) => {
-        if (TimeProps.maxTime) {
-            return TimeProps.maxTime;
-        }
+        let minDateTime = null != minDate ? getDateObj(minDate) : void 0;
+        if (disablePast && (!minDateTime || minDateTime.getTime() < currentDate.getTime())) minDateTime = currentDate;
+        if (minDateTime && isSameDay(selectedDate, minDateTime)) return getTimeMilliseconds(minDateTime);
+    }, [
+        TimeProps,
+        minDate,
+        disablePast
+    ]);
+    const getMaxTime = useCallback((selectedDate)=>{
+        if (TimeProps.maxTime) return TimeProps.maxTime;
         const currentDate = new Date();
-        let maxDateTime = maxDate != null ? getDateObj(maxDate) : undefined;
-        if (disableFuture && (!maxDateTime || maxDateTime.getTime() > currentDate.getTime())) {
-            maxDateTime = currentDate;
-        }
-        if (maxDateTime && isSameDay(selectedDate, maxDateTime)) {
-            return getTimeMilliseconds(maxDateTime);
-        }
-        return undefined;
-    }, [TimeProps, maxDate, disableFuture]);
-    const getValidDate = useCallback((selectedDate) => {
+        let maxDateTime = null != maxDate ? getDateObj(maxDate) : void 0;
+        if (disableFuture && (!maxDateTime || maxDateTime.getTime() > currentDate.getTime())) maxDateTime = currentDate;
+        if (maxDateTime && isSameDay(selectedDate, maxDateTime)) return getTimeMilliseconds(maxDateTime);
+    }, [
+        TimeProps,
+        maxDate,
+        disableFuture
+    ]);
+    const getValidDate = useCallback((selectedDate)=>{
         const minTime = getMinTime(selectedDate);
         const maxTime = getMaxTime(selectedDate);
-        if (minTime != null || maxTime != null) {
-            return timeToLocalDate(getCorrectedDefaultTime(selectedDate, { minTime, maxTime }), selectedDate);
-        }
+        if (null != minTime || null != maxTime) return timeToLocalDate(getCorrectedDefaultTime(selectedDate, {
+            minTime,
+            maxTime
+        }), selectedDate);
         return selectedDate;
-    }, [getMaxTime, getMinTime]);
-    const handleDateChange = useCallback((date) => {
-        if (!onChange) {
-            return;
-        }
-        if (date && value != null) {
-            const newDateValue = new Date(typeof value === 'number' ? value : value.getTime());
+    }, [
+        getMaxTime,
+        getMinTime
+    ]);
+    const handleDateChange = useCallback((date)=>{
+        if (!onChange) return;
+        if (date && null != value) {
+            const newDateValue = new Date('number' == typeof value ? value : value.getTime());
             newDateValue.setFullYear(date.getFullYear());
             newDateValue.setMonth(date.getMonth(), date.getDate());
             onChange(getValidDate(newDateValue));
-        }
-        else if (date) {
+        } else if (date) {
             let newDateValue = date;
-            if (defaultTimeCurrent || defaultTime != null) {
-                newDateValue = timeToLocalDate(defaultTimeCurrent ? getTimeMilliseconds(Date.now()) : defaultTime || 0, date);
-            }
+            if (defaultTimeCurrent || null != defaultTime) newDateValue = timeToLocalDate(defaultTimeCurrent ? getTimeMilliseconds(Date.now()) : defaultTime || 0, date);
             onChange(getValidDate(newDateValue));
-            if (inputTimeRef.current && !focusedDate) {
-                inputTimeRef.current.focus();
-            }
-        }
-        else {
-            onChange(undefined);
-        }
-    }, [onChange, value, getValidDate, defaultTimeCurrent, defaultTime, focusedDate]);
-    const handleTimeChange = useCallback((time) => {
-        if (TimeProps.onChange) {
-            TimeProps.onChange(time);
-        }
-        if (!onChange) {
-            return;
-        }
-        if (time != null) {
-            onChange(timeToLocalDate(time, selectedDefaultDate));
-        }
-        else {
-            onChange(undefined);
-        }
-    }, [TimeProps, onChange, selectedDefaultDate]);
-    const timeValue = useMemo(() => {
-        if (TimeProps.value) {
-            return TimeProps.value;
-        }
+            if (inputTimeRef.current && !focusedDate) inputTimeRef.current.focus();
+        } else onChange(void 0);
+    }, [
+        onChange,
+        value,
+        getValidDate,
+        defaultTimeCurrent,
+        defaultTime,
+        focusedDate
+    ]);
+    const handleTimeChange = useCallback((time)=>{
+        if (TimeProps.onChange) TimeProps.onChange(time);
+        if (!onChange) return;
+        null != time ? onChange(timeToLocalDate(time, selectedDefaultDate)) : onChange(void 0);
+    }, [
+        TimeProps,
+        onChange,
+        selectedDefaultDate
+    ]);
+    const timeValue = useMemo(()=>{
+        if (TimeProps.value) return TimeProps.value;
         return value && getTimeMilliseconds(value);
-    }, [TimeProps, value]);
-    const withLabel = Boolean(label && size !== 's' && size !== 'xs');
+    }, [
+        TimeProps,
+        value
+    ]);
+    const withLabel = Boolean(label && 's' !== size && 'xs' !== size);
     const hasFocus = focusedDate || focusedTime;
-    const rootClassName = classnames(className, inputRoot({
+    const rootClassName = clsx(className, inputRoot({
         variant,
         hasFocus,
         size,
         withLabel,
-        state: disabled
-            ? 'disabled'
-            : errorText
-                ? 'error'
-                : 'default',
+        state: disabled ? 'disabled' : errorText ? 'error' : 'default'
     }), {
         withKeyboard,
         readOnly,
-        fullWidth,
+        fullWidth
     });
     const childProps = {
         variant: 'ghost',
@@ -158,19 +169,63 @@ const DateTimePicker = (_a) => {
         hideEmptyHint: true,
         highlight: true,
         readOnly,
-        size,
+        size
     };
-    return (_jsx(FieldHint, { variant: size !== 'l' ? 'tooltip' : 'static', size: size, message: errorText || message, disabled: disabled, error: Boolean(errorText), hideEmpty: hideEmptyHint, PopperProps: hintTooltipPopperProps, children: _jsxs(Root, { className: rootClassName, children: [withLabel && (_jsx("label", { htmlFor: otherProps.id, className: classnames(inputLabel({
-                        size: size === 'l' ? 'l' : 'm',
+    return /*#__PURE__*/ jsx(FieldHint, {
+        variant: 'l' !== size ? 'tooltip' : 'static',
+        size: size,
+        message: errorText || message,
+        disabled: disabled,
+        error: Boolean(errorText),
+        hideEmpty: hideEmptyHint,
+        PopperProps: hintTooltipPopperProps,
+        children: /*#__PURE__*/ jsxs(Root, {
+            className: rootClassName,
+            children: [
+                withLabel && /*#__PURE__*/ jsx("label", {
+                    htmlFor: otherProps.id,
+                    className: clsx(inputLabel({
+                        size: 'l' === size ? 'l' : 'm',
                         hasValue: Boolean(value) || hasFocus,
-                        state: disabled
-                            ? 'disabled'
-                            : errorText
-                                ? 'error'
-                                : hasFocus
-                                    ? 'active'
-                                    : 'default',
-                    }), 'ui-input__label'), children: label })), _jsx(DatePickerStyled, Object.assign({ withKeyboard: withKeyboard, minDate: minDate, maxDate: maxDate, disablePast: disablePast, disableFuture: disableFuture }, childProps, otherProps, { placeholder: !label && !value ? otherProps.placeholder : undefined, onFocus: handleDateFocus, onBlur: handleDateBlur, onChange: handleDateChange, value: value, ref: inputDateRef, fullWidth: true })), _jsx(TimePickerStyled, Object.assign({ withKeyboard: true, withSeconds: true }, childProps, TimeProps, { placeholder: !label && timeValue == null ? TimeProps.placeholder : undefined, onFocus: handleTimeFocus, onBlur: handleTimeBlur, onChange: handleTimeChange, value: timeValue, minTime: getMinTime(selectedDefaultDate), maxTime: getMaxTime(selectedDefaultDate), hideReadOnlyIcon: false, ref: inputTimeRef, alignRight: true }))] }) }));
+                        state: disabled ? 'disabled' : errorText ? 'error' : hasFocus ? 'active' : 'default'
+                    }), 'ui-input__label'),
+                    children: label
+                }),
+                /*#__PURE__*/ jsx(DatePickerStyled, _object_spread_props__(_({
+                    withKeyboard: withKeyboard,
+                    minDate: minDate,
+                    maxDate: maxDate,
+                    disablePast: disablePast,
+                    disableFuture: disableFuture
+                }, childProps, otherProps), {
+                    placeholder: label || value ? void 0 : otherProps.placeholder,
+                    onFocus: handleDateFocus,
+                    onBlur: handleDateBlur,
+                    onChange: handleDateChange,
+                    value: value,
+                    ref: inputDateRef,
+                    fullWidth: true
+                })),
+                /*#__PURE__*/ jsx(TimePickerStyled, _object_spread_props__(_({
+                    withKeyboard: true,
+                    withSeconds: true
+                }, childProps, TimeProps), {
+                    placeholder: label || null != timeValue ? void 0 : TimeProps.placeholder,
+                    onFocus: handleTimeFocus,
+                    onBlur: handleTimeBlur,
+                    onChange: handleTimeChange,
+                    value: timeValue,
+                    minTime: getMinTime(selectedDefaultDate),
+                    maxTime: getMaxTime(selectedDefaultDate),
+                    hideReadOnlyIcon: false,
+                    ref: inputTimeRef,
+                    alignRight: true
+                }))
+            ]
+        })
+    });
 };
-export default memo(DateTimePicker);
+const DateTimePicker_DateTimePicker = /*#__PURE__*/ memo(DateTimePicker);
+export default DateTimePicker_DateTimePicker;
+
 //# sourceMappingURL=DateTimePicker.js.map