@base-framework/ui 1.0.290 → 1.0.291
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.
|
@@ -5,8 +5,8 @@ import { C as ce, F as ue, a as y } from "./veil-tVDPinrr.js";
|
|
|
5
5
|
import { B as h, I as g } from "./buttons-BKLL4I6r.js";
|
|
6
6
|
import { Icons as d } from "./icons.es.js";
|
|
7
7
|
import { Timer as de, List as he, DynamicTime as fe } from "@base-framework/organisms";
|
|
8
|
-
import { F as
|
|
9
|
-
const
|
|
8
|
+
import { F as N } from "./format-DnofNaaz.js";
|
|
9
|
+
const z = {
|
|
10
10
|
info: {
|
|
11
11
|
borderColor: "border-blue-500",
|
|
12
12
|
bgColor: "bg-muted/10",
|
|
@@ -35,7 +35,7 @@ const N = {
|
|
|
35
35
|
}, me = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
|
|
36
36
|
p({ html: e })
|
|
37
37
|
]), pe = (e) => Q({ class: "font-semibold" }, e), ge = (e) => m({ class: "text-sm text-muted-foreground" }, e), kt = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
|
|
38
|
-
const { borderColor: l, bgColor: r, iconColor: i } =
|
|
38
|
+
const { borderColor: l, bgColor: r, iconColor: i } = z[o] || z.default;
|
|
39
39
|
return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
|
|
40
40
|
// Icon and content
|
|
41
41
|
s && me(s, i),
|
|
@@ -437,7 +437,7 @@ class Mt extends w {
|
|
|
437
437
|
this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
|
-
const
|
|
440
|
+
const E = {
|
|
441
441
|
info: {
|
|
442
442
|
bgColor: "bg-muted/10",
|
|
443
443
|
borderColor: "border-blue-500",
|
|
@@ -463,15 +463,15 @@ const z = {
|
|
|
463
463
|
borderColor: "border",
|
|
464
464
|
iconColor: "text-muted-foreground"
|
|
465
465
|
}
|
|
466
|
-
},
|
|
466
|
+
}, Ne = (e) => D({ class: "flex justify-center" }, [
|
|
467
467
|
Z({ class: "text-lg font-bold mb-0" }, e)
|
|
468
|
-
]),
|
|
468
|
+
]), ze = c(({ href: e, class: t }, s) => Y({
|
|
469
469
|
class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
|
|
470
470
|
href: e,
|
|
471
471
|
animateIn: "pullRightIn",
|
|
472
472
|
animateOut: "pullRight",
|
|
473
473
|
role: "alert"
|
|
474
|
-
}, s)),
|
|
474
|
+
}, s)), Ee = c(({ close: e, class: t }, s) => n({
|
|
475
475
|
class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
|
|
476
476
|
click: () => e(),
|
|
477
477
|
animateIn: "pullRightIn",
|
|
@@ -502,10 +502,10 @@ class je extends w {
|
|
|
502
502
|
*/
|
|
503
503
|
render() {
|
|
504
504
|
const { bgColor: t, borderColor: s, iconColor: o } = this.getTypeStyles(), l = this.href || null, r = this.getChildren(o);
|
|
505
|
-
return l ?
|
|
505
|
+
return l ? ze({
|
|
506
506
|
href: l,
|
|
507
507
|
class: `${t} ${s}`
|
|
508
|
-
}, r) :
|
|
508
|
+
}, r) : Ee({
|
|
509
509
|
close: this.close.bind(this),
|
|
510
510
|
class: `${t} ${s}`
|
|
511
511
|
}, r);
|
|
@@ -526,7 +526,7 @@ class je extends w {
|
|
|
526
526
|
*/
|
|
527
527
|
getTypeStyles() {
|
|
528
528
|
const t = this.type || "default";
|
|
529
|
-
return
|
|
529
|
+
return E[t] || E.default;
|
|
530
530
|
}
|
|
531
531
|
/**
|
|
532
532
|
* This will get the buttons for the notification.
|
|
@@ -553,7 +553,7 @@ class je extends w {
|
|
|
553
553
|
this.icon && p({ class: `mr-4 ${t}`, html: this.icon }),
|
|
554
554
|
n({ class: "flex flex-auto flex-col" }, [
|
|
555
555
|
n({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
|
|
556
|
-
this.title &&
|
|
556
|
+
this.title && Ne(this.title)
|
|
557
557
|
]),
|
|
558
558
|
m({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
|
|
559
559
|
(this.primary || this.secondary) && L({ class: "margin-top-24 flex align-center" }, this.getButtons())
|
|
@@ -578,7 +578,7 @@ class je extends w {
|
|
|
578
578
|
}
|
|
579
579
|
}
|
|
580
580
|
let Oe = 0;
|
|
581
|
-
class
|
|
581
|
+
class Nt extends w {
|
|
582
582
|
/**
|
|
583
583
|
* This will render the component.
|
|
584
584
|
*
|
|
@@ -632,7 +632,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
|
|
|
632
632
|
}
|
|
633
633
|
const s = e === "light" ? "dark" : "light";
|
|
634
634
|
t.classList.remove(s);
|
|
635
|
-
},
|
|
635
|
+
}, zt = C(
|
|
636
636
|
{
|
|
637
637
|
/**
|
|
638
638
|
* This will render the component.
|
|
@@ -659,7 +659,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
|
|
|
659
659
|
};
|
|
660
660
|
}
|
|
661
661
|
}
|
|
662
|
-
),
|
|
662
|
+
), Et = y(
|
|
663
663
|
{
|
|
664
664
|
/**
|
|
665
665
|
* The initial state of the Toggle.
|
|
@@ -1163,9 +1163,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
|
|
|
1163
1163
|
*/
|
|
1164
1164
|
render() {
|
|
1165
1165
|
const e = (s, { state: o }) => o.toggle("open"), t = (s) => {
|
|
1166
|
-
this.state.selectedDate = s, this.state.open = !1, this.input.value = s, $.trigger("change", this.input,
|
|
1167
|
-
const o = new Event("change", { bubbles: !0 });
|
|
1168
|
-
this.input.dispatchEvent(o), typeof this.onChange == "function" && this.onChange(s);
|
|
1166
|
+
this.state.selectedDate = s, this.state.open = !1, this.input.value = s, $.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(s);
|
|
1169
1167
|
};
|
|
1170
1168
|
return n({ class: "relative w-full max-w-[320px]" }, [
|
|
1171
1169
|
st({
|
|
@@ -1191,9 +1189,9 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
|
|
|
1191
1189
|
}, [
|
|
1192
1190
|
nt({ bind: e, required: t }),
|
|
1193
1191
|
_(({ state: o }) => [
|
|
1194
|
-
a(
|
|
1192
|
+
a(N.date(["[[start]]", o], "Start Date")),
|
|
1195
1193
|
a(" - "),
|
|
1196
|
-
a(
|
|
1194
|
+
a(N.date(["[[end]]", o], "End Date"))
|
|
1197
1195
|
]),
|
|
1198
1196
|
p({ html: d.calendar.days })
|
|
1199
1197
|
]), rt = ({ handleDateSelect: e, blockPriorDates: t }) => P((s, o, l) => new k({
|
|
@@ -1608,12 +1606,12 @@ export {
|
|
|
1608
1606
|
ht as K,
|
|
1609
1607
|
Ut as L,
|
|
1610
1608
|
Mt as M,
|
|
1611
|
-
|
|
1609
|
+
Nt as N,
|
|
1612
1610
|
mt as O,
|
|
1613
1611
|
Ze as P,
|
|
1614
1612
|
Kt as Q,
|
|
1615
1613
|
Lt as S,
|
|
1616
|
-
|
|
1614
|
+
zt as T,
|
|
1617
1615
|
ye as a,
|
|
1618
1616
|
Dt as b,
|
|
1619
1617
|
Ce as c,
|
|
@@ -1629,7 +1627,7 @@ export {
|
|
|
1629
1627
|
Ft as m,
|
|
1630
1628
|
At as n,
|
|
1631
1629
|
je as o,
|
|
1632
|
-
|
|
1630
|
+
Et as p,
|
|
1633
1631
|
jt as q,
|
|
1634
1632
|
Ot as r,
|
|
1635
1633
|
S as s,
|
package/dist/index.es.js
CHANGED
|
@@ -3,7 +3,7 @@ import { B as d, I as g, L as C } from "./buttons-BKLL4I6r.js";
|
|
|
3
3
|
import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
|
|
4
4
|
import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DYxmO1rQ.js";
|
|
5
5
|
import { Icons as G } from "./icons.es.js";
|
|
6
|
-
import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-
|
|
6
|
+
import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-D09aUoDA.js";
|
|
7
7
|
import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-DW0cMOJy.js";
|
|
8
8
|
import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-BEO99NlI.js";
|
|
9
9
|
import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-C7RyGC5a.js";
|
package/dist/molecules.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-
|
|
1
|
+
import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-D09aUoDA.js";
|
|
2
2
|
import { A as V, P as W, g as X } from "./range-calendar-DW0cMOJy.js";
|
|
3
3
|
export {
|
|
4
4
|
s as Alert,
|
package/package.json
CHANGED