blixify-ui-web 0.2.68 → 0.2.70

package/lib/components/action/radioList/index.d.ts

@@ -0,0 +1,19 @@
+import React, { Component, ReactElement } from "react";
+import "../../../index.css";
+export interface RadioListItem {
+    id: string;
+    label: string;
+    content?: string | ReactElement;
+}
+interface Props {
+    list: RadioListItem[];
+    selectedId: string;
+    name?: string;
+    onSelect: (id: string) => void;
+}
+export declare class RadioList extends Component<Props> {
+    handleOnChange: (id: string) => void;
+    render(): React.JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/action/radioList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/radioList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CACjC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,cAAc,OAAQ,MAAM,UAE1B;IAEF,MAAM;CAgCP"}

package/lib/components/action/radioList/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioList = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var RadioList = /** @class */ (function (_super) {
+    __extends(RadioList, _super);
+    function RadioList() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleOnChange = function (id) {
+            _this.props.onSelect(id);
+        };
+        return _this;
+    }
+    RadioList.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", { className: "divide-y divide-gray-200" }, this.props.list.map(function (eachItem, index) {
+            var _a;
+            return (react_1.default.createElement("div", { key: eachItem.id + index, className: "relative flex items-start pb-4 pt-3.5" },
+                react_1.default.createElement("div", { className: "min-w-0 flex-1 text-sm leading-6" },
+                    react_1.default.createElement("label", { htmlFor: eachItem.id, className: "font-medium text-gray-900" }, eachItem.label),
+                    react_1.default.createElement("div", { className: "text-gray-500" }, eachItem.content)),
+                react_1.default.createElement("div", { className: "ml-3 flex h-6 items-center" },
+                    react_1.default.createElement("input", { id: eachItem.id, checked: eachItem.id === _this.props.selectedId, name: (_a = _this.props.name) !== null && _a !== void 0 ? _a : "radioList", type: "radio", className: "h-4 w-4 border-gray-300 text-primary-600 focus:ring-primary-600", onChange: function () { return _this.props.onSelect(eachItem.id); } }))));
+        })));
+    };
+    return RadioList;
+}(react_1.Component));
+exports.RadioList = RadioList;
+//# sourceMappingURL=index.js.map

package/lib/components/action/radioList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action/radioList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAe5B;IAA+B,6BAAgB;IAA/C;;QACE,oBAAc,GAAG,UAAC,EAAU;YAC1B,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC,CAAC;;IAkCJ,CAAC;IAhCC,0BAAM,GAAN;QAAA,iBA+BC;QA9BC,OAAO,CACL,uCAAK,SAAS,EAAC,0BAA0B,IACtC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,QAAuB,EAAE,KAAa;;YAAK,OAAA,CAC/D,uCACE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,KAAK,EACxB,SAAS,EAAC,uCAAuC;gBAEjD,uCAAK,SAAS,EAAC,kCAAkC;oBAC/C,yCACE,OAAO,EAAE,QAAQ,CAAC,EAAE,EACpB,SAAS,EAAC,2BAA2B,IAEpC,QAAQ,CAAC,KAAK,CACT;oBACR,uCAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAC,OAAO,CAAO,CACnD;gBACN,uCAAK,SAAS,EAAC,4BAA4B;oBACzC,yCACE,EAAE,EAAE,QAAQ,CAAC,EAAE,EACf,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAI,CAAC,KAAK,CAAC,UAAU,EAC9C,IAAI,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,WAAW,EACpC,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iEAAiE,EAC3E,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAhC,CAAgC,GAChD,CACE,CACF,CACP,CAAA;SAAA,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IACH,gBAAC;AAAD,CAAC,AArCD,CAA+B,iBAAS,GAqCvC;AArCY,8BAAS"}

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AAwDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAwlKvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AAwDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAkmKvB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -3056,8 +3056,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else
             return react_1.default.createElement(react_1.default.Fragment, null);
     };
+    var renderBareReadComp = function () {
+        var _a, _b, _c, _d;
+        if ((_b = (_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareReadComponent) === null || _b === void 0 ? void 0 : _b.call(_a, selectedData)) {
+            return (react_1.default.createElement("div", { className: "w-full" }, (_d = (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareReadComponent) === null || _d === void 0 ? void 0 : _d.call(_c, selectedData)));
+        }
+        else
+            return react_1.default.createElement(react_1.default.Fragment, null);
+    };
     var renderContent = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
         var viewType = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId) !== null && _b !== void 0 ? _b : "general";
         var isBottom = ((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareUpdateActionBottom) ? true : false;
         var tabs = [
@@ -3148,9 +3156,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
                                 !isBottom && renderActionButtons(props.type))),
                         schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id, tabs); }, darkMode: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.darkMode })),
-                        !((_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponentHide) &&
+                        ((_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponentPos) === "top" &&
+                            renderBareReadComp(),
+                        !((_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponentHide) &&
                             renderTabContent(tabs, props.type, viewType),
-                        ((_m = (_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponent) === null || _m === void 0 ? void 0 : _m.call(_l, selectedData)) && (react_1.default.createElement("div", { className: "w-full" }, (_p = (_o = props.bareSettings) === null || _o === void 0 ? void 0 : _o.bareReadComponent) === null || _p === void 0 ? void 0 : _p.call(_o, selectedData))),
+                        ((_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareReadComponentPos) !== "top" &&
+                            renderBareReadComp(),
                         isBottom && renderActionButtons(props.type, true)))));
             case "update":
                 pages.push({
@@ -3159,7 +3170,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     current: true,
                 });
                 var filterModel_1 = [];
-                var disabledOnEnter_1 = (_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.disabledOnEnter) !== null && _r !== void 0 ? _r : false;
+                var disabledOnEnter_1 = (_p = (_o = props.organise) === null || _o === void 0 ? void 0 : _o.disabledOnEnter) !== null && _p !== void 0 ? _p : false;
                 props.model.map(function (eachModel) {
                     var _a;
                     var present = false;
@@ -3192,7 +3203,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         }, cond: {
                             type: "get",
                             id: props.id,
-                        }, offline: (_s = props.bareSettings) === null || _s === void 0 ? void 0 : _s.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
+                        }, offline: (_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
                     renderBreadcrumb(pages),
                     react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
                         react_1.default.createElement("div", { className: "flex flex-col w-full" },
@@ -3201,8 +3212,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         !isBottom && renderActionButtons(props.type)),
                     react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1 },
                         renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
-                        ((_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareUpdateComponent) &&
-                            ((_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareUpdateComponent(selectedData))),
+                        ((_r = props.bareSettings) === null || _r === void 0 ? void 0 : _r.bareUpdateComponent) &&
+                            ((_s = props.bareSettings) === null || _s === void 0 ? void 0 : _s.bareUpdateComponent(selectedData))),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
                     isBottom && renderActionButtons(props.type, true)));
@@ -3233,8 +3244,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         dbEndpoint: devSettings.dbEndpoint,
                         dbAPIToken: devSettings.dbAPIToken,
                         dbUserToken: devSettings.dbUserToken,
-                    }, cond: handleReadQueryHocCond(), offline: (_v = props.bareSettings) === null || _v === void 0 ? void 0 : _v.bareOffline, onChangeData: handleGetListData, onError: handleGetItemError }));
-                if ((_w = props.renderSettings) === null || _w === void 0 ? void 0 : _w.renderListUI) {
+                    }, cond: handleReadQueryHocCond(), offline: (_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareOffline, onChangeData: handleGetListData, onError: handleGetItemError }));
+                if ((_u = props.renderSettings) === null || _u === void 0 ? void 0 : _u.renderListUI) {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
                         rqHOCComp,
                         props.renderSettings.renderListUI(actionComponent, filterComponent, dataComponent)));
@@ -3246,7 +3257,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
                             react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
                         react_1.default.createElement("div", { className: "grow" }),
-                        !((_x = props.organise) === null || _x === void 0 ? void 0 : _x.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent)),
+                        !((_v = props.organise) === null || _v === void 0 ? void 0 : _v.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent)),
                         react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-content space-x-2 md:my-0" },
                             schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
                                 react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(solid_1.ArrowsUpDownIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white", onClick: function () {
@@ -3268,16 +3279,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         });
                                     }, bgColor: "bg-white" }))),
                             !isBottom && renderActionButtons(props.type),
-                            (schemaPresent || ((_y = props.organise) === null || _y === void 0 ? void 0 : _y.showExport)) && (react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
+                            (schemaPresent || ((_w = props.organise) === null || _w === void 0 ? void 0 : _w.showExport)) && (react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
                                 //TODO: Bug - Crash on Next Js
                                 // <Menu.Item>
                                 react_1.default.createElement("span", { className: "block w-40 py-3 text-sm text-center text-gray-700 cursor-pointer hover:bg-gray-100", onClick: eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.onClick }, eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.text)
                                 // </Menu.Item>
                                 ); })), lib: {
-                                    Transition: (_z = props === null || props === void 0 ? void 0 : props.lib) === null || _z === void 0 ? void 0 : _z.Transition,
+                                    Transition: (_x = props === null || props === void 0 ? void 0 : props.lib) === null || _x === void 0 ? void 0 : _x.Transition,
                                 } })))),
-                    ((_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center my-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row" }, filterComponent)),
-                    schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id, tabs); }, darkMode: (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.darkMode })),
+                    ((_y = props.organise) === null || _y === void 0 ? void 0 : _y.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center my-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row" }, filterComponent)),
+                    schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id, tabs); }, darkMode: (_z = props.organise) === null || _z === void 0 ? void 0 : _z.darkMode })),
                     renderTabContent(tabs, props.type, viewType),
                     isBottom && renderActionButtons(props.type, true)));
             default: