awing-library 2.1.134-beta → 2.1.136-beta

package/lib/ACM-AXN/CampaignPlan/Container.js

@@ -66,12 +66,15 @@ function Container() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('CampaignPlan.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { marginBottom: function (theme) { return theme.spacing(2); } }, children: t('CampaignPlan.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('CampaignPlan.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { mb: 2 }, children: t('CampaignPlan.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                             display: 'flex',
                             justifyContent: 'flex-end',
-                            padding: '24px 16px 8px',
+                            pt: 3,
+                            pb: 1,
+                            pl: 2,
+                            pr: 2,
                         }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                width: '50%',
+                                width: '55%',
                                 display: 'flex',
                                 flexDirection: 'row',
                             }, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { filterBy: filterBy, onUpdateFilterBy: handleUpdateFilterBy }) }) }), loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
@@ -84,7 +87,17 @@ function Container() {
                             {
                                 field: 'name',
                                 headerName: t('CampaignPlan.CampaignName'),
-                                width: 200,
+                                width: 260,
+                                valueGetter: function (row) {
+                                    return ((0, jsx_runtime_1.jsxs)("span", { children: [row.name, (row === null || row === void 0 ? void 0 : row.isNetWork) && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                                    backgroundColor: '#c49f47',
+                                                    color: '#ffffff',
+                                                    fontSize: '13px',
+                                                    marginLeft: '4px',
+                                                    padding: '1px 4px',
+                                                    borderRadius: '2px',
+                                                }, children: "Network" }))] }));
+                                },
                             },
                             {
                                 field: 'endDate',
@@ -96,7 +109,7 @@ function Container() {
                             },
                             {
                                 field: 'totalRun',
-                                headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
+                                headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('Common.BillingUnit'), ")"),
                                 valueGetter: function (row) {
                                     return (0, Helpers_1.formatNumber)(row.totalRun);
                                 },
@@ -107,7 +120,7 @@ function Container() {
                             },
                             {
                                 field: 'totalExpected',
-                                headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
+                                headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('Common.BillingUnit'), ")"),
                                 valueGetter: function (row) {
                                     return row.isContainClassB
                                         ? (0, Helpers_1.formatNumber)(row.totalExpected)
@@ -126,7 +139,7 @@ function Container() {
                                         ? (0, Helpers_1.formatNumber)(Number(row.total))
                                         : 'N/A';
                                 },
-                                width: 180,
+                                width: 190,
                                 TableCellProps: {
                                     align: 'right',
                                 },

package/lib/ACM-AXN/CampaignPlan/Container.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};

package/lib/ACM-AXN/CampaignPlan/Container.test.js

@@ -57,7 +57,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-require("@testing-library/jest-dom");
 var react_router_dom_1 = require("react-router-dom");
 var react_1 = require("@testing-library/react");
 var Container_1 = __importDefault(require("./Container"));
@@ -137,7 +136,7 @@ jest.mock('./Filter', function () { return function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Filter component" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdateFilterBy", onClick: function () { return props.onUpdateFilterBy('campaignId', '0'); }, children: "onUpdateFilterBy" })] }));
 }; });
 // Mock DataGrid
-jest.mock('../../AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     DataGrid: function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [props.columns
                 .filter(function (item) { return item.valueGetter; })
                 .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter('a', idx, '1') }, idx)); }), (0, jsx_runtime_1.jsx)("span", { children: props.getRowId(mockPagedList.items[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageIndexChange", onClick: function () { return props.onPageIndexChange(0); } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageSizeChange", onClick: function () { return props.onPageSizeChange(2); } }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "rowsPaginate", children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onRowClick", onClick: props.onRowClick, children: "onRowClick" })] })); },

package/lib/ACM-AXN/CampaignPlan/Detail.js

@@ -70,7 +70,7 @@ function CampaignPlanDetail() {
                         field: 'name',
                         headerName: t('CampaignPlan.Group'),
                         valueGetter: function (row) {
-                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [row.name, ' ', (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
+                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [row.name, (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
                                             fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2" !important',
                                             fontSize: 18,
                                         }, children: getCampaignPriority(row.priority) })] }));
@@ -78,17 +78,15 @@ function CampaignPlanDetail() {
                     },
                     {
                         field: 'totalRun',
-                        headerName: t('CampaignPlan.HasRun'),
-                        valueGetter: function (row) {
-                            return (0, Helpers_1.formatNumber)(row.totalRun);
-                        },
+                        headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('Common.BillingUnit'), ")"),
+                        type: 'number',
                         TableCellProps: {
                             align: 'right',
                         },
                     },
                     {
                         field: 'totalExpected',
-                        headerName: t('CampaignPlan.WillRun'),
+                        headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('Common.BillingUnit'), ")"),
                         valueGetter: function (row) {
                             return row.priority ===
                                 Utils_1.CAMPAIGN_PRIORITY.CLASS_B

package/lib/ACM-AXN/CampaignPlan/Detail.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/11/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};

package/lib/ACM-AXN/CampaignPlan/Detail.test.js

@@ -58,7 +58,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("@testing-library/react");
 var Detail_1 = __importDefault(require("./Detail"));
-require("@testing-library/jest-dom");
 var mockCampaignPlan = {
     scheduleCampaignPlanModel: {
         campaignId: '5391179157958735137',
@@ -105,9 +104,9 @@ jest.mock('./Hooks', function () { return ({
 //  Mock đa ngữ
 jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
 // Mock Drawer
-jest.mock('../../Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: props.title }), props.children] })); }; });
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: props.title }), props.children] })); }; });
 // Mock PageManagement
-jest.mock('../../AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     PageManagement: function (props) {
         props.onChangeQueryInput({
             searchString: '',

package/lib/ACM-AXN/CampaignPlan/Filter.js

@@ -47,7 +47,7 @@ function Filters(props) {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var reserveTypes = [
+    var reserveTypes = (0, react_1.useMemo)(function () { return [
         {
             id: 0,
             name: t('CampaignPlan.AdvanceSearchOptionAll'),
@@ -63,10 +63,17 @@ function Filters(props) {
             name: t('CampaignPlan.NoneReserved'),
             value: Utils_1.CAMPAIGN_RESERVETYPES.NONERESERVED,
         },
-    ];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: campaign, id: Utils_1.FilterByType.campaignId, "data-testid": Utils_1.FilterByType.campaignId, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
+    ]; }, [t]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: campaign, id: Utils_1.FilterByType.campaignId, "data-testid": Utils_1.FilterByType.campaignId, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, renderOption: function (props, option) { return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "li" }, props, { sx: { width: '100%' }, children: (0, jsx_runtime_1.jsxs)("span", { children: [option.name, option.isNetWork && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                    backgroundColor: '#c49f47',
+                                    color: '#ffffff',
+                                    fontSize: '13px',
+                                    marginLeft: '4px',
+                                    padding: '1px 4px',
+                                    borderRadius: '2px',
+                                }, children: "Network" }))] }) }))); }, onChange: function (event, campaignItem) {
                     onUpdateFilterBy(Utils_1.FilterByType.campaignId, (campaignItem === null || campaignItem === void 0 ? void 0 : campaignItem.id) || '0');
-                }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.CampaignName') }))); }, sx: { marginRight: function (theme) { return theme.spacing(2); } }, value: campaign.find(function (x) { return x.id === filterBy.campaignId; }) }), (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: reserveTypes, id: Utils_1.FilterByType.campaignReserved, "data-testid": Utils_1.FilterByType.campaignReserved, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
+                }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.CampaignName') }))); }, sx: { marginRight: function (theme) { return theme.spacing(2); } }, value: campaign.find(function (x) { return x.id === filterBy.campaignId; }) }), (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", sx: { maxWidth: 250 }, options: reserveTypes, id: Utils_1.FilterByType.campaignReserved, "data-testid": Utils_1.FilterByType.campaignReserved, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
                     onUpdateFilterBy(Utils_1.FilterByType.campaignReserved, (campaignItem === null || campaignItem === void 0 ? void 0 : campaignItem.value) || 0);
                 }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.ReserveType') }))); }, value: reserveTypes.find(function (x) { return x.value === filterBy.campaignReserved; }) })] }));
 }

package/lib/ACM-AXN/CampaignPlan/Filter.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};

package/lib/ACM-AXN/CampaignPlan/Filter.test.js

@@ -24,7 +24,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 // import { BrowserRouter, useParams } from 'react-router-dom'
 var Filter_1 = __importDefault(require("./Filter"));
-require("@testing-library/jest-dom");
 var mockCampaign = [
     {
         id: '5391179157958735137',

package/lib/ACM-AXN/CampaignPlan/Types.d.ts

@@ -32,7 +32,7 @@ export declare enum CampaignReserved {
     IsReserved = 1,
     NotReserved = 2
 }
-export interface IScheduleCampaignPlanModel {
+export interface ScheduleCampaignPlanModel {
     campaignId?: string;
     name?: string | undefined;
     endDate?: string;
@@ -42,21 +42,7 @@ export interface IScheduleCampaignPlanModel {
     totalExpected?: number;
     total?: string;
 }
-export declare class ScheduleCampaignPlanModel implements IScheduleCampaignPlanModel {
-    campaignId?: string;
-    name?: string | undefined;
-    endDate?: string;
-    isNetworkCampaign?: boolean;
-    isContainClassB?: boolean;
-    totalRun?: number;
-    totalExpected?: number;
-    total?: string;
-    constructor(data?: IScheduleCampaignPlanModel);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCampaignPlanModel;
-    toJSON(data?: any): any;
-}
-export interface IPagedList_1OfScheduleCampaignPlanModel {
+export interface PagedList_1OfScheduleCampaignPlanModel {
     items?: ScheduleCampaignPlanModel[] | undefined;
     pageCount?: number;
     totalItemCount?: number;
@@ -65,29 +51,7 @@ export interface IPagedList_1OfScheduleCampaignPlanModel {
     hasPreviousPage?: boolean;
     hasNextPage?: boolean;
 }
-export declare class PagedList_1OfScheduleCampaignPlanModel implements IPagedList_1OfScheduleCampaignPlanModel {
-    items?: ScheduleCampaignPlanModel[] | undefined;
-    pageCount?: number;
-    totalItemCount?: number;
-    pageNumber?: number;
-    pageSize?: number;
-    readonly hasPreviousPage?: boolean;
-    readonly hasNextPage?: boolean;
-    constructor(data?: IPagedList_1OfScheduleCampaignPlanModel);
-    init(_data?: any): void;
-    static fromJS(data: any): PagedList_1OfScheduleCampaignPlanModel;
-    toJSON(data?: any): any;
-}
-export interface IScheduleCampaignPlanGroupModel {
-    groupId?: number;
-    name?: string | undefined;
-    totalRun?: number;
-    totalExpected?: number;
-    isReserved?: boolean;
-    total?: string;
-    priority?: number;
-}
-export declare class ScheduleCampaignPlanGroupModel implements IScheduleCampaignPlanGroupModel {
+export interface ScheduleCampaignPlanGroupModel {
     groupId?: number;
     name?: string | undefined;
     totalRun?: number;
@@ -95,54 +59,22 @@ export declare class ScheduleCampaignPlanGroupModel implements IScheduleCampaign
     isReserved?: boolean;
     total?: string;
     priority?: number;
-    constructor(data?: IScheduleCampaignPlanGroupModel);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCampaignPlanGroupModel;
-    toJSON(data?: any): any;
-}
-export interface IScheduleCampaignPlanDetail {
-    scheduleCampaignPlanModel?: ScheduleCampaignPlanModel;
-    scheduleCampaignPlanGroups?: ScheduleCampaignPlanGroupModel[] | undefined;
-    total?: number;
 }
-export declare class ScheduleCampaignPlanDetail implements IScheduleCampaignPlanDetail {
+export interface ScheduleCampaignPlanDetail {
     scheduleCampaignPlanModel?: ScheduleCampaignPlanModel;
     scheduleCampaignPlanGroups?: ScheduleCampaignPlanGroupModel[] | undefined;
     total?: number;
-    constructor(data?: IScheduleCampaignPlanDetail);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCampaignPlanDetail;
-    toJSON(data?: any): any;
 }
-export interface ITimestamp {
+export interface Timestamp {
     seconds?: string;
     nanos?: number;
 }
-export declare class Timestamp implements ITimestamp {
-    seconds?: string;
-    nanos?: number;
-    constructor(data?: ITimestamp);
-    init(_data?: any): void;
-    static fromJS(data: any): Timestamp;
-    toJSON(data?: any): any;
-}
-export interface ICampaign {
-    id?: string;
-    directoryId?: string;
-    directoryPath?: string | undefined;
-    name?: string | undefined;
-    createdDate?: Timestamp;
-}
-export declare class Campaign implements ICampaign {
+export interface Campaign {
     id?: string;
     directoryId?: string;
     directoryPath?: string | undefined;
     name?: string | undefined;
     createdDate?: Timestamp;
-    constructor(data?: ICampaign);
-    init(_data?: any): void;
-    static fromJS(data: any): Campaign;
-    toJSON(data?: any): any;
 }
 export interface Cancel {
     message: string | undefined;

package/lib/ACM-AXN/CampaignPlan/Types.js

@@ -5,262 +5,10 @@
  *
  **/
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Campaign = exports.Timestamp = exports.ScheduleCampaignPlanDetail = exports.ScheduleCampaignPlanGroupModel = exports.PagedList_1OfScheduleCampaignPlanModel = exports.ScheduleCampaignPlanModel = exports.CampaignReserved = void 0;
+exports.CampaignReserved = void 0;
 var CampaignReserved;
 (function (CampaignReserved) {
     CampaignReserved[CampaignReserved["None"] = 0] = "None";
     CampaignReserved[CampaignReserved["IsReserved"] = 1] = "IsReserved";
     CampaignReserved[CampaignReserved["NotReserved"] = 2] = "NotReserved";
 })(CampaignReserved || (exports.CampaignReserved = CampaignReserved = {}));
-var ScheduleCampaignPlanModel = /** @class */ (function () {
-    function ScheduleCampaignPlanModel(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    ScheduleCampaignPlanModel.prototype.init = function (_data) {
-        if (_data) {
-            this.campaignId = _data['campaignId'];
-            this.name = _data['name'];
-            this.endDate = _data['endDate'];
-            this.isNetworkCampaign = _data['isNetworkCampaign'];
-            this.isContainClassB = _data['isContainClassB'];
-            this.totalRun = _data['totalRun'];
-            this.totalExpected = _data['totalExpected'];
-            this.total = _data['total'];
-        }
-    };
-    ScheduleCampaignPlanModel.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new ScheduleCampaignPlanModel();
-        result.init(data);
-        return result;
-    };
-    ScheduleCampaignPlanModel.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['campaignId'] = this.campaignId;
-        data['name'] = this.name;
-        data['endDate'] = this.endDate;
-        data['isNetworkCampaign'] = this.isNetworkCampaign;
-        data['isContainClassB'] = this.isContainClassB;
-        data['totalRun'] = this.totalRun;
-        data['totalExpected'] = this.totalExpected;
-        data['total'] = this.total;
-        return data;
-    };
-    return ScheduleCampaignPlanModel;
-}());
-exports.ScheduleCampaignPlanModel = ScheduleCampaignPlanModel;
-var PagedList_1OfScheduleCampaignPlanModel = /** @class */ (function () {
-    function PagedList_1OfScheduleCampaignPlanModel(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    PagedList_1OfScheduleCampaignPlanModel.prototype.init = function (_data) {
-        if (_data) {
-            if (Array.isArray(_data['items'])) {
-                this.items = [];
-                for (var _i = 0, _a = _data['items']; _i < _a.length; _i++) {
-                    var item = _a[_i];
-                    this.items.push(ScheduleCampaignPlanModel.fromJS(item));
-                }
-            }
-            this.pageCount = _data['pageCount'];
-            this.totalItemCount = _data['totalItemCount'];
-            this.pageNumber = _data['pageNumber'];
-            this.pageSize = _data['pageSize'];
-            this.hasPreviousPage = _data['hasPreviousPage'];
-            this.hasNextPage = _data['hasNextPage'];
-        }
-    };
-    PagedList_1OfScheduleCampaignPlanModel.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new PagedList_1OfScheduleCampaignPlanModel();
-        result.init(data);
-        return result;
-    };
-    PagedList_1OfScheduleCampaignPlanModel.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        if (Array.isArray(this.items)) {
-            data['items'] = [];
-            for (var _i = 0, _a = this.items; _i < _a.length; _i++) {
-                var item = _a[_i];
-                data['items'].push(item.toJSON());
-            }
-        }
-        data['pageCount'] = this.pageCount;
-        data['totalItemCount'] = this.totalItemCount;
-        data['pageNumber'] = this.pageNumber;
-        data['pageSize'] = this.pageSize;
-        data['hasPreviousPage'] = this.hasPreviousPage;
-        data['hasNextPage'] = this.hasNextPage;
-        return data;
-    };
-    return PagedList_1OfScheduleCampaignPlanModel;
-}());
-exports.PagedList_1OfScheduleCampaignPlanModel = PagedList_1OfScheduleCampaignPlanModel;
-var ScheduleCampaignPlanGroupModel = /** @class */ (function () {
-    function ScheduleCampaignPlanGroupModel(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    ScheduleCampaignPlanGroupModel.prototype.init = function (_data) {
-        if (_data) {
-            this.groupId = _data['groupId'];
-            this.name = _data['name'];
-            this.totalRun = _data['totalRun'];
-            this.totalExpected = _data['totalExpected'];
-            this.isReserved = _data['isReserved'];
-            this.total = _data['total'];
-            this.priority = _data['priority'];
-        }
-    };
-    ScheduleCampaignPlanGroupModel.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new ScheduleCampaignPlanGroupModel();
-        result.init(data);
-        return result;
-    };
-    ScheduleCampaignPlanGroupModel.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['groupId'] = this.groupId;
-        data['name'] = this.name;
-        data['totalRun'] = this.totalRun;
-        data['totalExpected'] = this.totalExpected;
-        data['isReserved'] = this.isReserved;
-        data['total'] = this.total;
-        data['priority'] = this.priority;
-        return data;
-    };
-    return ScheduleCampaignPlanGroupModel;
-}());
-exports.ScheduleCampaignPlanGroupModel = ScheduleCampaignPlanGroupModel;
-var ScheduleCampaignPlanDetail = /** @class */ (function () {
-    function ScheduleCampaignPlanDetail(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    ScheduleCampaignPlanDetail.prototype.init = function (_data) {
-        if (_data) {
-            this.scheduleCampaignPlanModel = _data['scheduleCampaignPlanModel']
-                ? ScheduleCampaignPlanModel.fromJS(_data['scheduleCampaignPlanModel'])
-                : undefined;
-            if (Array.isArray(_data['scheduleCampaignPlanGroups'])) {
-                this.scheduleCampaignPlanGroups = [];
-                for (var _i = 0, _a = _data['scheduleCampaignPlanGroups']; _i < _a.length; _i++) {
-                    var item = _a[_i];
-                    this.scheduleCampaignPlanGroups.push(ScheduleCampaignPlanGroupModel.fromJS(item));
-                }
-            }
-            this.total = _data['total'];
-        }
-    };
-    ScheduleCampaignPlanDetail.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new ScheduleCampaignPlanDetail();
-        result.init(data);
-        return result;
-    };
-    ScheduleCampaignPlanDetail.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['scheduleCampaignPlanModel'] = this.scheduleCampaignPlanModel
-            ? this.scheduleCampaignPlanModel.toJSON()
-            : undefined;
-        if (Array.isArray(this.scheduleCampaignPlanGroups)) {
-            data['scheduleCampaignPlanGroups'] = [];
-            for (var _i = 0, _a = this.scheduleCampaignPlanGroups; _i < _a.length; _i++) {
-                var item = _a[_i];
-                data['scheduleCampaignPlanGroups'].push(item.toJSON());
-            }
-        }
-        data['total'] = this.total;
-        return data;
-    };
-    return ScheduleCampaignPlanDetail;
-}());
-exports.ScheduleCampaignPlanDetail = ScheduleCampaignPlanDetail;
-var Timestamp = /** @class */ (function () {
-    function Timestamp(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    Timestamp.prototype.init = function (_data) {
-        if (_data) {
-            this.seconds = _data['seconds'];
-            this.nanos = _data['nanos'];
-        }
-    };
-    Timestamp.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new Timestamp();
-        result.init(data);
-        return result;
-    };
-    Timestamp.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['seconds'] = this.seconds;
-        data['nanos'] = this.nanos;
-        return data;
-    };
-    return Timestamp;
-}());
-exports.Timestamp = Timestamp;
-var Campaign = /** @class */ (function () {
-    function Campaign(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    Campaign.prototype.init = function (_data) {
-        if (_data) {
-            this.id = _data['id'];
-            this.directoryId = _data['directoryId'];
-            this.directoryPath = _data['directoryPath'];
-            this.name = _data['name'];
-            this.createdDate = _data['createdDate']
-                ? Timestamp.fromJS(_data['createdDate'])
-                : undefined;
-        }
-    };
-    Campaign.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new Campaign();
-        result.init(data);
-        return result;
-    };
-    Campaign.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['id'] = this.id;
-        data['directoryId'] = this.directoryId;
-        data['directoryPath'] = this.directoryPath;
-        data['name'] = this.name;
-        data['createdDate'] = this.createdDate
-            ? this.createdDate.toJSON()
-            : undefined;
-        return data;
-    };
-    return Campaign;
-}());
-exports.Campaign = Campaign;

package/lib/AWING/Chart/BarLineComponent.js

@@ -27,19 +27,14 @@ var Styles_1 = require("./Styles");
 var useStyles = (0, styles_1.makeStyles)({
     point: {
         position: "relative",
-        width: "10px",
-        height: "10px",
-        backgroundColor: "red",
-        borderRadius: "50%",
-        margin: "50px", /* for demonstration */
         '&::after': {
-            content: '',
+            content: '""',
             position: 'absolute',
             top: '50%',
-            left: '-10px', /* Adjust as needed */
-            right: '-10px', /* Adjust as needed */
+            left: '-5px', /* Adjust as needed */
+            right: '-5px', /* Adjust as needed */
             height: '2px', /* Thickness of the line */
-            backgroundColor: 'black',
+            backgroundColor: 'inherit',
             transform: 'translateY(-50%)'
         }
     },
@@ -251,18 +246,20 @@ 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.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') {
-                    console.log('classes.point', classes.point);
-                    // boxSpan.setAttribute("class", classes.point )
                     boxSpan.style.borderRadius = '20px';
                 }
                 // Text

package/package.json

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