@sensorario/sg-components 0.0.81 → 0.0.85
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/index.es.js +25 -12
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -135,6 +135,19 @@ var s = {
|
|
|
135
135
|
cx: "12",
|
|
136
136
|
cy: "12",
|
|
137
137
|
r: "3"
|
|
138
|
+
})] }),
|
|
139
|
+
columns: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("rect", {
|
|
140
|
+
x: "3",
|
|
141
|
+
y: "4",
|
|
142
|
+
width: "8",
|
|
143
|
+
height: "16",
|
|
144
|
+
rx: "1.5"
|
|
145
|
+
}), /* @__PURE__ */ a("rect", {
|
|
146
|
+
x: "13",
|
|
147
|
+
y: "4",
|
|
148
|
+
width: "8",
|
|
149
|
+
height: "16",
|
|
150
|
+
rx: "1.5"
|
|
138
151
|
})] })
|
|
139
152
|
}, c = ({ name: e, size: t = 18, ...n }) => /* @__PURE__ */ a("svg", {
|
|
140
153
|
className: "sg-icon",
|
|
@@ -232,23 +245,23 @@ var s = {
|
|
|
232
245
|
padding: "0.4rem 1rem"
|
|
233
246
|
},
|
|
234
247
|
children: "Login"
|
|
235
|
-
}) }), g = 220, _ = ({ open: e, onClose: n, title: i, icon: s, children: c, buttons: u, footer: d, closeLabel: f = "Close" }) => {
|
|
236
|
-
let [
|
|
237
|
-
|
|
238
|
-
|
|
248
|
+
}) }), g = 220, _ = ({ open: e, onClose: n, title: i, icon: s, children: c, buttons: u, footer: d, closeLabel: f = "Close", className: p }) => {
|
|
249
|
+
let [m, h] = r(!1), _ = (e) => {
|
|
250
|
+
m || (h(!0), setTimeout(() => {
|
|
251
|
+
h(!1), e();
|
|
239
252
|
}, g));
|
|
240
253
|
};
|
|
241
254
|
return t(() => {
|
|
242
255
|
if (!e) return;
|
|
243
256
|
let t = (e) => {
|
|
244
|
-
e.key === "Escape" &&
|
|
257
|
+
e.key === "Escape" && _(n);
|
|
245
258
|
};
|
|
246
259
|
return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
|
|
247
260
|
}, [e, n]), e ? /* @__PURE__ */ a("div", {
|
|
248
|
-
className: `modal-overlay${
|
|
249
|
-
onClick: () =>
|
|
261
|
+
className: `modal-overlay${m ? " modal-overlay-closing" : ""}`,
|
|
262
|
+
onClick: () => _(n),
|
|
250
263
|
children: /* @__PURE__ */ o("div", {
|
|
251
|
-
className: `modal-content${p ? " modal-content-closing" : ""}`,
|
|
264
|
+
className: `modal-content${p ? ` ${p}` : ""}${m ? " modal-content-closing" : ""}`,
|
|
252
265
|
onClick: (e) => e.stopPropagation(),
|
|
253
266
|
children: [
|
|
254
267
|
/* @__PURE__ */ o("div", {
|
|
@@ -266,8 +279,8 @@ var s = {
|
|
|
266
279
|
type: "button",
|
|
267
280
|
className: "modal-close",
|
|
268
281
|
"aria-label": f,
|
|
269
|
-
onClick: () =>
|
|
270
|
-
disabled:
|
|
282
|
+
onClick: () => _(n),
|
|
283
|
+
disabled: m,
|
|
271
284
|
children: "×"
|
|
272
285
|
})
|
|
273
286
|
]
|
|
@@ -280,8 +293,8 @@ var s = {
|
|
|
280
293
|
className: "modal-footer",
|
|
281
294
|
children: u.map((e, t) => /* @__PURE__ */ a(l, {
|
|
282
295
|
label: e.label,
|
|
283
|
-
onClick: () =>
|
|
284
|
-
disabled:
|
|
296
|
+
onClick: () => _(e.onClick),
|
|
297
|
+
disabled: m
|
|
285
298
|
}, t))
|
|
286
299
|
}),
|
|
287
300
|
d && /* @__PURE__ */ a("div", {
|