npm - ods-component-lib - Versions diffs - 1.21.2 → 1.22.2 - Mend

ods-component-lib 1.21.2 → 1.22.2

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 (996) hide show

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OdsTimelineTable.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTable.tsx"],"sourcesContent":["import React, {\r\n forwardRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n useRef,\r\n useState,\r\n} from \"react\";\r\nimport {\r\n Gantt,\r\n Column,\r\n ContextMenu,\r\n Toolbar,\r\n Item,\r\n Tasks,\r\n Sorting,\r\n HeaderFilter,\r\n FilterRow,\r\n} from \"devextreme-react/gantt\";\r\nimport DataGrid, {Column as DataGridColumn, Export } from \"devextreme-react/data-grid\";\r\nimport { DownArrow2Icon, UpArrow2Icon } from \"ods-icon/react/24/outline\";\r\nimport { exportGantt as exportGanttToPdf } from \"devextreme/pdf_exporter\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport _ from \"lodash\";\r\nimport moment from \"moment\";\r\n\r\nimport { EnumSortingMode } from \"../../../utils/customEnums\";\r\nimport { exportToExcel, uniqueRecords } from \"../../../utils/commonFunctions\";\r\nimport { ISortedColumn } from \"../../../utils/customTypes\";\r\nimport { ToolbarSearchBox } from \"../../helpers/toolbarSearchBox/ToolbarSearchBox\";\r\nimport { exportFormats } from \"../../../utils/commonConstants\";\r\nimport OdsNotification from \"../../antd/notification/OdsNotification\";\r\n\r\nimport \"./OdsTimelineTable.css\";\r\nimport {\r\n ICustomSelectionChange,\r\n IDateRangeChange,\r\n IOdsTimelineTableColumnProps,\r\n IOdsTimelineTableProps,\r\n SortingMode,\r\n} from \"./OdsTimelineTable.Types\";\r\nimport { actionColumnProps, Constants } from \"./OdsTimelineTable.Constants\";\r\nimport {\r\n actionCellRender,\r\n checkboxCellComponent,\r\n findMaxDataLength,\r\n getStaticColumnWidth,\r\n getTranslatedValue,\r\n mapCustomTask,\r\n mapSelectedKeys,\r\n statusCellComponent,\r\n} from \"./OdsTimelineTable.Functions\";\r\nimport { OdsTimelineTableDateFilter } from \"./OdsTimelineTableDateFilter\";\r\nimport { OdsTimelineSelectionColumn } from \"./OdsTimelineTableSelectionColumn\";\r\nimport OdsTimelineTableTaskTemplate from \"./OdsTimelineTableTaskTemplate\";\r\nimport OdsTimelineTableColumnChooser from \"./OdsTimelineTableColumnChooser\";\r\n\r\nimport {font} from \"./Manrope-Medium-font\"\r\n\r\nconst OdsTimelineTable = forwardRef((props: IOdsTimelineTableProps, ref) => {\r\n const {\r\n customColumns,\r\n customTasks,\r\n customTaskKey,\r\n customSelectedKeys,\r\n children,\r\n startDateRange,\r\n endDateRange,\r\n multiSelectionEnabled,\r\n sorting,\r\n sortingProcess,\r\n toolbarSettings,\r\n actionColumnSettings,\r\n onCustomSelectionChanged,\r\n onDateRangeChange,\r\n onSortingChanged,\r\n } = props;\r\n\r\n const refGantt = useRef(null);\r\n const refGanttExportable = useRef(null);\r\n const refDataGridExportable = useRef(null);\r\n\r\n const [startDate, setStartDate] = useState<Date>(Constants.timelineDefaultStartDate);\r\n const [endDate, setEndDate] = useState<Date>(Constants.timelineDefaultEndDate);\r\n const [timelineTasks, setTimelineTasks] = useState([]);\r\n const [exportableTasks, setExportableTasks] = useState([]);\r\n const [selectedKeys, setSelectedKeys] =\r\n useState<string[]>(customSelectedKeys);\r\n const [searchValue, setSearchValue] = useState(\r\n toolbarSettings?.search?.searchValue\r\n );\r\n const [sortingChangeEventProps, setSortingChangeEventProps] = useState<{\r\n sortedColumns: ISortedColumn[];\r\n columnHeaderProps: any;\r\n }>({ sortedColumns: [], columnHeaderProps: null });\r\n const [columnList, setColumnList] = useState<IOdsTimelineTableColumnProps[]>(customColumns);\r\n const [unvisibleColumnNames] = useState<string[]>(customColumns.filter(item => item.visible === false).map(item => item.name));\r\n const [columnChooserOpen, setColumnChooserOpen] = useState<boolean>(false);\r\n\r\n const originalSortingMode: SortingMode =\r\n sorting.mode === undefined \|\| sorting.mode === \"\"\r\n ? \"none\"\r\n : (sorting.mode as SortingMode);\r\n const sortingMode: SortingMode =\r\n sortingProcess == \"ServerSideSorting\" ? \"none\" : originalSortingMode;\r\n const showSortIndexes: boolean =\r\n sortingProcess == \"ServerSideSorting\" ? false : sorting.showSortIndexes;\r\n const sortingActive: boolean =\r\n sortingProcess == \"ServerSideSorting\" && originalSortingMode != \"none\";\r\n\r\n useEffect(() => {\r\n prepareTimelineTasks(customTasks, selectedKeys);\r\n }, [customTasks, selectedKeys]);\r\n\r\n useEffect(() => {\r\n updateExportableTasks();\r\n }, [timelineTasks]);\r\n\r\n useEffect(() => {\r\n setStartDate(startDateRange);\r\n }, [startDateRange]);\r\n\r\n useEffect(() => {\r\n setEndDate(endDateRange);\r\n }, [endDateRange]);\r\n\r\n useEffect(() => {\r\n if (sortingChangeEventProps.columnHeaderProps !== null) {\r\n onSortingChanged &&\r\n onSortingChanged(\r\n sortingChangeEventProps.sortedColumns,\r\n sortingChangeEventProps.columnHeaderProps\r\n );\r\n }\r\n }, [sortingChangeEventProps]);\r\n\r\n const getTimelineStartDate = () => {\r\n const newSD = startDate;\r\n newSD.setDate(1);\r\n return newSD;\r\n }\r\n\r\n const getTimelineEndDate = () => {\r\n let newED = endDate;\r\n newED = moment(newED).add(1, \"months\").set(\"date\", 28).toDate();\r\n return newED;\r\n }\r\n\r\n const actionButtons = useMemo(() => {\r\n if (actionColumnSettings.actionButtonGroup) {\r\n if (actionColumnSettings.actionButtonGroup.length > 3) {\r\n return actionColumnSettings.actionButtonGroup.slice(0, 2);\r\n } else {\r\n return actionColumnSettings.actionButtonGroup;\r\n }\r\n } else {\r\n return [];\r\n }\r\n }, [actionColumnSettings.actionButtonGroup]);\r\n\r\n const updateExportableTasks = () => {\r\n const result = [];\r\n _.forEach(timelineTasks, (item) => {\r\n let row = {};\r\n _.forEach(Object.keys(item), (key) => {\r\n row = {\r\n ...row,\r\n [key]: getTranslatedValue(item[key], props.dataTranslations),\r\n };\r\n });\r\n result.push(row);\r\n });\r\n setExportableTasks(result);\r\n };\r\n\r\n const prepareTimelineTasks = (tasks: any[], selectedKeys: any[]) => {\r\n setTimelineTasks(\r\n mapSelectedKeys(\r\n tasks.map(mapCustomTask),\r\n customTaskKey,\r\n multiSelectionEnabled\r\n ? selectedKeys\r\n : selectedKeys.length > 0\r\n ? selectedKeys[0]\r\n : []\r\n )\r\n );\r\n };\r\n\r\n const getSelectedRowsData = () => {\r\n return timelineTasks.filter((item) => item.isSelected == true);\r\n };\r\n\r\n const customClearSorting = () => {\r\n if (sortingProcess === \"ServerSideSorting\") {\r\n // setSortedColumns([]);\r\n setSortingChangeEventProps((prev) => ({ ...prev, sortedColumns: [] }));\r\n } else {\r\n refGantt.current?.instance?.()?.clearSorting();\r\n }\r\n onSortingChanged && onSortingChanged([], undefined);\r\n };\r\n\r\n const getSortedColumns = (): ISortedColumn[] =>\r\n sortingChangeEventProps.sortedColumns;\r\n\r\n const updateSelectionData = (keyValue: string, isSelected: boolean) => {\r\n let newSelectedKeys = [];\r\n if (multiSelectionEnabled) {\r\n newSelectedKeys = selectedKeys.filter((item) => item != keyValue);\r\n if (isSelected) {\r\n newSelectedKeys = [...newSelectedKeys, keyValue];\r\n }\r\n } else if (isSelected) {\r\n newSelectedKeys = [keyValue];\r\n }\r\n setSelectedKeys(newSelectedKeys);\r\n prepareTimelineTasks(timelineTasks, newSelectedKeys);\r\n };\r\n\r\n const onTimelineCheckboxSelectionChange = (e: ICustomSelectionChange) => {\r\n updateSelectionData(e.data[props.customTaskKey].toString(), e.isSelected);\r\n onCustomSelectionChanged && onCustomSelectionChanged(e);\r\n };\r\n\r\n const timelineColumns: IOdsTimelineTableColumnProps[] = multiSelectionEnabled\r\n ? [\r\n OdsTimelineSelectionColumn(onTimelineCheckboxSelectionChange),\r\n ...columnList,\r\n ]\r\n : columnList;\r\n\r\n const minimalHeaderCellComponent = (data) => {\r\n return customHeaderCellComponent(data, true);\r\n };\r\n\r\n const customHeaderCellComponent = (props, isMinimized?: boolean) => {\r\n const _isMinimized = isMinimized ?? props.data.column.isMinimized ?? false;\r\n if (sortingActive && props.data.column.allowSorting) {\r\n return (\r\n <div\r\n className={\"sortingHeaderCell\"}\r\n onClick={(e) => {\r\n if (Boolean(props.data.column.allowSorting)) {\r\n if (e.shiftKey === true && e.ctrlKey === false) {\r\n onSorting(props.data, EnumSortingMode.MultipleSort);\r\n } else if (e.shiftKey === false && e.ctrlKey === false) {\r\n onSorting(props.data, EnumSortingMode.SingleSort);\r\n } else if (e.shiftKey === false && e.ctrlKey === true) {\r\n onRemoveSorting(props.data);\r\n }\r\n }\r\n }}\r\n >\r\n <span\r\n className={\r\n _isMinimized ? \"headerCaption minimalHeaderCell\" : \"headerCaption\"\r\n }\r\n >\r\n {props.data.column.caption}\r\n </span>\r\n {getSortIcon(props.data.column)}\r\n </div>\r\n );\r\n }\r\n return (\r\n <div className={_isMinimized ? \"minimalHeaderCell\" : \"\"}>\r\n {props.data.column.caption}\r\n </div>\r\n );\r\n };\r\n\r\n const getSortIcon = (column) => {\r\n const sortingFieldName = getSortingFieldName(column);\r\n const sortedColumn = sortingChangeEventProps.sortedColumns.find(\r\n (item) => item.sortField == sortingFieldName\r\n );\r\n if (sortedColumn) {\r\n return sortedColumn.sortType === \"ASC\" ? (\r\n <UpArrow2Icon /height={\"18px\"}/ />\r\n ) : (\r\n <DownArrow2Icon /height={\"18px\"}/ />\r\n );\r\n }\r\n return undefined;\r\n };\r\n\r\n const getSortingFieldName = (column) => {\r\n return column.sortingFieldName ?? column.dataField;\r\n };\r\n\r\n const onSorting = (headerCellProps, sortingMode: EnumSortingMode) => {\r\n const sortingFieldName = getSortingFieldName(headerCellProps.column);\r\n const sortedColumn = sortingChangeEventProps.sortedColumns.find(\r\n (item) => item.sortField == sortingFieldName\r\n );\r\n const prevSortIndex = sortedColumn?.sortIndex;\r\n const newSortedColumn: ISortedColumn = {\r\n sortField: sortingFieldName,\r\n sortType: \"ASC\",\r\n sortIndex:\r\n sortingMode == EnumSortingMode.MultipleSort\r\n ? sortedColumn === undefined\r\n ? sortingChangeEventProps.sortedColumns.length\r\n : sortingChangeEventProps.sortedColumns.length - 1\r\n : 0,\r\n sortQuery: `${sortingFieldName} ASC`,\r\n };\r\n if (sortedColumn) {\r\n newSortedColumn.sortType =\r\n sortedColumn.sortType == \"ASC\" ? \"DESC\" : \"ASC\";\r\n newSortedColumn.sortQuery = `${sortingFieldName} ${newSortedColumn.sortType}`;\r\n }\r\n let newSortedColumns =\r\n sortingMode == EnumSortingMode.MultipleSort\r\n ? [\r\n ...sortingChangeEventProps.sortedColumns.filter(\r\n (item) => item.sortField != sortingFieldName\r\n ),\r\n newSortedColumn,\r\n ]\r\n : [newSortedColumn];\r\n // Change sort indexes if the column that is being sorted is sorted already\r\n if (\r\n sortingMode == EnumSortingMode.MultipleSort &&\r\n sortedColumn !== undefined\r\n ) {\r\n newSortedColumns = newSortedColumns.map((item) => {\r\n if (\r\n item.sortField != sortingFieldName &&\r\n item.sortIndex > prevSortIndex\r\n ) {\r\n item.sortIndex = item.sortIndex - 1;\r\n }\r\n return item;\r\n });\r\n }\r\n // setSortedColumns(newSortedColumns);\r\n // onSortingChanged && onSortingChanged(newSortedColumns, headerCellProps);\r\n setSortingChangeEventProps({\r\n sortedColumns: newSortedColumns,\r\n columnHeaderProps: headerCellProps,\r\n });\r\n };\r\n\r\n const onRemoveSorting = (headerCellProps) => {\r\n const sortingFieldName = getSortingFieldName(headerCellProps.column);\r\n const sortedColumn = sortingChangeEventProps.sortedColumns.find(\r\n (item) => item.sortField == sortingFieldName\r\n );\r\n if (sortedColumn === undefined) {\r\n return;\r\n }\r\n const prevSortIndex = sortedColumn.sortIndex;\r\n const newSortedColumns = sortingChangeEventProps.sortedColumns\r\n .filter((item) => item.sortField != sortingFieldName)\r\n .map((item) => {\r\n if (item.sortIndex > prevSortIndex) {\r\n item.sortIndex = item.sortIndex - 1;\r\n }\r\n return item;\r\n });\r\n // setSortedColumns(newSortedColumns);\r\n // onSortingChanged && onSortingChanged(newSortedColumns, headerCellProps);\r\n setSortingChangeEventProps({\r\n sortedColumns: newSortedColumns,\r\n columnHeaderProps: headerCellProps,\r\n });\r\n };\r\n\r\n const onTimelineDateRangeChange = (e: IDateRangeChange) => {\r\n setStartDate(e.startDate);\r\n setEndDate(e.endDate);\r\n onDateRangeChange &&\r\n onDateRangeChange({ startDate: e.startDate, endDate: e.endDate });\r\n };\r\n\r\n const onColumnChooserSelection = (\r\n items: string[],\r\n isSelected: boolean\r\n ) => {\r\n let _visibleColumns = columnList.filter(item => item.visible !== false);\r\n if (isSelected) {\r\n _visibleColumns = [..._visibleColumns, ...customColumns.filter(item => items.includes(item.name))].filter(uniqueRecords);\r\n }\r\n else {\r\n _visibleColumns = _visibleColumns.filter(item => !items.includes(item.name));\r\n }\r\n _visibleColumns = _visibleColumns.filter(x => !unvisibleColumnNames.includes(x.name))\r\n\r\n setColumnList(prev => (prev.map(item => {\r\n item.visible = _visibleColumns.some(x => x.name === item.name);\r\n return item;\r\n })));\r\n\r\n props.toolbarSettings?.columnChooser?.onSelection &&\r\n props.toolbarSettings?.columnChooser?.onSelection(\r\n items,\r\n isSelected\r\n );\r\n };\r\n\r\n const searchBoxComponent = (props) => {\r\n const filterInAllFields = (item: any, searchValue: string) => {\r\n const fields = Object.keys(item);\r\n for (let index = 0; index < fields.length; index++) {\r\n if (\r\n String(item[fields[index]])\r\n .toLocaleLowerCase()\r\n .includes(searchValue.toLocaleLowerCase())\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n const searchTask = (searchValue?: string) => {\r\n if (searchValue === undefined \|\| searchValue === \"\") {\r\n prepareTimelineTasks(customTasks, selectedKeys);\r\n return;\r\n }\r\n const filteredTasks = customTasks.filter((item) =>\r\n filterInAllFields(item, searchValue)\r\n );\r\n prepareTimelineTasks(filteredTasks, selectedKeys);\r\n };\r\n\r\n const onSearchBoxSearch = (searchValue?: string) => {\r\n setSearchValue(searchValue);\r\n searchTask(searchValue);\r\n toolbarSettings?.search?.onSearch &&\r\n toolbarSettings?.search?.onSearch(searchValue);\r\n };\r\n\r\n return ToolbarSearchBox({\r\n ...props,\r\n value: searchValue,\r\n placeholder: toolbarSettings?.search?.placeholder,\r\n onSearch: onSearchBoxSearch,\r\n });\r\n };\r\n\r\n const exportExcel = () => {\r\n const exportableDataGrid = refDataGridExportable.current?.instance?.();\r\n exportToExcel({\r\n gridComponent: exportableDataGrid,\r\n baseFileName: toolbarSettings?.export?.fileName,\r\n selectedText: toolbarSettings?.export?.selectedText,\r\n getSummary: () => \"\",\r\n selectedRowsOnly: false,\r\n activeText: toolbarSettings?.export?.activeText ?? \"Active\",\r\n passiveText: toolbarSettings?.export?.passiveText ?? \"Passive\",\r\n });\r\n };\r\n\r\n const exportPdf = () => {\r\n const exportableTimelineTable = refGanttExportable.current?.instance?.();\r\n exportGanttToPdf({\r\n component: exportableTimelineTable,\r\n createDocumentMethod: (args) => new jsPDF(args),\r\n format: toolbarSettings?.export?.pdf.documentFormat?.toLowerCase() ?? \"auto\",\r\n landscape: true,\r\n exportMode: \"all\",\r\n dateRange: \"all\",\r\n font: {\r\n fontObject: font as any,\r\n name: \"Manrope-Medium\"\r\n }\r\n })\r\n .then((doc) => doc.save(getExportFileName()))\r\n .finally(() => exportableTimelineTable.repaint()); // repaint gantt to avoid taskbar color issue when you export more than once\r\n };\r\n\r\n const getExportFileName = () => {\r\n const now = new Date();\r\n const datePart = `${(\"0\" + now.getDate()).slice(-2)}-${(\r\n \"0\" +\r\n (now.getMonth() + 1)\r\n ).slice(-2)}-${now.getFullYear()}`;\r\n const timePart = `${(\"0\" + now.getHours()).slice(-2)}:${(\r\n \"0\" + now.getMinutes()\r\n ).slice(-2)}`;\r\n return `${\r\n toolbarSettings?.export?.fileName ?? \"Timeline\"\r\n }-${datePart}-${timePart}.pdf`;\r\n };\r\n\r\n const exportedColumns = useMemo(() => {\r\n const newExportedColumns: IOdsTimelineTableColumnProps[] = [];\r\n const exportableColumns = columnList.filter(\r\n (item) => item.visible != false && item.allowExporting != false\r\n );\r\n const isResizableColumn = (item: IOdsTimelineTableColumnProps) =>\r\n exportableTasks.length > 0 &&\r\n item.width === undefined &&\r\n item.dataType != \"boolean\" &&\r\n item.dataType != \"date\" &&\r\n item.dataType != \"datetime\" &&\r\n !item.isCheckboxColumn &&\r\n !item.isStatusColumn;\r\n const getNewWidth = (item: IOdsTimelineTableColumnProps) => {\r\n if (item.dataField === undefined \|\| item.dataField == \"\") {\r\n return item.width;\r\n }\r\n const maxLength = findMaxDataLength(exportableTasks, item.dataField);\r\n return maxLength <= 10 ? 100 : maxLength * 10;\r\n };\r\n _.forEach(exportableColumns, (item) => {\r\n const col: IOdsTimelineTableColumnProps = {\r\n ...item,\r\n dataType: item.dataType === \"date\" \|\| item.dataType === \"datetime\" ? \"string\" : item.dataType,\r\n cssClass: \"cellCenteredVertically\",\r\n width: isResizableColumn(item)\r\n ? getNewWidth(item)\r\n : getStaticColumnWidth(item),\r\n };\r\n newExportedColumns.push(col);\r\n });\r\n return newExportedColumns;\r\n }, [exportableTasks, columnList]);\r\n\r\n useImperativeHandle(ref, () => {\r\n return {\r\n getSelectedRowsData,\r\n getSortedColumns,\r\n customClearSorting,\r\n };\r\n });\r\n\r\n return (\r\n <React.Fragment>\r\n <Gantt\r\n key={\"OdsTimelineTable\"}\r\n width={\"100%\"}\r\n height={500}\r\n startDateRange={getTimelineStartDate()}\r\n endDateRange={getTimelineEndDate()}\r\n taskContentRender={(params) => (\r\n <OdsTimelineTableTaskTemplate {...params} />\r\n )}\r\n {...props}\r\n ref={refGantt}\r\n sorting={{\r\n mode: sortingMode,\r\n showSortIndexes: false,\r\n }}\r\n >\r\n <HeaderFilter visible allowSearch={true} allowSelectAll={true} />\r\n <FilterRow visible />\r\n {toolbarSettings?.visible ? (\r\n <Toolbar>\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_DateFilter\"}\r\n visible={toolbarSettings?.dateFilterVisible}\r\n location={toolbarSettings?.location}\r\n component={(props) =>\r\n OdsTimelineTableDateFilter({\r\n ...props,\r\n defaultStartDate: startDate,\r\n defaultEndDate: endDate,\r\n onFilterRangeChange: onTimelineDateRangeChange,\r\n })\r\n }\r\n ></Item>\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_Search\"}\r\n visible={toolbarSettings?.search?.visible}\r\n location={toolbarSettings?.location}\r\n component={searchBoxComponent}\r\n />\r\n {toolbarSettings?.zoomVisible && (\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_ZoomIn\"}\r\n visible={toolbarSettings?.zoomVisible}\r\n name=\"zoomIn\"\r\n location={toolbarSettings?.location}\r\n />\r\n )}\r\n {toolbarSettings?.zoomVisible && (\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_ZoomOut\"}\r\n visible={toolbarSettings?.zoomVisible}\r\n name=\"zoomOut\"\r\n location={toolbarSettings?.location}\r\n />\r\n )}\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_Export\"}\r\n visible={toolbarSettings?.export?.visible}\r\n location={toolbarSettings?.location}\r\n widget=\"dxMenu\"\r\n options={{\r\n items: [{\r\n icon: \"export\",\r\n items: [{\r\n text: toolbarSettings?.export?.pdf?.title ?? \"Export to Pdf\",\r\n icon: \"exportpdf\",\r\n onClick: () => {\r\n if (exportableTasks.length > 0) {\r\n exportPdf();\r\n }\r\n else {\r\n OdsNotification({\r\n title: \"\",\r\n content: toolbarSettings?.export?.messages?.noRecord ?? \"No record\",\r\n type: \"warning\",\r\n placement: \"bottom\",\r\n });\r\n }\r\n }\r\n },\r\n {\r\n text: toolbarSettings?.export?.excel?.title ?? \"Export to Excel\",\r\n icon: \"exportxlsx\",\r\n onClick: () => {\r\n if (exportableTasks.length > 0) {\r\n exportExcel();\r\n }\r\n else {\r\n OdsNotification({\r\n title: \"\",\r\n content: toolbarSettings?.export?.messages?.noRecord ?? \"No record\",\r\n type: \"warning\",\r\n placement: \"bottom\",\r\n });\r\n }\r\n }\r\n }]\r\n }]\r\n }}\r\n />\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_ColumChooser\"}\r\n visible={toolbarSettings?.columnChooser?.visible}\r\n location={toolbarSettings?.location}\r\n component={(props) =>\r\n OdsTimelineTableColumnChooser({\r\n ...props,\r\n open: columnChooserOpen,\r\n onVisibilityChanged: (visible) => setColumnChooserOpen(visible),\r\n title:\r\n toolbarSettings?.columnChooser?.title ?? \"Column Chooser\",\r\n selectAllText:\r\n toolbarSettings?.columnChooser?.selectAllText ??\r\n \"Select All\",\r\n items: columnList\r\n .filter(\r\n (item) =>\r\n item.caption !== undefined && item.caption !== \"\"\r\n )\r\n .map((item) => ({columnCaption: item.caption, columnName: item.name, visible: item.visible})),\r\n onSelection: onColumnChooserSelection,\r\n })\r\n }\r\n />\r\n </Toolbar>\r\n ) : (\r\n \"\"\r\n )}\r\n <ContextMenu enabled={false} />\r\n {timelineColumns?.map((columnProps, index) => {\r\n if (columnProps.isStatusColumn) {\r\n return (\r\n <Column\r\n key={`OdsTimelineColumn_Status_${index}`}\r\n width={50}\r\n minWidth={50}\r\n cssClass=\"cellCenteredVertically\"\r\n cellComponent={statusCellComponent}\r\n headerCellComponent={minimalHeaderCellComponent}\r\n {...columnProps}\r\n />\r\n );\r\n } else if (columnProps.isCheckboxColumn) {\r\n return (\r\n <Column\r\n key={`OdsTimelineColumn_Checkbox_${index}`}\r\n width={50}\r\n minWidth={50}\r\n cssClass=\"cellCenteredVertically\"\r\n cellComponent={checkboxCellComponent}\r\n headerCellComponent={minimalHeaderCellComponent}\r\n allowSorting={false}\r\n {...columnProps}\r\n />\r\n );\r\n } else {\r\n return (\r\n <Column\r\n key={`OdsTimelineColumn_${index}`}\r\n headerCellComponent={(props) =>\r\n customHeaderCellComponent(props)\r\n }\r\n {...columnProps}\r\n />\r\n );\r\n }\r\n })}\r\n {actionColumnSettings.actionColumnEnable != false ? (\r\n <Column\r\n key={\"OdsTimelineColumn_Actions\"}\r\n width={100}\r\n {...actionColumnProps}\r\n caption={actionColumnSettings.actionButtonGroupCaption}\r\n cssClass=\"actionButtonGroupCell\"\r\n cellRender={(cellData) =>\r\n actionCellRender(cellData, props, actionButtons)\r\n }\r\n />\r\n ) : (\r\n \"\"\r\n )}\r\n <Tasks dataSource={timelineTasks}></Tasks>\r\n {children}\r\n <Sorting mode={sortingMode} showSortIndexes={showSortIndexes} />\r\n </Gantt>\r\n {/* ------------------------------------------------------------------------------------ /}\r\n {/ Gantt for exporting the data. It is not visible but it used for customizing the data /}\r\n {/ ------------------------------------------------------------------------------------ /}\r\n <Gantt\r\n {...props}\r\n startDateRange={getTimelineStartDate()}\r\n endDateRange={getTimelineEndDate()}\r\n width={0}\r\n height={0}\r\n ref={refGanttExportable}\r\n key={\"OdsTimelineTable_Export\"}\r\n >\r\n {exportedColumns.map((columnProps, index) => (\r\n <Column {...columnProps} key={`TimelineTable_ExportPdfColumn_${index}`} />\r\n ))}\r\n <Tasks dataSource={exportableTasks}></Tasks>\r\n {children}\r\n </Gantt>\r\n {/ ---------------------------------------------------------------------------------------- /}\r\n {/ Data Grid for exporting the data. It is not visible but it used for customizing the data /}\r\n {/ ---------------------------------------------------------------------------------------- /}\r\n <DataGrid\r\n key={\"DataGrid_Export\"}\r\n ref={refDataGridExportable}\r\n className=\"odsTimelineTable-ExportDataGrid\"\r\n width={0}\r\n height={0}\r\n dataSource={exportableTasks}\r\n >\r\n {exportedColumns.map((columnProps, index) => (\r\n <DataGridColumn {...columnProps} key={`TimelineTable_ExportExcelColumn_${index}`} />\r\n ))}\r\n <Export\r\n key={\"DataGrid_Export\"}\r\n enabled={true}\r\n allowExportSelectedData={true}\r\n formats={exportFormats}\r\n />\r\n </DataGrid>\r\n {/ ------------------------------------------------------------------------------------ */}\r\n </React.Fragment>\r\n );\r\n});\r\n\r\nexport default OdsTimelineTable;"],"names":["OdsTimelineTable","forwardRef","props","ref","customColumns","customTasks","customTaskKey","customSelectedKeys","children","startDateRange","endDateRange","multiSelectionEnabled","sorting","sortingProcess","toolbarSettings","actionColumnSettings","onCustomSelectionChanged","onDateRangeChange","onSortingChanged","refGantt","useRef","refGanttExportable","refDataGridExportable","startDate","setStartDate","useState","Constants","endDate","setEndDate","timelineTasks","setTimelineTasks","exportableTasks","setExportableTasks","selectedKeys","setSelectedKeys","searchValue","setSearchValue","sortingChangeEventProps","setSortingChangeEventProps","columnList","setColumnList","unvisibleColumnNames","item","columnChooserOpen","setColumnChooserOpen","originalSortingMode","sortingMode","showSortIndexes","sortingActive","useEffect","prepareTimelineTasks","updateExportableTasks","getTimelineStartDate","newSD","getTimelineEndDate","newED","moment","actionButtons","useMemo","result","_","row","key","getTranslatedValue","tasks","mapSelectedKeys","mapCustomTask","getSelectedRowsData","customClearSorting","prev","getSortedColumns","updateSelectionData","keyValue","isSelected","newSelectedKeys","timelineColumns","OdsTimelineSelectionColumn","minimalHeaderCellComponent","data","customHeaderCellComponent","isMinimized","_isMinimized","jsxs","e","onSorting","EnumSortingMode","onRemoveSorting","jsx","getSortIcon","column","sortingFieldName","getSortingFieldName","sortedColumn","UpArrow2Icon","DownArrow2Icon","headerCellProps","prevSortIndex","newSortedColumn","newSortedColumns","onTimelineDateRangeChange","onColumnChooserSelection","items","_visibleColumns","uniqueRecords","x","searchBoxComponent","filterInAllFields","fields","index","searchTask","filteredTasks","onSearchBoxSearch","ToolbarSearchBox","exportExcel","exportableDataGrid","exportToExcel","exportPdf","exportableTimelineTable","exportGanttToPdf","args","jsPDF","font","doc","getExportFileName","now","datePart","timePart","exportedColumns","newExportedColumns","exportableColumns","isResizableColumn","getNewWidth","maxLength","findMaxDataLength","col","getStaticColumnWidth","useImperativeHandle","React","Gantt","params","OdsTimelineTableTaskTemplate","HeaderFilter","FilterRow","Toolbar","Item","OdsTimelineTableDateFilter","OdsNotification","OdsTimelineTableColumnChooser","visible","ContextMenu","columnProps","Column","statusCellComponent","checkboxCellComponent","actionColumnProps","cellData","actionCellRender","Tasks","Sorting","createElement","DataGrid","DataGridColumn","Export","exportFormats"],"mappings":"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"}
1	+ {"version":3,"file":"OdsTimelineTable.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTable.tsx"],"sourcesContent":["import React, {\r\n forwardRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n useRef,\r\n useState,\r\n} from \"react\";\r\nimport {\r\n Gantt,\r\n Column,\r\n ContextMenu,\r\n Toolbar,\r\n Item,\r\n Tasks,\r\n Sorting,\r\n HeaderFilter,\r\n FilterRow,\r\n} from \"devextreme-react/gantt\";\r\nimport DataGrid, {Column as DataGridColumn, Export } from \"devextreme-react/data-grid\";\r\nimport { DownArrow2Icon, UpArrow2Icon } from \"ods-icon/react/24/outline\";\r\nimport { exportGantt as exportGanttToPdf } from \"devextreme/pdf_exporter\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport _ from \"lodash\";\r\nimport dayjs from \"dayjs\";\r\n\r\nimport { EnumSortingMode } from \"../../../utils/customEnums\";\r\nimport { exportToExcel, uniqueRecords } from \"../../../utils/commonFunctions\";\r\nimport { ISortedColumn } from \"../../../utils/customTypes\";\r\nimport { ToolbarSearchBox } from \"../../helpers/toolbarSearchBox/ToolbarSearchBox\";\r\nimport { exportFormats } from \"../../../utils/commonConstants\";\r\nimport OdsNotification from \"../../antd/notification/OdsNotification\";\r\n\r\n\r\nimport styles from \"./OdsTimelineTable.module.scss\";\r\nimport {\r\n ICustomSelectionChange,\r\n IDateRangeChange,\r\n IOdsTimelineTableColumnProps,\r\n IOdsTimelineTableProps,\r\n SortingMode,\r\n} from \"./OdsTimelineTable.Types\";\r\nimport { actionColumnProps, Constants } from \"./OdsTimelineTable.Constants\";\r\nimport {\r\n actionCellRender,\r\n checkboxCellComponent,\r\n findMaxDataLength,\r\n getStaticColumnWidth,\r\n getTranslatedValue,\r\n mapCustomTask,\r\n mapSelectedKeys,\r\n statusCellComponent,\r\n} from \"./OdsTimelineTable.Functions\";\r\nimport { OdsTimelineTableDateFilter } from \"./OdsTimelineTableDateFilter\";\r\nimport { OdsTimelineSelectionColumn } from \"./OdsTimelineTableSelectionColumn\";\r\nimport OdsTimelineTableTaskTemplate from \"./OdsTimelineTableTaskTemplate\";\r\nimport OdsTimelineTableColumnChooser from \"./OdsTimelineTableColumnChooser\";\r\n\r\nimport {font} from \"./Manrope-Medium-font\"\r\n\r\nconst OdsTimelineTable = forwardRef((props: IOdsTimelineTableProps, ref) => {\r\n const {\r\n customColumns,\r\n customTasks,\r\n customTaskKey,\r\n customSelectedKeys,\r\n children,\r\n startDateRange,\r\n endDateRange,\r\n multiSelectionEnabled,\r\n sorting,\r\n sortingProcess,\r\n toolbarSettings,\r\n actionColumnSettings,\r\n onCustomSelectionChanged,\r\n onDateRangeChange,\r\n onSortingChanged,\r\n } = props;\r\n\r\n const refGantt = useRef(null);\r\n const refGanttExportable = useRef(null);\r\n const refDataGridExportable = useRef(null);\r\n\r\n const [startDate, setStartDate] = useState<Date>(Constants.timelineDefaultStartDate);\r\n const [endDate, setEndDate] = useState<Date>(Constants.timelineDefaultEndDate);\r\n const [timelineTasks, setTimelineTasks] = useState([]);\r\n const [exportableTasks, setExportableTasks] = useState([]);\r\n const [selectedKeys, setSelectedKeys] =\r\n useState<string[]>(customSelectedKeys);\r\n const [searchValue, setSearchValue] = useState(\r\n toolbarSettings?.search?.searchValue\r\n );\r\n const [sortingChangeEventProps, setSortingChangeEventProps] = useState<{\r\n sortedColumns: ISortedColumn[];\r\n columnHeaderProps: any;\r\n }>({ sortedColumns: [], columnHeaderProps: null });\r\n const [columnList, setColumnList] = useState<IOdsTimelineTableColumnProps[]>(customColumns);\r\n const [unvisibleColumnNames] = useState<string[]>(customColumns.filter(item => item.visible === false).map(item => item.name));\r\n const [columnChooserOpen, setColumnChooserOpen] = useState<boolean>(false);\r\n\r\n const originalSortingMode: SortingMode =\r\n sorting.mode === undefined \|\| sorting.mode === \"\"\r\n ? \"none\"\r\n : (sorting.mode as SortingMode);\r\n const sortingMode: SortingMode =\r\n sortingProcess == \"ServerSideSorting\" ? \"none\" : originalSortingMode;\r\n const showSortIndexes: boolean =\r\n sortingProcess == \"ServerSideSorting\" ? false : sorting.showSortIndexes;\r\n const sortingActive: boolean =\r\n sortingProcess == \"ServerSideSorting\" && originalSortingMode != \"none\";\r\n\r\n useEffect(() => {\r\n prepareTimelineTasks(customTasks, selectedKeys);\r\n }, [customTasks, selectedKeys]);\r\n\r\n useEffect(() => {\r\n updateExportableTasks();\r\n }, [timelineTasks]);\r\n\r\n useEffect(() => {\r\n setStartDate(startDateRange);\r\n }, [startDateRange]);\r\n\r\n useEffect(() => {\r\n setEndDate(endDateRange);\r\n }, [endDateRange]);\r\n\r\n useEffect(() => {\r\n if (sortingChangeEventProps.columnHeaderProps !== null) {\r\n onSortingChanged &&\r\n onSortingChanged(\r\n sortingChangeEventProps.sortedColumns,\r\n sortingChangeEventProps.columnHeaderProps\r\n );\r\n }\r\n }, [sortingChangeEventProps]);\r\n\r\n const getTimelineStartDate = () => {\r\n const newSD = startDate;\r\n newSD.setDate(1);\r\n return newSD;\r\n }\r\n\r\n const getTimelineEndDate = () => {\r\n let newED = endDate;\r\n newED = dayjs(newED).add(1, \"month\").date(28).toDate();\r\n return newED;\r\n }\r\n\r\n const actionButtons = useMemo(() => {\r\n if (actionColumnSettings.actionButtonGroup) {\r\n if (actionColumnSettings.actionButtonGroup.length > 3) {\r\n return actionColumnSettings.actionButtonGroup.slice(0, 2);\r\n } else {\r\n return actionColumnSettings.actionButtonGroup;\r\n }\r\n } else {\r\n return [];\r\n }\r\n }, [actionColumnSettings.actionButtonGroup]);\r\n\r\n const updateExportableTasks = () => {\r\n const result = [];\r\n _.forEach(timelineTasks, (item) => {\r\n let row = {};\r\n _.forEach(Object.keys(item), (key) => {\r\n row = {\r\n ...row,\r\n [key]: getTranslatedValue(item[key], props.dataTranslations),\r\n };\r\n });\r\n result.push(row);\r\n });\r\n setExportableTasks(result);\r\n };\r\n\r\n const prepareTimelineTasks = (tasks: any[], selectedKeys: any[]) => {\r\n setTimelineTasks(\r\n mapSelectedKeys(\r\n tasks.map(mapCustomTask),\r\n customTaskKey,\r\n multiSelectionEnabled\r\n ? selectedKeys\r\n : selectedKeys.length > 0\r\n ? selectedKeys[0]\r\n : []\r\n )\r\n );\r\n };\r\n\r\n const getSelectedRowsData = () => {\r\n return timelineTasks.filter((item) => item.isSelected == true);\r\n };\r\n\r\n const customClearSorting = () => {\r\n if (sortingProcess === \"ServerSideSorting\") {\r\n setSortingChangeEventProps((prev) => ({ ...prev, sortedColumns: [] }));\r\n } else {\r\n refGantt.current?.instance?.()?.clearSorting();\r\n }\r\n onSortingChanged && onSortingChanged([], undefined);\r\n };\r\n\r\n const getSortedColumns = (): ISortedColumn[] =>\r\n sortingChangeEventProps.sortedColumns;\r\n\r\n const updateSelectionData = (keyValue: string, isSelected: boolean) => {\r\n let newSelectedKeys = [];\r\n if (multiSelectionEnabled) {\r\n newSelectedKeys = selectedKeys.filter((item) => item != keyValue);\r\n if (isSelected) {\r\n newSelectedKeys = [...newSelectedKeys, keyValue];\r\n }\r\n } else if (isSelected) {\r\n newSelectedKeys = [keyValue];\r\n }\r\n setSelectedKeys(newSelectedKeys);\r\n prepareTimelineTasks(timelineTasks, newSelectedKeys);\r\n };\r\n\r\n const onTimelineCheckboxSelectionChange = (e: ICustomSelectionChange) => {\r\n updateSelectionData(e.data[props.customTaskKey].toString(), e.isSelected);\r\n onCustomSelectionChanged && onCustomSelectionChanged(e);\r\n };\r\n\r\n const timelineColumns: IOdsTimelineTableColumnProps[] = multiSelectionEnabled\r\n ? [\r\n OdsTimelineSelectionColumn(onTimelineCheckboxSelectionChange),\r\n ...columnList,\r\n ]\r\n : columnList;\r\n\r\n const minimalHeaderCellComponent = (data) => {\r\n return customHeaderCellComponent(data, true);\r\n };\r\n\r\n const customHeaderCellComponent = (props, isMinimized?: boolean) => {\r\n const _isMinimized = isMinimized ?? props.data.column.isMinimized ?? false;\r\n if (sortingActive && props.data.column.allowSorting) {\r\n return (\r\n <div\r\n className={\"sortingHeaderCell\"}\r\n onClick={(e) => {\r\n if (Boolean(props.data.column.allowSorting)) {\r\n if (e.shiftKey === true && e.ctrlKey === false) {\r\n onSorting(props.data, EnumSortingMode.MultipleSort);\r\n } else if (e.shiftKey === false && e.ctrlKey === false) {\r\n onSorting(props.data, EnumSortingMode.SingleSort);\r\n } else if (e.shiftKey === false && e.ctrlKey === true) {\r\n onRemoveSorting(props.data);\r\n }\r\n }\r\n }}\r\n >\r\n <span\r\n className={\r\n _isMinimized ? \"headerCaption minimalHeaderCell\" : \"headerCaption\"\r\n }\r\n >\r\n {props.data.column.caption}\r\n </span>\r\n {getSortIcon(props.data.column)}\r\n </div>\r\n );\r\n }\r\n return (\r\n <div className={_isMinimized ? \"minimalHeaderCell\" : \"\"}>\r\n {props.data.column.caption}\r\n </div>\r\n );\r\n };\r\n\r\n const getSortIcon = (column) => {\r\n const sortingFieldName = getSortingFieldName(column);\r\n const sortedColumn = sortingChangeEventProps.sortedColumns.find(\r\n (item) => item.sortField == sortingFieldName\r\n );\r\n if (sortedColumn) {\r\n return sortedColumn.sortType === \"ASC\" ? (\r\n <UpArrow2Icon />\r\n ) : (\r\n <DownArrow2Icon />\r\n );\r\n }\r\n return undefined;\r\n };\r\n\r\n const getSortingFieldName = (column) => {\r\n return column.sortingFieldName ?? column.dataField;\r\n };\r\n\r\n const onSorting = (headerCellProps, sortingMode: EnumSortingMode) => {\r\n const sortingFieldName = getSortingFieldName(headerCellProps.column);\r\n const sortedColumn = sortingChangeEventProps.sortedColumns.find(\r\n (item) => item.sortField == sortingFieldName\r\n );\r\n const prevSortIndex = sortedColumn?.sortIndex;\r\n const newSortedColumn: ISortedColumn = {\r\n sortField: sortingFieldName,\r\n sortType: \"ASC\",\r\n sortIndex:\r\n sortingMode == EnumSortingMode.MultipleSort\r\n ? sortedColumn === undefined\r\n ? sortingChangeEventProps.sortedColumns.length\r\n : sortingChangeEventProps.sortedColumns.length - 1\r\n : 0,\r\n sortQuery: `${sortingFieldName} ASC`,\r\n };\r\n if (sortedColumn) {\r\n newSortedColumn.sortType =\r\n sortedColumn.sortType == \"ASC\" ? \"DESC\" : \"ASC\";\r\n newSortedColumn.sortQuery = `${sortingFieldName} ${newSortedColumn.sortType}`;\r\n }\r\n let newSortedColumns =\r\n sortingMode == EnumSortingMode.MultipleSort\r\n ? [\r\n ...sortingChangeEventProps.sortedColumns.filter(\r\n (item) => item.sortField != sortingFieldName\r\n ),\r\n newSortedColumn,\r\n ]\r\n : [newSortedColumn];\r\n if (\r\n sortingMode == EnumSortingMode.MultipleSort &&\r\n sortedColumn !== undefined\r\n ) {\r\n newSortedColumns = newSortedColumns.map((item) => {\r\n if (\r\n item.sortField != sortingFieldName &&\r\n item.sortIndex > prevSortIndex\r\n ) {\r\n item.sortIndex = item.sortIndex - 1;\r\n }\r\n return item;\r\n });\r\n }\r\n setSortingChangeEventProps({\r\n sortedColumns: newSortedColumns,\r\n columnHeaderProps: headerCellProps,\r\n });\r\n };\r\n\r\n const onRemoveSorting = (headerCellProps) => {\r\n const sortingFieldName = getSortingFieldName(headerCellProps.column);\r\n const sortedColumn = sortingChangeEventProps.sortedColumns.find(\r\n (item) => item.sortField == sortingFieldName\r\n );\r\n if (sortedColumn === undefined) {\r\n return;\r\n }\r\n const prevSortIndex = sortedColumn.sortIndex;\r\n const newSortedColumns = sortingChangeEventProps.sortedColumns\r\n .filter((item) => item.sortField != sortingFieldName)\r\n .map((item) => {\r\n if (item.sortIndex > prevSortIndex) {\r\n item.sortIndex = item.sortIndex - 1;\r\n }\r\n return item;\r\n });\r\n setSortingChangeEventProps({\r\n sortedColumns: newSortedColumns,\r\n columnHeaderProps: headerCellProps,\r\n });\r\n };\r\n\r\n const onTimelineDateRangeChange = (e: IDateRangeChange) => {\r\n setStartDate(e.startDate);\r\n setEndDate(e.endDate);\r\n onDateRangeChange &&\r\n onDateRangeChange({ startDate: e.startDate, endDate: e.endDate });\r\n };\r\n\r\n const onColumnChooserSelection = (\r\n items: string[],\r\n isSelected: boolean\r\n ) => {\r\n let _visibleColumns = columnList.filter(item => item.visible !== false);\r\n if (isSelected) {\r\n _visibleColumns = [..._visibleColumns, ...customColumns.filter(item => items.includes(item.name))].filter(uniqueRecords);\r\n }\r\n else {\r\n _visibleColumns = _visibleColumns.filter(item => !items.includes(item.name));\r\n }\r\n _visibleColumns = _visibleColumns.filter(x => !unvisibleColumnNames.includes(x.name))\r\n\r\n setColumnList(prev => (prev.map(item => {\r\n item.visible = _visibleColumns.some(x => x.name === item.name);\r\n return item;\r\n })));\r\n\r\n props.toolbarSettings?.columnChooser?.onSelection &&\r\n props.toolbarSettings?.columnChooser?.onSelection(\r\n items,\r\n isSelected\r\n );\r\n };\r\n\r\n const searchBoxComponent = (props) => {\r\n const filterInAllFields = (item: any, searchValue: string) => {\r\n const fields = Object.keys(item);\r\n for (let index = 0; index < fields.length; index++) {\r\n if (\r\n String(item[fields[index]])\r\n .toLocaleLowerCase()\r\n .includes(searchValue.toLocaleLowerCase())\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n const searchTask = (searchValue?: string) => {\r\n if (searchValue === undefined \|\| searchValue === \"\") {\r\n prepareTimelineTasks(customTasks, selectedKeys);\r\n return;\r\n }\r\n const filteredTasks = customTasks.filter((item) =>\r\n filterInAllFields(item, searchValue)\r\n );\r\n prepareTimelineTasks(filteredTasks, selectedKeys);\r\n };\r\n\r\n const onSearchBoxSearch = (searchValue?: string) => {\r\n setSearchValue(searchValue);\r\n searchTask(searchValue);\r\n toolbarSettings?.search?.onSearch &&\r\n toolbarSettings?.search?.onSearch(searchValue);\r\n };\r\n\r\n return ToolbarSearchBox({\r\n ...props,\r\n value: searchValue,\r\n placeholder: toolbarSettings?.search?.placeholder,\r\n onSearch: onSearchBoxSearch,\r\n });\r\n };\r\n\r\n const exportExcel = () => {\r\n const exportableDataGrid = refDataGridExportable.current?.instance?.();\r\n exportToExcel({\r\n gridComponent: exportableDataGrid,\r\n baseFileName: toolbarSettings?.export?.fileName,\r\n selectedText: toolbarSettings?.export?.selectedText,\r\n getSummary: () => \"\",\r\n selectedRowsOnly: false,\r\n activeText: toolbarSettings?.export?.activeText ?? \"Active\",\r\n passiveText: toolbarSettings?.export?.passiveText ?? \"Passive\",\r\n });\r\n };\r\n\r\n const exportPdf = () => {\r\n const exportableTimelineTable = refGanttExportable.current?.instance?.();\r\n exportGanttToPdf({\r\n component: exportableTimelineTable,\r\n createDocumentMethod: (args) => new jsPDF(args),\r\n format: toolbarSettings?.export?.pdf.documentFormat?.toLowerCase() ?? \"auto\",\r\n landscape: true,\r\n exportMode: \"all\",\r\n dateRange: \"all\",\r\n font: {\r\n fontObject: font as any,\r\n name: \"Manrope-Medium\"\r\n }\r\n })\r\n .then((doc) => doc.save(getExportFileName()))\r\n .finally(() => exportableTimelineTable.repaint());\r\n };\r\n\r\n const getExportFileName = () => {\r\n const now = new Date();\r\n const datePart = `${(\"0\" + now.getDate()).slice(-2)}-${(\r\n \"0\" +\r\n (now.getMonth() + 1)\r\n ).slice(-2)}-${now.getFullYear()}`;\r\n const timePart = `${(\"0\" + now.getHours()).slice(-2)}:${(\r\n \"0\" + now.getMinutes()\r\n ).slice(-2)}`;\r\n return `${\r\n toolbarSettings?.export?.fileName ?? \"Timeline\"\r\n }-${datePart}-${timePart}.pdf`;\r\n };\r\n\r\n const exportedColumns = useMemo(() => {\r\n const newExportedColumns: IOdsTimelineTableColumnProps[] = [];\r\n const exportableColumns = columnList.filter(\r\n (item) => item.visible != false && item.allowExporting != false\r\n );\r\n const isResizableColumn = (item: IOdsTimelineTableColumnProps) =>\r\n exportableTasks.length > 0 &&\r\n item.width === undefined &&\r\n item.dataType != \"boolean\" &&\r\n item.dataType != \"date\" &&\r\n item.dataType != \"datetime\" &&\r\n !item.isCheckboxColumn &&\r\n !item.isStatusColumn;\r\n const getNewWidth = (item: IOdsTimelineTableColumnProps) => {\r\n if (item.dataField === undefined \|\| item.dataField == \"\") {\r\n return item.width;\r\n }\r\n const maxLength = findMaxDataLength(exportableTasks, item.dataField);\r\n return maxLength <= 10 ? 100 : maxLength * 10;\r\n };\r\n _.forEach(exportableColumns, (item) => {\r\n const col: IOdsTimelineTableColumnProps = {\r\n ...item,\r\n dataType: item.dataType === \"date\" \|\| item.dataType === \"datetime\" ? \"string\" : item.dataType,\r\n cssClass: \"cellCenteredVertically\",\r\n width: isResizableColumn(item)\r\n ? getNewWidth(item)\r\n : getStaticColumnWidth(item),\r\n };\r\n newExportedColumns.push(col);\r\n });\r\n return newExportedColumns;\r\n }, [exportableTasks, columnList]);\r\n\r\n useImperativeHandle(ref, () => {\r\n return {\r\n getSelectedRowsData,\r\n getSortedColumns,\r\n customClearSorting,\r\n };\r\n });\r\n\r\n return (\r\n <div className={styles.wrapper}>\r\n <Gantt\r\n key={\"OdsTimelineTable\"}\r\n width={\"100%\"}\r\n height={500}\r\n startDateRange={getTimelineStartDate()}\r\n endDateRange={getTimelineEndDate()}\r\n taskContentRender={(params) => (\r\n <OdsTimelineTableTaskTemplate {...params} />\r\n )}\r\n {...props}\r\n ref={refGantt}\r\n sorting={{\r\n mode: sortingMode,\r\n showSortIndexes: false,\r\n }}\r\n >\r\n <HeaderFilter visible allowSearch={true} allowSelectAll={true} />\r\n <FilterRow visible />\r\n {toolbarSettings?.visible ? (\r\n <Toolbar>\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_DateFilter\"}\r\n visible={toolbarSettings?.dateFilterVisible}\r\n location={toolbarSettings?.location}\r\n component={(props) =>\r\n OdsTimelineTableDateFilter({\r\n ...props,\r\n defaultStartDate: startDate,\r\n defaultEndDate: endDate,\r\n onFilterRangeChange: onTimelineDateRangeChange,\r\n })\r\n }\r\n ></Item>\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_Search\"}\r\n visible={toolbarSettings?.search?.visible}\r\n location={toolbarSettings?.location}\r\n component={searchBoxComponent}\r\n />\r\n {toolbarSettings?.zoomVisible && (\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_ZoomIn\"}\r\n visible={toolbarSettings?.zoomVisible}\r\n name=\"zoomIn\"\r\n location={toolbarSettings?.location}\r\n />\r\n )}\r\n {toolbarSettings?.zoomVisible && (\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_ZoomOut\"}\r\n visible={toolbarSettings?.zoomVisible}\r\n name=\"zoomOut\"\r\n location={toolbarSettings?.location}\r\n />\r\n )}\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_Export\"}\r\n visible={toolbarSettings?.export?.visible}\r\n location={toolbarSettings?.location}\r\n widget=\"dxMenu\"\r\n options={{\r\n items: [{\r\n icon: \"export\",\r\n items: [{\r\n text: toolbarSettings?.export?.pdf?.title ?? \"Export to Pdf\",\r\n icon: \"exportpdf\",\r\n onClick: () => {\r\n if (exportableTasks.length > 0) {\r\n exportPdf();\r\n }\r\n else {\r\n OdsNotification({\r\n title: \"\",\r\n content: toolbarSettings?.export?.messages?.noRecord ?? \"No record\",\r\n type: \"warning\",\r\n placement: \"bottom\",\r\n });\r\n }\r\n }\r\n },\r\n {\r\n text: toolbarSettings?.export?.excel?.title ?? \"Export to Excel\",\r\n icon: \"exportxlsx\",\r\n onClick: () => {\r\n if (exportableTasks.length > 0) {\r\n exportExcel();\r\n }\r\n else {\r\n OdsNotification({\r\n title: \"\",\r\n content: toolbarSettings?.export?.messages?.noRecord ?? \"No record\",\r\n type: \"warning\",\r\n placement: \"bottom\",\r\n });\r\n }\r\n }\r\n }]\r\n }]\r\n }}\r\n />\r\n <Item\r\n key={\"OdsTimelineTable_ToolbarItem_ColumChooser\"}\r\n visible={toolbarSettings?.columnChooser?.visible}\r\n location={toolbarSettings?.location}\r\n component={(props) =>\r\n OdsTimelineTableColumnChooser({\r\n ...props,\r\n open: columnChooserOpen,\r\n onVisibilityChanged: (visible) => setColumnChooserOpen(visible),\r\n title:\r\n toolbarSettings?.columnChooser?.title ?? \"Column Chooser\",\r\n selectAllText:\r\n toolbarSettings?.columnChooser?.selectAllText ??\r\n \"Select All\",\r\n items: columnList\r\n .filter(\r\n (item) =>\r\n item.caption !== undefined && item.caption !== \"\"\r\n )\r\n .map((item) => ({columnCaption: item.caption, columnName: item.name, visible: item.visible})),\r\n onSelection: onColumnChooserSelection,\r\n })\r\n }\r\n />\r\n </Toolbar>\r\n ) : (\r\n \"\"\r\n )}\r\n <ContextMenu enabled={false} />\r\n {timelineColumns?.map((columnProps, index) => {\r\n if (columnProps.isStatusColumn) {\r\n return (\r\n <Column\r\n key={`OdsTimelineColumn_Status_${index}`}\r\n width={50}\r\n minWidth={50}\r\n cssClass=\"cellCenteredVertically\"\r\n cellComponent={statusCellComponent}\r\n headerCellComponent={minimalHeaderCellComponent}\r\n {...columnProps}\r\n />\r\n );\r\n } else if (columnProps.isCheckboxColumn) {\r\n return (\r\n <Column\r\n key={`OdsTimelineColumn_Checkbox_${index}`}\r\n width={50}\r\n minWidth={50}\r\n cssClass=\"cellCenteredVertically\"\r\n cellComponent={checkboxCellComponent}\r\n headerCellComponent={minimalHeaderCellComponent}\r\n allowSorting={false}\r\n {...columnProps}\r\n />\r\n );\r\n } else {\r\n return (\r\n <Column\r\n key={`OdsTimelineColumn_${index}`}\r\n headerCellComponent={(props) =>\r\n customHeaderCellComponent(props)\r\n }\r\n {...columnProps}\r\n />\r\n );\r\n }\r\n })}\r\n {actionColumnSettings.actionColumnEnable != false ? (\r\n <Column\r\n key={\"OdsTimelineColumn_Actions\"}\r\n width={100}\r\n {...actionColumnProps}\r\n caption={actionColumnSettings.actionButtonGroupCaption}\r\n cssClass=\"actionButtonGroupCell\"\r\n cellRender={(cellData) =>\r\n actionCellRender(cellData, props, actionButtons)\r\n }\r\n />\r\n ) : (\r\n \"\"\r\n )}\r\n <Tasks dataSource={timelineTasks}></Tasks>\r\n {children}\r\n <Sorting mode={sortingMode} showSortIndexes={showSortIndexes} />\r\n </Gantt>\r\n <Gantt\r\n {...props}\r\n startDateRange={getTimelineStartDate()}\r\n endDateRange={getTimelineEndDate()}\r\n width={0}\r\n height={0}\r\n ref={refGanttExportable}\r\n key={\"OdsTimelineTable_Export\"}\r\n >\r\n {exportedColumns.map((columnProps, index) => (\r\n <Column {...columnProps} key={`TimelineTable_ExportPdfColumn_${index}`} />\r\n ))}\r\n <Tasks dataSource={exportableTasks}></Tasks>\r\n {children}\r\n </Gantt>\r\n <DataGrid\r\n key={\"DataGrid_Export\"}\r\n ref={refDataGridExportable}\r\n className=\"odsTimelineTable-ExportDataGrid\"\r\n width={0}\r\n height={0}\r\n dataSource={exportableTasks}\r\n >\r\n {exportedColumns.map((columnProps, index) => (\r\n <DataGridColumn {...columnProps} key={`TimelineTable_ExportExcelColumn_${index}`} />\r\n ))}\r\n <Export\r\n key={\"DataGrid_Export\"}\r\n enabled={true}\r\n allowExportSelectedData={true}\r\n formats={exportFormats}\r\n />\r\n </DataGrid>\r\n </div>\r\n );\r\n});\r\n\r\nexport default OdsTimelineTable;"],"names":["OdsTimelineTable","forwardRef","props","ref","customColumns","customTasks","customTaskKey","customSelectedKeys","children","startDateRange","endDateRange","multiSelectionEnabled","sorting","sortingProcess","toolbarSettings","actionColumnSettings","onCustomSelectionChanged","onDateRangeChange","onSortingChanged","refGantt","useRef","refGanttExportable","refDataGridExportable","startDate","setStartDate","useState","Constants","endDate","setEndDate","timelineTasks","setTimelineTasks","exportableTasks","setExportableTasks","selectedKeys","setSelectedKeys","searchValue","setSearchValue","sortingChangeEventProps","setSortingChangeEventProps","columnList","setColumnList","unvisibleColumnNames","item","columnChooserOpen","setColumnChooserOpen","originalSortingMode","sortingMode","showSortIndexes","sortingActive","useEffect","prepareTimelineTasks","updateExportableTasks","getTimelineStartDate","newSD","getTimelineEndDate","newED","dayjs","actionButtons","useMemo","result","_","row","key","getTranslatedValue","tasks","mapSelectedKeys","mapCustomTask","getSelectedRowsData","customClearSorting","prev","getSortedColumns","updateSelectionData","keyValue","isSelected","newSelectedKeys","timelineColumns","OdsTimelineSelectionColumn","minimalHeaderCellComponent","data","customHeaderCellComponent","isMinimized","_isMinimized","jsxs","e","onSorting","EnumSortingMode","onRemoveSorting","jsx","getSortIcon","column","sortingFieldName","getSortingFieldName","sortedColumn","UpArrow2Icon","DownArrow2Icon","headerCellProps","prevSortIndex","newSortedColumn","newSortedColumns","onTimelineDateRangeChange","onColumnChooserSelection","items","_visibleColumns","uniqueRecords","x","searchBoxComponent","filterInAllFields","fields","index","searchTask","filteredTasks","onSearchBoxSearch","ToolbarSearchBox","exportExcel","exportableDataGrid","exportToExcel","exportPdf","exportableTimelineTable","exportGanttToPdf","args","jsPDF","font","doc","getExportFileName","now","datePart","timePart","exportedColumns","newExportedColumns","exportableColumns","isResizableColumn","getNewWidth","maxLength","findMaxDataLength","col","getStaticColumnWidth","useImperativeHandle","styles","Gantt","params","OdsTimelineTableTaskTemplate","HeaderFilter","FilterRow","Toolbar","Item","OdsTimelineTableDateFilter","OdsNotification","OdsTimelineTableColumnChooser","visible","ContextMenu","columnProps","Column","statusCellComponent","checkboxCellComponent","actionColumnProps","cellData","actionCellRender","Tasks","Sorting","createElement","DataGrid","DataGridColumn","Export","exportFormats"],"mappings":"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"}

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.module.scss.js ADDED Viewed

@@ -0,0 +1,26 @@
+const o = "OdsTimelineTable-module__taskBar___sz8bO", e = "OdsTimelineTable-module__taskProgress___9HuI9", s = "OdsTimelineTable-module__taskBarTitle___XgvGE", l = "OdsTimelineTable-module__searchBoxIcon___pA-H1", _ = "OdsTimelineTable-module__columnChooserPopup___L0iqC", n = "OdsTimelineTable-module__columnChooserHeader___ci77O", r = "OdsTimelineTable-module__columnChooserCloseButton___WPt-8", c = "OdsTimelineTable-module__columnChooserDivider___KVPzI", m = "OdsTimelineTable-module__columnChooserCheckbox___3QteG", a = "OdsTimelineTable-module__columnChooserSearchbox___W8FRJ", u = {
+  taskBar: o,
+  taskProgress: e,
+  taskBarTitle: s,
+  searchBoxIcon: l,
+  columnChooserPopup: _,
+  columnChooserHeader: n,
+  columnChooserCloseButton: r,
+  columnChooserDivider: c,
+  columnChooserCheckbox: m,
+  columnChooserSearchbox: a
+};
+export {
+  m as columnChooserCheckbox,
+  r as columnChooserCloseButton,
+  c as columnChooserDivider,
+  n as columnChooserHeader,
+  _ as columnChooserPopup,
+  a as columnChooserSearchbox,
+  u as default,
+  l as searchBoxIcon,
+  o as taskBar,
+  s as taskBarTitle,
+  e as taskProgress
+};
+//# sourceMappingURL=OdsTimelineTable.module.scss.js.map

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"OdsTimelineTable.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTableColumnChooser.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import w, { useState as r, useMemo as B } from "react";
-import { o as D } from "../../../_virtual/index2.js";
+import { o as D } from "../../../_virtual/index.js";
 import { Button as I } from "devextreme-react/button";
 import $ from "../../../_virtual/lodash.js";
 import { uniqueRecords as N } from "../../../utils/commonFunctions.js";
 import _ from "../../antd/checkbox/OdsCheckbox.js";
 import j from "../../antd/input/OdsInput.js";
-import { useStyles as E } from "./OdsTimelineTable.Style.js";
+import E from "./OdsTimelineTable.module.scss.js";
 import P from "../../../node_modules/antd/es/divider/index.js";
 import R from "../../../node_modules/antd/es/popover/index.js";
 const U = (n) => {
-  const { styles: s } = E(), a = n.items.filter((e) => e.visible !== !1), [u, C] = r(n.open), [i, O] = r(n.items), [c, d] = r(a), S = (e) => {
+  const s = E, a = n.items.filter((e) => e.visible !== !1), [u, C] = r(n.open), [i, O] = r(n.items), [c, d] = r(a), S = (e) => {
     let o = [];
     e != null && e !== "" ? o = i.filter(
       (l) => l.columnCaption.toLocaleLowerCase().includes(e.toLocaleLowerCase())

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTableColumnChooser.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OdsTimelineTableColumnChooser.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTableColumnChooser.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\r\nimport { Divider, Popover } from \"antd\";\r\nimport { CrossIcon } from \"ods-icon/react/24/outline\";\r\nimport { Button } from \"devextreme-react/button\";\r\nimport _ from \"lodash\";\r\n\r\nimport { uniqueRecords } from \"../../../utils/commonFunctions\";\r\nimport OdsCheckbox from \"../../antd/checkbox/OdsCheckbox\";\r\nimport OdsInput from \"../../antd/input/OdsInput\";\r\n\r\nimport { IOdsTimelineTableColumnChooserItemProps, IOdsTimelineTableColumnChooserProps } from \"./OdsTimelineTable.Types\";\r\nimport { useStyles } from \"./OdsTimelineTable.Style\";\r\n\r\nconst OdsTimelineTableColumnChooser = (\r\n props: IOdsTimelineTableColumnChooserProps\r\n) => {\r\n const { styles: timelineTableStyles } = useStyles();\r\n\r\n const initialSelectedColumns = props.items.filter(item => item.visible !== false);\r\n\r\n const [open, setOpen] = useState<boolean>(props.open);\r\n const [columns, setColumns] = useState<IOdsTimelineTableColumnChooserItemProps[]>(props.items);\r\n const [selectedColumns, setSelectedColumns] = useState<IOdsTimelineTableColumnChooserItemProps[]>(initialSelectedColumns);\r\n\r\n const filterColumns = (searchValue) => {\r\n let _columns: IOdsTimelineTableColumnChooserItemProps[] = [];\r\n if (\r\n searchValue !== undefined &&\r\n searchValue !== null &&\r\n searchValue !== \"\"\r\n ) {\r\n _columns = columns.filter((item) =>\r\n item.columnCaption.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase())\r\n );\r\n } else {\r\n _columns = props.items;\r\n }\r\n setColumns(_columns);\r\n updateSelectAll({ columnList: _columns });\r\n };\r\n\r\n const selectAllChanged = (isSelected) => {\r\n setSelectAll(isSelected);\r\n let newSelectedColumns: IOdsTimelineTableColumnChooserItemProps[] = [];\r\n if (isSelected) {\r\n newSelectedColumns = [...selectedColumns, ...columns].filter(\r\n uniqueRecords\r\n );\r\n } else {\r\n newSelectedColumns = selectedColumns.filter(\r\n (item) => !columns.some((x) => x.columnName === item.columnName)\r\n );\r\n }\r\n setSelectedColumns(newSelectedColumns);\r\n props.onSelection &&\r\n props.onSelection(columns.map(item => item.columnName), isSelected);\r\n };\r\n\r\n const selectChanged = (isSelected, column) => {\r\n let newSelectedColumns: IOdsTimelineTableColumnChooserItemProps[] = [];\r\n if (isSelected) {\r\n newSelectedColumns = [...selectedColumns, column].filter(\r\n uniqueRecords\r\n );\r\n } else {\r\n newSelectedColumns = selectedColumns.filter(\r\n (item) => item.columnName !== column.columnName\r\n );\r\n }\r\n setSelectedColumns(newSelectedColumns);\r\n updateSelectAll({ selectedColumnList: newSelectedColumns });\r\n props.onSelection &&\r\n props.onSelection([column.columnName], isSelected);\r\n };\r\n\r\n const updateSelectAll = (params?: {\r\n columnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n selectedColumnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n }) => {\r\n const {columnList, selectedColumnList} = params;\r\n setSelectAll(isAllSelected({columnList, selectedColumnList}));\r\n };\r\n\r\n const isSelected = (columnName) =>\r\n selectedColumns.some((item) => item.columnName === columnName);\r\n\r\n const isAllSelected = (params?: {\r\n columnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n selectedColumnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n }) => {\r\n const _columns = params?.columnList ?? columns;\r\n const _selectedColumns = params?.selectedColumnList ?? selectedColumns;\r\n\r\n let _result = true;\r\n _.forEach(_columns, (_column) => {\r\n if (!_selectedColumns.some((_selectedColumn) => _selectedColumn.columnName === _column.columnName)) {\r\n _result = false;\r\n return;\r\n }\r\n });\r\n return _result;\r\n };\r\n\r\n const [selectAll, setSelectAll] = useState<boolean>(isAllSelected({columnList: props.items, selectedColumnList: initialSelectedColumns}));\r\n\r\n const content = useMemo(() => (\r\n <div key={\"OdsTimelineTableColumnChooser_content\"} className={timelineTableStyles.columnChooserPopup}>\r\n <div key={\"OdsTimelineTableColumnChooser_header\"} className={timelineTableStyles.columnChooserHeader}>\r\n <span key={\"OdsTimelineTableColumnChooser_title\"}>{props.title}</span>\r\n <span key={\"OdsTimelineTableColumnChooser_closebutton\"} className={timelineTableStyles.columnChooserCloseButton}>\r\n <CrossIcon\r\n style={{ cursor: \"pointer\" }}\r\n onClick={() => {\r\n setOpen(false);\r\n props.onVisibilityChanged && props.onVisibilityChanged(false);\r\n }}\r\n />\r\n </span>\r\n </div>\r\n <OdsInput\r\n key={`OdsTimelineTableColumnChooser_OdsSearch`}\r\n prefix={\r\n <span\r\n className={`dx-icon-search ${timelineTableStyles.searchBoxIcon}`}\r\n />\r\n }\r\n className={timelineTableStyles.columnChooserSearchbox}\r\n onChange={(e) => filterColumns(e.target.value)}\r\n />\r\n <OdsCheckbox\r\n key={\"OdsTimelineTableColumnChooser_SelectAll\"}\r\n className={timelineTableStyles.columnChooserCheckbox}\r\n checked={selectAll}\r\n onChange={(e) => selectAllChanged(e.target.checked)}\r\n >\r\n {props.selectAllText}\r\n </OdsCheckbox>\r\n <Divider key={\"OdsTimelineTableColumnChooser_Divider\"} className={timelineTableStyles.columnChooserDivider} />\r\n {columns.map((_column, index) => {\r\n return (\r\n <div key={`OdsTimelineTableColumnChooser_columns_item_${index}`}>\r\n <OdsCheckbox\r\n key={`OdsTimelineTableColumnChooser_OdsCheckbox_${index}`}\r\n className={timelineTableStyles.columnChooserCheckbox}\r\n checked={isSelected(_column.columnName)}\r\n onChange={(e) => selectChanged(e.target.checked, _column)}\r\n >\r\n {_column.columnCaption}\r\n </OdsCheckbox>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n ), [open, columns]);\r\n\r\n return (\r\n <React.Fragment>\r\n <Popover open={open} content={content}>\r\n <Button icon=\"columnchooser\" onClick={() => {\r\n setOpen(true);\r\n props.onVisibilityChanged && props.onVisibilityChanged(true);\r\n }}></Button>\r\n </Popover>\r\n </React.Fragment>\r\n );\r\n};\r\n\r\nexport default OdsTimelineTableColumnChooser;\r\n"],"names":["OdsTimelineTableColumnChooser","props","timelineTableStyles","useStyles","initialSelectedColumns","item","open","setOpen","useState","columns","setColumns","selectedColumns","setSelectedColumns","filterColumns","searchValue","_columns","updateSelectAll","selectAllChanged","isSelected","setSelectAll","newSelectedColumns","uniqueRecords","x","selectChanged","column","params","columnList","selectedColumnList","isAllSelected","columnName","_selectedColumns","_result","_","_column","_selectedColumn","selectAll","content","useMemo","jsxs","jsx","CrossIcon","OdsInput","OdsCheckbox","Divider","index","e","React","Popover","Button"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAgC,CACpCC,MACG;AACH,QAAM,EAAE,QAAQC,EAAA,IAAwBC,EAAA,GAElCC,IAAyBH,EAAM,MAAM,OAAO,CAAAI,MAAQA,EAAK,YAAY,EAAK,GAE1E,CAACC,GAAMC,CAAO,IAAIC,EAAkBP,EAAM,IAAI,GAC9C,CAACQ,GAASC,CAAU,IAAIF,EAAoDP,EAAM,KAAK,GACvF,CAACU,GAAiBC,CAAkB,IAAIJ,EAAoDJ,CAAsB,GAElHS,IAAgB,CAACC,MAAgB;AACrC,QAAIC,IAAsD,CAAA;AAC1D,IAEED,KAAgB,QAChBA,MAAgB,KAEhBC,IAAWN,EAAQ;AAAA,MAAO,CAACJ,MACzBA,EAAK,cAAc,oBAAoB,SAASS,EAAY,kBAAA,CAAmB;AAAA,IAAA,IAGjFC,IAAWd,EAAM,OAEnBS,EAAWK,CAAQ,GACnBC,EAAgB,EAAE,YAAYD,GAAU;AAAA,EAC1C,GAEME,IAAmB,CAACC,MAAe;AACvC,IAAAC,EAAaD,CAAU;AACvB,QAAIE,IAAgE,CAAA;AACpE,IAAIF,IACFE,IAAqB,CAAC,GAAGT,GAAiB,GAAGF,CAAO,EAAE;AAAA,MACpDY;AAAA,IAAA,IAGFD,IAAqBT,EAAgB;AAAA,MACnC,CAACN,MAAS,CAACI,EAAQ,KAAK,CAACa,MAAMA,EAAE,eAAejB,EAAK,UAAU;AAAA,IAAA,GAGnEO,EAAmBQ,CAAkB,GACrCnB,EAAM,eACJA,EAAM,YAAYQ,EAAQ,IAAI,CAAAJ,MAAQA,EAAK,UAAU,GAAGa,CAAU;AAAA,EACtE,GAEMK,IAAgB,CAACL,GAAYM,MAAW;AAC5C,QAAIJ,IAAgE,CAAA;AACpE,IAAIF,IACFE,IAAqB,CAAC,GAAGT,GAAiBa,CAAM,EAAE;AAAA,MAChDH;AAAA,IAAA,IAGFD,IAAqBT,EAAgB;AAAA,MACnC,CAACN,MAASA,EAAK,eAAemB,EAAO;AAAA,IAAA,GAGzCZ,EAAmBQ,CAAkB,GACrCJ,EAAgB,EAAE,oBAAoBI,GAAoB,GAC1DnB,EAAM,eACJA,EAAM,YAAY,CAACuB,EAAO,UAAU,GAAGN,CAAU;AAAA,EACrD,GAEMF,IAAkB,CAACS,MAGnB;AACJ,UAAM,EAAC,YAAAC,GAAY,oBAAAC,EAAA,IAAsBF;AACzC,IAAAN,EAAaS,EAAc,EAAC,YAAAF,GAAY,oBAAAC,EAAA,CAAmB,CAAC;AAAA,EAC9D,GAEMT,IAAa,CAACW,MAClBlB,EAAgB,KAAK,CAACN,MAASA,EAAK,eAAewB,CAAU,GAEzDD,IAAgB,CAACH,MAGjB;AACJ,UAAMV,IAAWU,GAAQ,cAAchB,GACjCqB,IAAmBL,GAAQ,sBAAsBd;AAEvD,QAAIoB,IAAU;AACd,WAAAC,EAAE,QAAQjB,GAAU,CAACkB,MAAY;AAC/B,UAAI,CAACH,EAAiB,KAAK,CAACI,MAAoBA,EAAgB,eAAeD,EAAQ,UAAU,GAAG;AAClG,QAAAF,IAAU;AACV;AAAA,MACF;AAAA,IACF,CAAC,GACMA;AAAA,EACT,GAEM,CAACI,GAAWhB,CAAY,IAAIX,EAAkBoB,EAAc,EAAC,YAAY3B,EAAM,OAAO,oBAAoBG,EAAA,CAAuB,CAAC,GAElIgC,IAAUC,EAAQ,wBACrB,OAAA,EAAkD,WAAWnC,EAAoB,oBAChF,UAAA;AAAA,IAAA,gBAAAoC,EAAC,OAAA,EAAiD,WAAWpC,EAAoB,qBAC/E,UAAA;AAAA,MAAA,gBAAAqC,EAAC,QAAA,EAAkD,UAAAtC,EAAM,MAAA,GAA9C,qCAAoD;AAAA,MAC/D,gBAAAsC,EAAC,QAAA,EAAuD,WAAWrC,EAAoB,0BACrF,UAAA,gBAAAqC;AAAA,QAACC,EAAAA;AAAAA,QAAA;AAAA,UACC,OAAO,EAAE,QAAQ,UAAA;AAAA,UACjB,SAAS,MAAM;AACb,YAAAjC,EAAQ,EAAK,GACbN,EAAM,uBAAuBA,EAAM,oBAAoB,EAAK;AAAA,UAC9D;AAAA,QAAA;AAAA,MAAA,KANO,2CAQX;AAAA,IAAA,EAAA,GAVQ,sCAWV;AAAA,IACA,gBAAAsC;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,QACE,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,kBAAkBrC,EAAoB,aAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlE,WAAWA,EAAoB;AAAA,QAC/B,UAAU,CAAC,MAAMW,EAAc,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,MAPxC;AAAA,IAAA;AAAA,IASP,gBAAA0B;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,WAAWxC,EAAoB;AAAA,QAC/B,SAASiC;AAAA,QACT,UAAU,CAAC,MAAMlB,EAAiB,EAAE,OAAO,OAAO;AAAA,QAEjD,UAAAhB,EAAM;AAAA,MAAA;AAAA,MALF;AAAA,IAAA;AAAA,IAOP,gBAAAsC,EAACI,GAAA,EAAsD,WAAWzC,EAAoB,wBAAxE,uCAA8F;AAAA,IAC3GO,EAAQ,IAAI,CAACwB,GAASW,wBAElB,OAAA,EACC,UAAA,gBAAAL;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,WAAWxC,EAAoB;AAAA,QAC/B,SAASgB,EAAWe,EAAQ,UAAU;AAAA,QACtC,UAAU,CAACY,MAAMtB,EAAcsB,EAAE,OAAO,SAASZ,CAAO;AAAA,QAEvD,UAAAA,EAAQ;AAAA,MAAA;AAAA,MALJ,6CAA6CW,CAAK;AAAA,IAAA,EAMzD,GARQ,8CAA8CA,CAAK,EAS7D,CAEH;AAAA,EAAA,EAAA,GA7CO,uCA8CV,GACC,CAACtC,GAAMG,CAAO,CAAC;AAElB,SACE,gBAAA8B,EAACO,EAAM,UAAN,EACC,UAAA,gBAAAP,EAACQ,GAAA,EAAQ,MAAAzC,GAAY,SAAA8B,GACnB,UAAA,gBAAAG,EAACS,GAAA,EAAO,MAAK,iBAAgB,SAAS,MAAM;AAC1C,IAAAzC,EAAQ,EAAI,GACZN,EAAM,uBAAuBA,EAAM,oBAAoB,EAAI;AAAA,EAC3D,EAAA,CAAG,GACP,GACF;AAEJ;"}
1	+ {"version":3,"file":"OdsTimelineTableColumnChooser.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTableColumnChooser.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\r\nimport { Divider, Popover } from \"antd\";\r\nimport { CrossIcon } from \"ods-icon/react/24/outline\";\r\nimport { Button } from \"devextreme-react/button\";\r\nimport _ from \"lodash\";\r\n\r\nimport { uniqueRecords } from \"../../../utils/commonFunctions\";\r\nimport OdsCheckbox from \"../../antd/checkbox/OdsCheckbox\";\r\nimport OdsInput from \"../../antd/input/OdsInput\";\r\n\r\nimport { IOdsTimelineTableColumnChooserItemProps, IOdsTimelineTableColumnChooserProps } from \"./OdsTimelineTable.Types\";\r\nimport styles from \"./OdsTimelineTable.module.scss\";\r\n\r\nconst OdsTimelineTableColumnChooser = (\r\n props: IOdsTimelineTableColumnChooserProps\r\n) => {\r\n const timelineTableStyles = styles;\r\n\r\n const initialSelectedColumns = props.items.filter(item => item.visible !== false);\r\n\r\n const [open, setOpen] = useState<boolean>(props.open);\r\n const [columns, setColumns] = useState<IOdsTimelineTableColumnChooserItemProps[]>(props.items);\r\n const [selectedColumns, setSelectedColumns] = useState<IOdsTimelineTableColumnChooserItemProps[]>(initialSelectedColumns);\r\n\r\n const filterColumns = (searchValue) => {\r\n let _columns: IOdsTimelineTableColumnChooserItemProps[] = [];\r\n if (\r\n searchValue !== undefined &&\r\n searchValue !== null &&\r\n searchValue !== \"\"\r\n ) {\r\n _columns = columns.filter((item) =>\r\n item.columnCaption.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase())\r\n );\r\n } else {\r\n _columns = props.items;\r\n }\r\n setColumns(_columns);\r\n updateSelectAll({ columnList: _columns });\r\n };\r\n\r\n const selectAllChanged = (isSelected) => {\r\n setSelectAll(isSelected);\r\n let newSelectedColumns: IOdsTimelineTableColumnChooserItemProps[] = [];\r\n if (isSelected) {\r\n newSelectedColumns = [...selectedColumns, ...columns].filter(\r\n uniqueRecords\r\n );\r\n } else {\r\n newSelectedColumns = selectedColumns.filter(\r\n (item) => !columns.some((x) => x.columnName === item.columnName)\r\n );\r\n }\r\n setSelectedColumns(newSelectedColumns);\r\n props.onSelection &&\r\n props.onSelection(columns.map(item => item.columnName), isSelected);\r\n };\r\n\r\n const selectChanged = (isSelected, column) => {\r\n let newSelectedColumns: IOdsTimelineTableColumnChooserItemProps[] = [];\r\n if (isSelected) {\r\n newSelectedColumns = [...selectedColumns, column].filter(\r\n uniqueRecords\r\n );\r\n } else {\r\n newSelectedColumns = selectedColumns.filter(\r\n (item) => item.columnName !== column.columnName\r\n );\r\n }\r\n setSelectedColumns(newSelectedColumns);\r\n updateSelectAll({ selectedColumnList: newSelectedColumns });\r\n props.onSelection &&\r\n props.onSelection([column.columnName], isSelected);\r\n };\r\n\r\n const updateSelectAll = (params?: {\r\n columnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n selectedColumnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n }) => {\r\n const {columnList, selectedColumnList} = params;\r\n setSelectAll(isAllSelected({columnList, selectedColumnList}));\r\n };\r\n\r\n const isSelected = (columnName) =>\r\n selectedColumns.some((item) => item.columnName === columnName);\r\n\r\n const isAllSelected = (params?: {\r\n columnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n selectedColumnList?: IOdsTimelineTableColumnChooserItemProps[];\r\n }) => {\r\n const _columns = params?.columnList ?? columns;\r\n const _selectedColumns = params?.selectedColumnList ?? selectedColumns;\r\n\r\n let _result = true;\r\n _.forEach(_columns, (_column) => {\r\n if (!_selectedColumns.some((_selectedColumn) => _selectedColumn.columnName === _column.columnName)) {\r\n _result = false;\r\n return;\r\n }\r\n });\r\n return _result;\r\n };\r\n\r\n const [selectAll, setSelectAll] = useState<boolean>(isAllSelected({columnList: props.items, selectedColumnList: initialSelectedColumns}));\r\n\r\n const content = useMemo(() => (\r\n <div key={\"OdsTimelineTableColumnChooser_content\"} className={timelineTableStyles.columnChooserPopup}>\r\n <div key={\"OdsTimelineTableColumnChooser_header\"} className={timelineTableStyles.columnChooserHeader}>\r\n <span key={\"OdsTimelineTableColumnChooser_title\"}>{props.title}</span>\r\n <span key={\"OdsTimelineTableColumnChooser_closebutton\"} className={timelineTableStyles.columnChooserCloseButton}>\r\n <CrossIcon\r\n style={{ cursor: \"pointer\" }}\r\n onClick={() => {\r\n setOpen(false);\r\n props.onVisibilityChanged && props.onVisibilityChanged(false);\r\n }}\r\n />\r\n </span>\r\n </div>\r\n <OdsInput\r\n key={`OdsTimelineTableColumnChooser_OdsSearch`}\r\n prefix={\r\n <span\r\n className={`dx-icon-search ${timelineTableStyles.searchBoxIcon}`}\r\n />\r\n }\r\n className={timelineTableStyles.columnChooserSearchbox}\r\n onChange={(e) => filterColumns(e.target.value)}\r\n />\r\n <OdsCheckbox\r\n key={\"OdsTimelineTableColumnChooser_SelectAll\"}\r\n className={timelineTableStyles.columnChooserCheckbox}\r\n checked={selectAll}\r\n onChange={(e) => selectAllChanged(e.target.checked)}\r\n >\r\n {props.selectAllText}\r\n </OdsCheckbox>\r\n <Divider key={\"OdsTimelineTableColumnChooser_Divider\"} className={timelineTableStyles.columnChooserDivider} />\r\n {columns.map((_column, index) => {\r\n return (\r\n <div key={`OdsTimelineTableColumnChooser_columns_item_${index}`}>\r\n <OdsCheckbox\r\n key={`OdsTimelineTableColumnChooser_OdsCheckbox_${index}`}\r\n className={timelineTableStyles.columnChooserCheckbox}\r\n checked={isSelected(_column.columnName)}\r\n onChange={(e) => selectChanged(e.target.checked, _column)}\r\n >\r\n {_column.columnCaption}\r\n </OdsCheckbox>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n ), [open, columns]);\r\n\r\n return (\r\n <React.Fragment>\r\n <Popover open={open} content={content}>\r\n <Button icon=\"columnchooser\" onClick={() => {\r\n setOpen(true);\r\n props.onVisibilityChanged && props.onVisibilityChanged(true);\r\n }}></Button>\r\n </Popover>\r\n </React.Fragment>\r\n );\r\n};\r\n\r\nexport default OdsTimelineTableColumnChooser;\r\n"],"names":["OdsTimelineTableColumnChooser","props","timelineTableStyles","styles","initialSelectedColumns","item","open","setOpen","useState","columns","setColumns","selectedColumns","setSelectedColumns","filterColumns","searchValue","_columns","updateSelectAll","selectAllChanged","isSelected","setSelectAll","newSelectedColumns","uniqueRecords","x","selectChanged","column","params","columnList","selectedColumnList","isAllSelected","columnName","_selectedColumns","_result","_","_column","_selectedColumn","selectAll","content","useMemo","jsxs","jsx","CrossIcon","OdsInput","OdsCheckbox","Divider","index","e","React","Popover","Button"],"mappings":"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"}

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTableTaskTemplate.js CHANGED Viewed

@@ -1,17 +1,19 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useStyles as o } from "./OdsTimelineTable.Style.js";
-const m = ({ taskData: s, taskSize: l }) => {
-  const { styles: e } = o({
-    progressColor: s.color,
-    progressPerc: s.progress,
-    taskWidth: l.width
-  });
-  return /* @__PURE__ */ t("div", { className: e.taskBar, children: [
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import a from "./OdsTimelineTable.module.scss.js";
+const d = ({ taskData: s, taskSize: l }) => {
+  const e = a, t = {
+    width: `${l.width ?? 0}px`
+  }, o = {
+    width: `${s.progress ?? 0}%`,
+    border: `1px solid ${s.color ?? "unset"}`,
+    backgroundColor: s.color ?? "unset"
+  };
+  return /* @__PURE__ */ i("div", { className: e.taskBar, style: t, children: [
     /* @__PURE__ */ r("span", { className: e.taskBarTitle, children: s.title }),
-    /* @__PURE__ */ r("div", { className: e.taskProgress })
+    /* @__PURE__ */ r("div", { className: e.taskProgress, style: o })
   ] });
 };
 export {
-  m as default
+  d as default
 };
 //# sourceMappingURL=OdsTimelineTableTaskTemplate.js.map

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTableTaskTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OdsTimelineTableTaskTemplate.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTableTaskTemplate.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nimport { ~~useStyles }~~ from \"./OdsTimelineTable.~~Style~~\";\r\n\r\nconst OdsTimelineTableTaskTemplate = ({ taskData, taskSize }) => {\r\n const { styles: ~~timelineTableStyles~~ } = ~~useStyles(~~{\r\n ~~progressColor~~: taskData.~~color,\~~r\n ~~progressPerc~~: taskData.~~progress,\~~r\n ~~taskWidth~~: ~~taskSize~~.~~width~~,\r\n });\r\n\r\n return (\r\n <div className={timelineTableStyles.taskBar}>\r\n <span className={timelineTableStyles.taskBarTitle}>{taskData.title}</span>\r\n <div className={timelineTableStyles.taskProgress}></div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default OdsTimelineTableTaskTemplate;\r\n"],"names":["OdsTimelineTableTaskTemplate","taskData","taskSize","timelineTableStyles","~~useStyles~~","~~jsxs~~","jsx"],"mappings":";;AAIA,MAAOA,IAA+B,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAChE,~~QAAM~~,~~EAAE~~,~~QAAQC~~,EAAA,~~IAAwBC~~,~~EAAU~~;AAAA,~~IAChD~~,~~eAAeH~~,EAAS;AAAA,~~IACxB~~,~~cAAcA~~,EAAS;AAAA,~~IACvB~~,~~WAAWC~~,EAAS;AAAA,EAAA~~,CACrB~~;~~AAED~~,~~SACE~~,~~gBAAAG,EAAC,~~OAAA,EAAI,~~WAAWF~~,EAAoB,~~SAClC~~,UAAA;AAAA,IAAA,~~gBAAAG~~,EAAC,QAAA,EAAK,~~WAAWH~~,EAAoB,cAAe,YAAS,OAAM;AAAA,~~IACnE~~,~~gBAAAG,EAAC,~~OAAA,EAAI,~~WAAWH~~,EAAoB,~~aAAA~~,~~CAAc~~;AAAA,EAAA,~~GACpD~~;AAEJ;"}
1	+ {"version":3,"file":"OdsTimelineTableTaskTemplate.js","sources":["../../../../src/components/devextreme/OdsTimelineTable/OdsTimelineTableTaskTemplate.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nimport styles from \"./OdsTimelineTable.module.scss\";\r\n\r\nconst OdsTimelineTableTaskTemplate = ({ taskData, taskSize }) => {\r\n const timelineTableStyles = styles;\r\n\r\n const dynamicTaskBarStyle = {\r\n width: `${taskSize.width ?? 0}px`,\r\n };\r\n \r\n const dynamicTaskProgressStyle = {\r\n width: `${taskData.progress ?? 0}%`,\r\n border: `1px solid ${taskData.color ?? 'unset'}`,\r\n backgroundColor: taskData.color ?? 'unset',\r\n };\r\n\r\n return (\r\n <div className={timelineTableStyles.taskBar} style={dynamicTaskBarStyle}>\r\n <span className={timelineTableStyles.taskBarTitle}>{taskData.title}</span>\r\n <div className={timelineTableStyles.taskProgress} style={dynamicTaskProgressStyle}></div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default OdsTimelineTableTaskTemplate;\r\n"],"names":["OdsTimelineTableTaskTemplate","taskData","taskSize","timelineTableStyles","styles","dynamicTaskBarStyle","dynamicTaskProgressStyle","jsx"],"mappings":";;AAIA,MAAOA,IAA+B,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAChE,QAAMC,IAAsBC,GAEtBC,IAAsB;AAAA,IAC1B,OAAO,GAAGH,EAAS,SAAS,CAAC;AAAA,EAAA,GAGzBI,IAA2B;AAAA,IAC/B,OAAO,GAAGL,EAAS,YAAY,CAAC;AAAA,IAChC,QAAQ,aAAaA,EAAS,SAAS,OAAO;AAAA,IAC9C,iBAAiBA,EAAS,SAAS;AAAA,EAAA;AAGrC,2BACG,OAAA,EAAI,WAAWE,EAAoB,SAAS,OAAOE,GAClD,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWJ,EAAoB,cAAe,YAAS,OAAM;AAAA,sBAClE,OAAA,EAAI,WAAWA,EAAoB,cAAc,OAAOG,EAAA,CAA0B;AAAA,EAAA,GACrF;AAEJ;"}