awing-library 2.1.133-beta → 2.1.135-beta

package/lib/ACM-AXN/Template/Import.js

@@ -56,8 +56,11 @@ var ImportTemplate = function () {
             fileName: tempFile === null || tempFile === void 0 ? void 0 : tempFile.name,
         });
     };
-    var handleChangeFormData = (0, react_1.useCallback)(function (obj) {
-        setBussinessData(function (prev) { return (__assign(__assign(__assign(__assign({}, prev), { id: prev.id || '0' }), obj), { directoryId: (obj === null || obj === void 0 ? void 0 : obj.directoryId) || rootDirectoryId })); });
+    var handleChangeFormData = (0, react_1.useCallback)(function (obj, valid, key) {
+        setBussinessData(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[key] = obj[key], _a.id = prev.id || (obj === null || obj === void 0 ? void 0 : obj.id) || '0', _a.directoryId = (obj === null || obj === void 0 ? void 0 : obj.directoryId) || rootDirectoryId, _a)));
+        });
     }, [rootDirectoryId]);
     return ((0, jsx_runtime_1.jsxs)(ClassicDrawer_1.default, { title: t('TemplateManagement.ImportTemplate'), onSubmit: handleSubmit, disableButtonSubmit: !(tempFile === null || tempFile === void 0 ? void 0 : tempFile.name), confirmExit: true, childrenWrapperStyle: { padding: 0 }, children: [(0, jsx_runtime_1.jsx)(AWING_1.DataForm, { fields: [
                     {

package/lib/AWING/Chart/BarLineComponent.js

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var styles_1 = require("@mui/styles");
 var Helpers_1 = require("../../Utils/Helpers");
 require("chartjs-adapter-moment");
 var moment_1 = __importDefault(require("moment"));
@@ -23,7 +24,23 @@ var react_i18next_1 = require("react-i18next");
 var i18n_1 = __importDefault(require("../../i18n"));
 var Enums_1 = require("./Enums");
 var Styles_1 = require("./Styles");
+var useStyles = (0, styles_1.makeStyles)({
+    point: {
+        position: "relative",
+        '&::after': {
+            content: '""',
+            position: 'absolute',
+            top: '50%',
+            left: '-5px', /* Adjust as needed */
+            right: '-5px', /* Adjust as needed */
+            height: '2px', /* Thickness of the line */
+            backgroundColor: 'inherit',
+            transform: 'translateY(-50%)'
+        }
+    },
+});
 var BarLineComponent = function (props) {
+    var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var optionsDefault = props.optionsDefault;
     var chart = props.chart, _a = props.width, width = _a === void 0 ? 'auto' : _a, _b = props.height, height = _b === void 0 ? 350 : _b, _c = props.timeline, timeline = _c === void 0 ? Enums_1.TYPE_TIMELINE.DAY : _c, _d = props.optionCustom, optionCustom = _d === void 0 ? {} : _d, dataChart = props.dataChart, type = props.type, _e = props.options, options = _e === void 0 ? {
@@ -82,7 +99,7 @@ var BarLineComponent = function (props) {
                 position: 'bottom',
                 labels: {
                     usePointStyle: true,
-                    pointStyle: 'circle',
+                    // pointStyle: 'circle',
                     boxHeight: 12,
                     boxWidth: 12,
                     padding: 30,
@@ -229,16 +246,22 @@ var BarLineComponent = function (props) {
                     chart.update();
                 };
                 // Color box
-                var boxSpan = document.createElement('span');
+                var boxSpan = document.createElement('div');
                 boxSpan.style.background = item.fillStyle;
                 boxSpan.style.borderColor = item.strokeStyle;
                 boxSpan.style.borderWidth = item.lineWidth + 'px';
                 boxSpan.style.display = 'inline-block';
                 boxSpan.style.flexShrink = '0';
-                boxSpan.style.height = '20px';
-                boxSpan.style.marginRight = '10px';
-                boxSpan.style.width = '20px';
-                boxSpan.style.borderRadius = '20px';
+                boxSpan.style.height = '15px';
+                boxSpan.style.marginRight = '15px';
+                boxSpan.style.width = '15px';
+                console.log('item', item);
+                if ((item === null || item === void 0 ? void 0 : item.lineWidth) && (item === null || item === void 0 ? void 0 : item.pointStyle)) {
+                    boxSpan.setAttribute("class", classes.point);
+                }
+                if ((item === null || item === void 0 ? void 0 : item.pointStyle) === 'circle') {
+                    boxSpan.style.borderRadius = '20px';
+                }
                 // Text
                 var textContainer = document.createElement('p');
                 textContainer.style.color = item.fontColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awing-library",
-  "version": "2.1.133-beta",
+  "version": "2.1.135-beta",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",