@viasat/beam-react 2.43.2 → 2.45.0
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/assets/panel.css +1 -1
- package/index.cjs.js +1 -1
- package/index.es.js +31 -29
- package/lib/Menu/Menu.context.d.ts +5 -0
- package/lib/Panel/Footer/Panel.Footer.Actions.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Footer/Panel.Footer.Actions.es.js +3 -3
- package/lib/Panel/Footer/Panel.Footer.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Footer/Panel.Footer.es.js +5 -5
- package/lib/Panel/Header/Panel.Header.ContentAfter.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Header/Panel.Header.ContentAfter.es.js +3 -3
- package/lib/Panel/Header/Panel.Header.ContentBefore.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Header/Panel.Header.ContentBefore.es.js +3 -3
- package/lib/Panel/Header/Panel.Header.Description.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Header/Panel.Header.Description.es.js +3 -3
- package/lib/Panel/Header/Panel.Header.Heading.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Header/Panel.Header.Heading.es.js +5 -5
- package/lib/Panel/Header/Panel.Header.Row.cjs.js +1 -0
- package/lib/Panel/Header/Panel.Header.Row.es.js +44 -0
- package/lib/Panel/Header/Panel.Header.Subheader.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Header/Panel.Header.Subheader.es.js +3 -3
- package/lib/Panel/Header/Panel.Header.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Header/Panel.Header.es.js +5 -5
- package/lib/Panel/Panel.Body.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.Body.es.js +4 -4
- package/lib/Panel/Panel.Divider.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.Divider.es.js +1 -1
- package/lib/Panel/Panel.Inline.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.Inline.es.js +5 -5
- package/lib/Panel/Panel.Overlay.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.Overlay.d.ts +1 -1
- package/lib/Panel/Panel.Overlay.es.js +150 -0
- package/lib/Panel/Panel.ResizeHandle.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.ResizeHandle.es.js +3 -3
- package/lib/Panel/Panel.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.es.js +37 -37
- package/lib/Panel/Panel.helpers.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.helpers.d.ts +2 -2
- package/lib/{wip/Panel → Panel}/Panel.helpers.es.js +20 -20
- package/lib/Panel/Panel.types.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.types.d.ts +6 -5
- package/lib/{wip/Panel → Panel}/Panel.types.es.js +1 -1
- package/lib/Panel/Panel.useResize.cjs.js +1 -0
- package/lib/{wip/Panel → Panel}/Panel.useResize.es.js +2 -2
- package/lib/Stepper/useBeamStepper.d.ts +7 -0
- package/lib/index.cjs.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.es.js +19 -17
- package/lib/wip/index.cjs.js +1 -1
- package/lib/wip/index.d.ts +0 -1
- package/lib/wip/index.es.js +1 -3
- package/package.json +6 -6
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.cjs.js +0 -1
- package/lib/wip/Panel/Footer/Panel.Footer.cjs.js +0 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.cjs.js +0 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.cjs.js +0 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.cjs.js +0 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.cjs.js +0 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.cjs.js +0 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.es.js +0 -30
- package/lib/wip/Panel/Header/Panel.Header.Subheader.cjs.js +0 -1
- package/lib/wip/Panel/Header/Panel.Header.cjs.js +0 -1
- package/lib/wip/Panel/Panel.Body.cjs.js +0 -1
- package/lib/wip/Panel/Panel.Divider.cjs.js +0 -1
- package/lib/wip/Panel/Panel.Inline.cjs.js +0 -1
- package/lib/wip/Panel/Panel.Overlay.cjs.js +0 -1
- package/lib/wip/Panel/Panel.Overlay.es.js +0 -144
- package/lib/wip/Panel/Panel.ResizeHandle.cjs.js +0 -1
- package/lib/wip/Panel/Panel.cjs.js +0 -1
- package/lib/wip/Panel/Panel.helpers.cjs.js +0 -1
- package/lib/wip/Panel/Panel.types.cjs.js +0 -1
- package/lib/wip/Panel/Panel.useResize.cjs.js +0 -1
- /package/lib/{wip/Panel → Panel}/Footer/Panel.Footer.Actions.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Footer/Panel.Footer.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Header/Panel.Header.ContentAfter.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Header/Panel.Header.ContentBefore.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Header/Panel.Header.Description.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Header/Panel.Header.Heading.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Header/Panel.Header.Row.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Header/Panel.Header.Subheader.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Header/Panel.Header.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.Body.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.Divider.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.Inline.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.ResizeHandle.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.context.cjs.js +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.context.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.context.es.js +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/Panel.useResize.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/index.cjs.js +0 -0
- /package/lib/{wip/Panel → Panel}/index.d.ts +0 -0
- /package/lib/{wip/Panel → Panel}/index.es.js +0 -0
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import { jsx as u, jsxs as $ } from "react/jsx-runtime";
|
|
2
|
+
import j from "clsx";
|
|
3
|
+
import { useCallback as A, useMemo as _ } from "react";
|
|
4
|
+
import { g as B } from "../../chunks/classNames.ZWNk1hey.js";
|
|
5
|
+
import "../../chunks/constants.Cruz2A1w.js";
|
|
6
|
+
import { PanelContext as U } from "./Panel.context.es.js";
|
|
7
|
+
import { getPanelDismissConfig as g } from "./Panel.helpers.es.js";
|
|
8
|
+
import { FloatingUIRoot as q } from "../FloatingUI/FloatingUI.root.es.js";
|
|
9
|
+
import { Content as z } from "../FloatingUI/FloatingUI.content.es.js";
|
|
10
|
+
import { a as E } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
|
|
11
|
+
import { InlineDivider as H } from "./Panel.Divider.es.js";
|
|
12
|
+
import { PanelResizeHandle as w } from "./Panel.ResizeHandle.es.js";
|
|
13
|
+
import { usePanelResize as G } from "./Panel.useResize.es.js";
|
|
14
|
+
import { s as F } from "../../chunks/panel.module.CgFBtvbR.js";
|
|
15
|
+
const { baseClassNamePrefix: I, variable: S } = B("panel");
|
|
16
|
+
function J(t, r, o) {
|
|
17
|
+
if (!(!t && !r && !o))
|
|
18
|
+
return {
|
|
19
|
+
...t,
|
|
20
|
+
...r,
|
|
21
|
+
...o ? {
|
|
22
|
+
[S("offset-x")]: o.x,
|
|
23
|
+
[S("offset-y")]: o.y
|
|
24
|
+
} : null
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
const K = ({
|
|
28
|
+
children: t,
|
|
29
|
+
panelClassName: r,
|
|
30
|
+
resolvedPosition: o,
|
|
31
|
+
showDivider: d,
|
|
32
|
+
dividerColor: s,
|
|
33
|
+
resizeConfig: l,
|
|
34
|
+
floatingOffset: f,
|
|
35
|
+
overlayDividerClassName: p,
|
|
36
|
+
isBlocking: c,
|
|
37
|
+
cssVarStyle: v,
|
|
38
|
+
skipMountAnimation: y,
|
|
39
|
+
container: a,
|
|
40
|
+
style: x,
|
|
41
|
+
...C
|
|
42
|
+
}) => {
|
|
43
|
+
const { refs: M } = E(), { handleRef: n } = G({
|
|
44
|
+
resizeConfig: l,
|
|
45
|
+
position: o,
|
|
46
|
+
floatingRef: M.floating,
|
|
47
|
+
requireMount: !0,
|
|
48
|
+
container: a
|
|
49
|
+
}), e = J(x, v, f), P = _(
|
|
50
|
+
() => c ? a ? { lockScroll: !1 } : !0 : { lockScroll: !1 },
|
|
51
|
+
[c, a]
|
|
52
|
+
);
|
|
53
|
+
return /* @__PURE__ */ $(
|
|
54
|
+
z,
|
|
55
|
+
{
|
|
56
|
+
className: r,
|
|
57
|
+
skipFloatingStyles: !0,
|
|
58
|
+
overlay: P,
|
|
59
|
+
...C,
|
|
60
|
+
style: e,
|
|
61
|
+
"data-position": o,
|
|
62
|
+
...y ? { "data-status": "open" } : {},
|
|
63
|
+
children: [
|
|
64
|
+
t,
|
|
65
|
+
d && /* @__PURE__ */ u(
|
|
66
|
+
H,
|
|
67
|
+
{
|
|
68
|
+
position: o,
|
|
69
|
+
className: p,
|
|
70
|
+
dividerColor: s
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
l && /* @__PURE__ */ u(w, { ref: n })
|
|
74
|
+
]
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
}, so = ({
|
|
78
|
+
contextValue: t,
|
|
79
|
+
panelClassName: r,
|
|
80
|
+
resolvedPosition: o,
|
|
81
|
+
showDivider: d,
|
|
82
|
+
modalType: s,
|
|
83
|
+
closeOnOutsidePress: l,
|
|
84
|
+
floatingOffset: f,
|
|
85
|
+
open: p,
|
|
86
|
+
onOpenChange: c,
|
|
87
|
+
transitionConfig: v,
|
|
88
|
+
dividerColor: y,
|
|
89
|
+
children: a,
|
|
90
|
+
resizeConfig: x,
|
|
91
|
+
cssVarStyle: C,
|
|
92
|
+
skipMountAnimation: M,
|
|
93
|
+
container: n,
|
|
94
|
+
triggerRef: e,
|
|
95
|
+
...P
|
|
96
|
+
}) => {
|
|
97
|
+
const i = s ?? "isModal", N = i === "isModal" || i === "alert", k = A(
|
|
98
|
+
(m) => {
|
|
99
|
+
const h = (e == null ? void 0 : e.current) ?? null;
|
|
100
|
+
return !(h && m.target instanceof Node && h.contains(m.target));
|
|
101
|
+
},
|
|
102
|
+
[e]
|
|
103
|
+
), b = _(() => {
|
|
104
|
+
const m = g(s, l);
|
|
105
|
+
return !e || !(i === "isModal" || i === "nonModal" && (l ?? !1)) ? m : { ...m ?? {}, outsidePress: k };
|
|
106
|
+
}, [
|
|
107
|
+
s,
|
|
108
|
+
i,
|
|
109
|
+
l,
|
|
110
|
+
e,
|
|
111
|
+
k
|
|
112
|
+
]), D = j(
|
|
113
|
+
F[`${I}__overlay-divider`],
|
|
114
|
+
F[`${I}__overlay-divider--${o}`]
|
|
115
|
+
);
|
|
116
|
+
return /* @__PURE__ */ u(U.Provider, { value: t, children: /* @__PURE__ */ u(
|
|
117
|
+
q,
|
|
118
|
+
{
|
|
119
|
+
open: p,
|
|
120
|
+
onOpenChange: c,
|
|
121
|
+
portalled: n ? { root: n } : !0,
|
|
122
|
+
transitionConfig: v,
|
|
123
|
+
dismiss: b,
|
|
124
|
+
focusConfiguration: N ? !0 : { modal: !1, closeOnFocusOut: !1 },
|
|
125
|
+
children: /* @__PURE__ */ u(
|
|
126
|
+
K,
|
|
127
|
+
{
|
|
128
|
+
panelClassName: r,
|
|
129
|
+
resolvedPosition: o,
|
|
130
|
+
showDivider: d,
|
|
131
|
+
dividerColor: y,
|
|
132
|
+
floatingOffset: f,
|
|
133
|
+
overlayDividerClassName: D,
|
|
134
|
+
isBlocking: N,
|
|
135
|
+
resizeConfig: x,
|
|
136
|
+
cssVarStyle: C,
|
|
137
|
+
skipMountAnimation: M,
|
|
138
|
+
container: n,
|
|
139
|
+
...P,
|
|
140
|
+
role: s === "alert" ? "alertdialog" : "dialog",
|
|
141
|
+
"aria-modal": N || void 0,
|
|
142
|
+
children: a
|
|
143
|
+
}
|
|
144
|
+
)
|
|
145
|
+
}
|
|
146
|
+
) });
|
|
147
|
+
};
|
|
148
|
+
export {
|
|
149
|
+
so as OverlayPanel
|
|
150
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),n=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const l=require("../../chunks/panel.module.BzLGa7GY.js"),{baseClassNamePrefix:i}=n.getBEMClassNames("panel"),e=r.forwardRef((t,s)=>a.jsx("div",{ref:s,className:l.styles[`${i}__resize-handle`],"aria-hidden":!0,tabIndex:-1}));e.displayName="PanelResizeHandle";exports.PanelResizeHandle=e;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as s } from "react";
|
|
3
|
-
import { g as r } from "
|
|
4
|
-
import "
|
|
5
|
-
import { s as o } from "
|
|
3
|
+
import { g as r } from "../../chunks/classNames.ZWNk1hey.js";
|
|
4
|
+
import "../../chunks/constants.Cruz2A1w.js";
|
|
5
|
+
import { s as o } from "../../chunks/panel.module.CgFBtvbR.js";
|
|
6
6
|
const { baseClassNamePrefix: i } = r("panel"), m = s((t, e) => /* @__PURE__ */ a(
|
|
7
7
|
"div",
|
|
8
8
|
{
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),F=require("clsx"),K=require("react"),re=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const V=require("../../utils/hooks/usePrevious.cjs.js"),ae=require("./Header/Panel.Header.cjs.js"),ce=require("./Panel.Body.cjs.js"),ue=require("./Footer/Panel.Footer.cjs.js"),c=require("./Panel.helpers.cjs.js"),de=require("./Panel.Inline.cjs.js"),ve=require("./Panel.Overlay.cjs.js"),n=require("../../chunks/panel.module.BzLGa7GY.js"),fe=165,ye=100,Pe=(e,i)=>{if(!e)return;const l=i==="bottom",u=typeof e=="object"?e:{},a=u.minSize??(l?ye:fe),P=u.maxSize??1/0,_=u.storageKey??"";return{minSize:a,maxSize:P,storageKey:_}},{baseClassNamePrefix:t,variable:L}=re.getBEMClassNames("panel");function _e(e,i){const l={overlayWidthClass:void 0,inlineWidthClass:void 0,widthStyle:void 0};return i==="bottom"?l:c.isPresetWidth(e)?{overlayWidthClass:n.styles[`${t}--width-${e}`],inlineWidthClass:n.styles[`${t}__inline-wrapper--width-${e}`],widthStyle:void 0}:e!==void 0?{...l,widthStyle:{[L("width")]:e}}:l}function he(e,i){if(!(i!=="bottom"||e===void 0))return{[L("height")]:e}}const v=({children:e,className:i,padding:l="md",onOpenChange:u,open:a,width:P,height:_,dismissible:g=!0,closeButtonAriaLabel:b="Close panel",kind:s="overlay",position:h,divider:G=!0,dividerColor:f,backgroundColor:w,isAnimated:N=!0,onBeforeClose:U,modalType:y="isModal",offset:O,resizable:X,id:S,...C})=>{const o=c.getResolvedPanelPosition(h),d=Pe(X,o),Y=!!d,{container:q,triggerRef:J,...$}=C,r=s==="overlay"?q:void 0;if(process.env.NODE_ENV!=="production"){d&&!d.storageKey&&console.warn("Panel: provide a `storageKey` in the `resizable` config to persist panel size across sessions."),y==="alert"&&g&&console.warn('Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.');const{closeOnOutsidePress:le}=C;if(le&&y!=="nonModal"&&console.warn('Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.'),q&&s==="inline"&&console.warn('Panel: `container` has no effect when `kind="inline"`.'),r)try{if(typeof getComputedStyle=="function"){const p=getComputedStyle(r);p.position==="static"&&console.warn("Panel: container element should have `position: relative` (or another non-static value) for proper scoping.");const m=o==="bottom"?p.overflowY:p.overflowX;(m==="visible"||m==="auto"||m==="scroll")&&console.warn("Panel: container element should use `overflow: hidden` (or `clip`) so the slide-in/out transform does not trigger a transient scrollbar.")}}catch{}}const I=y==="alert"?!1:g,{overlayWidthClass:Q,inlineWidthClass:Z,widthStyle:M}=_e(P,o),W=he(_,o),x=M||W?{...M,...W}:void 0,E=s==="overlay"&&O?c.resolveOffset(O):void 0,z=!!E,H=F(n.styles[t],n.styles[`${t}--${s}`],s==="overlay"&&Q,n.styles[`${t}--padding-${l}`],n.styles[`${t}--position-${o}`],z&&n.styles[`${t}--floating`],Y&&n.styles[`${t}--resizable`],s==="overlay"&&r&&n.styles[`${t}--contained`],i),k=F(n.styles[`${t}__inline-wrapper`],Z),{requestClose:T,handleOverlayOpenChange:ee}=c.usePanelClose(U,u),B=K.useMemo(()=>({kind:s,dismissible:I,closeButtonAriaLabel:b,position:h,requestClose:T,backgroundColor:w,dividerColor:f}),[s,I,b,h,T,w,f]),{showDivider:se,dividerBefore:ne,dividerInner:te,dividerAfter:oe}=c.getPanelDividerState(G&&!z,o),D=K.useMemo(()=>({duration:N?c.PANEL_TRANSITION_DURATION_MS:0}),[N]),R=V.usePrevious(s),ie=V.usePrevious(r),j=R!==void 0&&R!==s&&a===!0||ie===null&&r!=null&&a===!0;return r===null?null:s==="inline"?A.jsx(de.InlinePanel,{contextValue:B,panelClassName:H,inlineWrapperClassName:k,resolvedPosition:o,dividerBefore:ne,dividerInner:te,dividerAfter:oe,dividerColor:f,open:a,transitionConfig:D,resizeConfig:d,skipMountAnimation:j,cssVarStyle:x,id:S,...$,children:e}):A.jsx(ve.OverlayPanel,{contextValue:B,panelClassName:H,resolvedPosition:o,showDivider:se,dividerColor:f,modalType:y,floatingOffset:E,open:a,onOpenChange:ee,transitionConfig:D,resizeConfig:d,skipMountAnimation:j,cssVarStyle:x,id:S,...$,container:r,triggerRef:J,children:e})};v.displayName="Panel";v.Header=ae.Header;v.Body=ce.Body;v.Footer=ue.Footer;exports.Panel=v;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as R } from "react/jsx-runtime";
|
|
2
2
|
import F from "clsx";
|
|
3
3
|
import { useMemo as V } from "react";
|
|
4
|
-
import { g as re } from "
|
|
5
|
-
import "
|
|
6
|
-
import { usePrevious as j } from "
|
|
4
|
+
import { g as re } from "../../chunks/classNames.ZWNk1hey.js";
|
|
5
|
+
import "../../chunks/constants.Cruz2A1w.js";
|
|
6
|
+
import { usePrevious as j } from "../../utils/hooks/usePrevious.es.js";
|
|
7
7
|
import { Header as ae } from "./Header/Panel.Header.es.js";
|
|
8
8
|
import { Body as le } from "./Panel.Body.es.js";
|
|
9
9
|
import { Footer as ce } from "./Footer/Panel.Footer.es.js";
|
|
10
|
-
import { resolveOffset as fe, usePanelClose as me, getPanelDividerState as
|
|
10
|
+
import { resolveOffset as fe, usePanelClose as me, getPanelDividerState as de, PANEL_TRANSITION_DURATION_MS as ve, getResolvedPanelPosition as pe, isPresetWidth as ue } from "./Panel.helpers.es.js";
|
|
11
11
|
import { InlinePanel as ye } from "./Panel.Inline.es.js";
|
|
12
12
|
import { OverlayPanel as he } from "./Panel.Overlay.es.js";
|
|
13
|
-
import { s as t } from "
|
|
13
|
+
import { s as t } from "../../chunks/panel.module.CgFBtvbR.js";
|
|
14
14
|
const ge = 165, Pe = 100, we = (e, i) => {
|
|
15
15
|
if (!e) return;
|
|
16
16
|
const r = i === "bottom", c = typeof e == "object" ? e : {}, l = c.minSize ?? (r ? Pe : ge), p = c.maxSize ?? 1 / 0, u = c.storageKey ?? "";
|
|
@@ -35,7 +35,7 @@ function Ne(e, i) {
|
|
|
35
35
|
if (!(i !== "bottom" || e === void 0))
|
|
36
36
|
return { [L("height")]: e };
|
|
37
37
|
}
|
|
38
|
-
const
|
|
38
|
+
const v = ({
|
|
39
39
|
children: e,
|
|
40
40
|
className: i,
|
|
41
41
|
padding: r = "md",
|
|
@@ -48,25 +48,25 @@ const d = ({
|
|
|
48
48
|
kind: o = "overlay",
|
|
49
49
|
position: y,
|
|
50
50
|
divider: q = !0,
|
|
51
|
-
dividerColor:
|
|
51
|
+
dividerColor: m,
|
|
52
52
|
backgroundColor: C,
|
|
53
53
|
isAnimated: N = !0,
|
|
54
54
|
onBeforeClose: G,
|
|
55
|
-
modalType:
|
|
55
|
+
modalType: d = "isModal",
|
|
56
56
|
offset: O,
|
|
57
57
|
resizable: U,
|
|
58
58
|
id: S,
|
|
59
59
|
..._
|
|
60
60
|
}) => {
|
|
61
|
-
const s = pe(y),
|
|
61
|
+
const s = pe(y), f = we(U, s), X = !!f, { container: $, triggerRef: Y, ...b } = _, a = o === "overlay" ? $ : void 0;
|
|
62
62
|
if (process.env.NODE_ENV !== "production") {
|
|
63
|
-
|
|
63
|
+
f && !f.storageKey && console.warn(
|
|
64
64
|
"Panel: provide a `storageKey` in the `resizable` config to persist panel size across sessions."
|
|
65
|
-
),
|
|
65
|
+
), d === "alert" && P && console.warn(
|
|
66
66
|
'Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.'
|
|
67
67
|
);
|
|
68
68
|
const { closeOnOutsidePress: ie } = _;
|
|
69
|
-
if (ie &&
|
|
69
|
+
if (ie && d !== "nonModal" && console.warn(
|
|
70
70
|
'Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.'
|
|
71
71
|
), $ && o === "inline" && console.warn('Panel: `container` has no effect when `kind="inline"`.'), a)
|
|
72
72
|
try {
|
|
@@ -83,10 +83,10 @@ const d = ({
|
|
|
83
83
|
} catch {
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
|
-
const I =
|
|
86
|
+
const I = d === "alert" ? !1 : P, { overlayWidthClass: J, inlineWidthClass: Q, widthStyle: M } = Ce(
|
|
87
87
|
p,
|
|
88
88
|
s
|
|
89
|
-
),
|
|
89
|
+
), W = Ne(u, s), E = M || W ? { ...M, ...W } : void 0, x = o === "overlay" && O ? fe(O) : void 0, z = !!x, D = F(
|
|
90
90
|
t[n],
|
|
91
91
|
t[`${n}--${o}`],
|
|
92
92
|
o === "overlay" && J,
|
|
@@ -99,40 +99,40 @@ const d = ({
|
|
|
99
99
|
), Z = F(
|
|
100
100
|
t[`${n}__inline-wrapper`],
|
|
101
101
|
Q
|
|
102
|
-
), { requestClose:
|
|
102
|
+
), { requestClose: T, handleOverlayOpenChange: k } = me(
|
|
103
103
|
G,
|
|
104
104
|
c
|
|
105
|
-
),
|
|
105
|
+
), B = V(
|
|
106
106
|
() => ({
|
|
107
107
|
kind: o,
|
|
108
108
|
dismissible: I,
|
|
109
109
|
closeButtonAriaLabel: w,
|
|
110
110
|
position: y,
|
|
111
|
-
requestClose:
|
|
111
|
+
requestClose: T,
|
|
112
112
|
backgroundColor: C,
|
|
113
|
-
dividerColor:
|
|
113
|
+
dividerColor: m
|
|
114
114
|
}),
|
|
115
|
-
[o, I, w, y,
|
|
116
|
-
), { showDivider: ee, dividerBefore: oe, dividerInner: te, dividerAfter: ne } =
|
|
117
|
-
() => ({ duration: N ?
|
|
115
|
+
[o, I, w, y, T, C, m]
|
|
116
|
+
), { showDivider: ee, dividerBefore: oe, dividerInner: te, dividerAfter: ne } = de(q && !z, s), H = V(
|
|
117
|
+
() => ({ duration: N ? ve : 0 }),
|
|
118
118
|
[N]
|
|
119
119
|
), A = j(o), se = j(a), K = A !== void 0 && A !== o && l === !0 || se === null && a != null && l === !0;
|
|
120
120
|
return a === null ? null : o === "inline" ? /* @__PURE__ */ R(
|
|
121
121
|
ye,
|
|
122
122
|
{
|
|
123
|
-
contextValue:
|
|
123
|
+
contextValue: B,
|
|
124
124
|
panelClassName: D,
|
|
125
125
|
inlineWrapperClassName: Z,
|
|
126
126
|
resolvedPosition: s,
|
|
127
127
|
dividerBefore: oe,
|
|
128
128
|
dividerInner: te,
|
|
129
129
|
dividerAfter: ne,
|
|
130
|
-
dividerColor:
|
|
130
|
+
dividerColor: m,
|
|
131
131
|
open: l,
|
|
132
|
-
transitionConfig:
|
|
133
|
-
resizeConfig:
|
|
132
|
+
transitionConfig: H,
|
|
133
|
+
resizeConfig: f,
|
|
134
134
|
skipMountAnimation: K,
|
|
135
|
-
cssVarStyle:
|
|
135
|
+
cssVarStyle: E,
|
|
136
136
|
id: S,
|
|
137
137
|
...b,
|
|
138
138
|
children: e
|
|
@@ -140,19 +140,19 @@ const d = ({
|
|
|
140
140
|
) : /* @__PURE__ */ R(
|
|
141
141
|
he,
|
|
142
142
|
{
|
|
143
|
-
contextValue:
|
|
143
|
+
contextValue: B,
|
|
144
144
|
panelClassName: D,
|
|
145
145
|
resolvedPosition: s,
|
|
146
146
|
showDivider: ee,
|
|
147
|
-
dividerColor:
|
|
148
|
-
modalType:
|
|
147
|
+
dividerColor: m,
|
|
148
|
+
modalType: d,
|
|
149
149
|
floatingOffset: x,
|
|
150
150
|
open: l,
|
|
151
151
|
onOpenChange: k,
|
|
152
|
-
transitionConfig:
|
|
153
|
-
resizeConfig:
|
|
152
|
+
transitionConfig: H,
|
|
153
|
+
resizeConfig: f,
|
|
154
154
|
skipMountAnimation: K,
|
|
155
|
-
cssVarStyle:
|
|
155
|
+
cssVarStyle: E,
|
|
156
156
|
id: S,
|
|
157
157
|
...b,
|
|
158
158
|
container: a,
|
|
@@ -161,10 +161,10 @@ const d = ({
|
|
|
161
161
|
}
|
|
162
162
|
);
|
|
163
163
|
};
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
164
|
+
v.displayName = "Panel";
|
|
165
|
+
v.Header = ae;
|
|
166
|
+
v.Body = le;
|
|
167
|
+
v.Footer = ce;
|
|
168
168
|
export {
|
|
169
|
-
|
|
169
|
+
v as Panel
|
|
170
170
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=e=>e==="sm"||e==="md"||e==="lg",a=400;function P(e){return e===!0?{x:"1rem",y:"1rem"}:typeof e=="string"?{x:e,y:e}:{x:e.x,y:e.y}}const d="01",f=e=>e||"start",D=(e,t)=>({showDivider:e,dividerBefore:e&&t!=="start"&&t!=="bottom",dividerInner:e&&t==="bottom",dividerAfter:e&&t==="start"}),_=(e,t)=>{if(!(e===void 0||e==="isModal"))return e==="alert"?{escapeKey:!1,outsidePress:!1}:{escapeKey:!0,outsidePress:t??!1}},v=e=>e==="escape-key"?"escapeKey":e==="outside-press"?"outsidePress":"programmatic",I=(e,t)=>{const i=c.useCallback(l=>{if(!e){t==null||t(!1);return}const r=e(l);r instanceof Promise?r.then(s=>{s&&(t==null||t(!1))}).catch(s=>{process.env.NODE_ENV!=="production"&&console.warn("Panel: `onBeforeClose` rejected; close cancelled (panel stays open). If this was not intentional, handle the error inside `onBeforeClose`.",s)}):r&&(t==null||t(!1))},[e,t]),u=c.useCallback((l,r,s)=>{l?t==null||t(!0):i(v(s))},[t,i]);return{requestClose:i,handleOverlayOpenChange:u}};exports.DEFAULT_PANEL_DIVIDER_COLOR=d;exports.PANEL_TRANSITION_DURATION_MS=a;exports.getPanelDismissConfig=_;exports.getPanelDividerState=D;exports.getResolvedPanelPosition=f;exports.isPresetWidth=o;exports.resolveOffset=P;exports.usePanelClose=I;
|
|
@@ -14,8 +14,8 @@ export declare const getPanelDividerState: (divider: boolean, position?: PanelPo
|
|
|
14
14
|
/**
|
|
15
15
|
* Returns the floating-ui `dismiss` config for an overlay panel.
|
|
16
16
|
*
|
|
17
|
-
* - `isModal`
|
|
18
|
-
* - `nonModal`
|
|
17
|
+
* - `isModal` / omitted — `undefined` (floating-ui defaults: ESC + backdrop click both close)
|
|
18
|
+
* - `nonModal` — ESC closes; outside-press closes only when `closeOnOutsidePress={true}`
|
|
19
19
|
* - `alert` — ESC and outside-press both suppressed
|
|
20
20
|
*/
|
|
21
21
|
export declare const getPanelDismissConfig: (modalType: PanelModalType | undefined, closeOnOutsidePress?: boolean) => {
|
|
@@ -3,39 +3,39 @@ const o = (t) => t === "sm" || t === "md" || t === "lg", a = 400;
|
|
|
3
3
|
function P(t) {
|
|
4
4
|
return t === !0 ? { x: "1rem", y: "1rem" } : typeof t == "string" ? { x: t, y: t } : { x: t.x, y: t.y };
|
|
5
5
|
}
|
|
6
|
-
const m = "01",
|
|
6
|
+
const m = "01", v = (t) => t || "start", y = (t, s) => ({
|
|
7
7
|
showDivider: t,
|
|
8
|
-
dividerBefore: t &&
|
|
8
|
+
dividerBefore: t && s !== "start" && s !== "bottom",
|
|
9
9
|
// For 'bottom' panels the divider must sit inside the scrollable wrapper (above the content),
|
|
10
10
|
// not outside it — so it is rendered via dividerInner rather than dividerBefore.
|
|
11
|
-
dividerInner: t &&
|
|
12
|
-
dividerAfter: t &&
|
|
13
|
-
}), D = (t,
|
|
14
|
-
if (t
|
|
15
|
-
return t === "alert" ? { escapeKey: !1, outsidePress: !1 } : { escapeKey: !0, outsidePress:
|
|
16
|
-
},
|
|
11
|
+
dividerInner: t && s === "bottom",
|
|
12
|
+
dividerAfter: t && s === "start"
|
|
13
|
+
}), D = (t, s) => {
|
|
14
|
+
if (!(t === void 0 || t === "isModal"))
|
|
15
|
+
return t === "alert" ? { escapeKey: !1, outsidePress: !1 } : { escapeKey: !0, outsidePress: s ?? !1 };
|
|
16
|
+
}, f = (t) => t === "escape-key" ? "escapeKey" : t === "outside-press" ? "outsidePress" : "programmatic", _ = (t, s) => {
|
|
17
17
|
const i = c(
|
|
18
18
|
(l) => {
|
|
19
19
|
if (!t) {
|
|
20
|
-
|
|
20
|
+
s == null || s(!1);
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
23
|
const e = t(l);
|
|
24
|
-
e instanceof Promise ? e.then((
|
|
25
|
-
|
|
26
|
-
}).catch((
|
|
24
|
+
e instanceof Promise ? e.then((r) => {
|
|
25
|
+
r && (s == null || s(!1));
|
|
26
|
+
}).catch((r) => {
|
|
27
27
|
process.env.NODE_ENV !== "production" && console.warn(
|
|
28
28
|
"Panel: `onBeforeClose` rejected; close cancelled (panel stays open). If this was not intentional, handle the error inside `onBeforeClose`.",
|
|
29
|
-
|
|
29
|
+
r
|
|
30
30
|
);
|
|
31
|
-
}) : e && (
|
|
31
|
+
}) : e && (s == null || s(!1));
|
|
32
32
|
},
|
|
33
|
-
[t,
|
|
33
|
+
[t, s]
|
|
34
34
|
), u = c(
|
|
35
|
-
(l, e,
|
|
36
|
-
l ?
|
|
35
|
+
(l, e, r) => {
|
|
36
|
+
l ? s == null || s(!0) : i(f(r));
|
|
37
37
|
},
|
|
38
|
-
[
|
|
38
|
+
[s, i]
|
|
39
39
|
);
|
|
40
40
|
return { requestClose: i, handleOverlayOpenChange: u };
|
|
41
41
|
};
|
|
@@ -43,8 +43,8 @@ export {
|
|
|
43
43
|
m as DEFAULT_PANEL_DIVIDER_COLOR,
|
|
44
44
|
a as PANEL_TRANSITION_DURATION_MS,
|
|
45
45
|
D as getPanelDismissConfig,
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
y as getPanelDividerState,
|
|
47
|
+
v as getResolvedPanelPosition,
|
|
48
48
|
o as isPresetWidth,
|
|
49
49
|
P as resolveOffset,
|
|
50
50
|
_ as usePanelClose
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/constants.CgMu0_1M.js");const e=["00","00-alt","01","02","03"],o=e;exports.PanelDividerColors=o;
|
|
@@ -181,18 +181,19 @@ export interface OverlayPanelProps extends BasePanelProps {
|
|
|
181
181
|
/**
|
|
182
182
|
* Modal behavior (overlay panels only).
|
|
183
183
|
*
|
|
184
|
-
* - `'
|
|
185
|
-
*
|
|
186
|
-
* - `'
|
|
184
|
+
* - `'isModal'` (default) — backdrop overlay with focus trapped; Escape and a backdrop
|
|
185
|
+
* click close it.
|
|
186
|
+
* - `'nonModal'` — page stays interactive; Escape closes the panel; outside clicks close
|
|
187
|
+
* it only when `closeOnOutsidePress={true}`.
|
|
187
188
|
* - `'alert'` — close button hidden; Escape and outside clicks are suppressed.
|
|
188
189
|
*
|
|
189
|
-
* @default '
|
|
190
|
+
* @default 'isModal'
|
|
190
191
|
*/
|
|
191
192
|
modalType?: PanelModalType;
|
|
192
193
|
/**
|
|
193
194
|
* When `modalType="nonModal"`, allows the panel to close when the user
|
|
194
195
|
* clicks outside it. Has no effect for `'isModal'` or `'alert'` panels.
|
|
195
|
-
* @default
|
|
196
|
+
* @default false
|
|
196
197
|
*/
|
|
197
198
|
closeOnOutsidePress?: boolean;
|
|
198
199
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),R=require("../../utils/hooks/useElementResize.cjs.js"),g=require("../../utils/hooks/useLocalStorage.cjs.js"),x=({resizeConfig:i,position:s,floatingRef:o,requireMount:n=!1,container:r})=>{const l=!!i,{minSize:f=0,maxSize:S=0,storageKey:c=""}=i??{},m=t.useCallback(()=>{const e=r;return e?s==="bottom"?e.clientHeight*.9:e.clientWidth*.5:1/0},[r,s]),_=r&&S===1/0?m:S,d=t.useRef(null),[a,y]=t.useState(!1),k=t.useCallback(e=>{d.current=e,n&&y(!!e)},[n]),[b,z]=g.useLocalStorage(c||"__panel_no_key__","0",l&&!!c),u=l&&Number(b)>0?Number(b):0,h=t.useCallback(e=>{c&&z(e.toString())},[c,z]);return R.useElementResize(n?l&&a:l,o,d,f,_,u,s==="bottom"?"y":"x",s==="end",h),t.useEffect(()=>{if(!n||!a||!u||!o.current)return;const e=s==="bottom"?"blockSize":"inlineSize";o.current.style[e]=`${u}px`},[a]),{handleRef:k}};exports.usePanelResize=x;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCallback as a, useRef as p, useState as k, useEffect as E } from "react";
|
|
2
|
-
import { useElementResize as H } from "
|
|
3
|
-
import { useLocalStorage as R } from "
|
|
2
|
+
import { useElementResize as H } from "../../utils/hooks/useElementResize.es.js";
|
|
3
|
+
import { useLocalStorage as R } from "../../utils/hooks/useLocalStorage.es.js";
|
|
4
4
|
const N = ({
|
|
5
5
|
resizeConfig: m,
|
|
6
6
|
position: t,
|
|
@@ -33,6 +33,13 @@ export interface Config {
|
|
|
33
33
|
*/
|
|
34
34
|
validateStep?: (stepId: string) => Promise<boolean>;
|
|
35
35
|
}
|
|
36
|
+
/**
|
|
37
|
+
* Initialize a Stepper from your `steps` and `config`, then destructure the returned
|
|
38
|
+
* `Stepper` component and helpers and render them: `const { Stepper, all, getStatus,
|
|
39
|
+
* goToNextStep, goToPrevStep } = useBeamStepper(steps, config);` then render `<Stepper>`
|
|
40
|
+
* with a `<Stepper.Step>` per step (e.g. `all.map(s => <Stepper.Step status={getStatus(s.id)} />)`)
|
|
41
|
+
* and advance with `goToNextStep()` / `goToPrevStep()` / `goToStep(id)`.
|
|
42
|
+
*/
|
|
36
43
|
export declare const useBeamStepper: (steps: Step[], config: Config) => {
|
|
37
44
|
utils: import('@stepperize/core').Utils<Step[]>;
|
|
38
45
|
resetStepper: () => void;
|
package/lib/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),c=require("./Alert/Alert.cjs.js"),s=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.CJ2P5JCD.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),P=require("./Box/Box.cjs.js"),B=require("./Checkbox/Checkbox.cjs.js"),g=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),h=require("./Flag/Flag.cjs.js"),N=require("./Form/Form.cjs.js"),m=require("../chunks/form.context.D5XrYvpI.js"),H=require("./Icon/Icon.cjs.js"),G=require("./InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),R=require("./InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),D=require("./InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),I=require("./Label/Label.cjs.js"),O=require("./Link/Link.cjs.js"),y=require("./List/List.cjs.js"),E=require("./ActionList/ActionList.cjs.js"),F=require("./Logo/Logo.cjs.js"),k=require("./Menu/Menu.cjs.js"),M=require("./Menu/Menu.context.cjs.js"),U=require("./NativeSelect/NativeSelect.cjs.js"),w=require("./Pagination/Pagination.cjs.js"),Y=require("./ProgressBar/ProgressBar.cjs.js"),W=require("./RadioButton/RadioButton.cjs.js"),e=require("./SideNav/SideNav.cjs.js"),o=require("./SideNav/SideNavContext.cjs.js"),V=require("./SegmentedControl/SegmentedControl.cjs.js"),K=require("./Select/Select.cjs.js"),f=require("./Spinner/Spinner.cjs.js"),Q=require("./StateLayer/StateLayer.cjs.js"),j=require("./Stepper/Stepper.cjs.js"),t=require("./Stepper/useBeamStepper.cjs.js"),z=require("./Switch/Switch.cjs.js"),J=require("./Tabs/Tabs.cjs.js"),X=require("./Text/Text.cjs.js"),Z=require("./TextArea/TextArea.cjs.js"),$=require("./TextField/TextField.cjs.js"),ee=require("./Toasts/Toast.cjs.js"),i=require("../chunks/ToastContext.DVb2CKcX.js"),re=require("./Toasts/ToastContainer.cjs.js"),a=require("./Tooltip/Tooltip.cjs.js"),n=require("./Header/Header.cjs.js"),oe=require("./Header/HeaderMasthead.cjs.js"),te=require("./Header/HeaderActionGroup.cjs.js"),ie=require("./Header/HeaderNavigation.cjs.js"),_=require("./PortalProvider/PortalContext.cjs.js"),ae=require("./PortalProvider/PortalProvider.cjs.js"),ne=require("./Popover/Popover.cjs.js"),_e=require("./PageHeader/PageHeader.cjs.js"),ue=require("./PageLayout/PageLayout.cjs.js"),le=require("./Panel/Panel.cjs.js"),ce=require("./Slider/Slider.cjs.js"),se=require("./Card/Card.cjs.js"),de=require("./Card/CardGroup.cjs.js"),be=require("./Search/Search.cjs.js"),pe=require("../chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=u.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=s.Autocomplete;exports.Avatar=d.Avatar;exports.CloseButton=b.CloseButton;exports.Button=r.Button;exports.ButtonIconWrap=r.ButtonIconWrap;exports.Dialog=p.Dialog;exports.Breadcrumb=S.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=A.EmptyState;exports.Badge=T.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=P.Box;exports.Checkbox=B.Checkbox;exports.Chip=g.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=L.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=m.HelperText;exports.Icon=H.Icon;exports.SwitchGroup=G.SwitchGroup;exports.CheckboxGroup=R.CheckboxGroup;exports.RadioButtonGroup=D.RadioButtonGroup;exports.Label=I.Label;exports.Link=O.Link;exports.List=y.List;exports.ActionList=E.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=M.useMenuContext;exports.NativeSelect=U.NativeSelect;exports.Pagination=w.Pagination;exports.ProgressBar=Y.ProgressBar;exports.RadioButton=W.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=o.SideNavProvider;exports.useSideNavContext=o.useSideNavContext;exports.SegmentedControl=V.SegmentedControl;exports.Select=K.Select;exports.Spinner=f.Spinner;exports.StateLayer=Q.StateLayer;exports.Stepper=j.Stepper;exports.processMetadata=t.processMetadata;exports.useBeamStepper=t.useBeamStepper;exports.Switch=z.Switch;exports.Tabs=J.Tabs;exports.Text=X.Text;exports.TextArea=Z.TextArea;exports.TextField=$.TextField;exports.Toast=ee.Toast;exports.ToastProvider=i.ToastProvider;exports.useToast=i.useToast;exports.ToastContainer=re.ToastContainer;exports.Tooltip=a.Tooltip;exports.TooltipIconTrigger=a.TooltipIconTrigger;exports.Header=n.Header;exports.InternalHeader=n.InternalHeader;exports.HeaderMasthead=oe.HeaderMasthead;exports.HeaderActionGroup=te.HeaderActionGroup;exports.HeaderNavigation=ie.HeaderNavigation;exports.PortalContext=_.PortalContext;exports.usePortal=_.usePortal;exports.PortalProvider=ae.PortalProvider;exports.Popover=ne.Popover;exports.PageHeader=_e.PageHeader;exports.PageLayout=ue.PageLayout;exports.Panel=le.Panel;exports.Slider=ce.Slider;exports.Card=se.Card;exports.CardGroup=de.CardGroup;exports.Search=be.Search;exports.validators=pe.validators;
|
package/lib/index.d.ts
CHANGED
package/lib/index.es.js
CHANGED
|
@@ -4,7 +4,7 @@ import { Alert as m } from "./Alert/Alert.es.js";
|
|
|
4
4
|
import { Autocomplete as f } from "./Autocomplete/Autocomplete.es.js";
|
|
5
5
|
import { Avatar as d } from "./Avatar/index.es.js";
|
|
6
6
|
import { CloseButton as s } from "./CloseButton/CloseButton.es.js";
|
|
7
|
-
import { Button as
|
|
7
|
+
import { Button as l, ButtonIconWrap as A } from "./Button/Button.es.js";
|
|
8
8
|
import { Dialog as S } from "./Dialog/Dialog.es.js";
|
|
9
9
|
import { Breadcrumb as v } from "./Breadcrumbs/Breadcrumbs.es.js";
|
|
10
10
|
import { B as C } from "../chunks/BreadcrumbsItem.Bv-RHLE5.js";
|
|
@@ -30,7 +30,7 @@ import { List as xo } from "./List/List.es.js";
|
|
|
30
30
|
import { ActionList as ao } from "./ActionList/ActionList.es.js";
|
|
31
31
|
import { Logo as io } from "./Logo/Logo.es.js";
|
|
32
32
|
import { Menu as so } from "./Menu/Menu.es.js";
|
|
33
|
-
import { useMenuContext as
|
|
33
|
+
import { useMenuContext as lo } from "./Menu/Menu.context.es.js";
|
|
34
34
|
import { NativeSelect as co } from "./NativeSelect/NativeSelect.es.js";
|
|
35
35
|
import { Pagination as To } from "./Pagination/Pagination.es.js";
|
|
36
36
|
import { ProgressBar as Bo } from "./ProgressBar/ProgressBar.es.js";
|
|
@@ -50,7 +50,7 @@ import { TextArea as xr } from "./TextArea/TextArea.es.js";
|
|
|
50
50
|
import { TextField as ar } from "./TextField/TextField.es.js";
|
|
51
51
|
import { Toast as ir } from "./Toasts/Toast.es.js";
|
|
52
52
|
import { T as nr, u as sr } from "../chunks/ToastContext.zXkKuhRk.js";
|
|
53
|
-
import { ToastContainer as
|
|
53
|
+
import { ToastContainer as lr } from "./Toasts/ToastContainer.es.js";
|
|
54
54
|
import { Tooltip as cr, TooltipIconTrigger as Sr } from "./Tooltip/Tooltip.es.js";
|
|
55
55
|
import { Header as vr, InternalHeader as Br } from "./Header/Header.es.js";
|
|
56
56
|
import { HeaderMasthead as Lr } from "./Header/HeaderMasthead.es.js";
|
|
@@ -61,11 +61,12 @@ import { PortalProvider as Ir } from "./PortalProvider/PortalProvider.es.js";
|
|
|
61
61
|
import { Popover as Er } from "./Popover/Popover.es.js";
|
|
62
62
|
import { PageHeader as br } from "./PageHeader/PageHeader.es.js";
|
|
63
63
|
import { PageLayout as yr } from "./PageLayout/PageLayout.es.js";
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
64
|
+
import { Panel as kr } from "./Panel/Panel.es.js";
|
|
65
|
+
import { Slider as Yr } from "./Slider/Slider.es.js";
|
|
66
|
+
import { Card as wr } from "./Card/Card.es.js";
|
|
67
|
+
import { CardGroup as Vr } from "./Card/CardGroup.es.js";
|
|
68
|
+
import { Search as jr } from "./Search/Search.es.js";
|
|
69
|
+
import { v as zr } from "../chunks/useFormValidator.hook.CSmddwEt.js";
|
|
69
70
|
export {
|
|
70
71
|
e as Accordion,
|
|
71
72
|
p as AccordionGroup,
|
|
@@ -78,10 +79,10 @@ export {
|
|
|
78
79
|
D as Box,
|
|
79
80
|
v as Breadcrumb,
|
|
80
81
|
C as BreadcrumbItem,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
l as Button,
|
|
83
|
+
A as ButtonIconWrap,
|
|
84
|
+
wr as Card,
|
|
85
|
+
Vr as CardGroup,
|
|
85
86
|
I as Checkbox,
|
|
86
87
|
X as CheckboxGroup,
|
|
87
88
|
E as Chip,
|
|
@@ -114,6 +115,7 @@ export {
|
|
|
114
115
|
br as PageHeader,
|
|
115
116
|
yr as PageLayout,
|
|
116
117
|
To as Pagination,
|
|
118
|
+
kr as Panel,
|
|
117
119
|
Er as Popover,
|
|
118
120
|
Or as PortalContext,
|
|
119
121
|
Ir as PortalProvider,
|
|
@@ -122,7 +124,7 @@ export {
|
|
|
122
124
|
Lo as RadioButton,
|
|
123
125
|
$ as RadioButtonGroup,
|
|
124
126
|
Ho as Root,
|
|
125
|
-
|
|
127
|
+
jr as Search,
|
|
126
128
|
Fo as SegmentedControl,
|
|
127
129
|
Wo as Select,
|
|
128
130
|
Io as SideNav,
|
|
@@ -130,7 +132,7 @@ export {
|
|
|
130
132
|
Eo as SideNavClosedLayouts,
|
|
131
133
|
Go as SideNavOpenLayouts,
|
|
132
134
|
yo as SideNavProvider,
|
|
133
|
-
|
|
135
|
+
Yr as Slider,
|
|
134
136
|
Ko as Spinner,
|
|
135
137
|
Qo as StateLayer,
|
|
136
138
|
qo as Stepper,
|
|
@@ -142,15 +144,15 @@ export {
|
|
|
142
144
|
xr as TextArea,
|
|
143
145
|
ar as TextField,
|
|
144
146
|
ir as Toast,
|
|
145
|
-
|
|
147
|
+
lr as ToastContainer,
|
|
146
148
|
nr as ToastProvider,
|
|
147
149
|
cr as Tooltip,
|
|
148
150
|
Sr as TooltipIconTrigger,
|
|
149
151
|
Jo as processMetadata,
|
|
150
152
|
Xo as useBeamStepper,
|
|
151
|
-
|
|
153
|
+
lo as useMenuContext,
|
|
152
154
|
Dr as usePortal,
|
|
153
155
|
Mo as useSideNavContext,
|
|
154
156
|
sr as useToast,
|
|
155
|
-
|
|
157
|
+
zr as validators
|
|
156
158
|
};
|