design-zystem 1.0.429 → 1.0.431

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.
package/dist/ui/index.js CHANGED
@@ -2197,8 +2197,9 @@ var Tabs = ({
2197
2197
  updateBar();
2198
2198
  const ro = new ResizeObserver(updateBar);
2199
2199
  if (listRef.current) ro.observe(listRef.current);
2200
+ triggerRefs.current.forEach((trigger) => ro.observe(trigger));
2200
2201
  return () => ro.disconnect();
2201
- }, [updateBar]);
2202
+ }, [updateBar, items]);
2202
2203
  const isPills = variant === "pills";
2203
2204
  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
2204
2205
  RadixTabs.Root,
@@ -9028,6 +9029,15 @@ var parseTypedRange = (text, minDate, maxDate) => {
9028
9029
  if (!start || !end || start > end) return null;
9029
9030
  return [start, end];
9030
9031
  };
9032
+ var formatDigitsAsDate = (digits) => [digits.slice(0, 2), digits.slice(2, 4), digits.slice(4, 8)].filter(Boolean).join("/");
9033
+ var autoFormatTypedInput = (raw, isRange) => {
9034
+ const digits = raw.replace(/\D/g, "").slice(0, isRange ? 16 : 8);
9035
+ if (!isRange) return formatDigitsAsDate(digits);
9036
+ const first = digits.slice(0, 8);
9037
+ const second = digits.slice(8, 16);
9038
+ if (!second) return formatDigitsAsDate(first);
9039
+ return `${formatDigitsAsDate(first)} - ${formatDigitsAsDate(second)}`;
9040
+ };
9031
9041
  var RANGE_PRESETS = [
9032
9042
  {
9033
9043
  label: "Mois pr\xE9c\xE9dent",
@@ -9226,7 +9236,7 @@ var DatePicker = ({
9226
9236
  placeholder: isRange ? "jj/mm/aaaa - jj/mm/aaaa" : "jj/mm/aaaa",
9227
9237
  onFocus: startEditing,
9228
9238
  onChange: (event) => {
9229
- setDraftValue(event.target.value);
9239
+ setDraftValue(autoFormatTypedInput(event.target.value, isRange));
9230
9240
  setIsDirty(true);
9231
9241
  },
9232
9242
  onBlur: commitDraft,
package/dist/ui/index.mjs CHANGED
@@ -1983,8 +1983,9 @@ var Tabs = ({
1983
1983
  updateBar();
1984
1984
  const ro = new ResizeObserver(updateBar);
1985
1985
  if (listRef.current) ro.observe(listRef.current);
1986
+ triggerRefs.current.forEach((trigger) => ro.observe(trigger));
1986
1987
  return () => ro.disconnect();
1987
- }, [updateBar]);
1988
+ }, [updateBar, items]);
1988
1989
  const isPills = variant === "pills";
1989
1990
  return /* @__PURE__ */ jsxs11(
1990
1991
  RadixTabs.Root,
@@ -8854,6 +8855,15 @@ var parseTypedRange = (text, minDate, maxDate) => {
8854
8855
  if (!start || !end || start > end) return null;
8855
8856
  return [start, end];
8856
8857
  };
8858
+ var formatDigitsAsDate = (digits) => [digits.slice(0, 2), digits.slice(2, 4), digits.slice(4, 8)].filter(Boolean).join("/");
8859
+ var autoFormatTypedInput = (raw, isRange) => {
8860
+ const digits = raw.replace(/\D/g, "").slice(0, isRange ? 16 : 8);
8861
+ if (!isRange) return formatDigitsAsDate(digits);
8862
+ const first = digits.slice(0, 8);
8863
+ const second = digits.slice(8, 16);
8864
+ if (!second) return formatDigitsAsDate(first);
8865
+ return `${formatDigitsAsDate(first)} - ${formatDigitsAsDate(second)}`;
8866
+ };
8857
8867
  var RANGE_PRESETS = [
8858
8868
  {
8859
8869
  label: "Mois pr\xE9c\xE9dent",
@@ -9052,7 +9062,7 @@ var DatePicker = ({
9052
9062
  placeholder: isRange ? "jj/mm/aaaa - jj/mm/aaaa" : "jj/mm/aaaa",
9053
9063
  onFocus: startEditing,
9054
9064
  onChange: (event) => {
9055
- setDraftValue(event.target.value);
9065
+ setDraftValue(autoFormatTypedInput(event.target.value, isRange));
9056
9066
  setIsDirty(true);
9057
9067
  },
9058
9068
  onBlur: commitDraft,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.429",
3
+ "version": "1.0.431",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",