@itcase/ui 1.9.5 → 1.9.7

package/dist/cjs/components/DatePeriod.js

@@ -5,10 +5,10 @@ var React = require('react');
 var clsx = require('clsx');
 var luxon = require('luxon');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_D9q-RqJu.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var ChipsGroup = require('../../ChipsGroup_cjs_BaaOwVai.js');
+var DatePicker = require('../../DatePicker_cjs_D9q-RqJu.js');
 require('react-select');
 require('../../Icon_cjs_NpWSQezS.js');
 var SelectContainer = require('../../SelectContainer_cjs_BCd-lWfu.js');
@@ -18,23 +18,23 @@ require('lodash/upperFirst');
 require('../context/Notifications.js');
 require('../context/UIContext.js');
 require('../../Group_cjs_CFzdSMKV.js');
-require('date-fns/locale');
-require('react-datepicker');
-require('../hooks/useStyles/useStyles.js');
+require('lodash/castArray');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('uuid');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
+require('../hooks/useStyles/useStyles.js');
+require('../../Text_cjs_BhnGHF2T.js');
+require('date-fns/locale');
+require('react-datepicker');
 require('../../Button_cjs_vkqr1bkb.js');
 require('../../Link_cjs_qKXVfU8e.js');
 require('../../Loader_cjs_rHdGFWUi.js');
-require('../../Text_cjs_BhnGHF2T.js');
 require('../../Input_cjs_KgFCCi2U.js');
 require('../../Label_cjs_BQuZczFh.js');
 require('@itcase/icons/default');
-require('lodash/castArray');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
@@ -130,10 +130,10 @@ const datePeriodConfig = {
     },
 };
 function DatePeriod(props) {
-    const { appearance, className, datePeriodIntervalsList = Object.values(common.DATE_PERIOD_INTERVALS), datePeriodSelectOptions, datePeriodSelectValue, selectPlaceholder, datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodSelect, onKeyDown, } = props;
+    const { appearance, className, datePeriodIntervalsList = Object.values(common.DATE_PERIOD_INTERVALS), datePeriodSelectOptions, datePeriodSelectValue, datePeriodValueEnd, datePeriodValueStart, monthsShown, selectPlaceholder, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodSelect, onKeyDown, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, chipsAppearance, chipsAppearanceSize, selectAppearance, selectAppearanceSize, chipsShape, selectShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputTextSize, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputTextSize, selectAppearance, selectAppearanceSize, selectShape, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
     const onClickPeriodChips = React.useCallback((selectedPeriodItem) => {
         const dateStartIso = selectedPeriodItem.dateIntervalsList[0];
         const dateEndIso = selectedPeriodItem.dateIntervalsList[1];
@@ -168,7 +168,7 @@ function DatePeriod(props) {
                             fillHover: datePickerInputFillHover,
                             textSize: datePickerInputTextSize,
                             placeholder: 'Выбрать период',
-                        }, value: datePeriodValueStart, onChange: onChangeDatePeriod })] }), jsxRuntime.jsx(SelectContainer.SelectContainer, { appearance: `${selectAppearance} ${selectAppearanceSize}`, className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectOptions, placeholder: selectPlaceholder, shape: selectShape, value: datePeriodSelectValue, isSearchable: true, onChange: onChangeDatePeriodSelect })] }));
+                        }, value: datePeriodValueStart, onChange: onChangeDatePeriod })] }), datePeriodSelectOptions && (jsxRuntime.jsx(SelectContainer.SelectContainer, { appearance: `${selectAppearance} ${selectAppearanceSize}`, className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectOptions, placeholder: selectPlaceholder, shape: selectShape, value: datePeriodSelectValue, isSearchable: true, onChange: onChangeDatePeriodSelect }))] }));
 }
 
 exports.DatePeriod = DatePeriod;

package/dist/components/DatePeriod.js

@@ -3,10 +3,10 @@ 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_C8h_4BAl.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_5mF_atdB.js';
+import { D as DatePickerInput } from '../DatePicker_es_C8h_4BAl.js';
 import 'react-select';
 import '../Icon_es_CJuX1p1_.js';
 import { a as SelectContainer } from '../SelectContainer_es_DKSC5hMK.js';
@@ -16,23 +16,23 @@ import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import '../context/UIContext.js';
 import '../Group_es_BwTj-yH-.js';
-import 'date-fns/locale';
-import 'react-datepicker';
-import '../hooks/useStyles/useStyles.js';
+import 'lodash/castArray';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'uuid';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
+import '../hooks/useStyles/useStyles.js';
+import '../Text_es_C1kfpokr.js';
+import 'date-fns/locale';
+import 'react-datepicker';
 import '../Button_es_BD_2rj1L.js';
 import '../Link_es_P2b6ya7P.js';
 import '../Loader_es_D4Vd79Gk.js';
-import '../Text_es_C1kfpokr.js';
 import '../Input_es_I8GPoibb.js';
 import '../Label_es_CPJTfGeV.js';
 import '@itcase/icons/default';
-import 'lodash/castArray';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
@@ -128,10 +128,10 @@ const datePeriodConfig = {
     },
 };
 function DatePeriod(props) {
-    const { appearance, className, datePeriodIntervalsList = Object.values(DATE_PERIOD_INTERVALS), datePeriodSelectOptions, datePeriodSelectValue, selectPlaceholder, datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodSelect, onKeyDown, } = props;
+    const { appearance, className, datePeriodIntervalsList = Object.values(DATE_PERIOD_INTERVALS), datePeriodSelectOptions, datePeriodSelectValue, datePeriodValueEnd, datePeriodValueStart, monthsShown, selectPlaceholder, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodSelect, onKeyDown, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, chipsAppearance, chipsAppearanceSize, selectAppearance, selectAppearanceSize, chipsShape, selectShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputTextSize, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputTextSize, selectAppearance, selectAppearanceSize, selectShape, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
     const onClickPeriodChips = useCallback((selectedPeriodItem) => {
         const dateStartIso = selectedPeriodItem.dateIntervalsList[0];
         const dateEndIso = selectedPeriodItem.dateIntervalsList[1];
@@ -166,7 +166,7 @@ function DatePeriod(props) {
                             fillHover: datePickerInputFillHover,
                             textSize: datePickerInputTextSize,
                             placeholder: 'Выбрать период',
-                        }, value: datePeriodValueStart, onChange: onChangeDatePeriod })] }), jsx(SelectContainer, { appearance: `${selectAppearance} ${selectAppearanceSize}`, className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectOptions, placeholder: selectPlaceholder, shape: selectShape, value: datePeriodSelectValue, isSearchable: true, onChange: onChangeDatePeriodSelect })] }));
+                        }, value: datePeriodValueStart, onChange: onChangeDatePeriod })] }), datePeriodSelectOptions && (jsx(SelectContainer, { appearance: `${selectAppearance} ${selectAppearanceSize}`, className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectOptions, placeholder: selectPlaceholder, shape: selectShape, value: datePeriodSelectValue, isSearchable: true, onChange: onChangeDatePeriodSelect }))] }));
 }
 
 export { DatePeriod, datePeriodAppearance, datePeriodConfig };

package/dist/snippets/Button.snippets.json

@@ -0,0 +1,13 @@
+{
+  "Button": {
+    "prefix": "button",
+    "body": [
+      "<Button",
+      "  appearance=\"${1|accent,special,extra,surface,error,warning,danger,success,info,disabled|}${2|Primary,Secondary,Tertiary,Quaternary|} ${3|sizeXXL,sizeXL,sizeL,sizeM,sizeS,sizeXS,sizeXXS|} ${4|solid,full,outlined,ghost|} rounded\"",
+      "  width=\"fill\"",
+      "  label=\"${5:Label}\"",
+      "/>"
+    ],
+    "description": "ITCase-UI Button Component"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.5",
+  "version": "1.9.7",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",