sales-frontend-components 0.0.73 → 0.0.74

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 (5) hide show
  1. package/dist/index.cjs.js +18 -11
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +18 -11
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +8 -8
package/dist/index.cjs.js CHANGED
@@ -59,12 +59,17 @@ const FormDatePicker = ({
59
59
  ...props
60
60
  }) => {
61
61
  const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
62
- const [initialDate, setInitialDate] = React.useState();
62
+ const [selected, setSelected] = React.useState();
63
63
  React.useEffect(() => {
64
64
  if (field.value) {
65
- setInitialDate(field.value);
65
+ setSelected(field.value);
66
66
  }
67
67
  }, [defaultValue]);
68
+ React.useEffect(() => {
69
+ if (field.value !== selected) {
70
+ setSelected(field.value);
71
+ }
72
+ }, [field.value]);
68
73
  return /* @__PURE__ */ jsxRuntime.jsx(
69
74
  salesFrontendDesignSystem.DatePicker,
70
75
  {
@@ -73,7 +78,7 @@ const FormDatePicker = ({
73
78
  ...props,
74
79
  ...field,
75
80
  id: field.name,
76
- defaultValue: initialDate,
81
+ defaultValue: selected,
77
82
  error: fieldState.invalid,
78
83
  onValueChange: field.onChange
79
84
  }
@@ -89,12 +94,18 @@ const FormDateRangePicker = ({
89
94
  ...props
90
95
  }) => {
91
96
  const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
92
- const [initialDate, setInitialDate] = React.useState();
97
+ const [selected, setSelected] = React.useState();
93
98
  React.useEffect(() => {
94
99
  if (field.value) {
95
- setInitialDate(field.value);
100
+ setSelected(field.value);
96
101
  }
97
102
  }, [defaultValue]);
103
+ React.useEffect(() => {
104
+ if (selected && field.value.startDate.getTime() === selected.startDate?.getTime() && field.value.endDate.getTime() === selected.endDate?.getTime()) {
105
+ return;
106
+ }
107
+ setSelected(field.value);
108
+ }, [field.value]);
98
109
  return /* @__PURE__ */ jsxRuntime.jsx(
99
110
  salesFrontendDesignSystem.DateRangePicker,
100
111
  {
@@ -103,13 +114,9 @@ const FormDateRangePicker = ({
103
114
  ...props,
104
115
  ...field,
105
116
  id: field.name,
106
- defaultValue: initialDate,
117
+ defaultValue: selected,
107
118
  error: fieldState.invalid,
108
- onValueChange: (selected) => {
109
- if (field.value !== selected) {
110
- field.onChange(selected);
111
- }
112
- }
119
+ onValueChange: field.onChange
113
120
  }
114
121
  }
115
122
  );