@itcase/ui 1.8.170 → 1.8.171

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/cjs/components/DatePeriod.js +2 -16
  2. package/dist/components/DatePeriod.js +2 -16
  3. package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts +1 -0
  4. package/package.json +1 -1
package/dist/cjs/components/DatePeriod.js CHANGED
@@ -108,7 +108,7 @@ const datePeriodConfig = {
108
108
  },
109
109
  };
110
110
  function DatePeriod(props) {
111
- const { appearance, className, datePeriodIntervalsList = Object.values(common.DATE_PERIOD_INTERVALS), datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, isDisabled, isSkeleton, onChangeDatePeriod, onKeyDown, } = props;
111
+ const { appearance, className, datePeriodIntervalsList = Object.values(common.DATE_PERIOD_INTERVALS), datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onKeyDown, } = props;
112
112
  const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
113
113
  const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
114
114
  const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputSize, datePickerInputTextSize, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
@@ -131,26 +131,12 @@ function DatePeriod(props) {
131
131
  return (dateStartIso === normalizedDatePeriodValueStart &&
132
132
  dateEndIso === normalizedDatePeriodValueEnd);
133
133
  }, [datePeriodValueEnd, datePeriodValueStart]);
134
- // const onChangeDatePicker = useCallback(
135
- // (dateStart: Date | null, dateEnd: Date | null) => {
136
- // let dateStartIso = null
137
- // let dateEndIso = null
138
- // if (dateStart) {
139
- // dateStartIso = DateTime.fromJSDate(dateStart).toISODate()
140
- // }
141
- // if (dateEnd) {
142
- // dateEndIso = DateTime.fromJSDate(dateEnd).toISODate()
143
- // }
144
- // onChangeDatePeriod(dateStartIso, dateEndIso)
145
- // },
146
- // [onChangeDatePeriod],
147
- // )
148
134
  return (jsxRuntime.jsx("div", { className: clsx(className, 'date-period', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `date-period_size_${sizeClass}`, isSkeleton && `date-period_skeleton`, fillClass && `fill_${fillClass}`, 'cursor_type_pointer'), children: jsxRuntime.jsxs(ChipsGroup.ChipsGroup, { className: "date-period__choice", direction: "horizontal", children: [datePeriodIntervalsList.map((datePeriodItem) => (jsxRuntime.jsx(ChipsGroup.Chips, { appearance: `${chipsAppearance} ${chipsAppearanceSize}`, label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: () => onClickPeriodChips(datePeriodItem) }, datePeriodItem.value))), jsxRuntime.jsx(DatePicker.DatePickerInput, { className: "date-period__datepicker", datePickerProps: {
149
135
  appearance: `${datePickerAppearance} ${datePickerAppearanceSize}`,
150
136
  dateFormat: 'dd/MM/yyyy',
151
137
  monthsShown: monthsShown,
152
138
  selectsRange: selectsRange,
153
- showWeekNumbers: true,
139
+ showWeekNumbers: showWeekNumbers,
154
140
  isClearable: false,
155
141
  isStartDefaultNull: true,
156
142
  onKeyDown: onKeyDown,
package/dist/components/DatePeriod.js CHANGED
@@ -106,7 +106,7 @@ const datePeriodConfig = {
106
106
  },
107
107
  };
108
108
  function DatePeriod(props) {
109
- const { appearance, className, datePeriodIntervalsList = Object.values(DATE_PERIOD_INTERVALS), datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, isDisabled, isSkeleton, onChangeDatePeriod, onKeyDown, } = props;
109
+ const { appearance, className, datePeriodIntervalsList = Object.values(DATE_PERIOD_INTERVALS), datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onKeyDown, } = props;
110
110
  const appearanceConfig = useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
111
111
  const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
112
112
  const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputSize, datePickerInputTextSize, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
@@ -129,26 +129,12 @@ function DatePeriod(props) {
129
129
  return (dateStartIso === normalizedDatePeriodValueStart &&
130
130
  dateEndIso === normalizedDatePeriodValueEnd);
131
131
  }, [datePeriodValueEnd, datePeriodValueStart]);
132
- // const onChangeDatePicker = useCallback(
133
- // (dateStart: Date | null, dateEnd: Date | null) => {
134
- // let dateStartIso = null
135
- // let dateEndIso = null
136
- // if (dateStart) {
137
- // dateStartIso = DateTime.fromJSDate(dateStart).toISODate()
138
- // }
139
- // if (dateEnd) {
140
- // dateEndIso = DateTime.fromJSDate(dateEnd).toISODate()
141
- // }
142
- // onChangeDatePeriod(dateStartIso, dateEndIso)
143
- // },
144
- // [onChangeDatePeriod],
145
- // )
146
132
  return (jsx("div", { className: clsx(className, 'date-period', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `date-period_size_${sizeClass}`, isSkeleton && `date-period_skeleton`, fillClass && `fill_${fillClass}`, 'cursor_type_pointer'), children: jsxs(ChipsGroup, { className: "date-period__choice", direction: "horizontal", children: [datePeriodIntervalsList.map((datePeriodItem) => (jsx(Chips, { appearance: `${chipsAppearance} ${chipsAppearanceSize}`, label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: () => onClickPeriodChips(datePeriodItem) }, datePeriodItem.value))), jsx(DatePickerInput, { className: "date-period__datepicker", datePickerProps: {
147
133
  appearance: `${datePickerAppearance} ${datePickerAppearanceSize}`,
148
134
  dateFormat: 'dd/MM/yyyy',
149
135
  monthsShown: monthsShown,
150
136
  selectsRange: selectsRange,
151
- showWeekNumbers: true,
137
+ showWeekNumbers: showWeekNumbers,
152
138
  isClearable: false,
153
139
  isStartDefaultNull: true,
154
140
  onKeyDown: onKeyDown,
package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts CHANGED
@@ -29,5 +29,6 @@ type DatePeriodProps = DatePeriodThemeColor & StyleAttributes & {
29
29
  datePickerInputTextSize?: TextSizeProps;
30
30
  isSkeleton?: boolean;
31
31
  onChangeDatePeriod: (dateStart: Date | null, dateEnd: Date | null) => void;
32
+ showWeekNumbers?: boolean;
32
33
  };
33
34
  export type { DatePeriodAppearanceType, DatePeriodConfig, DatePeriodProps, DatePeriodThemeColor, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.8.170",
3
+ "version": "1.8.171",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",