@tecsinapse/cortex-react 1.9.15 → 1.9.16

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 (8) hide show
  1. package/dist/cjs/components/DatePicker/DatePickerInput.js +5 -1
  2. package/dist/cjs/components/DatePicker/DateRangePickerInput.js +9 -1
  3. package/dist/cjs/hooks/useDatePickerInputCommon.js +5 -1
  4. package/dist/esm/components/DatePicker/DatePickerInput.js +5 -1
  5. package/dist/esm/components/DatePicker/DateRangePickerInput.js +9 -1
  6. package/dist/esm/hooks/useDatePickerInputCommon.js +5 -1
  7. package/dist/types/hooks/useDatePickerInputCommon.d.ts +1 -0
  8. package/package.json +2 -2
package/dist/cjs/components/DatePicker/DatePickerInput.js CHANGED
@@ -20,7 +20,7 @@ var DatePickerInputBase = require('./DatePickerInputBase.js');
20
20
  const DatePickerInputWithPopover = (props) => {
21
21
  const { onChange, value, label, variants, disabled } = props;
22
22
  const { fieldProps, state, ref } = useDatePickerInput.useDatePickerInput({ value, onChange });
23
- const { handleTogglePopover, handleChangeCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
23
+ const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
24
24
  onChangeCalendar: (value2) => {
25
25
  state.setDateValue(date.dateToCalendarDate(value2));
26
26
  }
@@ -42,6 +42,10 @@ const DatePickerInputWithPopover = (props) => {
42
42
  DateField.DateField,
43
43
  {
44
44
  ...fieldProps,
45
+ onChange: (value2) => {
46
+ fieldProps.onChange?.(value2);
47
+ handleCloseCalendar();
48
+ },
45
49
  isDisabled: disabled,
46
50
  onClick: handleTogglePopover
47
51
  }
package/dist/cjs/components/DatePicker/DateRangePickerInput.js CHANGED
@@ -20,7 +20,7 @@ var DatePickerInputBase = require('./DatePickerInputBase.js');
20
20
  const DateRangePickerInputWithPopover = (props) => {
21
21
  const { onChange, value, label, variants, disabled = false } = props;
22
22
  const { endFieldProps, startFieldProps, ref, state } = useDateRangePickerInput.useDateRangePickerInput({ value, onChange });
23
- const { handleTogglePopover, handleChangeCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
23
+ const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
24
24
  onChangeRangeCalendar: (value2) => {
25
25
  state.setDateRange({
26
26
  start: date.dateToCalendarDate(value2?.start),
@@ -45,6 +45,10 @@ const DateRangePickerInputWithPopover = (props) => {
45
45
  DateField.DateField,
46
46
  {
47
47
  ...startFieldProps,
48
+ onChange: (value2) => {
49
+ startFieldProps.onChange?.(value2);
50
+ handleCloseCalendar();
51
+ },
48
52
  isDisabled: disabled,
49
53
  onClick: handleTogglePopover
50
54
  }
@@ -52,6 +56,10 @@ const DateRangePickerInputWithPopover = (props) => {
52
56
  DateField.DateField,
53
57
  {
54
58
  ...endFieldProps,
59
+ onChange: (value2) => {
60
+ endFieldProps.onChange?.(value2);
61
+ handleCloseCalendar();
62
+ },
55
63
  isDisabled: disabled,
56
64
  onClick: handleTogglePopover
57
65
  }
package/dist/cjs/hooks/useDatePickerInputCommon.js CHANGED
@@ -16,9 +16,13 @@ const useDatePickerInputCommon = ({
16
16
  onChangeCalendar?.(value);
17
17
  onChangeRangeCalendar?.(value);
18
18
  }, []);
19
+ const handleCloseCalendar = React.useCallback(() => {
20
+ setIsOpen(false);
21
+ }, []);
19
22
  return {
20
23
  handleTogglePopover,
21
- handleChangeCalendar
24
+ handleChangeCalendar,
25
+ handleCloseCalendar
22
26
  };
23
27
  };
24
28
 
package/dist/esm/components/DatePicker/DatePickerInput.js CHANGED
@@ -18,7 +18,7 @@ import { DatePickerInputBase } from './DatePickerInputBase.js';
18
18
  const DatePickerInputWithPopover = (props) => {
19
19
  const { onChange, value, label, variants, disabled } = props;
20
20
  const { fieldProps, state, ref } = useDatePickerInput({ value, onChange });
21
- const { handleTogglePopover, handleChangeCalendar } = useDatePickerInputCommon({
21
+ const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon({
22
22
  onChangeCalendar: (value2) => {
23
23
  state.setDateValue(dateToCalendarDate(value2));
24
24
  }
@@ -40,6 +40,10 @@ const DatePickerInputWithPopover = (props) => {
40
40
  DateField,
41
41
  {
42
42
  ...fieldProps,
43
+ onChange: (value2) => {
44
+ fieldProps.onChange?.(value2);
45
+ handleCloseCalendar();
46
+ },
43
47
  isDisabled: disabled,
44
48
  onClick: handleTogglePopover
45
49
  }
package/dist/esm/components/DatePicker/DateRangePickerInput.js CHANGED
@@ -18,7 +18,7 @@ import { DatePickerInputBase } from './DatePickerInputBase.js';
18
18
  const DateRangePickerInputWithPopover = (props) => {
19
19
  const { onChange, value, label, variants, disabled = false } = props;
20
20
  const { endFieldProps, startFieldProps, ref, state } = useDateRangePickerInput({ value, onChange });
21
- const { handleTogglePopover, handleChangeCalendar } = useDatePickerInputCommon({
21
+ const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon({
22
22
  onChangeRangeCalendar: (value2) => {
23
23
  state.setDateRange({
24
24
  start: dateToCalendarDate(value2?.start),
@@ -43,6 +43,10 @@ const DateRangePickerInputWithPopover = (props) => {
43
43
  DateField,
44
44
  {
45
45
  ...startFieldProps,
46
+ onChange: (value2) => {
47
+ startFieldProps.onChange?.(value2);
48
+ handleCloseCalendar();
49
+ },
46
50
  isDisabled: disabled,
47
51
  onClick: handleTogglePopover
48
52
  }
@@ -50,6 +54,10 @@ const DateRangePickerInputWithPopover = (props) => {
50
54
  DateField,
51
55
  {
52
56
  ...endFieldProps,
57
+ onChange: (value2) => {
58
+ endFieldProps.onChange?.(value2);
59
+ handleCloseCalendar();
60
+ },
53
61
  isDisabled: disabled,
54
62
  onClick: handleTogglePopover
55
63
  }
package/dist/esm/hooks/useDatePickerInputCommon.js CHANGED
@@ -14,9 +14,13 @@ const useDatePickerInputCommon = ({
14
14
  onChangeCalendar?.(value);
15
15
  onChangeRangeCalendar?.(value);
16
16
  }, []);
17
+ const handleCloseCalendar = useCallback(() => {
18
+ setIsOpen(false);
19
+ }, []);
17
20
  return {
18
21
  handleTogglePopover,
19
- handleChangeCalendar
22
+ handleChangeCalendar,
23
+ handleCloseCalendar
20
24
  };
21
25
  };
22
26
 
package/dist/types/hooks/useDatePickerInputCommon.d.ts CHANGED
@@ -6,5 +6,6 @@ interface useDatePickerInputCommonProps {
6
6
  export declare const useDatePickerInputCommon: ({ onChangeCalendar, onChangeRangeCalendar, }: useDatePickerInputCommonProps) => {
7
7
  handleTogglePopover: () => void;
8
8
  handleChangeCalendar: (value?: Date | DateRange) => void;
9
+ handleCloseCalendar: () => void;
9
10
  };
10
11
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.9.15",
3
+ "version": "1.9.16",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
48
48
  "react-dom": ">=18.0.0",
49
49
  "tailwind": ">=3.3.0"
50
50
  },
51
- "gitHead": "df515a84caa892402119fb491ba062ac0654918c"
51
+ "gitHead": "533e8dc8a0f331d6d4ee09c0c3da7c02b6297c97"
52
52
  }