@isettingkit/business-rules 0.1.2 → 0.1.4

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 (2) hide show
  1. package/dist/index.es.js +203 -185
  2. package/package.json +3 -3
package/dist/index.es.js CHANGED
@@ -1,89 +1,90 @@
1
- import { jsxs as o, jsx as e, Fragment as E } from "react/jsx-runtime";
2
- import { useState as D, useEffect as L } from "react";
3
- import { useFormik as U } from "formik";
4
- import { Divider as k } from "@inubekit/divider";
1
+ import { jsxs as l, jsx as e, Fragment as V } from "react/jsx-runtime";
2
+ import { useState as w, useEffect as U } from "react";
3
+ import { useFormik as $ } from "formik";
4
+ import { Divider as y } from "@inubekit/divider";
5
5
  import { Stack as a } from "@inubekit/stack";
6
6
  import { Text as b } from "@inubekit/text";
7
- import { Toggle as O } from "@inubekit/toggle";
8
- import { Textarea as $ } from "@inubekit/textarea";
9
- import { Date as V } from "@inubekit/date";
10
- import { Checkbox as N } from "@inubekit/checkbox";
11
- import { DecisionConditionRenderer as j, ValueValidationSchema as R, ValueHowToSetUp as F, ValueDataType as H } from "@isettingkit/input";
12
- import { DecisionViewConditionRenderer as S } from "@isettingkit/view";
13
- import { MdOutlineRemoveRedEye as I, MdOutlineDelete as q } from "react-icons/md";
14
- import { Icon as M } from "@inubekit/icon";
15
- import { inube as B } from "@inubekit/foundations";
16
- import A from "styled-components";
17
- const Q = (l) => {
7
+ import { Toggle as A } from "@inubekit/toggle";
8
+ import { Textarea as N } from "@inubekit/textarea";
9
+ import { Date as z } from "@inubekit/date";
10
+ import { Checkbox as R } from "@inubekit/checkbox";
11
+ import { DecisionConditionRenderer as j, ValueValidationSchema as I, ValueHowToSetUp as F, ValueDataType as H } from "@isettingkit/input";
12
+ import { Button as M } from "@inubekit/button";
13
+ import { DecisionViewConditionRenderer as T } from "@isettingkit/view";
14
+ import { MdOutlineRemoveRedEye as q, MdOutlineDelete as B } from "react-icons/md";
15
+ import { Icon as O } from "@inubekit/icon";
16
+ import { inube as Q } from "@inubekit/foundations";
17
+ import L from "styled-components";
18
+ const P = (c) => {
18
19
  const {
19
20
  label: n,
20
- labelText: r,
21
- onHandleChange: i,
22
- placeholder: h,
23
- required: u,
21
+ labelText: i,
22
+ onHandleChange: r,
23
+ placeholder: s,
24
+ required: h,
24
25
  value: d = ""
25
- } = l, [c, g] = D(d);
26
- return /* @__PURE__ */ o(a, { direction: "column", margin: "10px 4px", children: [
27
- /* @__PURE__ */ e(b, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: r }),
26
+ } = c, [o, g] = w(d);
27
+ return /* @__PURE__ */ l(a, { direction: "column", margin: "10px 4px", children: [
28
+ /* @__PURE__ */ e(b, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: i }),
28
29
  /* @__PURE__ */ e(a, { margin: "10px 0", children: /* @__PURE__ */ e(
29
- $,
30
+ N,
30
31
  {
31
32
  id: "reasonChange",
32
33
  label: n,
33
- onChange: (p) => {
34
- g(p.target.value), i(p);
34
+ onChange: (m) => {
35
+ g(m.target.value), r(m);
35
36
  },
36
- placeholder: h,
37
- required: u,
38
- value: c,
37
+ placeholder: s,
38
+ required: h,
39
+ value: o,
39
40
  maxLength: 120,
40
41
  fullwidth: !0
41
42
  }
42
43
  ) })
43
44
  ] });
44
- }, P = (l) => {
45
+ }, Z = (c) => {
45
46
  const {
46
47
  checked: n,
47
- children: r,
48
- handleToggleChange: i,
49
- id: h,
50
- labelToggle: u,
48
+ children: i,
49
+ handleToggleChange: r,
50
+ id: s,
51
+ labelToggle: h,
51
52
  name: d,
52
- valueToggle: c = ""
53
- } = l, [g, C] = D(n), p = (f) => {
54
- C(f.target.checked), i(f);
53
+ valueToggle: o = ""
54
+ } = c, [g, C] = w(n), m = (f) => {
55
+ C(f.target.checked), r(f);
55
56
  };
56
- return L(() => {
57
+ return U(() => {
57
58
  C(n);
58
- }, [n]), /* @__PURE__ */ o(E, { children: [
59
+ }, [n]), /* @__PURE__ */ l(V, { children: [
59
60
  /* @__PURE__ */ e(
60
- O,
61
+ A,
61
62
  {
62
63
  checked: g,
63
- id: h,
64
+ id: s,
64
65
  margin: "10px",
65
66
  name: d,
66
- onChange: p,
67
+ onChange: m,
67
68
  size: "small",
68
- value: c,
69
- children: /* @__PURE__ */ e(b, { size: "medium", type: "label", weight: "bold", children: u })
69
+ value: o,
70
+ children: /* @__PURE__ */ e(b, { size: "medium", type: "label", weight: "bold", children: h })
70
71
  }
71
72
  ),
72
- g && /* @__PURE__ */ e(E, { children: r })
73
+ g && /* @__PURE__ */ e(V, { children: i })
73
74
  ] });
74
- }, Z = (l) => {
75
+ }, G = (c) => {
75
76
  const {
76
77
  onHandleStartChange: n,
77
- onHandleEndChange: r,
78
- labelStart: i,
79
- labelEnd: h,
80
- checkedClosed: u = !1,
78
+ onHandleEndChange: i,
79
+ labelStart: r,
80
+ labelEnd: s,
81
+ checkedClosed: h = !1,
81
82
  required: d = !1,
82
- valueStart: c = "",
83
+ valueStart: o = "",
83
84
  valueEnd: g = ""
84
- } = l, [C, p] = D(u), [f, w] = D(c), [v, m] = D(g);
85
- return /* @__PURE__ */ o(E, { children: [
86
- /* @__PURE__ */ o(a, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
85
+ } = c, [C, m] = w(h), [f, k] = w(o), [v, u] = w(g);
86
+ return /* @__PURE__ */ l(V, { children: [
87
+ /* @__PURE__ */ l(a, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
87
88
  /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
88
89
  b,
89
90
  {
@@ -103,11 +104,11 @@ const Q = (l) => {
103
104
  wrap: "wrap",
104
105
  gap: "4px",
105
106
  children: /* @__PURE__ */ e(
106
- N,
107
+ R,
107
108
  {
108
109
  label: "Cerrada",
109
- onChange: ({ target: x }) => {
110
- p(x.checked);
110
+ onChange: ({ target: t }) => {
111
+ m(t.checked);
111
112
  },
112
113
  checked: C,
113
114
  value: ""
@@ -116,14 +117,14 @@ const Q = (l) => {
116
117
  }
117
118
  )
118
119
  ] }),
119
- /* @__PURE__ */ o(a, { justifyContent: "space-between", gap: "24px", children: [
120
+ /* @__PURE__ */ l(a, { justifyContent: "space-between", gap: "24px", children: [
120
121
  /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
121
- V,
122
+ z,
122
123
  {
123
124
  id: "dateStart",
124
- label: i,
125
- onChange: (x) => {
126
- w(x.target.value), n(x);
125
+ label: r,
126
+ onChange: (t) => {
127
+ k(t.target.value), n(t);
127
128
  },
128
129
  value: f,
129
130
  required: d,
@@ -131,12 +132,12 @@ const Q = (l) => {
131
132
  }
132
133
  ) }),
133
134
  C && /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
134
- V,
135
+ z,
135
136
  {
136
137
  id: "dateEnd",
137
- label: h,
138
- onChange: (x) => {
139
- m(x.target.value), r(x);
138
+ label: s,
139
+ onChange: (t) => {
140
+ u(t.target.value), i(t);
140
141
  },
141
142
  value: v,
142
143
  required: d,
@@ -145,32 +146,34 @@ const Q = (l) => {
145
146
  ) })
146
147
  ] })
147
148
  ] });
148
- }, G = (l) => {
149
- var m;
149
+ }, J = (c) => {
150
+ var S;
150
151
  const {
151
152
  decision: n,
152
- formik: r,
153
- onChangeCondition: i,
154
- onChangeDecision: h,
155
- onStartChange: u,
153
+ formik: i,
154
+ onChangeCondition: r,
155
+ onChangeDecision: s,
156
+ onStartChange: h,
156
157
  onEndChange: d,
157
- textValues: c
158
- } = l, [g, C] = D(!1), [, p] = D(!0), f = (t) => {
159
- C(t.target.checked);
160
- }, w = (t) => {
161
- t.target.value ? p(!1) : p(!0);
162
- }, v = (t, s) => t.errors[s] ? "invalid" : "pending";
163
- return /* @__PURE__ */ o(a, { direction: "column", gap: "24px", children: [
164
- /* @__PURE__ */ o(a, { direction: "column", gap: "16", children: [
165
- /* @__PURE__ */ e(b, { weight: "bold", size: "medium", children: c.criteria }),
158
+ textValues: o,
159
+ onCancel: g,
160
+ onSubmit: C
161
+ } = c, [m, f] = w(!1), [k, v] = w(!0), u = (t) => {
162
+ f(t.target.checked);
163
+ }, x = (t) => {
164
+ t.target.value ? v(!1) : v(!0);
165
+ }, D = (t, p) => t.errors[p] ? "invalid" : "pending";
166
+ return /* @__PURE__ */ l(a, { direction: "column", gap: "24px", children: [
167
+ /* @__PURE__ */ l(a, { direction: "column", gap: "16", children: [
168
+ /* @__PURE__ */ e(b, { weight: "bold", size: "medium", children: o.criteria }),
166
169
  n.decision && /* @__PURE__ */ e(
167
170
  j,
168
171
  {
169
172
  element: n.decision,
170
- onDecision: h,
171
- valueData: r.values[n.decision.name],
172
- message: r.errors[n.decision.name],
173
- status: v(r, n.decision.name),
173
+ onDecision: s,
174
+ valueData: i.values[n.decision.name],
175
+ message: i.errors[n.decision.name],
176
+ status: D(i, n.decision.name),
174
177
  textValues: {
175
178
  selectOptions: "Select an option",
176
179
  selectOption: "Option selected",
@@ -180,27 +183,27 @@ const Q = (l) => {
180
183
  }
181
184
  )
182
185
  ] }),
183
- /* @__PURE__ */ e(k, { dashed: !0 }),
184
- /* @__PURE__ */ o(a, { direction: "column", children: [
185
- /* @__PURE__ */ o(a, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
186
- /* @__PURE__ */ e(b, { children: c.FactsThatConditionIt }),
186
+ /* @__PURE__ */ e(y, { dashed: !0 }),
187
+ /* @__PURE__ */ l(a, { direction: "column", children: [
188
+ /* @__PURE__ */ l(a, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
189
+ /* @__PURE__ */ e(b, { children: o.FactsThatConditionIt }),
187
190
  /* @__PURE__ */ e(
188
- O,
191
+ A,
189
192
  {
190
193
  id: "toogleNone",
191
- onChange: f,
192
- checked: g,
194
+ onChange: u,
195
+ checked: m,
193
196
  size: "small",
194
- children: /* @__PURE__ */ e(b, { size: "medium", type: "label", weight: "bold", children: c.none })
197
+ children: /* @__PURE__ */ e(b, { size: "medium", type: "label", weight: "bold", children: o.none })
195
198
  }
196
199
  )
197
200
  ] }),
198
201
  n.conditions && n.conditions.map((t) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
199
- P,
202
+ Z,
200
203
  {
201
- checked: !g,
202
- handleToggleChange: (s) => {
203
- s.target.checked || i(
204
+ checked: !m,
205
+ handleToggleChange: (p) => {
206
+ p.target.checked || r(
204
207
  {
205
208
  value: "",
206
209
  rangeTo: 0,
@@ -217,124 +220,139 @@ const Q = (l) => {
217
220
  j,
218
221
  {
219
222
  element: t,
220
- onDecision: i,
221
- valueData: r.values[t.name],
222
- message: r.errors[t.name],
223
- status: v(r, t.name),
223
+ onDecision: r,
224
+ valueData: i.values[t.name],
225
+ message: i.errors[t.name],
226
+ status: D(i, t.name),
224
227
  textValues: {
225
228
  selectOptions: "Select an option",
226
229
  selectOption: "Option selected",
227
- rangeMin: (s) => `Minimum ${s}`,
228
- rangeMax: (s) => `Maximum ${s}`
230
+ rangeMin: (p) => `Minimum ${p}`,
231
+ rangeMax: (p) => `Maximum ${p}`
229
232
  }
230
233
  }
231
234
  )
232
235
  }
233
236
  ) }, t.name))
234
237
  ] }),
235
- /* @__PURE__ */ e(k, { dashed: !0 }),
238
+ /* @__PURE__ */ e(y, { dashed: !0 }),
236
239
  /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
237
- Q,
240
+ P,
238
241
  {
239
- label: c.reasonForChange,
240
- labelText: c.change,
241
- onHandleChange: w,
242
- placeholder: c.changePlaceholder,
242
+ label: o.reasonForChange,
243
+ labelText: o.change,
244
+ onHandleChange: x,
245
+ placeholder: o.changePlaceholder,
243
246
  required: !0
244
247
  }
245
248
  ) }),
246
- /* @__PURE__ */ e(k, { dashed: !0 }),
249
+ /* @__PURE__ */ e(y, { dashed: !0 }),
247
250
  /* @__PURE__ */ e(a, { direction: "column", children: n.decision && /* @__PURE__ */ e(
248
- Z,
251
+ G,
249
252
  {
250
- onHandleStartChange: (t) => u(t.target.value),
253
+ onHandleStartChange: (t) => h(t.target.value),
251
254
  onHandleEndChange: (t) => d(t.target.value),
252
- labelStart: c.termStart,
253
- labelEnd: c.termEnd,
255
+ labelStart: o.termStart,
256
+ labelEnd: o.termEnd,
254
257
  checkedClosed: !!n.decision.endDate,
255
258
  valueStart: n.decision.startDate.toLocaleDateString(
256
259
  "en-CA"
257
260
  ),
258
- valueEnd: ((m = n.decision.endDate) == null ? void 0 : m.toLocaleDateString("en-CA")) || ""
261
+ valueEnd: ((S = n.decision.endDate) == null ? void 0 : S.toLocaleDateString("en-CA")) || ""
259
262
  }
260
- ) })
263
+ ) }),
264
+ /* @__PURE__ */ e(y, { dashed: !0 }),
265
+ /* @__PURE__ */ l(a, { direction: "row", justifyContent: "end", gap: "16px", children: [
266
+ /* @__PURE__ */ e(M, { appearance: "gray", onClick: g, children: o.cancel }),
267
+ /* @__PURE__ */ e(
268
+ M,
269
+ {
270
+ onClick: C,
271
+ disabled: k || !i.isValid,
272
+ type: "submit",
273
+ children: o.confirm
274
+ }
275
+ )
276
+ ] })
261
277
  ] });
262
- }, T = (l, n, r) => ({
263
- ...l,
264
- decision: { ...l.decision, [n]: r }
265
- }), me = (l) => {
266
- const { decision: n, onCancel: r, onSubmitEvent: i, textValues: h } = l, [u, d] = D(n), c = (m, t) => {
267
- d((s) => {
268
- var x;
269
- const z = (x = s == null ? void 0 : s.conditions) == null ? void 0 : x.map((y) => y.name === t ? { ...y, value: m } : y);
270
- return { ...s, conditions: z };
278
+ }, E = (c, n, i) => ({
279
+ ...c,
280
+ decision: { ...c.decision, [n]: i }
281
+ }), pe = (c) => {
282
+ const { decision: n, onCancel: i, onSubmitEvent: r, textValues: s } = c, [h, d] = w(n), o = (u, x) => {
283
+ d((D) => {
284
+ var t;
285
+ const S = (t = D == null ? void 0 : D.conditions) == null ? void 0 : t.map((p) => p.name === x ? { ...p, value: u } : p);
286
+ return { ...D, conditions: S };
271
287
  });
272
- }, g = (m) => {
288
+ }, g = (u) => {
273
289
  d(
274
- (t) => T(t, "value", m)
290
+ (x) => E(x, "value", u)
275
291
  );
276
- }, C = (m) => {
292
+ }, C = (u) => {
277
293
  d(
278
- (t) => T(t, "startDate", new Date(m))
294
+ (x) => E(x, "startDate", new Date(u))
279
295
  );
280
- }, p = (m) => {
296
+ }, m = (u) => {
281
297
  d(
282
- (t) => T(t, "endDate", new Date(m))
298
+ (x) => E(x, "endDate", new Date(u))
283
299
  );
284
- }, { validationSchema: f, initialValues: w } = R(u), v = U({
285
- initialValues: w,
300
+ }, { validationSchema: f, initialValues: k } = I(h), v = $({
301
+ initialValues: k,
286
302
  validationSchema: f,
287
303
  validateOnChange: !1,
288
- onSubmit: async () => !0
304
+ onSubmit: () => {
305
+ r(h);
306
+ }
289
307
  });
290
308
  return /* @__PURE__ */ e(
291
- G,
309
+ J,
292
310
  {
293
311
  formik: v,
294
- decision: u,
295
- onCancel: r,
296
- onSubmit: () => i(u),
297
- onChangeCondition: c,
312
+ decision: h,
313
+ onCancel: i,
314
+ onSubmit: () => r(h),
315
+ onChangeCondition: o,
298
316
  onChangeDecision: g,
299
317
  onStartChange: C,
300
- onEndChange: p,
301
- textValues: h
318
+ onEndChange: m,
319
+ textValues: s
302
320
  }
303
321
  );
304
- }, ue = (l) => {
305
- const { decision: n, textValues: r } = l;
306
- return /* @__PURE__ */ o(a, { direction: "column", gap: "24px", children: [
307
- /* @__PURE__ */ o(a, { direction: "column", gap: "16px", children: [
308
- /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: r.criteria }),
309
- /* @__PURE__ */ e(a, { justifyContent: "space-between", children: n.decisions && n.decisions.map((i) => /* @__PURE__ */ e(
310
- S,
322
+ }, ge = (c) => {
323
+ const { decision: n, textValues: i } = c;
324
+ return /* @__PURE__ */ l(a, { direction: "column", gap: "24px", children: [
325
+ /* @__PURE__ */ l(a, { direction: "column", gap: "16px", children: [
326
+ /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.criteria }),
327
+ /* @__PURE__ */ e(a, { justifyContent: "space-between", children: n.decisions && n.decisions.map((r) => /* @__PURE__ */ e(
328
+ T,
311
329
  {
312
- element: i,
313
- valueData: String(i.value)
330
+ element: r,
331
+ valueData: r.value
314
332
  },
315
- i.name
333
+ r.name
316
334
  )) })
317
335
  ] }),
318
- /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ o(a, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
319
- /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: r.FactsThatConditionIt }),
320
- n.conditions && n.conditions.map((i) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
321
- S,
336
+ /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ l(a, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
337
+ /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.FactsThatConditionIt }),
338
+ n.conditions && n.conditions.map((r) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
339
+ T,
322
340
  {
323
- element: i,
324
- valueData: String(i.value)
341
+ element: r,
342
+ valueData: r.value
325
343
  }
326
- ) }, i.name))
344
+ ) }, r.name))
327
345
  ] }) }),
328
- /* @__PURE__ */ o(a, { direction: "column", gap: "12px", children: [
329
- /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: r.Terms }),
330
- /* @__PURE__ */ o(a, { justifyContent: "space-between", children: [
346
+ /* @__PURE__ */ l(a, { direction: "column", gap: "12px", children: [
347
+ /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.Terms }),
348
+ /* @__PURE__ */ l(a, { justifyContent: "space-between", children: [
331
349
  n.startDate && /* @__PURE__ */ e(
332
- S,
350
+ T,
333
351
  {
334
352
  element: {
335
353
  name: "startDate",
336
- label: r.termStart,
337
- description: r.termStart,
354
+ label: i.termStart,
355
+ description: i.termStart,
338
356
  value: String(n.startDate),
339
357
  howToSetUp: F.EQUAL,
340
358
  typeData: H.DATE
@@ -346,12 +364,12 @@ const Q = (l) => {
346
364
  "startDate"
347
365
  ),
348
366
  n.endDate && /* @__PURE__ */ e(
349
- S,
367
+ T,
350
368
  {
351
369
  element: {
352
370
  name: "endDate",
353
- label: r.termEnd,
354
- description: r.termEnd,
371
+ label: i.termEnd,
372
+ description: i.termEnd,
355
373
  value: String(n.endDate),
356
374
  howToSetUp: F.EQUAL,
357
375
  typeData: H.DATE
@@ -363,16 +381,16 @@ const Q = (l) => {
363
381
  ] })
364
382
  ] })
365
383
  ] });
366
- }, J = A.div`
384
+ }, K = L.div`
367
385
  border-radius: 8px;
368
- border: 1px solid ${B.palette.neutral.N30};
386
+ border: 1px solid ${Q.palette.neutral.N30};
369
387
  box-sizing: border-box;
370
388
  display: flex;
371
389
  flex-direction: column;
372
390
  height: 340px;
373
391
  width: 332px;
374
392
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
375
- `, K = A.div`
393
+ `, W = L.div`
376
394
  width: 100%;
377
395
  height: 100%;
378
396
  overflow-y: auto;
@@ -390,34 +408,34 @@ const Q = (l) => {
390
408
  background-color: #ebecf0;
391
409
  border-radius: 8px;
392
410
  }
393
- `, ge = (l) => {
394
- const { children: n, handleDelete: r, handleView: i, id: h } = l;
395
- return /* @__PURE__ */ o(J, { children: [
396
- /* @__PURE__ */ e(a, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(a, { direction: "column", margin: "10px", children: n }) }) }),
397
- /* @__PURE__ */ o(a, { gap: "16px", direction: "column", margin: "2px 12px", children: [
398
- /* @__PURE__ */ e(k, {}),
399
- /* @__PURE__ */ o(a, { gap: "16px", justifyContent: "end", children: [
411
+ `, Ce = (c) => {
412
+ const { children: n, handleDelete: i, handleView: r, id: s } = c;
413
+ return /* @__PURE__ */ l(K, { children: [
414
+ /* @__PURE__ */ e(a, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(a, { direction: "column", margin: "10px", children: n }) }) }),
415
+ /* @__PURE__ */ l(a, { gap: "16px", direction: "column", margin: "2px 12px", children: [
416
+ /* @__PURE__ */ e(y, {}),
417
+ /* @__PURE__ */ l(a, { gap: "16px", justifyContent: "end", children: [
400
418
  /* @__PURE__ */ e(
401
- M,
419
+ O,
402
420
  {
403
421
  appearance: "dark",
404
422
  size: "24px",
405
423
  cursorHover: !0,
406
- icon: /* @__PURE__ */ e(I, {}),
424
+ icon: /* @__PURE__ */ e(q, {}),
407
425
  onClick: () => {
408
- i(h);
426
+ r(s);
409
427
  }
410
428
  }
411
429
  ),
412
430
  /* @__PURE__ */ e(
413
- M,
431
+ O,
414
432
  {
415
433
  cursorHover: !0,
416
434
  appearance: "dark",
417
435
  size: "24px",
418
- icon: /* @__PURE__ */ e(q, {}),
436
+ icon: /* @__PURE__ */ e(B, {}),
419
437
  onClick: () => {
420
- r(h);
438
+ i(s);
421
439
  }
422
440
  }
423
441
  )
@@ -426,7 +444,7 @@ const Q = (l) => {
426
444
  ] });
427
445
  };
428
446
  export {
429
- ge as BusinessRuleCard,
430
- ue as BusinessRuleView,
431
- me as RulesForm
447
+ Ce as BusinessRuleCard,
448
+ ge as BusinessRuleView,
449
+ pe as RulesForm
432
450
  };
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  ],
11
11
  "description": "",
12
12
  "private": false,
13
- "version": "0.1.2",
13
+ "version": "0.1.4",
14
14
  "type": "module",
15
15
  "exports": {
16
16
  ".": {
@@ -48,8 +48,8 @@
48
48
  "@inubekit/text": "^2.17.0",
49
49
  "@inubekit/textarea": "^2.45.0",
50
50
  "@inubekit/toggle": "^3.8.1",
51
- "@isettingkit/input": "^0.1.14",
52
- "@isettingkit/view": "^0.1.1"
51
+ "@isettingkit/input": "^0.1.15",
52
+ "@isettingkit/view": "^0.1.2"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "react": "^18.2.0",