ods-component-lib 1.21.2 → 1.22.1

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.Functions.js

@@ -1,38 +1,37 @@
 import { jsx as c } from "react/jsx-runtime";
 import f from "react";
-import k from "../../../node_modules/moment/dist/moment.js";
 import g from "../../../_virtual/lodash.js";
-import { o as p } from "../../../_virtual/index2.js";
-import w from "../../antd/checkbox/OdsCheckbox.js";
+import { o as k } from "../../../_virtual/index.js";
+import p from "../../antd/checkbox/OdsCheckbox.js";
 import u from "../../antd/button/OdsDataGrdiRowButton.js";
-import x from "../../antd/dropdown/OdsDropdown.js";
+import w from "../../antd/dropdown/OdsDropdown.js";
 import h from "../../../node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js";
-const M = (o) => {
-  const n = o.data.value;
+const T = (n) => {
+  const o = n.data.value;
   return /* @__PURE__ */ c(
-    w,
+    p,
     {
       style: { height: "32px" },
-      defaultChecked: n,
+      defaultChecked: o,
       onChange: (t) => {
-        o.data.column.onCheckboxColumnChange({
-          data: o.data.data,
-          dataField: o.data.column.dataField,
+        n.data.column.onCheckboxColumnChange({
+          data: n.data.data,
+          dataField: n.data.column.dataField,
           isChecked: t.target.checked
         });
       }
     },
-    `odstimeline-checkboxcolumn-${o.data.name}`
+    `odstimeline-checkboxcolumn-${n.data.name}`
   );
-}, O = (o) => {
-  const n = o.data.value, e = (t) => {
-    o.data.column.onStatusColumnChange({
-      data: o.data.data,
-      dataField: o.data.column.dataField,
+}, _ = (n) => {
+  const o = n.data.value, e = (t) => {
+    n.data.column.onStatusColumnChange({
+      data: n.data.data,
+      dataField: n.data.column.dataField,
       status: t
     });
   };
-  return n ? /* @__PURE__ */ c(
+  return o ? /* @__PURE__ */ c(
     h,
     {
       style: { fontSize: 20, color: "#568B6B" },
@@ -45,91 +44,91 @@ const M = (o) => {
       onClick: () => e(!0)
     }
   );
-}, V = (o) => ({
+}, M = (n) => ({
   isSelected: !1,
-  ...o
-}), $ = (o, n, e) => n && n != "" && e ? o.map((t) => (t.isSelected = e.some((s) => s == t[n]), t)) : o, z = (o, n) => n === void 0 || n.length == 0 || k.isDate(o) ? o : n.find((e) => e.originalValue === o)?.translatedValue ?? o, F = (o) => {
-  switch (o.dataType) {
+  ...n
+}), O = (n, o, e) => o && o != "" && e ? n.map((t) => (t.isSelected = e.some((a) => a == t[o]), t)) : n, V = (n, o) => o === void 0 || o.length == 0 || n instanceof Date ? n : o.find((e) => e.originalValue === n)?.translatedValue ?? n, $ = (n) => {
+  switch (n.dataType) {
     case "boolean":
       return 100;
     case "date":
     case "datetime":
       return 150;
     default:
-      return o.isCheckboxColumn || o.isStatusColumn ? 100 : o.width;
+      return n.isCheckboxColumn || n.isStatusColumn ? 100 : n.width;
   }
-}, G = (o, n) => {
-  const e = o.map((t) => t[n] === null || t[n] === void 0 ? 0 : t[n].length);
+}, z = (n, o) => {
+  const e = n.map((t) => t[o] === null || t[o] === void 0 ? 0 : t[o].length);
   return Math.max(...e);
-}, L = (o, n, e) => {
-  const { actionButtonGroup: t, actionButtonsTooltipType: s } = n.actionColumnSettings, l = t && t.length > 3 ? t.slice(2).map((i, r) => ({
+}, F = (n, o, e) => {
+  const { actionButtonGroup: t, actionButtonsTooltipType: a } = o.actionColumnSettings, l = t && t.length > 3 ? t.slice(2).map((i, d) => ({
     icon: i.icon,
-    key: `ActionButton_${r}`,
-    onClick: (d) => {
+    key: `ActionButton_${d}`,
+    onClick: (r) => {
       const m = {
-        column: o.column,
-        component: o.component,
-        element: o.element,
-        event: d,
-        model: o.data,
-        row: o.row
+        column: n.column,
+        component: n.component,
+        element: n.element,
+        event: r,
+        model: n.data,
+        row: n.row
       };
       i.onClick(m);
     }
-  })) : [], a = [];
-  return g.forEach(e, (i, r) => {
-    const d = typeof i.visible == "function" ? i.visible({
-      column: o.column,
-      component: o.component,
-      row: o.row
+  })) : [], s = [];
+  return g.forEach(e, (i, d) => {
+    const r = typeof i.visible == "function" ? i.visible({
+      column: n.column,
+      component: n.component,
+      row: n.row
     }) : i.visible;
-    a.push(
+    s.push(
       /* @__PURE__ */ c(
         u,
         {
           hint: i.hint,
-          visible: d,
+          visible: r,
           size: "small",
           type: "text",
           disabled: i.actionPermission === void 0 ? !1 : !i.actionPermission,
           icon: i.icon,
-          ...s === "styled" && {
+          ...a === "styled" && {
             tooltip: i.hint
           },
           onClick: (m) => {
             const C = {
-              column: o.column,
-              component: o.component,
-              element: o.element,
+              column: n.column,
+              component: n.component,
+              element: n.element,
               event: m,
-              model: o.data,
-              row: o.row
+              model: n.data,
+              row: n.row
             };
             i.onClick(C);
           }
         },
-        `OdsDataGrdiRowButton_${r}`
+        `OdsDataGrdiRowButton_${d}`
       )
     );
-  }), l.length > 0 && a.push(
+  }), l.length > 0 && s.push(
     /* @__PURE__ */ c(
-      x,
+      w,
       {
         menuItems: l,
-        children: /* @__PURE__ */ c(u, { type: "text", icon: /* @__PURE__ */ c(p.KebabMenuIcon, {}) })
+        children: /* @__PURE__ */ c(u, { type: "text", icon: /* @__PURE__ */ c(k.KebabMenuIcon, {}) })
       },
-      `dropdown-${o.rowIndex || o.data.ID}`
+      `dropdown-${n.rowIndex || n.data.ID}`
     )
-  ), /* @__PURE__ */ c(f.Fragment, { children: a });
+  ), /* @__PURE__ */ c(f.Fragment, { children: s });
 };
 export {
-  L as actionCellRender,
-  M as checkboxCellComponent,
-  G as findMaxDataLength,
-  F as getStaticColumnWidth,
-  z as getTranslatedValue,
-  V as mapCustomTask,
-  $ as mapSelectedKeys,
-  O as statusCellComponent
+  F as actionCellRender,
+  T as checkboxCellComponent,
+  z as findMaxDataLength,
+  $ as getStaticColumnWidth,
+  V as getTranslatedValue,
+  M as mapCustomTask,
+  O as mapSelectedKeys,
+  _ as statusCellComponent
 };
 //# sourceMappingURL=OdsTimelineTable.Functions.js.map

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.Functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsTimelineTable.Functions.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTable.Functions.tsx"],"sourcesContent":["import React from \"react\";\r\nimport moment from \"moment\";\r\nimport _ from \"lodash\";\r\nimport { CheckCircleFilled } from \"@ant-design/icons\";\r\nimport { KebabMenuIcon } from \"ods-icon/react/24/outline\";\r\n\r\nimport OdsCheckbox from \"../../antd/checkbox/OdsCheckbox\";\r\nimport OdsDataGrdiRowButton from \"../../antd/button/OdsDataGrdiRowButton\";\r\nimport OdsDropdown from \"../../antd/dropdown/OdsDropdown\";\r\n\r\nimport {\r\n  IButtonGroup,\r\n  ICheckboxColumnChange,\r\n  IOdsTimelineTableColumnProps,\r\n  IOdsTimelineTableProps,\r\n  IStatusColumnChange,\r\n  ITranslationValue,\r\n} from \"./OdsTimelineTable.Types\";\r\n\r\nexport const checkboxCellComponent = (props) => {\r\n  const isChecked: boolean = props.data.value;\r\n  const onChange = (e) => {\r\n    props.data.column.onCheckboxColumnChange({\r\n      data: props.data.data,\r\n      dataField: props.data.column.dataField,\r\n      isChecked: e.target.checked,\r\n    } as ICheckboxColumnChange);\r\n  };\r\n  return (\r\n    <OdsCheckbox\r\n      key={`odstimeline-checkboxcolumn-${props.data.name}`}\r\n      style={{ height: \"32px\" }}\r\n      defaultChecked={isChecked}\r\n      onChange={onChange}\r\n    ></OdsCheckbox>\r\n  );\r\n};\r\n\r\nexport const statusCellComponent = (props) => {\r\n  const isActive: boolean = props.data.value;\r\n  const onClick = (value: boolean) => {\r\n    props.data.column.onStatusColumnChange({\r\n      data: props.data.data,\r\n      dataField: props.data.column.dataField,\r\n      status: value,\r\n    } as IStatusColumnChange);\r\n  };\r\n  return isActive ? (\r\n    <CheckCircleFilled\r\n      style={{ fontSize: 20, color: \"#568B6B\" }}\r\n      onClick={() => onClick(false)}\r\n    />\r\n  ) : (\r\n    <CheckCircleFilled\r\n      style={{ fontSize: 20, color: \"#EDEDED\" }}\r\n      onClick={() => onClick(true)}\r\n    />\r\n  );\r\n};\r\n\r\nexport const mapCustomTask = (item) => {\r\n  return {\r\n    isSelected: false,\r\n    ...item,\r\n  };\r\n};\r\n\r\nexport const mapSelectedKeys = (\r\n  datasource: any[],\r\n  key?: string,\r\n  selectedKeys?: string[]\r\n) => {\r\n  if (key && key != \"\" && selectedKeys) {\r\n    return datasource.map((x) => {\r\n      x.isSelected = selectedKeys.some((y) => y == x[key]);\r\n      return x;\r\n    });\r\n  } else {\r\n    return datasource;\r\n  }\r\n};\r\n\r\nexport const getTranslatedValue = (value, translations?: ITranslationValue[]) => {\r\n  if (translations === undefined || translations.length == 0 || moment.isDate(value)) {\r\n    return value;\r\n  }\r\n  return translations.find((item) => item.originalValue === value)?.translatedValue ?? value;\r\n};\r\n\r\nexport const getStaticColumnWidth = (props: IOdsTimelineTableColumnProps) => {\r\n  switch (props.dataType) {\r\n    case \"boolean\":\r\n      return 100;\r\n    case \"date\":\r\n    case \"datetime\":\r\n      return 150;\r\n    default: {\r\n      if (props.isCheckboxColumn || props.isStatusColumn) {\r\n        return 100;\r\n      }\r\n      return props.width;\r\n    }\r\n  }\r\n};\r\n\r\nexport const findMaxDataLength = (data: any[], dataField: string) => {\r\n  const dataLengthList = data.map(item => item[dataField] === null || item[dataField] === undefined ? 0 : item[dataField].length);\r\n  return Math.max(...dataLengthList);\r\n};\r\n\r\nexport const actionCellRender = (cellData, props: IOdsTimelineTableProps, actionButtons: IButtonGroup[]) => {\r\n  const { actionButtonGroup, actionButtonsTooltipType } = props.actionColumnSettings;\r\n  \r\n  const kebabMenuButtons = actionButtonGroup && actionButtonGroup.length > 3 ? \r\n    actionButtonGroup.slice(2).map((button, index) => ({\r\n      icon: button.icon,\r\n      key: `ActionButton_${index}`,\r\n      onClick: (event) => {\r\n        const customEvent = {\r\n          column: cellData.column,\r\n          component: cellData.component,\r\n          element: cellData.element,\r\n          event: event,\r\n          model: cellData.data,\r\n          row: cellData.row,\r\n        };\r\n        button.onClick(customEvent);\r\n      },\r\n    }))\r\n    : [];\r\n\r\n  const buttonElements = [];\r\n  _.forEach(actionButtons, (buttonItem, index) => {\r\n    const isVisible =\r\n      typeof buttonItem.visible === \"function\"\r\n        ? buttonItem.visible({\r\n            column: cellData.column,\r\n            component: cellData.component,\r\n            row: cellData.row,\r\n          })\r\n        : buttonItem.visible;\r\n    buttonElements.push(\r\n      <OdsDataGrdiRowButton\r\n        key={`OdsDataGrdiRowButton_${index}`}\r\n        hint={buttonItem.hint}\r\n        visible={isVisible}\r\n        size=\"small\"\r\n        type=\"text\"\r\n        disabled={\r\n          buttonItem.actionPermission === undefined\r\n            ? false\r\n            : !buttonItem.actionPermission\r\n        }\r\n        icon={buttonItem.icon}\r\n        {...(actionButtonsTooltipType === \"styled\" && {\r\n          tooltip: buttonItem.hint,\r\n        })}\r\n        onClick={(event) => {\r\n          const customEvent = {\r\n            column: cellData.column,\r\n            component: cellData.component,\r\n            element: cellData.element,\r\n            event: event,\r\n            model: cellData.data,\r\n            row: cellData.row,\r\n          };\r\n          buttonItem.onClick(customEvent);\r\n        }}\r\n      />\r\n    );\r\n  });\r\n\r\n  if (kebabMenuButtons.length > 0) {\r\n    buttonElements.push(\r\n      <OdsDropdown\r\n        key={`dropdown-${cellData.rowIndex || cellData.data.ID}`}\r\n        menuItems={kebabMenuButtons}\r\n      >\r\n        <OdsDataGrdiRowButton type=\"text\" icon={<KebabMenuIcon />} />\r\n      </OdsDropdown>\r\n    );\r\n  }\r\n\r\n  return <React.Fragment>{buttonElements}</React.Fragment>;\r\n}"],"names":["checkboxCellComponent","props","isChecked","jsx","OdsCheckbox","e","statusCellComponent","isActive","onClick","value","CheckCircleFilled","mapCustomTask","item","mapSelectedKeys","datasource","key","selectedKeys","x","y","getTranslatedValue","translations","moment","getStaticColumnWidth","findMaxDataLength","data","dataField","dataLengthList","actionCellRender","cellData","actionButtons","actionButtonGroup","actionButtonsTooltipType","kebabMenuButtons","button","index","event","customEvent","buttonElements","_","buttonItem","isVisible","OdsDataGrdiRowButton","OdsDropdown","KebabMenuIcon","React"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAwB,CAACC,MAAU;AAC9C,QAAMC,IAAqBD,EAAM,KAAK;AAQtC,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAO,EAAE,QAAQ,OAAA;AAAA,MACjB,gBAAgBF;AAAA,MAChB,UAZa,CAACG,MAAM;AACtB,QAAAJ,EAAM,KAAK,OAAO,uBAAuB;AAAA,UACvC,MAAMA,EAAM,KAAK;AAAA,UACjB,WAAWA,EAAM,KAAK,OAAO;AAAA,UAC7B,WAAWI,EAAE,OAAO;AAAA,QAAA,CACI;AAAA,MAC5B;AAAA,IAMI;AAAA,IAHK,8BAA8BJ,EAAM,KAAK,IAAI;AAAA,EAAA;AAMxD,GAEaK,IAAsB,CAACL,MAAU;AAC5C,QAAMM,IAAoBN,EAAM,KAAK,OAC/BO,IAAU,CAACC,MAAmB;AAClC,IAAAR,EAAM,KAAK,OAAO,qBAAqB;AAAA,MACrC,MAAMA,EAAM,KAAK;AAAA,MACjB,WAAWA,EAAM,KAAK,OAAO;AAAA,MAC7B,QAAQQ;AAAA,IAAA,CACc;AAAA,EAC1B;AACA,SAAOF,IACL,gBAAAJ;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,UAAU,IAAI,OAAO,UAAA;AAAA,MAC9B,SAAS,MAAMF,EAAQ,EAAK;AAAA,IAAA;AAAA,EAAA,IAG9B,gBAAAL;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,UAAU,IAAI,OAAO,UAAA;AAAA,MAC9B,SAAS,MAAMF,EAAQ,EAAI;AAAA,IAAA;AAAA,EAAA;AAGjC,GAEaG,IAAgB,CAACC,OACrB;AAAA,EACL,YAAY;AAAA,EACZ,GAAGA;AAAA,IAIMC,IAAkB,CAC7BC,GACAC,GACAC,MAEID,KAAOA,KAAO,MAAMC,IACfF,EAAW,IAAI,CAACG,OACrBA,EAAE,aAAaD,EAAa,KAAK,CAACE,MAAMA,KAAKD,EAAEF,CAAG,CAAC,GAC5CE,EACR,IAEMH,GAIEK,IAAqB,CAACV,GAAOW,MACpCA,MAAiB,UAAaA,EAAa,UAAU,KAAKC,EAAO,OAAOZ,CAAK,IACxEA,IAEFW,EAAa,KAAK,CAACR,MAASA,EAAK,kBAAkBH,CAAK,GAAG,mBAAmBA,GAG1Ea,IAAuB,CAACrB,MAAwC;AAC3E,UAAQA,EAAM,UAAA;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAIA,EAAM,oBAAoBA,EAAM,iBAC3B,MAEFA,EAAM;AAAA,EACf;AAEJ,GAEasB,IAAoB,CAACC,GAAaC,MAAsB;AACnE,QAAMC,IAAiBF,EAAK,IAAI,CAAAZ,MAAQA,EAAKa,CAAS,MAAM,QAAQb,EAAKa,CAAS,MAAM,SAAY,IAAIb,EAAKa,CAAS,EAAE,MAAM;AAC9H,SAAO,KAAK,IAAI,GAAGC,CAAc;AACnC,GAEaC,IAAmB,CAACC,GAAU3B,GAA+B4B,MAAkC;AAC1G,QAAM,EAAE,mBAAAC,GAAmB,0BAAAC,EAAA,IAA6B9B,EAAM,sBAExD+B,IAAmBF,KAAqBA,EAAkB,SAAS,IACvEA,EAAkB,MAAM,CAAC,EAAE,IAAI,CAACG,GAAQC,OAAW;AAAA,IACjD,MAAMD,EAAO;AAAA,IACb,KAAK,gBAAgBC,CAAK;AAAA,IAC1B,SAAS,CAACC,MAAU;AAClB,YAAMC,IAAc;AAAA,QAClB,QAAQR,EAAS;AAAA,QACjB,WAAWA,EAAS;AAAA,QACpB,SAASA,EAAS;AAAA,QAClB,OAAAO;AAAA,QACA,OAAOP,EAAS;AAAA,QAChB,KAAKA,EAAS;AAAA,MAAA;AAEhB,MAAAK,EAAO,QAAQG,CAAW;AAAA,IAC5B;AAAA,EAAA,EACA,IACA,CAAA,GAEEC,IAAiB,CAAA;AACvB,SAAAC,EAAE,QAAQT,GAAe,CAACU,GAAYL,MAAU;AAC9C,UAAMM,IACJ,OAAOD,EAAW,WAAY,aAC1BA,EAAW,QAAQ;AAAA,MACjB,QAAQX,EAAS;AAAA,MACjB,WAAWA,EAAS;AAAA,MACpB,KAAKA,EAAS;AAAA,IAAA,CACf,IACDW,EAAW;AACjB,IAAAF,EAAe;AAAA,MACb,gBAAAlC;AAAA,QAACsC;AAAA,QAAA;AAAA,UAEC,MAAMF,EAAW;AAAA,UACjB,SAASC;AAAA,UACT,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UACED,EAAW,qBAAqB,SAC5B,KACA,CAACA,EAAW;AAAA,UAElB,MAAMA,EAAW;AAAA,UAChB,GAAIR,MAA6B,YAAY;AAAA,YAC5C,SAASQ,EAAW;AAAA,UAAA;AAAA,UAEtB,SAAS,CAACJ,MAAU;AAClB,kBAAMC,IAAc;AAAA,cAClB,QAAQR,EAAS;AAAA,cACjB,WAAWA,EAAS;AAAA,cACpB,SAASA,EAAS;AAAA,cAClB,OAAAO;AAAA,cACA,OAAOP,EAAS;AAAA,cAChB,KAAKA,EAAS;AAAA,YAAA;AAEhB,YAAAW,EAAW,QAAQH,CAAW;AAAA,UAChC;AAAA,QAAA;AAAA,QAxBK,wBAAwBF,CAAK;AAAA,MAAA;AAAA,IAyBpC;AAAA,EAEJ,CAAC,GAEGF,EAAiB,SAAS,KAC5BK,EAAe;AAAA,IACb,gBAAAlC;AAAA,MAACuC;AAAA,MAAA;AAAA,QAEC,WAAWV;AAAA,QAEX,4BAACS,GAAA,EAAqB,MAAK,QAAO,MAAM,gBAAAtC,EAACwC,mBAAc,EAAA,CAAI;AAAA,MAAA;AAAA,MAHtD,YAAYf,EAAS,YAAYA,EAAS,KAAK,EAAE;AAAA,IAAA;AAAA,EAIxD,GAIG,gBAAAzB,EAACyC,EAAM,UAAN,EAAgB,UAAAP,EAAA,CAAe;AACzC;"}
+{"version":3,"file":"OdsTimelineTable.Functions.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTable.Functions.tsx"],"sourcesContent":["import React from \"react\";\r\nimport dayjs from \"dayjs\";\r\nimport _ from \"lodash\";\r\nimport { CheckCircleFilled } from \"@ant-design/icons\";\r\nimport { KebabMenuIcon } from \"ods-icon/react/24/outline\";\r\n\r\nimport OdsCheckbox from \"../../antd/checkbox/OdsCheckbox\";\r\nimport OdsDataGrdiRowButton from \"../../antd/button/OdsDataGrdiRowButton\";\r\nimport OdsDropdown from \"../../antd/dropdown/OdsDropdown\";\r\n\r\nimport {\r\n  IButtonGroup,\r\n  ICheckboxColumnChange,\r\n  IOdsTimelineTableColumnProps,\r\n  IOdsTimelineTableProps,\r\n  IStatusColumnChange,\r\n  ITranslationValue,\r\n} from \"./OdsTimelineTable.Types\";\r\n\r\nexport const checkboxCellComponent = (props) => {\r\n  const isChecked: boolean = props.data.value;\r\n  const onChange = (e) => {\r\n    props.data.column.onCheckboxColumnChange({\r\n      data: props.data.data,\r\n      dataField: props.data.column.dataField,\r\n      isChecked: e.target.checked,\r\n    } as ICheckboxColumnChange);\r\n  };\r\n  return (\r\n    <OdsCheckbox\r\n      key={`odstimeline-checkboxcolumn-${props.data.name}`}\r\n      style={{ height: \"32px\" }}\r\n      defaultChecked={isChecked}\r\n      onChange={onChange}\r\n    ></OdsCheckbox>\r\n  );\r\n};\r\n\r\nexport const statusCellComponent = (props) => {\r\n  const isActive: boolean = props.data.value;\r\n  const onClick = (value: boolean) => {\r\n    props.data.column.onStatusColumnChange({\r\n      data: props.data.data,\r\n      dataField: props.data.column.dataField,\r\n      status: value,\r\n    } as IStatusColumnChange);\r\n  };\r\n  return isActive ? (\r\n    <CheckCircleFilled\r\n      style={{ fontSize: 20, color: \"#568B6B\" }}\r\n      onClick={() => onClick(false)}\r\n    />\r\n  ) : (\r\n    <CheckCircleFilled\r\n      style={{ fontSize: 20, color: \"#EDEDED\" }}\r\n      onClick={() => onClick(true)}\r\n    />\r\n  );\r\n};\r\n\r\nexport const mapCustomTask = (item) => {\r\n  return {\r\n    isSelected: false,\r\n    ...item,\r\n  };\r\n};\r\n\r\nexport const mapSelectedKeys = (\r\n  datasource: any[],\r\n  key?: string,\r\n  selectedKeys?: string[]\r\n) => {\r\n  if (key && key != \"\" && selectedKeys) {\r\n    return datasource.map((x) => {\r\n      x.isSelected = selectedKeys.some((y) => y == x[key]);\r\n      return x;\r\n    });\r\n  } else {\r\n    return datasource;\r\n  }\r\n};\r\n\r\nexport const getTranslatedValue = (value, translations?: ITranslationValue[]) => {\r\n  if (translations === undefined || translations.length == 0 || value instanceof Date) {\r\n    return value;\r\n  }\r\n  return translations.find((item) => item.originalValue === value)?.translatedValue ?? value;\r\n};\r\n\r\nexport const getStaticColumnWidth = (props: IOdsTimelineTableColumnProps) => {\r\n  switch (props.dataType) {\r\n    case \"boolean\":\r\n      return 100;\r\n    case \"date\":\r\n    case \"datetime\":\r\n      return 150;\r\n    default: {\r\n      if (props.isCheckboxColumn || props.isStatusColumn) {\r\n        return 100;\r\n      }\r\n      return props.width;\r\n    }\r\n  }\r\n};\r\n\r\nexport const findMaxDataLength = (data: any[], dataField: string) => {\r\n  const dataLengthList = data.map(item => item[dataField] === null || item[dataField] === undefined ? 0 : item[dataField].length);\r\n  return Math.max(...dataLengthList);\r\n};\r\n\r\nexport const actionCellRender = (cellData, props: IOdsTimelineTableProps, actionButtons: IButtonGroup[]) => {\r\n  const { actionButtonGroup, actionButtonsTooltipType } = props.actionColumnSettings;\r\n  \r\n  const kebabMenuButtons = actionButtonGroup && actionButtonGroup.length > 3 ? \r\n    actionButtonGroup.slice(2).map((button, index) => ({\r\n      icon: button.icon,\r\n      key: `ActionButton_${index}`,\r\n      onClick: (event) => {\r\n        const customEvent = {\r\n          column: cellData.column,\r\n          component: cellData.component,\r\n          element: cellData.element,\r\n          event: event,\r\n          model: cellData.data,\r\n          row: cellData.row,\r\n        };\r\n        button.onClick(customEvent);\r\n      },\r\n    }))\r\n    : [];\r\n\r\n  const buttonElements = [];\r\n  _.forEach(actionButtons, (buttonItem, index) => {\r\n    const isVisible =\r\n      typeof buttonItem.visible === \"function\"\r\n        ? buttonItem.visible({\r\n            column: cellData.column,\r\n            component: cellData.component,\r\n            row: cellData.row,\r\n          })\r\n        : buttonItem.visible;\r\n    buttonElements.push(\r\n      <OdsDataGrdiRowButton\r\n        key={`OdsDataGrdiRowButton_${index}`}\r\n        hint={buttonItem.hint}\r\n        visible={isVisible}\r\n        size=\"small\"\r\n        type=\"text\"\r\n        disabled={\r\n          buttonItem.actionPermission === undefined\r\n            ? false\r\n            : !buttonItem.actionPermission\r\n        }\r\n        icon={buttonItem.icon}\r\n        {...(actionButtonsTooltipType === \"styled\" && {\r\n          tooltip: buttonItem.hint,\r\n        })}\r\n        onClick={(event) => {\r\n          const customEvent = {\r\n            column: cellData.column,\r\n            component: cellData.component,\r\n            element: cellData.element,\r\n            event: event,\r\n            model: cellData.data,\r\n            row: cellData.row,\r\n          };\r\n          buttonItem.onClick(customEvent);\r\n        }}\r\n      />\r\n    );\r\n  });\r\n\r\n  if (kebabMenuButtons.length > 0) {\r\n    buttonElements.push(\r\n      <OdsDropdown\r\n        key={`dropdown-${cellData.rowIndex || cellData.data.ID}`}\r\n        menuItems={kebabMenuButtons}\r\n      >\r\n        <OdsDataGrdiRowButton type=\"text\" icon={<KebabMenuIcon />} />\r\n      </OdsDropdown>\r\n    );\r\n  }\r\n\r\n  return <React.Fragment>{buttonElements}</React.Fragment>;\r\n}"],"names":["checkboxCellComponent","props","isChecked","jsx","OdsCheckbox","e","statusCellComponent","isActive","onClick","value","CheckCircleFilled","mapCustomTask","item","mapSelectedKeys","datasource","key","selectedKeys","x","y","getTranslatedValue","translations","getStaticColumnWidth","findMaxDataLength","data","dataField","dataLengthList","actionCellRender","cellData","actionButtons","actionButtonGroup","actionButtonsTooltipType","kebabMenuButtons","button","index","event","customEvent","buttonElements","_","buttonItem","isVisible","OdsDataGrdiRowButton","OdsDropdown","KebabMenuIcon","React"],"mappings":";;;;;;;;AAmBO,MAAMA,IAAwB,CAACC,MAAU;AAC9C,QAAMC,IAAqBD,EAAM,KAAK;AAQtC,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAO,EAAE,QAAQ,OAAA;AAAA,MACjB,gBAAgBF;AAAA,MAChB,UAZa,CAACG,MAAM;AACtB,QAAAJ,EAAM,KAAK,OAAO,uBAAuB;AAAA,UACvC,MAAMA,EAAM,KAAK;AAAA,UACjB,WAAWA,EAAM,KAAK,OAAO;AAAA,UAC7B,WAAWI,EAAE,OAAO;AAAA,QAAA,CACI;AAAA,MAC5B;AAAA,IAMI;AAAA,IAHK,8BAA8BJ,EAAM,KAAK,IAAI;AAAA,EAAA;AAMxD,GAEaK,IAAsB,CAACL,MAAU;AAC5C,QAAMM,IAAoBN,EAAM,KAAK,OAC/BO,IAAU,CAACC,MAAmB;AAClC,IAAAR,EAAM,KAAK,OAAO,qBAAqB;AAAA,MACrC,MAAMA,EAAM,KAAK;AAAA,MACjB,WAAWA,EAAM,KAAK,OAAO;AAAA,MAC7B,QAAQQ;AAAA,IAAA,CACc;AAAA,EAC1B;AACA,SAAOF,IACL,gBAAAJ;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,UAAU,IAAI,OAAO,UAAA;AAAA,MAC9B,SAAS,MAAMF,EAAQ,EAAK;AAAA,IAAA;AAAA,EAAA,IAG9B,gBAAAL;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,UAAU,IAAI,OAAO,UAAA;AAAA,MAC9B,SAAS,MAAMF,EAAQ,EAAI;AAAA,IAAA;AAAA,EAAA;AAGjC,GAEaG,IAAgB,CAACC,OACrB;AAAA,EACL,YAAY;AAAA,EACZ,GAAGA;AAAA,IAIMC,IAAkB,CAC7BC,GACAC,GACAC,MAEID,KAAOA,KAAO,MAAMC,IACfF,EAAW,IAAI,CAACG,OACrBA,EAAE,aAAaD,EAAa,KAAK,CAACE,MAAMA,KAAKD,EAAEF,CAAG,CAAC,GAC5CE,EACR,IAEMH,GAIEK,IAAqB,CAACV,GAAOW,MACpCA,MAAiB,UAAaA,EAAa,UAAU,KAAKX,aAAiB,OACtEA,IAEFW,EAAa,KAAK,CAACR,MAASA,EAAK,kBAAkBH,CAAK,GAAG,mBAAmBA,GAG1EY,IAAuB,CAACpB,MAAwC;AAC3E,UAAQA,EAAM,UAAA;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAIA,EAAM,oBAAoBA,EAAM,iBAC3B,MAEFA,EAAM;AAAA,EACf;AAEJ,GAEaqB,IAAoB,CAACC,GAAaC,MAAsB;AACnE,QAAMC,IAAiBF,EAAK,IAAI,CAAAX,MAAQA,EAAKY,CAAS,MAAM,QAAQZ,EAAKY,CAAS,MAAM,SAAY,IAAIZ,EAAKY,CAAS,EAAE,MAAM;AAC9H,SAAO,KAAK,IAAI,GAAGC,CAAc;AACnC,GAEaC,IAAmB,CAACC,GAAU1B,GAA+B2B,MAAkC;AAC1G,QAAM,EAAE,mBAAAC,GAAmB,0BAAAC,EAAA,IAA6B7B,EAAM,sBAExD8B,IAAmBF,KAAqBA,EAAkB,SAAS,IACvEA,EAAkB,MAAM,CAAC,EAAE,IAAI,CAACG,GAAQC,OAAW;AAAA,IACjD,MAAMD,EAAO;AAAA,IACb,KAAK,gBAAgBC,CAAK;AAAA,IAC1B,SAAS,CAACC,MAAU;AAClB,YAAMC,IAAc;AAAA,QAClB,QAAQR,EAAS;AAAA,QACjB,WAAWA,EAAS;AAAA,QACpB,SAASA,EAAS;AAAA,QAClB,OAAAO;AAAA,QACA,OAAOP,EAAS;AAAA,QAChB,KAAKA,EAAS;AAAA,MAAA;AAEhB,MAAAK,EAAO,QAAQG,CAAW;AAAA,IAC5B;AAAA,EAAA,EACA,IACA,CAAA,GAEEC,IAAiB,CAAA;AACvB,SAAAC,EAAE,QAAQT,GAAe,CAACU,GAAYL,MAAU;AAC9C,UAAMM,IACJ,OAAOD,EAAW,WAAY,aAC1BA,EAAW,QAAQ;AAAA,MACjB,QAAQX,EAAS;AAAA,MACjB,WAAWA,EAAS;AAAA,MACpB,KAAKA,EAAS;AAAA,IAAA,CACf,IACDW,EAAW;AACjB,IAAAF,EAAe;AAAA,MACb,gBAAAjC;AAAA,QAACqC;AAAAA,QAAA;AAAA,UAEC,MAAMF,EAAW;AAAA,UACjB,SAASC;AAAA,UACT,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UACED,EAAW,qBAAqB,SAC5B,KACA,CAACA,EAAW;AAAA,UAElB,MAAMA,EAAW;AAAA,UAChB,GAAIR,MAA6B,YAAY;AAAA,YAC5C,SAASQ,EAAW;AAAA,UAAA;AAAA,UAEtB,SAAS,CAACJ,MAAU;AAClB,kBAAMC,IAAc;AAAA,cAClB,QAAQR,EAAS;AAAA,cACjB,WAAWA,EAAS;AAAA,cACpB,SAASA,EAAS;AAAA,cAClB,OAAAO;AAAA,cACA,OAAOP,EAAS;AAAA,cAChB,KAAKA,EAAS;AAAA,YAAA;AAEhB,YAAAW,EAAW,QAAQH,CAAW;AAAA,UAChC;AAAA,QAAA;AAAA,QAxBK,wBAAwBF,CAAK;AAAA,MAAA;AAAA,IAyBpC;AAAA,EAEJ,CAAC,GAEGF,EAAiB,SAAS,KAC5BK,EAAe;AAAA,IACb,gBAAAjC;AAAA,MAACsC;AAAA,MAAA;AAAA,QAEC,WAAWV;AAAA,QAEX,4BAACS,GAAA,EAAqB,MAAK,QAAO,MAAM,gBAAArC,EAACuC,mBAAc,EAAA,CAAI;AAAA,MAAA;AAAA,MAHtD,YAAYf,EAAS,YAAYA,EAAS,KAAK,EAAE;AAAA,IAAA;AAAA,EAIxD,GAIG,gBAAAxB,EAACwC,EAAM,UAAN,EAAgB,UAAAP,EAAA,CAAe;AACzC;"}

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.Types.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsTimelineTable.Types.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTable.Types.tsx"],"sourcesContent":["import {\r\n  IColumnProps,\r\n  IGanttOptions,\r\n  IItemProps,\r\n} from \"devextreme-react/gantt\";\r\nimport {\r\n  ExportDocumentType,\r\n  ISortedColumn,\r\n  ITooltipType,\r\n  SortingProcessType,\r\n} from \"../../../utils/customTypes\";\r\nimport { IButtonProps } from \"devextreme-react/data-grid\";\r\nimport { ButtonType } from \"antd/es/button/buttonHelpers\";\r\n\r\nimport type { JSX } from \"react\";\r\n\r\nexport declare type SortingMode = \"single\" | \"multiple\" | \"none\";\r\n\r\nexport const enum EnumDateDirection {\r\n  prevMonth = \"previousMonth\",\r\n  nextMonth = \"nextMonth\",\r\n}\r\n\r\nexport interface IMenuLinkItem {\r\n  text: string;\r\n  url: string;\r\n  queryParamNames?: string[];\r\n}\r\n\r\nexport interface ICustomSelectionChange {\r\n  data: any;\r\n  isSelected: boolean;\r\n}\r\n\r\nexport interface IDateRangeChange {\r\n  startDate: Date;\r\n  endDate: Date;\r\n}\r\n\r\nexport interface IStatusColumnChange {\r\n  data: any;\r\n  status: boolean;\r\n  dataField: string;\r\n}\r\n\r\nexport interface ICheckboxColumnChange {\r\n  data: any;\r\n  isChecked: boolean;\r\n  dataField: string;\r\n}\r\n\r\nexport interface IOdsTimelineTableProps\r\n  extends React.PropsWithChildren<IGanttOptions> {\r\n  /**\r\n   * Set reference object to access Gantt component props\r\n   */\r\n  // refBaseComponent?: React.MutableRefObject<any>;\r\n  /**\r\n   * Set columns for listview.\r\n   */\r\n  customColumns?: IOdsTimelineTableColumnProps[];\r\n  /**\r\n   * Set task list. It is used for list view and timeline view.\r\n   */\r\n  customTasks: any[];\r\n  /**\r\n   * Set data field name from task list. This is used for selection.\r\n   */\r\n  customTaskKey?: string;\r\n  /**\r\n   * Set key values to be selected. \"multiSelectionEnabled\" must be true.\r\n   */\r\n  customSelectedKeys?: string[];\r\n  /**\r\n   * Set true if you want multi selection in list view.\r\n   */\r\n  multiSelectionEnabled?: boolean;\r\n  /**\r\n   * Set settings an for toolbar.\r\n   */\r\n  toolbarSettings?: IOdsTimelineTableToolbarSettings;\r\n  /**\r\n   * ClientSideSorting means Gantt's default sorting, but sorting have to be managed programmacitally if ServerSideSorting is chosen\r\n   */\r\n  sortingProcess?: SortingProcessType;\r\n  /**\r\n   * Set translations for showing in cells\r\n   */\r\n  dataTranslations?: ITranslationValue[];\r\n  /**\r\n   * Set settings for action column\r\n   */\r\n  actionColumnSettings?: IOdsTimelineTableActionColumnProps;\r\n  /**\r\n   * This is a selection event that fired when selection is changed.\r\n   */\r\n  onCustomSelectionChanged?(e: ICustomSelectionChange): void;\r\n  /**\r\n   * This is a date range event that fired when date range is changed.\r\n   */\r\n  onDateRangeChange?(e: IDateRangeChange): void;\r\n  /**\r\n   * Triggered after sorting changed\r\n   */\r\n  onSortingChanged?(\r\n    sortedColumns: ISortedColumn[],\r\n    headerCellProps?: any\r\n  ): void;\r\n}\r\n\r\nexport interface IOdsTimelineTableActionColumnProps {\r\n  actionColumnEnable?: boolean;\r\n  actionButtonGroupCaption?: string;\r\n  actionButtonGroup?: IButtonGroup[];\r\n  actionButtonsTooltipType?: ITooltipType;\r\n}\r\n\r\nexport interface IButtonGroup extends Omit<IButtonProps, \"icon\"> {\r\n  icon?: JSX.Element;\r\n  type?: ButtonType;\r\n  label?: string;\r\n  actionPermission?: boolean;\r\n  onclick?: React.MouseEventHandler<HTMLElement>;\r\n}\r\n\r\nexport interface IOdsTimelineTableColumnProps extends IColumnProps {\r\n  name: string;\r\n  isMinimized?: boolean;\r\n  isStatusColumn?: boolean;\r\n  isCheckboxColumn?: boolean;\r\n  sortingFieldName?: string;\r\n  allowExporting?: boolean;\r\n}\r\n\r\nexport interface IOdsTimelineTableStatusColumnProps\r\n  extends IOdsTimelineTableColumnProps {\r\n  onStatusColumnChange(e: IStatusColumnChange): void;\r\n}\r\n\r\nexport interface IOdsTimelineCheckboxColumnProps\r\n  extends IOdsTimelineTableColumnProps {\r\n  onCheckboxColumnChange(e: ICheckboxColumnChange): void;\r\n}\r\n\r\nexport interface IOdsTimelineTableToolbarSettings {\r\n  visible?: boolean;\r\n  location?: \"before\" | \"after\";\r\n  search?: {\r\n    visible?: boolean;\r\n    placeholder?: string;\r\n    searchValue?: string;\r\n    onSearch?(searchValue?: string): void;\r\n  };\r\n  export?: {\r\n    visible?: boolean;\r\n    fileName?: string;\r\n    selectedText?: string;\r\n    activeText?: string;\r\n    passiveText?: string;\r\n    pdf?: {\r\n      title?: string;\r\n      loadingText?: string;\r\n      documentFormat?: ExportDocumentType;\r\n    },\r\n    excel?: {\r\n      title?: string;\r\n      loadingText?: string;\r\n    },\r\n    messages?: {\r\n      noRecord?: string;\r\n    }\r\n  };\r\n  columnChooser?: {\r\n    visible?: boolean;\r\n    title?: string;\r\n    selectAllText: string;\r\n    onSelection?(\r\n      items: string[],\r\n      isSelected: boolean\r\n    ): void;\r\n  };\r\n  dateFilterVisible?: boolean;\r\n  zoomVisible?: boolean;\r\n}\r\n\r\nexport interface IOdsTimelineTableDateFilter extends IItemProps {\r\n  defaultStartDate?: Date;\r\n  defaultEndDate?: Date;\r\n  backText?: string;\r\n  nextText?: string;\r\n  onFilterRangeChange(e: IDateRangeChange): void;\r\n}\r\n\r\nexport interface ITranslationValue {\r\n  originalValue: any;\r\n  translatedValue: string;\r\n}\r\n\r\nexport interface IOdsTimelineTableColumnChooserProps {\r\n  open: boolean;\r\n  onVisibilityChanged: (visible: boolean) => void;\r\n  title: string;\r\n  selectAllText: string;\r\n  items: IOdsTimelineTableColumnChooserItemProps[];\r\n  onSelection?(\r\n    items: string[],\r\n    isSelected: boolean\r\n  ): void;\r\n}\r\n\r\nexport interface IOdsTimelineTableColumnChooserItemProps {\r\n  columnName: string;\r\n  columnCaption: string;\r\n  visible: boolean;\r\n}\r\n"],"names":["EnumDateDirection"],"mappings":"AAkBO,IAAWA,sBAAAA,OAChBA,EAAA,YAAY,iBACZA,EAAA,YAAY,aAFIA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"OdsTimelineTable.Types.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTable.Types.tsx"],"sourcesContent":["import {\r\n  IColumnProps,\r\n  IGanttOptions,\r\n  IItemProps,\r\n} from \"devextreme-react/gantt\";\r\nimport {\r\n  ExportDocumentType,\r\n  ISortedColumn,\r\n  ITooltipType,\r\n  SortingProcessType,\r\n} from \"../../../utils/customTypes\";\r\nimport { IButtonProps } from \"devextreme-react/data-grid\";\r\nimport { ButtonType } from \"antd/es/button/buttonHelpers\";\r\n\r\nimport type { JSX } from \"react\";\r\n\r\nexport declare type SortingMode = \"single\" | \"multiple\" | \"none\";\r\n\r\nexport const enum EnumDateDirection {\r\n  prevMonth = \"previousMonth\",\r\n  nextMonth = \"nextMonth\",\r\n}\r\n\r\nexport interface IMenuLinkItem {\r\n  text: string;\r\n  url: string;\r\n  queryParamNames?: string[];\r\n}\r\n\r\nexport interface ICustomSelectionChange {\r\n  data: any;\r\n  isSelected: boolean;\r\n}\r\n\r\nexport interface IDateRangeChange {\r\n  startDate: Date;\r\n  endDate: Date;\r\n}\r\n\r\nexport interface IStatusColumnChange {\r\n  data: any;\r\n  status: boolean;\r\n  dataField: string;\r\n}\r\n\r\nexport interface ICheckboxColumnChange {\r\n  data: any;\r\n  isChecked: boolean;\r\n  dataField: string;\r\n}\r\n\r\nexport interface IOdsTimelineTableProps\r\n  extends React.PropsWithChildren<IGanttOptions> {\r\n  customColumns?: IOdsTimelineTableColumnProps[];\r\n  customTasks: any[];\r\n  customTaskKey?: string;\r\n  customSelectedKeys?: string[];\r\n  multiSelectionEnabled?: boolean;\r\n  toolbarSettings?: IOdsTimelineTableToolbarSettings;\r\n  sortingProcess?: SortingProcessType;\r\n  dataTranslations?: ITranslationValue[];\r\n  actionColumnSettings?: IOdsTimelineTableActionColumnProps;\r\n  onCustomSelectionChanged?(e: ICustomSelectionChange): void;\r\n  onDateRangeChange?(e: IDateRangeChange): void;\r\n  onSortingChanged?(\r\n    sortedColumns: ISortedColumn[],\r\n    headerCellProps?: any\r\n  ): void;\r\n}\r\n\r\nexport interface IOdsTimelineTableActionColumnProps {\r\n  actionColumnEnable?: boolean;\r\n  actionButtonGroupCaption?: string;\r\n  actionButtonGroup?: IButtonGroup[];\r\n  actionButtonsTooltipType?: ITooltipType;\r\n}\r\n\r\nexport interface IButtonGroup extends Omit<IButtonProps, \"icon\"> {\r\n  icon?: JSX.Element;\r\n  type?: ButtonType;\r\n  label?: string;\r\n  actionPermission?: boolean;\r\n  onclick?: React.MouseEventHandler<HTMLElement>;\r\n}\r\n\r\nexport interface IOdsTimelineTableColumnProps extends IColumnProps {\r\n  name: string;\r\n  isMinimized?: boolean;\r\n  isStatusColumn?: boolean;\r\n  isCheckboxColumn?: boolean;\r\n  sortingFieldName?: string;\r\n  allowExporting?: boolean;\r\n}\r\n\r\nexport interface IOdsTimelineTableStatusColumnProps\r\n  extends IOdsTimelineTableColumnProps {\r\n  onStatusColumnChange(e: IStatusColumnChange): void;\r\n}\r\n\r\nexport interface IOdsTimelineCheckboxColumnProps\r\n  extends IOdsTimelineTableColumnProps {\r\n  onCheckboxColumnChange(e: ICheckboxColumnChange): void;\r\n}\r\n\r\nexport interface IOdsTimelineTableToolbarSettings {\r\n  visible?: boolean;\r\n  location?: \"before\" | \"after\";\r\n  search?: {\r\n    visible?: boolean;\r\n    placeholder?: string;\r\n    searchValue?: string;\r\n    onSearch?(searchValue?: string): void;\r\n  };\r\n  export?: {\r\n    visible?: boolean;\r\n    fileName?: string;\r\n    selectedText?: string;\r\n    activeText?: string;\r\n    passiveText?: string;\r\n    pdf?: {\r\n      title?: string;\r\n      loadingText?: string;\r\n      documentFormat?: ExportDocumentType;\r\n    },\r\n    excel?: {\r\n      title?: string;\r\n      loadingText?: string;\r\n    },\r\n    messages?: {\r\n      noRecord?: string;\r\n    }\r\n  };\r\n  columnChooser?: {\r\n    visible?: boolean;\r\n    title?: string;\r\n    selectAllText: string;\r\n    onSelection?(\r\n      items: string[],\r\n      isSelected: boolean\r\n    ): void;\r\n  };\r\n  dateFilterVisible?: boolean;\r\n  zoomVisible?: boolean;\r\n}\r\n\r\nexport interface IOdsTimelineTableDateFilter extends IItemProps {\r\n  defaultStartDate?: Date;\r\n  defaultEndDate?: Date;\r\n  backText?: string;\r\n  nextText?: string;\r\n  onFilterRangeChange(e: IDateRangeChange): void;\r\n}\r\n\r\nexport interface ITranslationValue {\r\n  originalValue: any;\r\n  translatedValue: string;\r\n}\r\n\r\nexport interface IOdsTimelineTableColumnChooserProps {\r\n  open: boolean;\r\n  onVisibilityChanged: (visible: boolean) => void;\r\n  title: string;\r\n  selectAllText: string;\r\n  items: IOdsTimelineTableColumnChooserItemProps[];\r\n  onSelection?(\r\n    items: string[],\r\n    isSelected: boolean\r\n  ): void;\r\n}\r\n\r\nexport interface IOdsTimelineTableColumnChooserItemProps {\r\n  columnName: string;\r\n  columnCaption: string;\r\n  visible: boolean;\r\n}\r\n"],"names":["EnumDateDirection"],"mappings":"AAkBO,IAAWA,sBAAAA,OAChBA,EAAA,YAAY,iBACZA,EAAA,YAAY,aAFIA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.js

@@ -1,18 +1,18 @@
 import { jsxs as T, jsx as s } from "react/jsx-runtime";
-import $e, { forwardRef as Ae, useRef as R, useState as d, useEffect as x, useMemo as te, useImperativeHandle as He, createElement as N } from "react";
-import { Gantt as oe, HeaderFilter as Be, FilterRow as Ke, Toolbar as ze, Item as h, ContextMenu as Le, Column as b, Tasks as ne, Sorting as Pe } from "devextreme-react/gantt";
-import Ve, { Column as je, Export as We } from "devextreme-react/data-grid";
-import { o as le } from "../../../_virtual/index2.js";
-import { exportGantt as Qe } from "devextreme/pdf_exporter";
-import Ze from "../../../node_modules/jspdf/dist/jspdf.es.min.js";
+import { forwardRef as $e, useRef as R, useState as d, useEffect as x, useMemo as te, useImperativeHandle as Ae, createElement as N } from "react";
+import { Gantt as oe, HeaderFilter as He, FilterRow as Be, Toolbar as Ke, Item as h, ContextMenu as ze, Column as b, Tasks as ne, Sorting as Le } from "devextreme-react/gantt";
+import Pe, { Column as Ve, Export as je } from "devextreme-react/data-grid";
+import { o as le } from "../../../_virtual/index.js";
+import { exportGantt as We } from "devextreme/pdf_exporter";
+import Qe from "../../../node_modules/jspdf/dist/jspdf.es.min.js";
 import G from "../../../_virtual/lodash.js";
-import qe from "../../../node_modules/moment/dist/moment.js";
+import Ze from "../../../_virtual/dayjs.min.js";
 import { EnumSortingMode as v } from "../../../utils/customEnums.js";
-import { exportToExcel as Ue, uniqueRecords as Ye } from "../../../utils/commonFunctions.js";
-import { ToolbarSearchBox as Je } from "../../helpers/toolbarSearchBox/ToolbarSearchBox.js";
-import { exportFormats as Xe } from "../../../utils/commonConstants.js";
+import { exportToExcel as qe, uniqueRecords as Ue } from "../../../utils/commonFunctions.js";
+import { ToolbarSearchBox as Ye } from "../../helpers/toolbarSearchBox/ToolbarSearchBox.js";
+import { exportFormats as Je } from "../../../utils/commonConstants.js";
 import re from "../../antd/notification/OdsNotification.js";
-/* empty css                     */
+import Xe from "./OdsTimelineTable.module.scss.js";
 import { Constants as ae, actionColumnProps as et } from "./OdsTimelineTable.Constants.js";
 import { getTranslatedValue as tt, mapSelectedKeys as ot, mapCustomTask as nt, getStaticColumnWidth as lt, statusCellComponent as rt, checkboxCellComponent as at, actionCellRender as st, findMaxDataLength as it } from "./OdsTimelineTable.Functions.js";
 import { OdsTimelineTableDateFilter as ct } from "./OdsTimelineTableDateFilter.js";
@@ -20,7 +20,7 @@ import { OdsTimelineSelectionColumn as dt } from "./OdsTimelineTableSelectionCol
 import mt from "./OdsTimelineTableTaskTemplate.js";
 import ut from "./OdsTimelineTableColumnChooser.js";
 import { font as pt } from "./Manrope-Medium-font.js";
-const At = Ae((m, se) => {
+const At = $e((m, se) => {
   const {
     customColumns: F,
     customTasks: D,
@@ -59,7 +59,7 @@ const At = Ae((m, se) => {
     return e.setDate(1), e;
   }, U = () => {
     let e = j;
-    return e = qe(e).add(1, "months").set("date", 28).toDate(), e;
+    return e = Ze(e).add(1, "month").date(28).toDate(), e;
   }, be = te(() => p.actionButtonGroup ? p.actionButtonGroup.length > 3 ? p.actionButtonGroup.slice(0, 2) : p.actionButtonGroup : [], [p.actionButtonGroup]), ve = () => {
     const e = [];
     G.forEach(S, (t) => {
@@ -151,7 +151,7 @@ const At = Ae((m, se) => {
     V(e.startDate), W(e.endDate), B && B({ startDate: e.startDate, endDate: e.endDate });
   }, Oe = (e, t) => {
     let o = f.filter((l) => l.visible !== !1);
-    t ? o = [...o, ...F.filter((l) => e.includes(l.name))].filter(Ye) : o = o.filter((l) => !e.includes(l.name)), o = o.filter((l) => !he.includes(l.name)), fe((l) => l.map((n) => (n.visible = o.some((a) => a.name === n.name), n))), m.toolbarSettings?.columnChooser?.onSelection && m.toolbarSettings?.columnChooser?.onSelection(
+    t ? o = [...o, ...F.filter((l) => e.includes(l.name))].filter(Ue) : o = o.filter((l) => !e.includes(l.name)), o = o.filter((l) => !he.includes(l.name)), fe((l) => l.map((n) => (n.visible = o.some((a) => a.name === n.name), n))), m.toolbarSettings?.columnChooser?.onSelection && m.toolbarSettings?.columnChooser?.onSelection(
       e,
       t
     );
@@ -174,7 +174,7 @@ const At = Ae((m, se) => {
     }, l = (n) => {
       Ce(n), o(n), r?.search?.onSearch && r?.search?.onSearch(n);
     };
-    return Je({
+    return Ye({
       ...e,
       value: pe,
       placeholder: r?.search?.placeholder,
@@ -182,7 +182,7 @@ const At = Ae((m, se) => {
     });
   }, Ne = () => {
     const e = L.current?.instance?.();
-    Ue({
+    qe({
       gridComponent: e,
       baseFileName: r?.export?.fileName,
       selectedText: r?.export?.selectedText,
@@ -193,9 +193,9 @@ const At = Ae((m, se) => {
     });
   }, Ge = () => {
     const e = z.current?.instance?.();
-    Qe({
+    We({
       component: e,
-      createDocumentMethod: (t) => new Ze(t),
+      createDocumentMethod: (t) => new Qe(t),
       format: r?.export?.pdf.documentFormat?.toLowerCase() ?? "auto",
       landscape: !0,
       exportMode: "all",
@@ -227,11 +227,11 @@ const At = Ae((m, se) => {
       e.push(a);
     }), e;
   }, [C, f]);
-  return He(se, () => ({
+  return Ae(se, () => ({
     getSelectedRowsData: De,
     getSortedColumns: Ee,
     customClearSorting: we
-  })), /* @__PURE__ */ T($e.Fragment, { children: [
+  })), /* @__PURE__ */ T("div", { className: Xe.wrapper, children: [
     /* @__PURE__ */ T(
       oe,
       {
@@ -247,9 +247,9 @@ const At = Ae((m, se) => {
           showSortIndexes: !1
         },
         children: [
-          /* @__PURE__ */ s(Be, { visible: !0, allowSearch: !0, allowSelectAll: !0 }),
-          /* @__PURE__ */ s(Ke, { visible: !0 }),
-          r?.visible ? /* @__PURE__ */ T(ze, { children: [
+          /* @__PURE__ */ s(He, { visible: !0, allowSearch: !0, allowSelectAll: !0 }),
+          /* @__PURE__ */ s(Be, { visible: !0 }),
+          r?.visible ? /* @__PURE__ */ T(Ke, { children: [
             /* @__PURE__ */ s(
               h,
               {
@@ -351,7 +351,7 @@ const At = Ae((m, se) => {
               "OdsTimelineTable_ToolbarItem_ColumChooser"
             )
           ] }) : "",
-          /* @__PURE__ */ s(Le, { enabled: !1 }),
+          /* @__PURE__ */ s(ze, { enabled: !1 }),
           _e?.map((e, t) => e.isStatusColumn ? /* @__PURE__ */ s(
             b,
             {
@@ -396,7 +396,7 @@ const At = Ae((m, se) => {
           ) : "",
           /* @__PURE__ */ s(ne, { dataSource: S }),
           M,
-          /* @__PURE__ */ s(Pe, { mode: Z, showSortIndexes: Te })
+          /* @__PURE__ */ s(Le, { mode: Z, showSortIndexes: Te })
         ]
       },
       "OdsTimelineTable"
@@ -417,7 +417,7 @@ const At = Ae((m, se) => {
       M
     ),
     /* @__PURE__ */ T(
-      Ve,
+      Pe,
       {
         ref: L,
         className: "odsTimelineTable-ExportDataGrid",
@@ -425,13 +425,13 @@ const At = Ae((m, se) => {
         height: 0,
         dataSource: C,
         children: [
-          ee.map((e, t) => /* @__PURE__ */ N(je, { ...e, key: `TimelineTable_ExportExcelColumn_${t}` })),
+          ee.map((e, t) => /* @__PURE__ */ N(Ve, { ...e, key: `TimelineTable_ExportExcelColumn_${t}` })),
           /* @__PURE__ */ s(
-            We,
+            je,
             {
               enabled: !0,
               allowExportSelectedData: !0,
-              formats: Xe
+              formats: Je
             },
             "DataGrid_Export"
           )