npm - blixify-ui-web - Versions diffs - 0.1.85 → 0.1.87 - Mend

blixify-ui-web 0.1.85 → 0.1.87

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.

Files changed (32) hide show

package/lib/components/chart/DateRange.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { Component } from "react";
+export interface RangeInterface {
+    startDate: Date;
+    endDate: Date;
+}
+interface Props {
+    onChangeDate: (id: string, value: Date, type?: string) => void;
+    onChangeData?: () => void;
+    onResetDate?: () => void;
+    onChangeSuggestedData: (type: string) => void;
+    customDate: RangeInterface;
+}
+interface State {
+    dateRangeModalVisible: boolean;
+}
+export declare class DateRange extends Component<Props> {
+    state: State;
+    handleSetData: () => void;
+    handleResetDate: () => void;
+    handleDateRangeModalVisible: (visible: boolean) => void;
+    renderDateModalContent: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=DateRange.d.ts.map

package/lib/components/chart/DateRange.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,UAAU,KAAK;IACb,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,UAAU,KAAK;IACb,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAEV;IAEF,aAAa,aAIX;IAEF,eAAe,aAIb;IACF,2BAA2B,YAAa,OAAO,UAI7C;IAEF,sBAAsB,oBAiCpB;IAEF,MAAM;CAwDP"}

package/lib/components/chart/DateRange.js ADDED Viewed

@@ -0,0 +1,122 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRange = void 0;
+var react_1 = require("@headlessui/react");
+var moment_1 = __importDefault(require("moment"));
+var react_2 = __importStar(require("react"));
+var button_1 = require("../action/button");
+var textButton_1 = require("../action/textButton");
+var modal_1 = require("../display/modal");
+var datePicker_1 = require("../input/datePicker");
+var DateRange = /** @class */ (function (_super) {
+    __extends(DateRange, _super);
+    function DateRange() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            dateRangeModalVisible: false,
+        };
+        _this.handleSetData = function () {
+            if (_this.props.onChangeData) {
+                _this.props.onChangeData();
+            }
+        };
+        _this.handleResetDate = function () {
+            if (_this.props.onResetDate) {
+                _this.props.onResetDate();
+            }
+        };
+        _this.handleDateRangeModalVisible = function (visible) {
+            _this.setState({
+                dateRangeModalVisible: visible,
+            });
+        };
+        _this.renderDateModalContent = function () {
+            return (react_2.default.createElement("div", { className: "px-3 sm:px-0" },
+                react_2.default.createElement(datePicker_1.InputDatePicker, { className: "mt-5 h-40", range: true, startDate: _this.props.customDate.startDate, endDate: _this.props.customDate.endDate, onChange: _this.props.onChangeDate }),
+                react_2.default.createElement("div", { className: "flex flex-row mt-6 pt-32 justify-end" },
+                    react_2.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
+                            _this.handleResetDate();
+                            _this.handleDateRangeModalVisible(false);
+                        } }),
+                    react_2.default.createElement(button_1.Button, { className: "ml-4", text: "Submit", size: "small", type: "normal", onClick: function () {
+                            _this.handleSetData();
+                            _this.handleDateRangeModalVisible(false);
+                        } }))));
+        };
+        return _this;
+    }
+    DateRange.prototype.render = function () {
+        var _this = this;
+        return (react_2.default.createElement(react_2.default.Fragment, null,
+            react_2.default.createElement(modal_1.Modal, { title: "Select Date Range", open: this.state.dateRangeModalVisible, lib: {
+                    Dialog: react_1.Dialog,
+                    Transition: react_1.Transition,
+                }, renderContent: this.renderDateModalContent, onClose: function () {
+                    _this.handleResetDate();
+                    _this.handleDateRangeModalVisible(false);
+                } }),
+            react_2.default.createElement("div", { className: "flex flex-col sm:flex-row w-full justify-center items-center" },
+                react_2.default.createElement("div", { className: "grow" }),
+                react_2.default.createElement("p", { className: "ml-3 mb-3 text-gray-700" }, "Custom Duration: "),
+                react_2.default.createElement("div", { className: "w-full mt-2 sm:w-56 sm:mt-0" },
+                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: (0, moment_1.default)(this.props.customDate.startDate).format("DD-MM-YYYY") +
+                            " - " +
+                            (0, moment_1.default)(this.props.customDate.endDate).format("DD-MM-YYYY"), onClick: function () {
+                            _this.handleDateRangeModalVisible(true);
+                        } }))),
+            react_2.default.createElement("div", { className: "flex flex-col sm:flex-row w-full justify-center items-center" },
+                react_2.default.createElement("div", { className: "grow" }),
+                react_2.default.createElement("p", { className: "ml-3 mb-3 text-gray-700" }, "Suggested Duration: "),
+                react_2.default.createElement("div", { className: "w-full mt-2 sm:w-56 sm:mt-0" },
+                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: "Last 7 days", onClick: function () {
+                            _this.props.onChangeSuggestedData("seven");
+                        } }),
+                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: "Last 28 days", onClick: function () {
+                            _this.props.onChangeSuggestedData("28days");
+                        } })))));
+    };
+    return DateRange;
+}(react_2.Component));
+exports.DateRange = DateRange;
+//# sourceMappingURL=DateRange.js.map

package/lib/components/chart/DateRange.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAuCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,~~eAwmGxC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAuCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAwnGxC"}

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

@@ -1837,6 +1837,9 @@ function DataTemplate(props) {
         props.model.map(function (eachAttribute) {
             if (eachAttribute.id === "baseUpdatedAt" ||
                 eachAttribute.type === "listObject" ||
+                eachAttribute.type === "file" ||
+                eachAttribute.type === "multipleFile" ||
+                eachAttribute.type === "multipleImage" ||
                 eachAttribute.hide) {
                 return null;
             }
@@ -1878,6 +1881,7 @@ function DataTemplate(props) {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
             var clonedSelectedData = handleClonedDataAttribute(data, model);
             var label = eachAttribute.name;
+            var labelExtra = !eachAttribute.optional ? (react_1.default.createElement("span", { className: "text-red-500" }, " (*) ")) : undefined;
             var disabled = props.type === "read"
                 ? true
                 : props.type === "update" && props.id === "new"
@@ -1885,7 +1889,7 @@ function DataTemplate(props) {
                     : eachAttribute.disabled;
             switch (eachAttribute.type) {
                 case "address":
-                    inputList.push(react_1.default.createElement(address_1.Address, { id: eachAttribute.id, optional: eachAttribute.optional, label: label, value: (_a = clonedSelectedData[eachAttribute.id]) !== null && _a !== void 0 ? _a : {
+                    inputList.push(react_1.default.createElement(address_1.Address, { id: eachAttribute.id, optional: eachAttribute.optional, label: label, labelExtra: labelExtra, value: (_a = clonedSelectedData[eachAttribute.id]) !== null && _a !== void 0 ? _a : {
                             lat: 0,
                             lng: 0,
                             name: "",
@@ -1896,7 +1900,10 @@ function DataTemplate(props) {
                 case "object":
                     var objectValue = Object.values((_b = clonedSelectedData[eachAttribute.id]) !== null && _b !== void 0 ? _b : {});
                     inputList.push(react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" }, label),
+                        react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" },
+                            label,
+                            " ",
+                            labelExtra),
                         react_1.default.createElement("div", { className: "block bg-white w-full border cursor-pointer border-gray-300 text-gray-300 text-left rounded-md mt-1 px-5 py-3 text-base focus:border-primary-500 focus:outline-none", onClick: function () {
                                 var _a;
                                 setSelectedObjectStructureId(eachAttribute.id);
@@ -1925,13 +1932,13 @@ function DataTemplate(props) {
                             }
                         });
                     }
-                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, optional: eachAttribute.optional, value: (_d = clonedSelectedData[eachAttribute.id]) !== null && _d !== void 0 ? _d : (eachAttribute.type === "list" ? "" : []), label: label, options: optionList_2, onChange: function (value) {
+                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, optional: eachAttribute.optional, value: (_d = clonedSelectedData[eachAttribute.id]) !== null && _d !== void 0 ? _d : (eachAttribute.type === "list" ? "" : []), label: label, labelExtra: labelExtra, options: optionList_2, onChange: function (value) {
                             handleOnChangeSelect(eachAttribute.id, value);
                         }, disabled: disabled }));
                     break;
                 case "boolean":
                     var value = (_e = clonedSelectedData[eachAttribute.id]) === null || _e === void 0 ? void 0 : _e.toString();
-                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: value, label: label, optional: eachAttribute.optional, options: [
+                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: value, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, options: [
                             {
                                 key: "true",
                                 label: "True",
@@ -1955,7 +1962,7 @@ function DataTemplate(props) {
                                 : (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id])
                             : (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id]);
                     }
-                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.axios }, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, optional: eachAttribute.optional, hidePreview: eachAttribute.type === "image" ? false : true, file: (_g = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _g !== void 0 ? _g : "", accept: eachAttribute.type === "image" ? ".png,.jpg,.jpe,.tiff" : ".pdf", fileDescription: eachAttribute.type === "image" ? undefined : "PDF up to 30MB", maxFileSize: props.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
+                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.axios }, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, hidePreview: eachAttribute.type === "image" ? false : true, file: (_g = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _g !== void 0 ? _g : "", accept: eachAttribute.type === "image" ? ".png,.jpg,.jpe,.tiff" : ".pdf", fileDescription: eachAttribute.type === "image" ? undefined : "PDF up to 30MB", maxFileSize: props.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
                     break;
                 case "multipleFile":
                 case "multipleImage":
@@ -1965,7 +1972,7 @@ function DataTemplate(props) {
                             fileName: (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachImage.fileName, eachImage.token),
                         };
                     });
-                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { type: "multi", files: __assign(__assign({}, clonedSelectedData[eachAttribute.id]), { data: multipleDataUrl }), optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, hidePreview: eachAttribute.type === "multipleImage" ? false : true, accept: eachAttribute.type === "multipleImage"
+                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { type: "multi", files: __assign(__assign({}, clonedSelectedData[eachAttribute.id]), { data: multipleDataUrl }), optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, hidePreview: eachAttribute.type === "multipleImage" ? false : true, accept: eachAttribute.type === "multipleImage"
                             ? ".png,.jpg,.jpe,.tiff"
                             : ".pdf", fileDescription: eachAttribute.type === "multipleImage"
                             ? undefined
@@ -1977,12 +1984,12 @@ function DataTemplate(props) {
                         }, disabled: disabled }));
                     break;
                 case "number":
-                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: "number", value: (_j = clonedSelectedData[eachAttribute.id]) !== null && _j !== void 0 ? _j : "", placeholder: label, label: label, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
+                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: "number", value: (_j = clonedSelectedData[eachAttribute.id]) !== null && _j !== void 0 ? _j : "", placeholder: label, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
                     break;
                 case "reference":
                 case "listReference":
                     inputList.push(react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_k = clonedSelectedData[eachAttribute.id]) !== null && _k !== void 0 ? _k : (eachAttribute.type === "reference" ? "" : []), label: label, optional: eachAttribute.optional, options: isObject
+                        react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_k = clonedSelectedData[eachAttribute.id]) !== null && _k !== void 0 ? _k : (eachAttribute.type === "reference" ? "" : []), label: label, labelExtra: labelExtra, optional: eachAttribute.optional, options: isObject
                                 ? referencesOptions[selectedObjectStructureId + "." + eachAttribute.id]
                                 : (_l = referencesOptions[eachAttribute.id]) !== null && _l !== void 0 ? _l : [], onChange: function (value) {
                                 handleOnChangeSelect(eachAttribute.id, value);
@@ -2016,10 +2023,10 @@ function DataTemplate(props) {
                     else if (eachAttribute.type === "email") {
                         textType = "email";
                     }
-                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: textType, value: (_m = clonedSelectedData[eachAttribute.id]) !== null && _m !== void 0 ? _m : "", placeholder: label, label: label, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
+                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: textType, value: (_m = clonedSelectedData[eachAttribute.id]) !== null && _m !== void 0 ? _m : "", placeholder: label, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
                     break;
                 case "date":
-                    inputList.push(react_1.default.createElement(datePicker_1.InputDatePicker, { title: label, id: eachAttribute.id, optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], onChange: handleOnChangeDate, value: clonedSelectedData[eachAttribute.id], disabled: disabled }));
+                    inputList.push(react_1.default.createElement(datePicker_1.InputDatePicker, { title: label, labelExtra: labelExtra, id: eachAttribute.id, optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], onChange: handleOnChangeDate, value: clonedSelectedData[eachAttribute.id], disabled: disabled }));
                     break;
             }
         });