@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260715061446 → 0.8.1-dev.20260720113207
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/{InputControlClient-QQCQD4EG.mjs → InputControlClient-VUPWEYGB.mjs} +22 -22
- package/dist/{InputControlClient-QAZKQLFO.mjs → InputControlClient-WW2T4W77.mjs} +22 -22
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +58 -71
- package/dist/index.mjs +53 -64
- package/package.json +1 -2
- package/dist/EnterAnimationClient-4OKXLKSA.mjs +0 -45
- package/dist/EnterAnimationClient-ZN3NLFNO.mjs +0 -47
- package/dist/InputControlClient-AZRPSTUZ.mjs +0 -677
- package/dist/InputControlClient-HIZOJLKW.mjs +0 -677
- package/dist/LinkNodeButton-U7T2NP22.mjs +0 -374
- package/dist/Pagination-6OFACRMQ.mjs +0 -229
- package/dist/Pagination-OQT7Q2XO.mjs +0 -183
- package/dist/chunk-3R4VVVNK.mjs +0 -903
- package/dist/chunk-FI2KJBK2.mjs +0 -110
- package/dist/chunk-OGGIS4AN.mjs +0 -201
- package/dist/chunk-TVL6KVD5.mjs +0 -229
- package/dist/server.d.mts +0 -113
- package/dist/server.d.ts +0 -113
- package/dist/server.js +0 -5179
- package/dist/server.mjs +0 -2736
|
@@ -642,32 +642,32 @@ var SwitchInput_default = SwitchInput;
|
|
|
642
642
|
|
|
643
643
|
// src/components/controls/edit/InputControlClient.tsx
|
|
644
644
|
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
645
|
-
var
|
|
645
|
+
var ControlComponents = {
|
|
646
|
+
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
647
|
+
[InputControlType_default.emailInput]: EmailInput_default,
|
|
648
|
+
[InputControlType_default.multilineTextInput]: MultilineTextInput_default,
|
|
649
|
+
[InputControlType_default.moneyInput]: MoneyInput_default,
|
|
650
|
+
[InputControlType_default.select]: Select_default,
|
|
651
|
+
[InputControlType_default.percentageInput]: PercentageInput_default,
|
|
652
|
+
[InputControlType_default.phoneInput]: PhoneInput_default,
|
|
653
|
+
[InputControlType_default.numberInput]: NumberInput_default,
|
|
654
|
+
[InputControlType_default.checkboxInput]: CheckboxInput_default,
|
|
655
|
+
[InputControlType_default.otpInput]: OtpInput_default,
|
|
656
|
+
[InputControlType_default.datetimeInput]: DateTimeInput_default,
|
|
657
|
+
[InputControlType_default.colorInput]: ColorInput_default,
|
|
658
|
+
[InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
|
|
659
|
+
[InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
|
|
660
|
+
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
661
|
+
[InputControlType_default.timeInput]: TimeInput_default,
|
|
662
|
+
[InputControlType_default.asset]: AssetUpload_default,
|
|
663
|
+
[InputControlType_default.switchInput]: SwitchInput_default
|
|
664
|
+
};
|
|
665
|
+
var InputControl = React5.memo(React5.forwardRef(
|
|
646
666
|
(props, ref) => {
|
|
647
|
-
const ControlComponents = {
|
|
648
|
-
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
649
|
-
[InputControlType_default.emailInput]: EmailInput_default,
|
|
650
|
-
[InputControlType_default.multilineTextInput]: MultilineTextInput_default,
|
|
651
|
-
[InputControlType_default.moneyInput]: MoneyInput_default,
|
|
652
|
-
[InputControlType_default.select]: Select_default,
|
|
653
|
-
[InputControlType_default.percentageInput]: PercentageInput_default,
|
|
654
|
-
[InputControlType_default.phoneInput]: PhoneInput_default,
|
|
655
|
-
[InputControlType_default.numberInput]: NumberInput_default,
|
|
656
|
-
[InputControlType_default.checkboxInput]: CheckboxInput_default,
|
|
657
|
-
[InputControlType_default.otpInput]: OtpInput_default,
|
|
658
|
-
[InputControlType_default.datetimeInput]: DateTimeInput_default,
|
|
659
|
-
[InputControlType_default.colorInput]: ColorInput_default,
|
|
660
|
-
[InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
|
|
661
|
-
[InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
|
|
662
|
-
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
663
|
-
[InputControlType_default.timeInput]: TimeInput_default,
|
|
664
|
-
[InputControlType_default.asset]: AssetUpload_default,
|
|
665
|
-
[InputControlType_default.switchInput]: SwitchInput_default
|
|
666
|
-
};
|
|
667
667
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
668
668
|
return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
669
669
|
}
|
|
670
|
-
);
|
|
670
|
+
));
|
|
671
671
|
InputControl.displayName = "InputControl";
|
|
672
672
|
var InputControlClient_default = InputControl;
|
|
673
673
|
export {
|
|
@@ -644,32 +644,32 @@ var SwitchInput_default = SwitchInput;
|
|
|
644
644
|
|
|
645
645
|
// src/components/controls/edit/InputControlClient.tsx
|
|
646
646
|
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
647
|
-
var
|
|
647
|
+
var ControlComponents = {
|
|
648
|
+
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
649
|
+
[InputControlType_default.emailInput]: EmailInput_default,
|
|
650
|
+
[InputControlType_default.multilineTextInput]: MultilineTextInput_default,
|
|
651
|
+
[InputControlType_default.moneyInput]: MoneyInput_default,
|
|
652
|
+
[InputControlType_default.select]: Select_default,
|
|
653
|
+
[InputControlType_default.percentageInput]: PercentageInput_default,
|
|
654
|
+
[InputControlType_default.phoneInput]: PhoneInput_default,
|
|
655
|
+
[InputControlType_default.numberInput]: NumberInput_default,
|
|
656
|
+
[InputControlType_default.checkboxInput]: CheckboxInput_default,
|
|
657
|
+
[InputControlType_default.otpInput]: OtpInput_default,
|
|
658
|
+
[InputControlType_default.datetimeInput]: DateTimeInput_default,
|
|
659
|
+
[InputControlType_default.colorInput]: ColorInput_default,
|
|
660
|
+
[InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
|
|
661
|
+
[InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
|
|
662
|
+
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
663
|
+
[InputControlType_default.timeInput]: TimeInput_default,
|
|
664
|
+
[InputControlType_default.asset]: AssetUpload_default,
|
|
665
|
+
[InputControlType_default.switchInput]: SwitchInput_default
|
|
666
|
+
};
|
|
667
|
+
var InputControl = React5.memo(React5.forwardRef(
|
|
648
668
|
(props, ref) => {
|
|
649
|
-
const ControlComponents = {
|
|
650
|
-
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
651
|
-
[InputControlType_default.emailInput]: EmailInput_default,
|
|
652
|
-
[InputControlType_default.multilineTextInput]: MultilineTextInput_default,
|
|
653
|
-
[InputControlType_default.moneyInput]: MoneyInput_default,
|
|
654
|
-
[InputControlType_default.select]: Select_default,
|
|
655
|
-
[InputControlType_default.percentageInput]: PercentageInput_default,
|
|
656
|
-
[InputControlType_default.phoneInput]: PhoneInput_default,
|
|
657
|
-
[InputControlType_default.numberInput]: NumberInput_default,
|
|
658
|
-
[InputControlType_default.checkboxInput]: CheckboxInput_default,
|
|
659
|
-
[InputControlType_default.otpInput]: OtpInput_default,
|
|
660
|
-
[InputControlType_default.datetimeInput]: DateTimeInput_default,
|
|
661
|
-
[InputControlType_default.colorInput]: ColorInput_default,
|
|
662
|
-
[InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
|
|
663
|
-
[InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
|
|
664
|
-
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
665
|
-
[InputControlType_default.timeInput]: TimeInput_default,
|
|
666
|
-
[InputControlType_default.asset]: AssetUpload_default,
|
|
667
|
-
[InputControlType_default.switchInput]: SwitchInput_default
|
|
668
|
-
};
|
|
669
669
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
670
670
|
return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
671
671
|
}
|
|
672
|
-
);
|
|
672
|
+
));
|
|
673
673
|
InputControl.displayName = "InputControl";
|
|
674
674
|
var InputControlClient_default = InputControl;
|
|
675
675
|
export {
|
package/dist/index.d.mts
CHANGED
|
@@ -13,7 +13,7 @@ interface ViewControlProps {
|
|
|
13
13
|
session?: any;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
declare const ViewControl: (props: ViewControlProps) => React__default.JSX.Element
|
|
16
|
+
declare const ViewControl: React__default.MemoExoticComponent<(props: ViewControlProps) => React__default.JSX.Element>;
|
|
17
17
|
|
|
18
18
|
declare const ViewControlTypes: {
|
|
19
19
|
lineText: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ interface ViewControlProps {
|
|
|
13
13
|
session?: any;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
declare const ViewControl: (props: ViewControlProps) => React__default.JSX.Element
|
|
16
|
+
declare const ViewControl: React__default.MemoExoticComponent<(props: ViewControlProps) => React__default.JSX.Element>;
|
|
17
17
|
|
|
18
18
|
declare const ViewControlTypes: {
|
|
19
19
|
lineText: string;
|
package/dist/index.js
CHANGED
|
@@ -2803,7 +2803,7 @@ var InputControlClient_exports = {};
|
|
|
2803
2803
|
__export(InputControlClient_exports, {
|
|
2804
2804
|
default: () => InputControlClient_default
|
|
2805
2805
|
});
|
|
2806
|
-
var import_react37, import_jsx_runtime46, InputControl, InputControlClient_default;
|
|
2806
|
+
var import_react37, import_jsx_runtime46, ControlComponents2, InputControl, InputControlClient_default;
|
|
2807
2807
|
var init_InputControlClient = __esm({
|
|
2808
2808
|
"src/components/controls/edit/InputControlClient.tsx"() {
|
|
2809
2809
|
"use strict";
|
|
@@ -2829,32 +2829,32 @@ var init_InputControlClient = __esm({
|
|
|
2829
2829
|
init_AssetUpload();
|
|
2830
2830
|
init_SwitchInput();
|
|
2831
2831
|
import_jsx_runtime46 = require("react/jsx-runtime");
|
|
2832
|
-
|
|
2832
|
+
ControlComponents2 = {
|
|
2833
|
+
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
2834
|
+
[InputControlType_default.emailInput]: EmailInput_default,
|
|
2835
|
+
[InputControlType_default.multilineTextInput]: MultilineTextInput_default,
|
|
2836
|
+
[InputControlType_default.moneyInput]: MoneyInput_default,
|
|
2837
|
+
[InputControlType_default.select]: Select_default,
|
|
2838
|
+
[InputControlType_default.percentageInput]: PercentageInput_default,
|
|
2839
|
+
[InputControlType_default.phoneInput]: PhoneInput_default,
|
|
2840
|
+
[InputControlType_default.numberInput]: NumberInput_default,
|
|
2841
|
+
[InputControlType_default.checkboxInput]: CheckboxInput_default,
|
|
2842
|
+
[InputControlType_default.otpInput]: OtpInput_default,
|
|
2843
|
+
[InputControlType_default.datetimeInput]: DateTimeInput_default,
|
|
2844
|
+
[InputControlType_default.colorInput]: ColorInput_default,
|
|
2845
|
+
[InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
|
|
2846
|
+
[InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
|
|
2847
|
+
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
2848
|
+
[InputControlType_default.timeInput]: TimeInput_default,
|
|
2849
|
+
[InputControlType_default.asset]: AssetUpload_default,
|
|
2850
|
+
[InputControlType_default.switchInput]: SwitchInput_default
|
|
2851
|
+
};
|
|
2852
|
+
InputControl = import_react37.default.memo(import_react37.default.forwardRef(
|
|
2833
2853
|
(props, ref) => {
|
|
2834
|
-
const
|
|
2835
|
-
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
2836
|
-
[InputControlType_default.emailInput]: EmailInput_default,
|
|
2837
|
-
[InputControlType_default.multilineTextInput]: MultilineTextInput_default,
|
|
2838
|
-
[InputControlType_default.moneyInput]: MoneyInput_default,
|
|
2839
|
-
[InputControlType_default.select]: Select_default,
|
|
2840
|
-
[InputControlType_default.percentageInput]: PercentageInput_default,
|
|
2841
|
-
[InputControlType_default.phoneInput]: PhoneInput_default,
|
|
2842
|
-
[InputControlType_default.numberInput]: NumberInput_default,
|
|
2843
|
-
[InputControlType_default.checkboxInput]: CheckboxInput_default,
|
|
2844
|
-
[InputControlType_default.otpInput]: OtpInput_default,
|
|
2845
|
-
[InputControlType_default.datetimeInput]: DateTimeInput_default,
|
|
2846
|
-
[InputControlType_default.colorInput]: ColorInput_default,
|
|
2847
|
-
[InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
|
|
2848
|
-
[InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
|
|
2849
|
-
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
2850
|
-
[InputControlType_default.timeInput]: TimeInput_default,
|
|
2851
|
-
[InputControlType_default.asset]: AssetUpload_default,
|
|
2852
|
-
[InputControlType_default.switchInput]: SwitchInput_default
|
|
2853
|
-
};
|
|
2854
|
-
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
2854
|
+
const SelectedControlComponent = ControlComponents2[props.controlType];
|
|
2855
2855
|
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react37.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
2856
2856
|
}
|
|
2857
|
-
);
|
|
2857
|
+
));
|
|
2858
2858
|
InputControl.displayName = "InputControl";
|
|
2859
2859
|
InputControlClient_default = InputControl;
|
|
2860
2860
|
}
|
|
@@ -4499,36 +4499,36 @@ var DateTimeVew_default = DateTimeView;
|
|
|
4499
4499
|
|
|
4500
4500
|
// src/components/controls/view/ViewControl.tsx
|
|
4501
4501
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
4502
|
-
var
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
|
|
4506
|
-
|
|
4507
|
-
|
|
4508
|
-
|
|
4509
|
-
|
|
4510
|
-
|
|
4511
|
-
|
|
4512
|
-
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
|
|
4516
|
-
|
|
4517
|
-
|
|
4518
|
-
|
|
4519
|
-
|
|
4520
|
-
|
|
4521
|
-
|
|
4522
|
-
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4528
|
-
|
|
4502
|
+
var ControlComponents = {
|
|
4503
|
+
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
4504
|
+
[ViewControlTypes_default.emailText]: EmailTextView_default,
|
|
4505
|
+
[ViewControlTypes_default.asset]: Asset_default,
|
|
4506
|
+
[ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
|
|
4507
|
+
[ViewControlTypes_default.boolean]: BooleanView_default,
|
|
4508
|
+
[ViewControlTypes_default.checkboxInput]: BooleanView_default,
|
|
4509
|
+
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
4510
|
+
[ViewControlTypes_default.money]: MoneyView_default,
|
|
4511
|
+
[ViewControlTypes_default.date]: DateView_default,
|
|
4512
|
+
[ViewControlTypes_default.time]: DateView_default,
|
|
4513
|
+
[ViewControlTypes_default.datetime]: DateTimeVew_default,
|
|
4514
|
+
[ViewControlTypes_default.number]: NumberView_default,
|
|
4515
|
+
[ViewControlTypes_default.multilineText]: MultilineTextView_default,
|
|
4516
|
+
[ViewControlTypes_default.multilinetext]: MultilineTextView_default,
|
|
4517
|
+
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
4518
|
+
[ViewControlTypes_default.percentage]: PercentageView_default,
|
|
4519
|
+
[ViewControlTypes_default.status]: StatusView_default,
|
|
4520
|
+
[ViewControlTypes_default.statusBg]: StatusBgView_default,
|
|
4521
|
+
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
|
|
4522
|
+
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
4523
|
+
// [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
|
|
4524
|
+
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
|
|
4525
|
+
[ViewControlTypes_default.booleanView]: BooleanView_default,
|
|
4526
|
+
[ViewControlTypes_default.text]: LineTextView_default
|
|
4527
|
+
};
|
|
4528
|
+
var ViewControl = import_react15.default.memo((props) => {
|
|
4529
4529
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
4530
4530
|
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react15.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
4531
|
-
};
|
|
4531
|
+
});
|
|
4532
4532
|
var ViewControl_default = ViewControl;
|
|
4533
4533
|
|
|
4534
4534
|
// src/components/controls/edit/InputControl.tsx
|
|
@@ -5406,28 +5406,19 @@ var AnimationUtility = class {
|
|
|
5406
5406
|
`;
|
|
5407
5407
|
if (mode === "enter") {
|
|
5408
5408
|
base = `opacity:0;`;
|
|
5409
|
-
visible = `opacity:1; animation:bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
|
|
5409
|
+
visible = `opacity:1; animation: bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
|
|
5410
5410
|
} else {
|
|
5411
5411
|
base = ``;
|
|
5412
|
-
visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
|
|
5412
|
+
visible = `animation: bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
|
|
5413
5413
|
}
|
|
5414
5414
|
break;
|
|
5415
5415
|
case "Background":
|
|
5416
|
-
base = `
|
|
5417
|
-
|
|
5418
|
-
`;
|
|
5419
|
-
visible = `
|
|
5420
|
-
background-color: ${backgroundColor};
|
|
5421
|
-
`;
|
|
5416
|
+
base = `transition: background-color ${duration}ms ${easing} ${delay}ms;`;
|
|
5417
|
+
visible = `background-color: ${backgroundColor};`;
|
|
5422
5418
|
break;
|
|
5423
5419
|
case "Border":
|
|
5424
|
-
base = `
|
|
5425
|
-
|
|
5426
|
-
border-color ${duration}ms ${easing} ${delay}ms;
|
|
5427
|
-
`;
|
|
5428
|
-
visible = `
|
|
5429
|
-
border-color:${borderColor};
|
|
5430
|
-
`;
|
|
5420
|
+
base = `transition: border-color ${duration}ms ${easing} ${delay}ms;`;
|
|
5421
|
+
visible = `border-color: ${borderColor};`;
|
|
5431
5422
|
break;
|
|
5432
5423
|
case "Typewriter":
|
|
5433
5424
|
keyframes = `
|
|
@@ -7197,7 +7188,6 @@ var DataList = (props) => {
|
|
|
7197
7188
|
let orderBy = "";
|
|
7198
7189
|
let activePageNumber = 0;
|
|
7199
7190
|
let pages = 0;
|
|
7200
|
-
console.log(props.addLinkText);
|
|
7201
7191
|
const [isDataFound, setIsDataFound] = (0, import_react58.useState)(null);
|
|
7202
7192
|
const [searchTerm, setSearchTerm] = (0, import_react58.useState)(props.query?.searchTerm ?? "");
|
|
7203
7193
|
(0, import_react58.useEffect)(() => {
|
|
@@ -7248,7 +7238,6 @@ var DataList = (props) => {
|
|
|
7248
7238
|
name: updatedValues.name,
|
|
7249
7239
|
value: updatedValues.value
|
|
7250
7240
|
});
|
|
7251
|
-
console.log("ddddaaa", updatedValues.value);
|
|
7252
7241
|
let builder2 = new OdataBuilder(props.path);
|
|
7253
7242
|
builder2 = builder2.setQuery(props.query);
|
|
7254
7243
|
if (updatedValues.value != "" && updatedValues.value != null) {
|
|
@@ -7549,12 +7538,10 @@ var DataList = (props) => {
|
|
|
7549
7538
|
}) }) }),
|
|
7550
7539
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
7551
7540
|
let validityClass = "";
|
|
7552
|
-
console.log("dataitem", dataitem);
|
|
7553
7541
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
7554
7542
|
validityClass = "bg-alert-200";
|
|
7555
7543
|
}
|
|
7556
7544
|
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
7557
|
-
console.log("column", column);
|
|
7558
7545
|
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react58.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7559
7546
|
"td",
|
|
7560
7547
|
{
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
1
3
|
import {
|
|
2
4
|
OdataBuilder
|
|
3
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-X3YSXTD2.mjs";
|
|
4
6
|
import {
|
|
5
7
|
AssetUtility_default,
|
|
6
8
|
BooleanSelect_default,
|
|
@@ -17,22 +19,22 @@ import {
|
|
|
17
19
|
PhoneInput_default,
|
|
18
20
|
SelectWithSearchInput_default,
|
|
19
21
|
TimeInput_default
|
|
20
|
-
} from "./chunk-
|
|
22
|
+
} from "./chunk-7ZFZLN56.mjs";
|
|
21
23
|
import {
|
|
22
24
|
Constants,
|
|
23
25
|
Hyperlink,
|
|
24
26
|
Icon_default,
|
|
25
27
|
InputControlType_default
|
|
26
|
-
} from "./chunk-
|
|
28
|
+
} from "./chunk-5GHPW7SJ.mjs";
|
|
27
29
|
import {
|
|
28
30
|
ServiceClient_default
|
|
29
|
-
} from "./chunk-
|
|
31
|
+
} from "./chunk-WEV5U33G.mjs";
|
|
30
32
|
import {
|
|
31
33
|
Button_default,
|
|
32
34
|
ClientButton_default,
|
|
33
35
|
ToastService_default
|
|
34
|
-
} from "./chunk-
|
|
35
|
-
import "./chunk-
|
|
36
|
+
} from "./chunk-JKP4XOZB.mjs";
|
|
37
|
+
import "./chunk-IMNQO57B.mjs";
|
|
36
38
|
|
|
37
39
|
// src/components/controls/view/ViewControl.tsx
|
|
38
40
|
import React13 from "react";
|
|
@@ -76,7 +78,7 @@ var NumberView_default = NumberView;
|
|
|
76
78
|
|
|
77
79
|
// src/components/controls/view/DateView.tsx
|
|
78
80
|
import dynamic from "next/dynamic";
|
|
79
|
-
var DateView = dynamic(() => import("./DateViewClient-
|
|
81
|
+
var DateView = dynamic(() => import("./DateViewClient-VLTRN47D.mjs"), {
|
|
80
82
|
ssr: false
|
|
81
83
|
});
|
|
82
84
|
var DateView_default = DateView;
|
|
@@ -131,7 +133,7 @@ import React3 from "react";
|
|
|
131
133
|
// src/components/DeviceAssetSelector.tsx
|
|
132
134
|
import dynamic2 from "next/dynamic";
|
|
133
135
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
134
|
-
var HlsPlayer = dynamic2(() => import("./HlsPlayer-
|
|
136
|
+
var HlsPlayer = dynamic2(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
|
|
135
137
|
var FORMAT_CLASSES = {
|
|
136
138
|
center: "justify-center",
|
|
137
139
|
left: "justify-start",
|
|
@@ -366,48 +368,48 @@ var AiGeneratedSummary_default = AiGeneratedSummary;
|
|
|
366
368
|
|
|
367
369
|
// src/components/controls/view/DateTimeVew.tsx
|
|
368
370
|
import dynamic3 from "next/dynamic";
|
|
369
|
-
var DateTimeView = dynamic3(() => import("./DateTimeViewClient-
|
|
371
|
+
var DateTimeView = dynamic3(() => import("./DateTimeViewClient-R3M6ISVK.mjs"), {
|
|
370
372
|
ssr: false
|
|
371
373
|
});
|
|
372
374
|
var DateTimeVew_default = DateTimeView;
|
|
373
375
|
|
|
374
376
|
// src/components/controls/view/ViewControl.tsx
|
|
375
377
|
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
376
|
-
var
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
378
|
+
var ControlComponents = {
|
|
379
|
+
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
380
|
+
[ViewControlTypes_default.emailText]: EmailTextView_default,
|
|
381
|
+
[ViewControlTypes_default.asset]: Asset_default,
|
|
382
|
+
[ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
|
|
383
|
+
[ViewControlTypes_default.boolean]: BooleanView_default,
|
|
384
|
+
[ViewControlTypes_default.checkboxInput]: BooleanView_default,
|
|
385
|
+
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
386
|
+
[ViewControlTypes_default.money]: MoneyView_default,
|
|
387
|
+
[ViewControlTypes_default.date]: DateView_default,
|
|
388
|
+
[ViewControlTypes_default.time]: DateView_default,
|
|
389
|
+
[ViewControlTypes_default.datetime]: DateTimeVew_default,
|
|
390
|
+
[ViewControlTypes_default.number]: NumberView_default,
|
|
391
|
+
[ViewControlTypes_default.multilineText]: MultilineTextView_default,
|
|
392
|
+
[ViewControlTypes_default.multilinetext]: MultilineTextView_default,
|
|
393
|
+
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
394
|
+
[ViewControlTypes_default.percentage]: PercentageView_default,
|
|
395
|
+
[ViewControlTypes_default.status]: StatusView_default,
|
|
396
|
+
[ViewControlTypes_default.statusBg]: StatusBgView_default,
|
|
397
|
+
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
|
|
398
|
+
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
399
|
+
// [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
|
|
400
|
+
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
|
|
401
|
+
[ViewControlTypes_default.booleanView]: BooleanView_default,
|
|
402
|
+
[ViewControlTypes_default.text]: LineTextView_default
|
|
403
|
+
};
|
|
404
|
+
var ViewControl = React13.memo((props) => {
|
|
403
405
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
404
406
|
return /* @__PURE__ */ jsx14(React13.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx14(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
405
|
-
};
|
|
407
|
+
});
|
|
406
408
|
var ViewControl_default = ViewControl;
|
|
407
409
|
|
|
408
410
|
// src/components/controls/edit/InputControl.tsx
|
|
409
411
|
import dynamic4 from "next/dynamic";
|
|
410
|
-
var InputControl = dynamic4(() => import("./InputControlClient-
|
|
412
|
+
var InputControl = dynamic4(() => import("./InputControlClient-WW2T4W77.mjs"), {
|
|
411
413
|
ssr: false
|
|
412
414
|
});
|
|
413
415
|
var InputControl_default = InputControl;
|
|
@@ -503,7 +505,7 @@ import React14 from "react";
|
|
|
503
505
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
504
506
|
import dynamic5 from "next/dynamic";
|
|
505
507
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
506
|
-
var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-
|
|
508
|
+
var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
|
|
507
509
|
var getNestedValue = (obj, path) => {
|
|
508
510
|
if (!obj || !path) return void 0;
|
|
509
511
|
return path.split(".").reduce((current, key) => {
|
|
@@ -611,7 +613,7 @@ var ImageNode_default = ImageNode;
|
|
|
611
613
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
612
614
|
import dynamic6 from "next/dynamic";
|
|
613
615
|
import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
614
|
-
var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-
|
|
616
|
+
var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-LX3KKGZY.mjs"), {
|
|
615
617
|
ssr: false
|
|
616
618
|
});
|
|
617
619
|
function getNestedValue2(obj, path) {
|
|
@@ -1046,7 +1048,7 @@ var QuoteNode_default = QuoteNode;
|
|
|
1046
1048
|
import React20 from "react";
|
|
1047
1049
|
import dynamic7 from "next/dynamic";
|
|
1048
1050
|
import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1049
|
-
var CopyButton = dynamic7(() => import("./CopyButton-
|
|
1051
|
+
var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
|
|
1050
1052
|
ssr: false,
|
|
1051
1053
|
// optional: fallback UI while loading
|
|
1052
1054
|
loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
@@ -1189,7 +1191,7 @@ import React22 from "react";
|
|
|
1189
1191
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
1190
1192
|
import dynamic8 from "next/dynamic";
|
|
1191
1193
|
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
1192
|
-
var IframeClient = dynamic8(() => import("./IframeClient-
|
|
1194
|
+
var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
|
|
1193
1195
|
ssr: false
|
|
1194
1196
|
});
|
|
1195
1197
|
var EmbedNode = (props) => {
|
|
@@ -1270,28 +1272,19 @@ var AnimationUtility = class {
|
|
|
1270
1272
|
`;
|
|
1271
1273
|
if (mode === "enter") {
|
|
1272
1274
|
base = `opacity:0;`;
|
|
1273
|
-
visible = `opacity:1; animation:bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
|
|
1275
|
+
visible = `opacity:1; animation: bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
|
|
1274
1276
|
} else {
|
|
1275
1277
|
base = ``;
|
|
1276
|
-
visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
|
|
1278
|
+
visible = `animation: bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
|
|
1277
1279
|
}
|
|
1278
1280
|
break;
|
|
1279
1281
|
case "Background":
|
|
1280
|
-
base = `
|
|
1281
|
-
|
|
1282
|
-
`;
|
|
1283
|
-
visible = `
|
|
1284
|
-
background-color: ${backgroundColor};
|
|
1285
|
-
`;
|
|
1282
|
+
base = `transition: background-color ${duration}ms ${easing} ${delay}ms;`;
|
|
1283
|
+
visible = `background-color: ${backgroundColor};`;
|
|
1286
1284
|
break;
|
|
1287
1285
|
case "Border":
|
|
1288
|
-
base = `
|
|
1289
|
-
|
|
1290
|
-
border-color ${duration}ms ${easing} ${delay}ms;
|
|
1291
|
-
`;
|
|
1292
|
-
visible = `
|
|
1293
|
-
border-color:${borderColor};
|
|
1294
|
-
`;
|
|
1286
|
+
base = `transition: border-color ${duration}ms ${easing} ${delay}ms;`;
|
|
1287
|
+
visible = `border-color: ${borderColor};`;
|
|
1295
1288
|
break;
|
|
1296
1289
|
case "Typewriter":
|
|
1297
1290
|
keyframes = `
|
|
@@ -1434,7 +1427,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
1434
1427
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
1435
1428
|
import dynamic9 from "next/dynamic";
|
|
1436
1429
|
import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1437
|
-
var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-
|
|
1430
|
+
var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
|
|
1438
1431
|
var deviceToMediaQuery = (device) => {
|
|
1439
1432
|
switch (device) {
|
|
1440
1433
|
case "lg":
|
|
@@ -2249,8 +2242,8 @@ var DocumentNode_default = DocumentNode;
|
|
|
2249
2242
|
|
|
2250
2243
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
2251
2244
|
import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2252
|
-
var Pagination = dynamic10(() => import("./Pagination-
|
|
2253
|
-
var Slider = dynamic10(() => import("./Slider-
|
|
2245
|
+
var Pagination = dynamic10(() => import("./Pagination-T7YN2OMV.mjs"), { ssr: true });
|
|
2246
|
+
var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
|
|
2254
2247
|
ssr: false
|
|
2255
2248
|
});
|
|
2256
2249
|
function toCamelCase(str) {
|
|
@@ -3029,7 +3022,6 @@ var DataList = (props) => {
|
|
|
3029
3022
|
let orderBy = "";
|
|
3030
3023
|
let activePageNumber = 0;
|
|
3031
3024
|
let pages = 0;
|
|
3032
|
-
console.log(props.addLinkText);
|
|
3033
3025
|
const [isDataFound, setIsDataFound] = useState2(null);
|
|
3034
3026
|
const [searchTerm, setSearchTerm] = useState2(props.query?.searchTerm ?? "");
|
|
3035
3027
|
useEffect3(() => {
|
|
@@ -3080,7 +3072,6 @@ var DataList = (props) => {
|
|
|
3080
3072
|
name: updatedValues.name,
|
|
3081
3073
|
value: updatedValues.value
|
|
3082
3074
|
});
|
|
3083
|
-
console.log("ddddaaa", updatedValues.value);
|
|
3084
3075
|
let builder2 = new OdataBuilder(props.path);
|
|
3085
3076
|
builder2 = builder2.setQuery(props.query);
|
|
3086
3077
|
if (updatedValues.value != "" && updatedValues.value != null) {
|
|
@@ -3381,12 +3372,10 @@ var DataList = (props) => {
|
|
|
3381
3372
|
}) }) }),
|
|
3382
3373
|
/* @__PURE__ */ jsx40("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
3383
3374
|
let validityClass = "";
|
|
3384
|
-
console.log("dataitem", dataitem);
|
|
3385
3375
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
3386
3376
|
validityClass = "bg-alert-200";
|
|
3387
3377
|
}
|
|
3388
3378
|
return /* @__PURE__ */ jsx40("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
3389
|
-
console.log("column", column);
|
|
3390
3379
|
return /* @__PURE__ */ jsx40(React27.Fragment, { children: /* @__PURE__ */ jsx40(
|
|
3391
3380
|
"td",
|
|
3392
3381
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@acoustte-digital-services/digitalstore-controls-dev",
|
|
3
|
-
"version": "0.8.1-dev.
|
|
3
|
+
"version": "0.8.1-dev.20260720113207",
|
|
4
4
|
"description": "Reusable React components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -63,7 +63,6 @@
|
|
|
63
63
|
"load-tsconfig": "^0.2.5",
|
|
64
64
|
"magic-string": "^0.30.21",
|
|
65
65
|
"mlly": "^1.8.0",
|
|
66
|
-
"moment-timezone": "^0.6.2",
|
|
67
66
|
"ms": "^2.1.3",
|
|
68
67
|
"mz": "^2.7.0",
|
|
69
68
|
"next": "^15.5.20",
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
|
|
4
|
-
import React, { useEffect, useRef } from "react";
|
|
5
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
6
|
-
function EnterAnimationClient({ hasEnterAnimation, children }) {
|
|
7
|
-
const ref = useRef(null);
|
|
8
|
-
console.log("render");
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
console.log("effect");
|
|
11
|
-
console.log("ref", ref.current);
|
|
12
|
-
if (!hasEnterAnimation) {
|
|
13
|
-
console.log("no animation");
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
if (!ref.current) {
|
|
17
|
-
console.log("no ref");
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
console.log("observer started");
|
|
21
|
-
}, []);
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
if (!hasEnterAnimation || !ref.current) return;
|
|
24
|
-
const observer = new IntersectionObserver(
|
|
25
|
-
(entries) => {
|
|
26
|
-
entries.forEach((entry) => {
|
|
27
|
-
if (entry.isIntersecting) {
|
|
28
|
-
entry.target.classList.add("visible");
|
|
29
|
-
observer.unobserve(entry.target);
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
},
|
|
33
|
-
{ threshold: 0.1 }
|
|
34
|
-
);
|
|
35
|
-
observer.observe(ref.current);
|
|
36
|
-
return () => observer.disconnect();
|
|
37
|
-
}, [hasEnterAnimation]);
|
|
38
|
-
if (!children) return null;
|
|
39
|
-
return /* @__PURE__ */ jsx(Fragment, { children: children && // enforce passing the ref to Wrapper
|
|
40
|
-
//@ts-ignore
|
|
41
|
-
React.cloneElement(children, { ref }) });
|
|
42
|
-
}
|
|
43
|
-
export {
|
|
44
|
-
EnterAnimationClient as default
|
|
45
|
-
};
|