@povio/ui 2.3.0-rc.19 → 2.3.0-rc.20

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/components/inputs/Toggle/Toggle.d.ts +1 -0
  2. package/dist/components/inputs/Toggle/Toggle.js +75 -56
  3. package/dist/config/uiConfig.context.d.ts +1 -1
  4. package/dist/config/uiConfig.context.js +4 -1
  5. package/package.json +1 -1
package/dist/components/inputs/Toggle/Toggle.d.ts CHANGED
@@ -9,6 +9,7 @@ interface ToggleBaseProps extends FormFieldErrorProps, ToggleVariantProps, Omit<
9
9
  children?: string;
10
10
  isDirty?: boolean;
11
11
  isRequired?: boolean;
12
+ fireBlurOnChange?: boolean;
12
13
  }
13
14
  export type ToggleProps = ToggleBaseProps;
14
15
  export type ControlledToggleProps<TFieldValues extends FieldValues> = ControlProps<ToggleProps, TFieldValues, "isSelected">;
package/dist/components/inputs/Toggle/Toggle.js CHANGED
@@ -11,7 +11,7 @@ import { mergeRefs } from "@react-aria/utils";
11
11
  import { Controller } from "react-hook-form";
12
12
  //#region src/components/inputs/Toggle/Toggle.tsx
13
13
  var ToggleBase = (props) => {
14
- const $ = c(42);
14
+ const $ = c(48);
15
15
  const ui = UIConfig.useConfig();
16
16
  const toggleCva = UIStyle.useCva("toggle.cva", toggle);
17
17
  const toggleTypographyMap = UIStyle.useMapper("toggle.typography", toggleTypography);
@@ -28,34 +28,49 @@ var ToggleBase = (props) => {
28
28
  let t5;
29
29
  let t6;
30
30
  let t7;
31
+ let t8;
31
32
  if ($[0] !== props || $[1] !== toggleContentClassNameMap || $[2] !== toggleCva || $[3] !== toggleTypographyMap || $[4] !== ui) {
32
- const { className, children: t8, isDisabled, error, variant: variantProp, ...rest } = props;
33
- children = t8;
33
+ const { className, children: t9, isDisabled, error, variant: variantProp, fireBlurOnChange: fireBlurOnChangeProp, onChange, onBlur, ...rest } = props;
34
+ children = t9;
34
35
  const variant = variantProp ?? ui.toggle.variant;
35
- let t9;
36
- if ($[17] !== error || $[18] !== isDisabled) {
37
- t9 = {
36
+ const fireBlurOnChange = fireBlurOnChangeProp ?? ui.toggle.fireBlurOnChange;
37
+ let t10;
38
+ if ($[18] !== error || $[19] !== isDisabled) {
39
+ t10 = {
38
40
  error,
39
41
  isDisabled
40
42
  };
41
- $[17] = error;
42
- $[18] = isDisabled;
43
- $[19] = t9;
44
- } else t9 = $[19];
45
- formFieldErrorProps = t9;
43
+ $[18] = error;
44
+ $[19] = isDisabled;
45
+ $[20] = t10;
46
+ } else t10 = $[20];
47
+ formFieldErrorProps = t10;
48
+ let t11;
49
+ if ($[21] !== fireBlurOnChange || $[22] !== onBlur || $[23] !== onChange) {
50
+ t11 = (isSelected) => {
51
+ onChange?.(isSelected);
52
+ if (fireBlurOnChange) onBlur?.({});
53
+ };
54
+ $[21] = fireBlurOnChange;
55
+ $[22] = onBlur;
56
+ $[23] = onChange;
57
+ $[24] = t11;
58
+ } else t11 = $[24];
59
+ const handleChange = t11;
46
60
  T1 = Switch;
47
61
  t2 = rest;
48
62
  t3 = props.isDirty || void 0;
49
63
  t4 = props.isRequired || void 0;
50
64
  t5 = isDisabled;
51
- const t10 = !isDisabled && "cursor-pointer";
52
- if ($[20] !== className || $[21] !== t10) {
53
- t6 = clsx("group flex items-center gap-2", t10, className);
54
- $[20] = className;
55
- $[21] = t10;
56
- $[22] = t6;
57
- } else t6 = $[22];
58
- t7 = /* @__PURE__ */ jsx("div", { className: toggleCva({
65
+ t6 = handleChange;
66
+ const t12 = !isDisabled && "cursor-pointer";
67
+ if ($[25] !== className || $[26] !== t12) {
68
+ t7 = clsx("group flex items-center gap-2", t12, className);
69
+ $[25] = className;
70
+ $[26] = t12;
71
+ $[27] = t7;
72
+ } else t7 = $[27];
73
+ t8 = /* @__PURE__ */ jsx("div", { className: toggleCva({
59
74
  variant,
60
75
  ...rest
61
76
  }) });
@@ -85,6 +100,7 @@ var ToggleBase = (props) => {
85
100
  $[14] = t5;
86
101
  $[15] = t6;
87
102
  $[16] = t7;
103
+ $[17] = t8;
88
104
  } else {
89
105
  T0 = $[5];
90
106
  T1 = $[6];
@@ -98,54 +114,57 @@ var ToggleBase = (props) => {
98
114
  t5 = $[14];
99
115
  t6 = $[15];
100
116
  t7 = $[16];
117
+ t8 = $[17];
101
118
  }
102
- let t8;
103
- if ($[23] !== T0 || $[24] !== children || $[25] !== t0 || $[26] !== t1) {
104
- t8 = /* @__PURE__ */ jsx(T0, {
119
+ let t9;
120
+ if ($[28] !== T0 || $[29] !== children || $[30] !== t0 || $[31] !== t1) {
121
+ t9 = /* @__PURE__ */ jsx(T0, {
105
122
  typography: t0,
106
123
  contentClassName: t1,
107
124
  children
108
125
  });
109
- $[23] = T0;
110
- $[24] = children;
111
- $[25] = t0;
112
- $[26] = t1;
113
- $[27] = t8;
114
- } else t8 = $[27];
115
- let t9;
116
- if ($[28] !== T1 || $[29] !== t2 || $[30] !== t3 || $[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8) {
117
- t9 = /* @__PURE__ */ jsxs(T1, {
126
+ $[28] = T0;
127
+ $[29] = children;
128
+ $[30] = t0;
129
+ $[31] = t1;
130
+ $[32] = t9;
131
+ } else t9 = $[32];
132
+ let t10;
133
+ if ($[33] !== T1 || $[34] !== t2 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
134
+ t10 = /* @__PURE__ */ jsxs(T1, {
118
135
  ...t2,
119
136
  "data-is-dirty": t3,
120
137
  "data-is-required": t4,
121
138
  isDisabled: t5,
122
- className: t6,
123
- children: [t7, t8]
139
+ onChange: t6,
140
+ className: t7,
141
+ children: [t8, t9]
124
142
  });
125
- $[28] = T1;
126
- $[29] = t2;
127
- $[30] = t3;
128
- $[31] = t4;
129
- $[32] = t5;
130
- $[33] = t6;
131
- $[34] = t7;
132
- $[35] = t8;
133
- $[36] = t9;
134
- } else t9 = $[36];
135
- let t10;
136
- if ($[37] !== formFieldErrorProps) {
137
- t10 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
138
- $[37] = formFieldErrorProps;
139
- $[38] = t10;
140
- } else t10 = $[38];
143
+ $[33] = T1;
144
+ $[34] = t2;
145
+ $[35] = t3;
146
+ $[36] = t4;
147
+ $[37] = t5;
148
+ $[38] = t6;
149
+ $[39] = t7;
150
+ $[40] = t8;
151
+ $[41] = t9;
152
+ $[42] = t10;
153
+ } else t10 = $[42];
141
154
  let t11;
142
- if ($[39] !== t10 || $[40] !== t9) {
143
- t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t9, t10] });
144
- $[39] = t10;
145
- $[40] = t9;
146
- $[41] = t11;
147
- } else t11 = $[41];
148
- return t11;
155
+ if ($[43] !== formFieldErrorProps) {
156
+ t11 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
157
+ $[43] = formFieldErrorProps;
158
+ $[44] = t11;
159
+ } else t11 = $[44];
160
+ let t12;
161
+ if ($[45] !== t10 || $[46] !== t11) {
162
+ t12 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t11] });
163
+ $[45] = t10;
164
+ $[46] = t11;
165
+ $[47] = t12;
166
+ } else t12 = $[47];
167
+ return t12;
149
168
  };
150
169
  var Toggle = (props) => {
151
170
  const $ = c(15);
package/dist/config/uiConfig.context.d.ts CHANGED
@@ -32,7 +32,7 @@ export declare namespace UIConfig {
32
32
  querySelect: {
33
33
  isInitialQueryDisabled?: boolean;
34
34
  };
35
- toggle: Pick<ToggleProps, "variant">;
35
+ toggle: Pick<ToggleProps, "variant" | "fireBlurOnChange">;
36
36
  slider: Pick<SliderProps, "minValue" | "maxValue">;
37
37
  dateInput: Pick<DatePickerProps, "todayIcon" | "todayIconButtonSize" | "todayIconPlacement" | "shouldForceLeadingZeros" | "disableManualEntry" | "shouldUpdateDateOnMonthYearChange" | "granularity" | "autoFixYear" | "fireBlurOnChange"> & {
38
38
  calendarIcon?: ReactElement;
package/dist/config/uiConfig.context.js CHANGED
@@ -45,7 +45,10 @@ var UIConfig;
45
45
  },
46
46
  queryAutocomplete: { isInitialQueryDisabled: false },
47
47
  querySelect: { isInitialQueryDisabled: false },
48
- toggle: { variant: "default" },
48
+ toggle: {
49
+ variant: "default",
50
+ fireBlurOnChange: false
51
+ },
49
52
  slider: {
50
53
  minValue: 0,
51
54
  maxValue: 100
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@povio/ui",
3
- "version": "2.3.0-rc.19",
3
+ "version": "2.3.0-rc.20",
4
4
  "type": "module",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",