@hybridcore/ui 1.4.5 → 1.4.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.
@@ -1,288 +0,0 @@
1
- import { jsxs as C, Fragment as P, jsx as n } from "react/jsx-runtime";
2
- import T from "lodash";
3
- import F from "dayjs";
4
- import { Typography as B, Chip as j, Dialog as N, DialogTitle as S, DialogContent as W, DialogActions as Y, Button as w, InputAdornment as v, Tooltip as O } from "@mui/material";
5
- import { Container as _, Values as y, MiniButton as E } from "./components/instance-form/components/composite-list/styled.js";
6
- import { Add as G, LockOutlined as H } from "@mui/icons-material";
7
- import R from "./hooks/useToggle.js";
8
- import { GeometryPicker as $ } from "./components/geometry-picker/index.js";
9
- import { PhoneInput as q } from "./components/phone-input/index.js";
10
- import { DateTimePicker as J } from "./components/date-time-picker/index.js";
11
- import { T as D } from "./TextField-D87qTh1k.js";
12
- import { B as b } from "./Box-BPyg-Ybm.js";
13
- import { F as K } from "./FormControlLabel-D9KFjcIx.js";
14
- import { C as Q } from "./Checkbox-qy3cjvnb.js";
15
- import { F as U, I as X } from "./InputLabel-CWkW8NtU.js";
16
- import { S as Z } from "./Select-ClaBvSqf.js";
17
- import { M } from "./MenuItem-D-INSvZa.js";
18
- import { useState as z } from "react";
19
- function ee({
20
- property: m,
21
- mapboxAccessToken: e,
22
- value: l,
23
- variant: c = "outlined",
24
- size: i = "medium",
25
- onChange: a
26
- }) {
27
- var x;
28
- const s = R(!1), [d, g] = z(), V = (u) => {
29
- g(T.get(u, m.propertyId));
30
- }, p = () => {
31
- a([...l || [], d]), g(""), s.action.close();
32
- }, k = (u) => () => {
33
- if (l) {
34
- const r = [...l];
35
- r.splice(u, 1), a(r);
36
- }
37
- };
38
- return /* @__PURE__ */ C(P, { children: [
39
- /* @__PURE__ */ C(_, { variant: c, children: [
40
- /* @__PURE__ */ n(B, { children: m.name }),
41
- /* @__PURE__ */ n(y, { children: T.isArray(l) && l.map((u, r) => {
42
- var h, t;
43
- return /* @__PURE__ */ n(
44
- j,
45
- {
46
- label: ((t = (h = m.dataTypeInfo) == null ? void 0 : h.innerType) == null ? void 0 : t.type) === "date" ? F(u).format("DD/MM/YYYY HH:mm:ss") : u,
47
- size: i,
48
- onDelete: k(r)
49
- },
50
- r
51
- );
52
- }) }),
53
- /* @__PURE__ */ n(
54
- E,
55
- {
56
- startIcon: /* @__PURE__ */ n(G, {}),
57
- variant: "text",
58
- onClick: s.action.open,
59
- children: "Add"
60
- }
61
- )
62
- ] }),
63
- /* @__PURE__ */ C(
64
- N,
65
- {
66
- open: s.state.isOpen,
67
- onClose: s.action.close,
68
- maxWidth: "sm",
69
- fullWidth: !0,
70
- children: [
71
- /* @__PURE__ */ n(S, { children: "Add List Value" }),
72
- /* @__PURE__ */ n(W, { children: (x = m.dataTypeInfo) != null && x.innerType ? /* @__PURE__ */ n(
73
- ne,
74
- {
75
- mapboxAccessToken: e,
76
- property: {
77
- ...m,
78
- name: "Value",
79
- type: m.dataTypeInfo.innerType.type
80
- },
81
- value: d,
82
- onChange: V
83
- }
84
- ) : null }),
85
- /* @__PURE__ */ C(Y, { children: [
86
- /* @__PURE__ */ n(
87
- w,
88
- {
89
- variant: "contained",
90
- color: "inherit",
91
- onClick: s.action.close,
92
- children: "Cancel"
93
- }
94
- ),
95
- /* @__PURE__ */ n(w, { variant: "contained", color: "primary", onClick: p, children: "Ok" })
96
- ] })
97
- ]
98
- }
99
- )
100
- ] });
101
- }
102
- function ne({
103
- mapboxAccessToken: m,
104
- property: e,
105
- value: l,
106
- variant: c = "standard",
107
- size: i = "medium",
108
- disableMargin: a = !1,
109
- defaultExtent: s,
110
- // keyAuth,
111
- onChange: d
112
- }) {
113
- var h;
114
- const g = (t) => {
115
- const f = t.target.value.split(",").map((A) => A.trimStart());
116
- d({
117
- [e.propertyId]: f
118
- });
119
- }, V = (t) => {
120
- const { name: o, type: f, checked: A, value: L } = t.target;
121
- let I = L;
122
- e.type === "double" && (I = I.replace(",", "."), I = I.replace(/[^\d.-]+/g, "")), d({
123
- [o]: f === "checkbox" ? A : I
124
- });
125
- }, p = (t) => {
126
- d({
127
- [e.propertyId]: t
128
- });
129
- }, k = (t) => {
130
- d({
131
- [e.propertyId]: t.target.value
132
- });
133
- }, x = (t) => (o) => {
134
- d({
135
- [t]: o
136
- });
137
- }, u = (t) => (o) => {
138
- d({
139
- [t]: o
140
- });
141
- }, r = (t) => (o) => {
142
- d({
143
- [t]: o
144
- });
145
- };
146
- if ([
147
- "string",
148
- "integer",
149
- "double",
150
- "text",
151
- "long",
152
- "byte",
153
- "bank-account"
154
- ].includes(e.type))
155
- return /* @__PURE__ */ n(
156
- D,
157
- {
158
- label: e.name,
159
- name: e.propertyId,
160
- value: l ?? e.defaultValue ?? "",
161
- defaultValue: l,
162
- onChange: V,
163
- variant: c,
164
- type: "text",
165
- multiline: e.type === "text",
166
- disabled: !e.editable,
167
- fullWidth: !0,
168
- sx: { mb: a ? 0 : 2 },
169
- InputProps: {
170
- size: i,
171
- ...e.privacyPreservationMethod === "ENCRYPTION" ? {
172
- endAdornment: /* @__PURE__ */ n(v, { position: "end", children: /* @__PURE__ */ n(O, { title: "Encrypted Field", children: /* @__PURE__ */ n(H, {}) }) })
173
- } : {}
174
- }
175
- }
176
- );
177
- if (e.type === "date") {
178
- const t = l !== void 0 ? F(l).format() : l;
179
- return /* @__PURE__ */ n(b, { mb: a ? 0 : 2, children: /* @__PURE__ */ n(
180
- J,
181
- {
182
- label: e.name,
183
- value: t,
184
- variant: c,
185
- size: i,
186
- name: e.propertyId,
187
- onChange: p
188
- }
189
- ) });
190
- }
191
- if (e.type === "list") {
192
- let t = "";
193
- return e.defaultValue && (t = T.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (t = T.isArray(l) ? l.join(",") : l), /* @__PURE__ */ n(
194
- D,
195
- {
196
- label: e.name,
197
- name: e.propertyId,
198
- value: t,
199
- onChange: g,
200
- variant: c,
201
- disabled: !e.editable,
202
- fullWidth: !0,
203
- helperText: i === "small" ? null : "Add list values with the comma (,) separated string",
204
- sx: { mb: a ? 0 : 2 },
205
- InputProps: {
206
- size: i,
207
- placeholder: i === "small" ? "Add list values with the comma (,) separated string" : ""
208
- }
209
- }
210
- );
211
- }
212
- if (e.type === "boolean")
213
- return /* @__PURE__ */ n(b, { mb: a ? 0 : 2, children: /* @__PURE__ */ n(
214
- K,
215
- {
216
- control: /* @__PURE__ */ n(
217
- Q,
218
- {
219
- name: e.propertyId,
220
- checked: !!l,
221
- onChange: V,
222
- size: i
223
- }
224
- ),
225
- label: e.name
226
- }
227
- ) });
228
- if (e.type === "enum") {
229
- let t = [];
230
- return (h = e.dataTypeInfo) != null && h.enumValues && (t = e.dataTypeInfo.enumValues), /* @__PURE__ */ C(
231
- U,
232
- {
233
- fullWidth: !0,
234
- variant: c,
235
- sx: { mb: a ? 0 : 2 },
236
- size: i,
237
- children: [
238
- /* @__PURE__ */ n(X, { id: `${e.propertyId}-label`, children: e.name }),
239
- /* @__PURE__ */ n(
240
- Z,
241
- {
242
- label: e.name,
243
- name: e.name,
244
- labelId: `${e.propertyId}-label`,
245
- id: e.propertyId,
246
- value: l ?? "",
247
- onChange: k,
248
- children: t.map((o, f) => /* @__PURE__ */ n(M, { value: o, children: o }, f))
249
- }
250
- )
251
- ]
252
- }
253
- );
254
- }
255
- return e.type === "geometry" ? /* @__PURE__ */ n(b, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
256
- $,
257
- {
258
- mapboxAccessToken: m,
259
- label: e.name,
260
- value: l ?? e.defaultValue ?? "",
261
- defaultExtent: s,
262
- variant: c,
263
- onChange: x(e.propertyId)
264
- }
265
- ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(b, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
266
- q,
267
- {
268
- label: e.name,
269
- placeholder: "Enter phone number",
270
- value: l ?? e.defaultValue ?? "",
271
- onChange: u(e.propertyId)
272
- }
273
- ) }) : e.type === "composite-list" ? /* @__PURE__ */ n(b, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
274
- ee,
275
- {
276
- property: e,
277
- value: l ?? e.defaultValue ?? "",
278
- variant: c,
279
- size: i,
280
- mapboxAccessToken: m,
281
- onChange: r(e.propertyId)
282
- }
283
- ) }) : /* @__PURE__ */ n(P, {});
284
- }
285
- export {
286
- ee as C,
287
- ne as V
288
- };