@itcase/ui 1.8.25 → 1.8.27

package/dist/cjs/components/DatePeriod.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var luxon = require('luxon');
+var common = require('@itcase/common');
 var DatePicker = require('../../DatePicker_cjs_DamcZFbX.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var ChipsGroup = require('../../ChipsGroup_cjs_Ct-NrPmJ.js');
@@ -16,7 +17,6 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
 require('uuid');
-require('@itcase/common');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
@@ -33,47 +33,7 @@ require('../../Label_cjs_ByGAWJcj.js');
 require('@itcase/icons/default');
 require('lodash/castArray');
 
-var datePeriodAppearance = {
-    dev: {},
-};
-
-/* eslint-disable perfectionist/sort-objects */
-var DATE_PERIOD_INTERVALS = (function () {
-    var now = luxon.DateTime.local();
-    var today = now.toISODate();
-    var yesterday = now.minus({ days: 1 }).toISODate();
-    var backWeek = now.minus({ days: 6 }).toISODate();
-    var backMonth = now.minus({ months: 1, days: -1 }).toISODate();
-    var backQuarter = now.minus({ months: 3, days: -1 }).toISODate();
-    // NOTE: "Choice" wait in options list the objects with "value" and "label"
-    return {
-        today: {
-            label: 'Сегодня',
-            value: 'today',
-            dateIntervalsList: [today, today],
-        },
-        yesterday: {
-            label: 'Вчера',
-            value: 'yesterday',
-            dateIntervalsList: [yesterday, yesterday],
-        },
-        backWeek: {
-            label: 'Неделя',
-            value: 'backWeek',
-            dateIntervalsList: [backWeek, today],
-        },
-        backMonth: {
-            label: 'Месяц',
-            value: 'backMonth',
-            dateIntervalsList: [backMonth, today],
-        },
-        backQuarter: {
-            label: 'Квартал',
-            value: 'backQuarter',
-            dateIntervalsList: [backQuarter, today],
-        },
-    };
-})();
+var datePeriodAppearance = {};
 
 var datePeriodConfig = {
     appearance: datePeriodAppearance,
@@ -82,7 +42,7 @@ var datePeriodConfig = {
     },
 };
 function DatePeriod(props) {
-    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod;
+    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = datePeriodConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
@@ -126,7 +86,6 @@ function DatePeriod(props) {
                     }, value: datePeriodValueStart, onChange: onChangeDatePicker })] }) }));
 }
 
-exports.DATE_PERIOD_INTERVALS = DATE_PERIOD_INTERVALS;
 exports.DatePeriod = DatePeriod;
 exports.datePeriodAppearance = datePeriodAppearance;
 exports.datePeriodConfig = datePeriodConfig;

package/dist/components/DatePeriod.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DateTime } from 'luxon';
+import { DATE_PERIOD_INTERVALS } from '@itcase/common';
 import { D as DatePickerInput } from '../DatePicker_es_Bm_onmmb.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BNuhlSG6.js';
@@ -14,7 +15,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import 'uuid';
-import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -31,47 +31,7 @@ import '../Label_es_BtwZ3a2V.js';
 import '@itcase/icons/default';
 import 'lodash/castArray';
 
-var datePeriodAppearance = {
-    dev: {},
-};
-
-/* eslint-disable perfectionist/sort-objects */
-var DATE_PERIOD_INTERVALS = (function () {
-    var now = DateTime.local();
-    var today = now.toISODate();
-    var yesterday = now.minus({ days: 1 }).toISODate();
-    var backWeek = now.minus({ days: 6 }).toISODate();
-    var backMonth = now.minus({ months: 1, days: -1 }).toISODate();
-    var backQuarter = now.minus({ months: 3, days: -1 }).toISODate();
-    // NOTE: "Choice" wait in options list the objects with "value" and "label"
-    return {
-        today: {
-            label: 'Сегодня',
-            value: 'today',
-            dateIntervalsList: [today, today],
-        },
-        yesterday: {
-            label: 'Вчера',
-            value: 'yesterday',
-            dateIntervalsList: [yesterday, yesterday],
-        },
-        backWeek: {
-            label: 'Неделя',
-            value: 'backWeek',
-            dateIntervalsList: [backWeek, today],
-        },
-        backMonth: {
-            label: 'Месяц',
-            value: 'backMonth',
-            dateIntervalsList: [backMonth, today],
-        },
-        backQuarter: {
-            label: 'Квартал',
-            value: 'backQuarter',
-            dateIntervalsList: [backQuarter, today],
-        },
-    };
-})();
+var datePeriodAppearance = {};
 
 var datePeriodConfig = {
     appearance: datePeriodAppearance,
@@ -124,4 +84,4 @@ function DatePeriod(props) {
                     }, value: datePeriodValueStart, onChange: onChangeDatePicker })] }) }));
 }
 
-export { DATE_PERIOD_INTERVALS, DatePeriod, datePeriodAppearance, datePeriodConfig };
+export { DatePeriod, datePeriodAppearance, datePeriodConfig };

package/dist/types/components/DatePeriod/DatePeriod.appearance.d.ts

@@ -1,2 +1,3 @@
 import { DatePeriodAppearanceType } from './DatePeriod.interface';
-export declare const datePeriodAppearance: DatePeriodAppearanceType;
+declare const datePeriodAppearance: DatePeriodAppearanceType;
+export { datePeriodAppearance };

package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts

@@ -1,11 +1,6 @@
+import type { DatePeriodItem } from '@itcase/common/types';
 import type { AppearanceKeysDefault, CompositeAppearanceKey, DateIso, FillHoverProps, FillProps, ShapeProps, SizeOptionProps, SizePXProps, TextSizeProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-type DatePeriodValue = 'today' | 'yesterday' | 'backWeek' | 'backMonth' | 'backQuarter';
-type DatePeriodItem = {
-    dateIntervalsList: [DateIso, DateIso];
-    label: string;
-    value: DatePeriodValue;
-};
 type DatePeriodThemeColor = {
     fill?: FillProps;
     fillHover?: FillHoverProps;
@@ -35,4 +30,4 @@ type DatePeriodProps = DatePeriodThemeColor & StyleAttributes & {
     isSkeleton?: boolean;
     onChangeDatePeriod: (dateStartIso: DateIso | null, dateEndIso: DateIso | null) => void;
 };
-export type { DatePeriodValue, DatePeriodItem, DatePeriodThemeColor, DatePeriodAppearanceType, DatePeriodConfig, DatePeriodProps, };
+export type { DatePeriodThemeColor, DatePeriodAppearanceType, DatePeriodConfig, DatePeriodProps, };

package/dist/types/components/DatePeriod/index.d.ts

@@ -1,3 +1,2 @@
 export { DatePeriod, datePeriodConfig } from './DatePeriod';
 export { datePeriodAppearance } from './DatePeriod.appearance';
-export { DATE_PERIOD_INTERVALS } from './datePeriodIntervals';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.25",
+  "version": "1.8.27",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -96,7 +96,7 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@itcase/common": "^1.2.26",
+    "@itcase/common": "^1.2.27",
     "@itcase/icons": "^1.1.3",
     "@itcase/storybook-config": "^1.1.13",
     "@itcase/tokens-am": "^1.1.9",
@@ -106,11 +106,11 @@
     "date-fns": "^4.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.31.0",
-    "framer-motion": "^12.17.0",
+    "framer-motion": "^12.17.3",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.6.1",
-    "motion": "^12.17.0",
+    "motion": "^12.17.3",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",

package/dist/types/components/DatePeriod/datePeriodIntervals.d.ts

@@ -1,3 +0,0 @@
-import { DatePeriodItem, DatePeriodValue } from './DatePeriod.interface';
-declare const DATE_PERIOD_INTERVALS: Record<DatePeriodValue, DatePeriodItem>;
-export { DATE_PERIOD_INTERVALS };