@isettingkit/business-rules 0.1.5 → 0.1.7

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