@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260420071504 → 0.8.1-dev.20260420114708
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.js +28 -27
- package/dist/index.mjs +62 -61
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3715,33 +3715,34 @@ var ImageNode = (props) => {
|
|
|
3715
3715
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
3716
3716
|
const renderMedia = () => {
|
|
3717
3717
|
if (isHls) {
|
|
3718
|
-
return /* @__PURE__ */ (0, import_jsx_runtime44.
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
|
|
3729
|
-
|
|
3730
|
-
|
|
3731
|
-
|
|
3732
|
-
|
|
3733
|
-
|
|
3734
|
-
|
|
3735
|
-
|
|
3736
|
-
|
|
3737
|
-
|
|
3738
|
-
|
|
3739
|
-
|
|
3740
|
-
|
|
3741
|
-
|
|
3742
|
-
|
|
3743
|
-
|
|
3744
|
-
|
|
3718
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
3719
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3720
|
+
HlsPlayer2,
|
|
3721
|
+
{
|
|
3722
|
+
assetUrl: imageUrl,
|
|
3723
|
+
posterUrl,
|
|
3724
|
+
intrinsicWidth: props.node.intrinsicWidth,
|
|
3725
|
+
intrinsicHeight: props.node.intrinsicHeight,
|
|
3726
|
+
showControls: props.node.showControls === "true",
|
|
3727
|
+
loop: props.node.loop === "true",
|
|
3728
|
+
playOptions: props.node.playOptions,
|
|
3729
|
+
apiBaseUrl: props.apiBaseUrl,
|
|
3730
|
+
session: props.session
|
|
3731
|
+
}
|
|
3732
|
+
),
|
|
3733
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3734
|
+
"img",
|
|
3735
|
+
{
|
|
3736
|
+
style: styles,
|
|
3737
|
+
loading: "lazy",
|
|
3738
|
+
className: "object-cover",
|
|
3739
|
+
src: imageUrl,
|
|
3740
|
+
width: props.node.intrinsicWidth,
|
|
3741
|
+
alt: props.node.title,
|
|
3742
|
+
height: props.node.intrinsicHeight
|
|
3743
|
+
}
|
|
3744
|
+
) })
|
|
3745
|
+
] });
|
|
3745
3746
|
}
|
|
3746
3747
|
};
|
|
3747
3748
|
if (props.node.width) {
|
package/dist/index.mjs
CHANGED
|
@@ -2637,7 +2637,7 @@ var DeviceAssetSelector = ({
|
|
|
2637
2637
|
var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
2638
2638
|
|
|
2639
2639
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
2640
|
-
import { Fragment as Fragment3, jsx as jsx39 } from "react/jsx-runtime";
|
|
2640
|
+
import { Fragment as Fragment3, jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2641
2641
|
var HlsPlayer = dynamic(() => import("./HlsPlayer-FFEIK6FG.mjs"), {
|
|
2642
2642
|
ssr: false
|
|
2643
2643
|
});
|
|
@@ -2729,33 +2729,34 @@ var ImageNode = (props) => {
|
|
|
2729
2729
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
2730
2730
|
const renderMedia = () => {
|
|
2731
2731
|
if (isHls) {
|
|
2732
|
-
return /* @__PURE__ */
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2758
|
-
|
|
2732
|
+
return /* @__PURE__ */ jsxs25(Fragment3, { children: [
|
|
2733
|
+
/* @__PURE__ */ jsx39(
|
|
2734
|
+
HlsPlayer,
|
|
2735
|
+
{
|
|
2736
|
+
assetUrl: imageUrl,
|
|
2737
|
+
posterUrl,
|
|
2738
|
+
intrinsicWidth: props.node.intrinsicWidth,
|
|
2739
|
+
intrinsicHeight: props.node.intrinsicHeight,
|
|
2740
|
+
showControls: props.node.showControls === "true",
|
|
2741
|
+
loop: props.node.loop === "true",
|
|
2742
|
+
playOptions: props.node.playOptions,
|
|
2743
|
+
apiBaseUrl: props.apiBaseUrl,
|
|
2744
|
+
session: props.session
|
|
2745
|
+
}
|
|
2746
|
+
),
|
|
2747
|
+
/* @__PURE__ */ jsx39(React30.Fragment, { children: /* @__PURE__ */ jsx39(
|
|
2748
|
+
"img",
|
|
2749
|
+
{
|
|
2750
|
+
style: styles,
|
|
2751
|
+
loading: "lazy",
|
|
2752
|
+
className: "object-cover",
|
|
2753
|
+
src: imageUrl,
|
|
2754
|
+
width: props.node.intrinsicWidth,
|
|
2755
|
+
alt: props.node.title,
|
|
2756
|
+
height: props.node.intrinsicHeight
|
|
2757
|
+
}
|
|
2758
|
+
) })
|
|
2759
|
+
] });
|
|
2759
2760
|
}
|
|
2760
2761
|
};
|
|
2761
2762
|
if (props.node.width) {
|
|
@@ -2767,7 +2768,7 @@ var ImageNode_default = ImageNode;
|
|
|
2767
2768
|
|
|
2768
2769
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
2769
2770
|
import dynamic2 from "next/dynamic";
|
|
2770
|
-
import { Fragment as Fragment4, jsx as jsx40, jsxs as
|
|
2771
|
+
import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2771
2772
|
var LinkNodeButton = dynamic2(() => import("./LinkNodeButton-DFS25WUO.mjs"), {
|
|
2772
2773
|
ssr: false
|
|
2773
2774
|
});
|
|
@@ -2841,7 +2842,7 @@ var LinkNode = (props) => {
|
|
|
2841
2842
|
return null;
|
|
2842
2843
|
};
|
|
2843
2844
|
if (isButton) {
|
|
2844
|
-
return /* @__PURE__ */
|
|
2845
|
+
return /* @__PURE__ */ jsxs26(
|
|
2845
2846
|
LinkNodeButton,
|
|
2846
2847
|
{
|
|
2847
2848
|
node,
|
|
@@ -2859,7 +2860,7 @@ var LinkNode = (props) => {
|
|
|
2859
2860
|
}
|
|
2860
2861
|
);
|
|
2861
2862
|
}
|
|
2862
|
-
return /* @__PURE__ */
|
|
2863
|
+
return /* @__PURE__ */ jsxs26(
|
|
2863
2864
|
Hyperlink,
|
|
2864
2865
|
{
|
|
2865
2866
|
href: linkUrl || "#",
|
|
@@ -3037,7 +3038,7 @@ var DatafieldNode = (props) => {
|
|
|
3037
3038
|
var DatafieldNode_default = DatafieldNode;
|
|
3038
3039
|
|
|
3039
3040
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
3040
|
-
import { Fragment as Fragment5, jsx as jsx44, jsxs as
|
|
3041
|
+
import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
3041
3042
|
var ParagraphNode = (props) => {
|
|
3042
3043
|
const NodeTypes2 = {
|
|
3043
3044
|
["text"]: TextNode_default,
|
|
@@ -3071,7 +3072,7 @@ var ParagraphNode = (props) => {
|
|
|
3071
3072
|
) }, index);
|
|
3072
3073
|
}) });
|
|
3073
3074
|
}
|
|
3074
|
-
return /* @__PURE__ */
|
|
3075
|
+
return /* @__PURE__ */ jsxs27("div", { className: " " + formatClasses, children: [
|
|
3075
3076
|
hasChildren && props.node.children.map((node, index) => {
|
|
3076
3077
|
const SelectedNode = NodeTypes2[node.type];
|
|
3077
3078
|
return /* @__PURE__ */ jsx44(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(
|
|
@@ -3159,12 +3160,12 @@ var ListItemNode = (props) => {
|
|
|
3159
3160
|
var ListItemNode_default = ListItemNode;
|
|
3160
3161
|
|
|
3161
3162
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
3162
|
-
import { jsx as jsx47, jsxs as
|
|
3163
|
+
import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3163
3164
|
var ListNode = (props) => {
|
|
3164
3165
|
const NodeTypes2 = {
|
|
3165
3166
|
listitem: ListItemNode_default
|
|
3166
3167
|
};
|
|
3167
|
-
return /* @__PURE__ */
|
|
3168
|
+
return /* @__PURE__ */ jsxs28(React35.Fragment, { children: [
|
|
3168
3169
|
props.node.listType == "bullet" && /* @__PURE__ */ jsx47("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3169
3170
|
const SelectedNode = NodeTypes2[node.type];
|
|
3170
3171
|
return /* @__PURE__ */ jsx47(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
@@ -3196,7 +3197,7 @@ var QuoteNode_default = QuoteNode;
|
|
|
3196
3197
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
3197
3198
|
import React37 from "react";
|
|
3198
3199
|
import dynamic3 from "next/dynamic";
|
|
3199
|
-
import { jsx as jsx49, jsxs as
|
|
3200
|
+
import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3200
3201
|
var CopyButton = dynamic3(() => import("./CopyButton-XONTQQW7.mjs"), {
|
|
3201
3202
|
ssr: false,
|
|
3202
3203
|
// optional: fallback UI while loading
|
|
@@ -3214,8 +3215,8 @@ var CodeNode = (props) => {
|
|
|
3214
3215
|
if (node.type === "link") return node.text || node.url || "";
|
|
3215
3216
|
return "";
|
|
3216
3217
|
}).join("") ?? "";
|
|
3217
|
-
return /* @__PURE__ */
|
|
3218
|
-
/* @__PURE__ */
|
|
3218
|
+
return /* @__PURE__ */ jsxs29("div", { children: [
|
|
3219
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
3219
3220
|
/* @__PURE__ */ jsx49("span", { children: "Code Snippet" }),
|
|
3220
3221
|
/* @__PURE__ */ jsx49(CopyButton, { text: textContent })
|
|
3221
3222
|
] }),
|
|
@@ -3361,7 +3362,7 @@ var InputControlNode = (props) => {
|
|
|
3361
3362
|
var InputControlNode_default = InputControlNode;
|
|
3362
3363
|
|
|
3363
3364
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
3364
|
-
import { jsx as jsx53, jsxs as
|
|
3365
|
+
import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
3365
3366
|
var FormContainerNode = (props) => {
|
|
3366
3367
|
const NodeTypes2 = {
|
|
3367
3368
|
["input-control"]: InputControlNode_default
|
|
@@ -3391,7 +3392,7 @@ var FormContainerNode = (props) => {
|
|
|
3391
3392
|
};
|
|
3392
3393
|
fetchInitialData();
|
|
3393
3394
|
}, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
|
|
3394
|
-
return /* @__PURE__ */
|
|
3395
|
+
return /* @__PURE__ */ jsxs30("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
|
|
3395
3396
|
node.children && node.children.map((node2, index) => {
|
|
3396
3397
|
{
|
|
3397
3398
|
}
|
|
@@ -3434,7 +3435,7 @@ var EmbedNode_default = EmbedNode;
|
|
|
3434
3435
|
|
|
3435
3436
|
// src/components/Slider.tsx
|
|
3436
3437
|
import React40, { useState as useState6, useEffect as useEffect8, Children, cloneElement } from "react";
|
|
3437
|
-
import { Fragment as Fragment8, jsx as jsx55, jsxs as
|
|
3438
|
+
import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3438
3439
|
var Slider = ({
|
|
3439
3440
|
children,
|
|
3440
3441
|
slidesToShow = 4,
|
|
@@ -3554,7 +3555,7 @@ var Slider = ({
|
|
|
3554
3555
|
return "bottom-4";
|
|
3555
3556
|
}
|
|
3556
3557
|
};
|
|
3557
|
-
return /* @__PURE__ */
|
|
3558
|
+
return /* @__PURE__ */ jsxs31(
|
|
3558
3559
|
"div",
|
|
3559
3560
|
{
|
|
3560
3561
|
className: `relative w-full overflow-hidden ${className}`,
|
|
@@ -3572,7 +3573,7 @@ var Slider = ({
|
|
|
3572
3573
|
children: slides
|
|
3573
3574
|
}
|
|
3574
3575
|
),
|
|
3575
|
-
show_arrows && /* @__PURE__ */
|
|
3576
|
+
show_arrows && /* @__PURE__ */ jsxs31(Fragment8, { children: [
|
|
3576
3577
|
/* @__PURE__ */ jsx55(
|
|
3577
3578
|
ArrowButton,
|
|
3578
3579
|
{
|
|
@@ -3583,7 +3584,7 @@ var Slider = ({
|
|
|
3583
3584
|
children: /* @__PURE__ */ jsx55("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx55("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
3584
3585
|
}
|
|
3585
3586
|
),
|
|
3586
|
-
/* @__PURE__ */
|
|
3587
|
+
/* @__PURE__ */ jsxs31(
|
|
3587
3588
|
ArrowButton,
|
|
3588
3589
|
{
|
|
3589
3590
|
direction: "right",
|
|
@@ -3732,7 +3733,7 @@ var ProgressPill = ({
|
|
|
3732
3733
|
}
|
|
3733
3734
|
return null;
|
|
3734
3735
|
};
|
|
3735
|
-
return /* @__PURE__ */
|
|
3736
|
+
return /* @__PURE__ */ jsxs31(
|
|
3736
3737
|
"button",
|
|
3737
3738
|
{
|
|
3738
3739
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -3908,9 +3909,9 @@ var PathUtility = class {
|
|
|
3908
3909
|
var PathUtility_default = new PathUtility();
|
|
3909
3910
|
|
|
3910
3911
|
// src/components/NoDataFound.tsx
|
|
3911
|
-
import { jsx as jsx56, jsxs as
|
|
3912
|
+
import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
3912
3913
|
var NoDataFound = () => {
|
|
3913
|
-
return /* @__PURE__ */
|
|
3914
|
+
return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
3914
3915
|
/* @__PURE__ */ jsx56("div", { className: "mb-5", children: /* @__PURE__ */ jsx56("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx56(
|
|
3915
3916
|
"svg",
|
|
3916
3917
|
{
|
|
@@ -3938,7 +3939,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
3938
3939
|
|
|
3939
3940
|
// src/components/Pagination.tsx
|
|
3940
3941
|
import { useMemo } from "react";
|
|
3941
|
-
import { jsx as jsx57, jsxs as
|
|
3942
|
+
import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
3942
3943
|
var Pagination = (props) => {
|
|
3943
3944
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
3944
3945
|
const builder = useMemo(() => {
|
|
@@ -4009,11 +4010,11 @@ var Pagination = (props) => {
|
|
|
4009
4010
|
);
|
|
4010
4011
|
};
|
|
4011
4012
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4012
|
-
return /* @__PURE__ */
|
|
4013
|
-
/* @__PURE__ */
|
|
4014
|
-
/* @__PURE__ */
|
|
4013
|
+
return /* @__PURE__ */ jsxs33("div", { className: "py-6 border-t bg-default", children: [
|
|
4014
|
+
/* @__PURE__ */ jsxs33("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4015
|
+
/* @__PURE__ */ jsxs33("div", { className: "text-sm", children: [
|
|
4015
4016
|
"Showing ",
|
|
4016
|
-
/* @__PURE__ */
|
|
4017
|
+
/* @__PURE__ */ jsxs33("span", { className: "font-semibold", children: [
|
|
4017
4018
|
startItem,
|
|
4018
4019
|
"-",
|
|
4019
4020
|
endItem
|
|
@@ -4023,8 +4024,8 @@ var Pagination = (props) => {
|
|
|
4023
4024
|
/* @__PURE__ */ jsx57("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4024
4025
|
" results"
|
|
4025
4026
|
] }),
|
|
4026
|
-
totalPages > 1 && /* @__PURE__ */
|
|
4027
|
-
/* @__PURE__ */
|
|
4027
|
+
totalPages > 1 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-1", children: [
|
|
4028
|
+
/* @__PURE__ */ jsxs33(
|
|
4028
4029
|
NavigationButton,
|
|
4029
4030
|
{
|
|
4030
4031
|
page: activePageNumber - 1,
|
|
@@ -4049,7 +4050,7 @@ var Pagination = (props) => {
|
|
|
4049
4050
|
const page = item;
|
|
4050
4051
|
return /* @__PURE__ */ jsx57(PageButton, { page, children: page }, page);
|
|
4051
4052
|
}),
|
|
4052
|
-
/* @__PURE__ */
|
|
4053
|
+
/* @__PURE__ */ jsxs33(
|
|
4053
4054
|
NavigationButton,
|
|
4054
4055
|
{
|
|
4055
4056
|
page: activePageNumber + 1,
|
|
@@ -4061,7 +4062,7 @@ var Pagination = (props) => {
|
|
|
4061
4062
|
}
|
|
4062
4063
|
)
|
|
4063
4064
|
] }),
|
|
4064
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */
|
|
4065
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-2", children: [
|
|
4065
4066
|
/* @__PURE__ */ jsx57("span", { className: "text-sm", children: "Go to:" }),
|
|
4066
4067
|
/* @__PURE__ */ jsx57("div", { className: "relative", children: /* @__PURE__ */ jsx57(
|
|
4067
4068
|
"input",
|
|
@@ -4084,7 +4085,7 @@ var Pagination = (props) => {
|
|
|
4084
4085
|
) })
|
|
4085
4086
|
] })
|
|
4086
4087
|
] }),
|
|
4087
|
-
showPageSizeSelector && /* @__PURE__ */ jsx57("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */
|
|
4088
|
+
showPageSizeSelector && /* @__PURE__ */ jsx57("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4088
4089
|
/* @__PURE__ */ jsx57("span", { className: "text-sm", children: "Show:" }),
|
|
4089
4090
|
/* @__PURE__ */ jsx57("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx57(
|
|
4090
4091
|
Hyperlink,
|
|
@@ -4198,7 +4199,7 @@ var ImageGalleryNode_default = ImageGalleryNode;
|
|
|
4198
4199
|
|
|
4199
4200
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4200
4201
|
import Link2 from "next/link";
|
|
4201
|
-
import { jsx as jsx59, jsxs as
|
|
4202
|
+
import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
4202
4203
|
function toCamelCase(str) {
|
|
4203
4204
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
4204
4205
|
}
|
|
@@ -4522,7 +4523,7 @@ var DivContainer = async (props) => {
|
|
|
4522
4523
|
props.node.autoFormat && "auto-format",
|
|
4523
4524
|
props.node.bgClass
|
|
4524
4525
|
].filter(Boolean).join(" ");
|
|
4525
|
-
return /* @__PURE__ */
|
|
4526
|
+
return /* @__PURE__ */ jsxs34(React42.Fragment, { children: [
|
|
4526
4527
|
/* @__PURE__ */ jsx59("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
4527
4528
|
/* @__PURE__ */ jsx59(React42.Fragment, { children: /* @__PURE__ */ jsx59(
|
|
4528
4529
|
Wrapper,
|
|
@@ -4614,7 +4615,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
|
|
|
4614
4615
|
|
|
4615
4616
|
// src/components/Toast.tsx
|
|
4616
4617
|
import { useState as useState8 } from "react";
|
|
4617
|
-
import { Fragment as Fragment9, jsx as jsx61, jsxs as
|
|
4618
|
+
import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
4618
4619
|
var Toast = () => {
|
|
4619
4620
|
const [showToast, setShowToast] = useState8(false);
|
|
4620
4621
|
const [message, setMessage] = useState8("");
|
|
@@ -4657,7 +4658,7 @@ var Toast = () => {
|
|
|
4657
4658
|
const closeToast = () => {
|
|
4658
4659
|
setShowToast(false);
|
|
4659
4660
|
};
|
|
4660
|
-
return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */
|
|
4661
|
+
return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs35("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
4661
4662
|
/* @__PURE__ */ jsx61(
|
|
4662
4663
|
"span",
|
|
4663
4664
|
{
|
package/package.json
CHANGED