ods-component-lib 1.19.1 → 1.19.3

package/dist/components/antd/button/OdsButton.styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;

package/dist/components/antd/timepicker/OdsTimepicker.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onSelect" | "onKeyDown" | "size" | "prefix" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "format" | "showNow" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "defaultOpenValue" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "removeIcon" | "maxTagCount" | "onCalendarChange" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "mode" | "onPanelChange" | "direction" | "prefixCls" | "styles" | "classNames" | "showWeek" | "suffixIcon" | "allowClear" | "clearIcon" | "inputReadOnly" | "order" | "disabledDate" | "minDate" | "maxDate" | "defaultOpen" | "open" | "onOpenChange" | "popupAlign" | "getPopupContainer" | "placement" | "builtinPlacements" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "transitionName" | "components" | "inputRender" | "cellRender" | "dateRender" | "monthCellRender" | "showToday" | "panelRender" | "renderExtraFooter" | "bordered" | "status" | "variant" | "dropdownClassName" | "popupClassName" | "rootClassName" | "popupStyle" | "key" | "addon"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
+export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "classNames" | "styles" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onSelect" | "onKeyDown" | "size" | "prefix" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "format" | "showNow" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "defaultOpenValue" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "removeIcon" | "maxTagCount" | "onCalendarChange" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "mode" | "onPanelChange" | "direction" | "prefixCls" | "showWeek" | "suffixIcon" | "allowClear" | "clearIcon" | "inputReadOnly" | "order" | "disabledDate" | "minDate" | "maxDate" | "defaultOpen" | "open" | "onOpenChange" | "popupAlign" | "getPopupContainer" | "placement" | "builtinPlacements" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "transitionName" | "components" | "inputRender" | "cellRender" | "dateRender" | "monthCellRender" | "showToday" | "panelRender" | "renderExtraFooter" | "bordered" | "status" | "variant" | "dropdownClassName" | "popupClassName" | "rootClassName" | "popupStyle" | "key" | "addon"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
     RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<import("rc-picker").PickerRef>>;
     _InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
 }, any, {}, never>;

package/dist/components/devextreme/NoContentComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface NoListItemsProps {
     mainText: string;
     subText: string;

package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Types.d.ts

@@ -2,6 +2,7 @@ import React, { MouseEventHandler } from "react";
 import { ButtonType } from "antd/es/button/buttonHelpers";
 import { IButtonProps, IDataGridOptions, IEditingProps, IScrollingProps, ISelectionProps, ISummaryProps } from "devextreme-react/data-grid";
 import { IColumnOptions, IMasterDetailDatas, IMasterDetailFeatures } from "../OdsMasterDetailDataGrid/types";
+import { RowPreparedEvent } from "devextreme/ui/data_grid";
 export declare type SummaryTypes = "avg" | "count" | "custom" | "max" | "min" | "sum";
 export interface IMultiCellEditableDataGridProps {
     hasFastUpdate?: boolean;
@@ -58,6 +59,7 @@ export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableD
     masterDetailFeatures?: IMasterDetailFeatures;
     DetailGridComponent?: React.FC<any>;
     scrollingProps?: IScrollingProps;
+    onRowPrepared?: (e: RowPreparedEvent<any, any>) => void;
 }
 export interface ISummaryRowOptions {
     summaryLoadedDataLabel?: string;

package/dist/components/devextreme/OdsTransfer.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import 'devextreme/dist/css/dx.light.css';
-import './styles.css';
+import "devextreme/dist/css/dx.light.css";
+import "./styles.css";
 export interface Column {
     title: string;
     dataIndex: string;
@@ -48,6 +48,13 @@ interface OdsTransferProps<RecordType = any> {
     noContentMainText: string;
     noContentSubText: string;
     onTargetChange?: (selectedItems: RecordType[]) => void;
+    sourceTitle?: string;
+    TargetTitle?: string;
+    displayPageTitle?: false;
+    className?: string;
+    rootClassName?: string;
+    style?: React.CSSProperties;
+    showSearch?: boolean;
 }
 export declare const getRequestHeaders: (props: any) => Headers;
 declare const OdsTransfer: React.FC<OdsTransferProps>;

package/dist/index.js

@@ -34938,7 +34938,8 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     masterDetailFeatures = props.masterDetailFeatures,
     _props$scrollingProps = props.scrollingProps,
     scrollingProps = _props$scrollingProps === void 0 ? {} : _props$scrollingProps,
-    onContentReady = props.onContentReady;
+    onContentReady = props.onContentReady,
+    onRowPrepared = props.onRowPrepared;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _AntForm$useForm = antd.Form.useForm(),
@@ -34973,15 +34974,15 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _useState9 = React.useState(false),
     ctrlSelection = _useState9[0],
     setCtrlSelection = _useState9[1];
+  var _useState0 = React.useState(false),
+    contentReady = _useState0[0],
+    setContentReady = _useState0[1];
+  var _useState1 = React.useState(true),
+    filteredButtonCheck = _useState1[0],
+    setFilteredButtonCheck = _useState1[1];
   var _useState10 = React.useState(false),
-    contentReady = _useState10[0],
-    setContentReady = _useState10[1];
-  var _useState11 = React.useState(true),
-    filteredButtonCheck = _useState11[0],
-    setFilteredButtonCheck = _useState11[1];
-  var _useState12 = React.useState(false),
-    searchPanelApplied = _useState12[0],
-    setSearchPanelApplied = _useState12[1];
+    searchPanelApplied = _useState10[0],
+    setSearchPanelApplied = _useState10[1];
   var _useStyles = useStyles$6(),
     gridStyle = _useStyles.styles;
   React.useEffect(function () {
@@ -35616,7 +35617,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       selectAllMode: "page"
     },
     onEditorPreparing: onEditorPreparing,
-    onExporting: !props.closeGridHeader && function (e) {
+    onExporting: !props.closeGridHeader ? function (e) {
       var _props$exportProps$ac, _props$exportProps$pa;
       return ExportDataGridToExcel({
         gridComponent: e.component,
@@ -35627,7 +35628,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
         activeText: (_props$exportProps$ac = props.exportProps.activeText) != null ? _props$exportProps$ac : "Active",
         passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive"
       });
-    },
+    } : undefined,
     onRowClick: props.onRowClick,
     onEditorPrepared: onEditorPrepared,
     onSelectionChanged: props.onSelectionChanged,
@@ -35640,7 +35641,8 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     onCellHoverChanged: onCustomCellHoverChanged,
     onCellPrepared: onCustomCellPrepared,
     onOptionChanged: props.onOptionChanged || onCustomOptionChanged,
-    onToolbarPreparing: props.onToolbarPreparing || onToolbarPreparing
+    onToolbarPreparing: props.onToolbarPreparing || onToolbarPreparing,
+    onRowPrepared: onRowPrepared
   }), gridColumns.map(function (col) {
     return React__default.createElement(DataGrid.Column, Object.assign({
       key: col.dataField
@@ -55405,7 +55407,7 @@ var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$4 = antd.theme.useToken;
 var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
-  var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest10, _props$axiosRequest11, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+  var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest0, _props$axiosRequest1, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
   var _useToken = useToken$4(),
     token = _useToken.token;
   var _useState = React.useState([]),
@@ -55619,7 +55621,7 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [(_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestData, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.apiUrl, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.environmentUrl, (_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestQueryString, (_props$axiosRequest10 = props.axiosRequest) === null || _props$axiosRequest10 === void 0 ? void 0 : _props$axiosRequest10.requestType, props.pageSize, props.isServerSide]);
+  }, [(_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestData, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.apiUrl, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.environmentUrl, (_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestQueryString, (_props$axiosRequest0 = props.axiosRequest) === null || _props$axiosRequest0 === void 0 ? void 0 : _props$axiosRequest0.requestType, props.pageSize, props.isServerSide]);
   var getTotalCount = function getTotalCount(response, data) {
     if (data !== null && data !== void 0 && data.PageCount || data !== null && data !== void 0 && data.RowCount) {
       totalPageCount = data.PageCount;
@@ -55896,7 +55898,7 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }
   var onScrollEnd = React.useCallback(function () {
     getServerSide("reachedBottom");
-  }, [(_props$axiosRequest11 = props.axiosRequest) === null || _props$axiosRequest11 === void 0 ? void 0 : _props$axiosRequest11.requestData, getServerSide]);
+  }, [(_props$axiosRequest1 = props.axiosRequest) === null || _props$axiosRequest1 === void 0 ? void 0 : _props$axiosRequest1.requestData, getServerSide]);
   var handleScroll = function handleScroll(e) {
     var run = debounce_1(function (e) {
       var _scrollable$scrollTop, _scrollable$clientHei, _scrollable$scrollHei;
@@ -56972,7 +56974,7 @@ var OdsTimelineSelectionColumn = function OdsTimelineSelectionColumn(selectionEv
   return selectionColumn;
 };
 
-var _templateObject$D, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject$D, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
 var useStyles$b = antdStyle.createStyles(function (_ref, props) {
   var _props$taskWidth, _props$progressPerc, _props$progressColor;
   var css = _ref.css;
@@ -56990,8 +56992,8 @@ var useStyles$b = antdStyle.createStyles(function (_ref, props) {
     columnChooserHeader: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: center;\n      "]))),
     columnChooserCloseButton: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        flex: 1;\n        text-align: end;\n      "]))),
     columnChooserDivider: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        margin-top: 10px;\n        margin-bottom: 10px;\n      "]))),
-    columnChooserCheckbox: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "]))),
-    columnChooserSearchbox: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        ", "\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "])), searchBox)
+    columnChooserCheckbox: css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteralLoose(["\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "]))),
+    columnChooserSearchbox: css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteralLoose(["\n        ", "\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "])), searchBox)
   };
 });
 
@@ -57180,7 +57182,7 @@ var callAddFont = function callAddFont() {
 jsPDF.jsPDF.API.events.push(['addFonts', callAddFont]);
 
 var OdsTimelineTable = React.forwardRef(function (props, ref) {
-  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo12, _toolbarSettings$expo13, _toolbarSettings$expo14, _toolbarSettings$expo15, _toolbarSettings$expo19, _toolbarSettings$expo20, _toolbarSettings$expo21, _toolbarSettings$colu;
+  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo10, _toolbarSettings$expo11, _toolbarSettings$expo12, _toolbarSettings$expo13, _toolbarSettings$expo17, _toolbarSettings$expo18, _toolbarSettings$expo19, _toolbarSettings$colu;
   var customColumns = props.customColumns,
     customTasks = props.customTasks,
     customTaskKey = props.customTaskKey,
@@ -57232,9 +57234,9 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
       return item.name;
     })),
     unvisibleColumnNames = _useState9[0];
-  var _useState10 = React.useState(false),
-    columnChooserOpen = _useState10[0],
-    setColumnChooserOpen = _useState10[1];
+  var _useState0 = React.useState(false),
+    columnChooserOpen = _useState0[0],
+    setColumnChooserOpen = _useState0[1];
   var originalSortingMode = sorting.mode === undefined || sorting.mode === "" ? "none" : sorting.mode;
   var sortingMode = sortingProcess == "ServerSideSorting" ? "none" : originalSortingMode;
   var showSortIndexes = sortingProcess == "ServerSideSorting" ? false : sorting.showSortIndexes;
@@ -57534,11 +57536,11 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
     });
   };
   var getExportFileName = function getExportFileName() {
-    var _toolbarSettings$expo10, _toolbarSettings$expo11;
+    var _toolbarSettings$expo0, _toolbarSettings$expo1;
     var now = new Date();
     var datePart = ("0" + now.getDate()).slice(-2) + "-" + ("0" + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
     var timePart = ("0" + now.getHours()).slice(-2) + ":" + ("0" + now.getMinutes()).slice(-2);
-    return ((_toolbarSettings$expo10 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo11 = toolbarSettings["export"]) === null || _toolbarSettings$expo11 === void 0 ? void 0 : _toolbarSettings$expo11.fileName) != null ? _toolbarSettings$expo10 : "Timeline") + "-" + datePart + "-" + timePart + ".pdf";
+    return ((_toolbarSettings$expo0 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo1 = toolbarSettings["export"]) === null || _toolbarSettings$expo1 === void 0 ? void 0 : _toolbarSettings$expo1.fileName) != null ? _toolbarSettings$expo0 : "Timeline") + "-" + datePart + "-" + timePart + ".pdf";
   };
   var exportedColumns = React.useMemo(function () {
     var newExportedColumns = [];
@@ -57621,39 +57623,39 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
     location: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : toolbarSettings.location
   }), React__default.createElement(gantt.Item, {
     key: "OdsTimelineTable_ToolbarItem_Export",
-    visible: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo12 = toolbarSettings["export"]) === null || _toolbarSettings$expo12 === void 0 ? void 0 : _toolbarSettings$expo12.visible,
+    visible: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo10 = toolbarSettings["export"]) === null || _toolbarSettings$expo10 === void 0 ? void 0 : _toolbarSettings$expo10.visible,
     location: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : toolbarSettings.location,
     widget: "dxMenu",
     options: {
       items: [{
         icon: "export",
         items: [{
-          text: (_toolbarSettings$expo13 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo14 = toolbarSettings["export"]) === null || _toolbarSettings$expo14 === void 0 ? void 0 : (_toolbarSettings$expo15 = _toolbarSettings$expo14.pdf) === null || _toolbarSettings$expo15 === void 0 ? void 0 : _toolbarSettings$expo15.title) != null ? _toolbarSettings$expo13 : "Export to Pdf",
+          text: (_toolbarSettings$expo11 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo12 = toolbarSettings["export"]) === null || _toolbarSettings$expo12 === void 0 ? void 0 : (_toolbarSettings$expo13 = _toolbarSettings$expo12.pdf) === null || _toolbarSettings$expo13 === void 0 ? void 0 : _toolbarSettings$expo13.title) != null ? _toolbarSettings$expo11 : "Export to Pdf",
           icon: "exportpdf",
           onClick: function onClick() {
             if (exportableTasks.length > 0) {
               exportPdf();
             } else {
-              var _toolbarSettings$expo16, _toolbarSettings$expo17, _toolbarSettings$expo18;
+              var _toolbarSettings$expo14, _toolbarSettings$expo15, _toolbarSettings$expo16;
               OdsNotification({
                 title: "",
-                content: (_toolbarSettings$expo16 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo17 = toolbarSettings["export"]) === null || _toolbarSettings$expo17 === void 0 ? void 0 : (_toolbarSettings$expo18 = _toolbarSettings$expo17.messages) === null || _toolbarSettings$expo18 === void 0 ? void 0 : _toolbarSettings$expo18.noRecord) != null ? _toolbarSettings$expo16 : "No record",
+                content: (_toolbarSettings$expo14 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo15 = toolbarSettings["export"]) === null || _toolbarSettings$expo15 === void 0 ? void 0 : (_toolbarSettings$expo16 = _toolbarSettings$expo15.messages) === null || _toolbarSettings$expo16 === void 0 ? void 0 : _toolbarSettings$expo16.noRecord) != null ? _toolbarSettings$expo14 : "No record",
                 type: "warning",
                 placement: "bottom"
               });
             }
           }
         }, {
-          text: (_toolbarSettings$expo19 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo20 = toolbarSettings["export"]) === null || _toolbarSettings$expo20 === void 0 ? void 0 : (_toolbarSettings$expo21 = _toolbarSettings$expo20.excel) === null || _toolbarSettings$expo21 === void 0 ? void 0 : _toolbarSettings$expo21.title) != null ? _toolbarSettings$expo19 : "Export to Excel",
+          text: (_toolbarSettings$expo17 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo18 = toolbarSettings["export"]) === null || _toolbarSettings$expo18 === void 0 ? void 0 : (_toolbarSettings$expo19 = _toolbarSettings$expo18.excel) === null || _toolbarSettings$expo19 === void 0 ? void 0 : _toolbarSettings$expo19.title) != null ? _toolbarSettings$expo17 : "Export to Excel",
           icon: "exportxlsx",
           onClick: function onClick() {
             if (exportableTasks.length > 0) {
               exportExcel();
             } else {
-              var _toolbarSettings$expo22, _toolbarSettings$expo23, _toolbarSettings$expo24;
+              var _toolbarSettings$expo20, _toolbarSettings$expo21, _toolbarSettings$expo22;
               OdsNotification({
                 title: "",
-                content: (_toolbarSettings$expo22 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo23 = toolbarSettings["export"]) === null || _toolbarSettings$expo23 === void 0 ? void 0 : (_toolbarSettings$expo24 = _toolbarSettings$expo23.messages) === null || _toolbarSettings$expo24 === void 0 ? void 0 : _toolbarSettings$expo24.noRecord) != null ? _toolbarSettings$expo22 : "No record",
+                content: (_toolbarSettings$expo20 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo21 = toolbarSettings["export"]) === null || _toolbarSettings$expo21 === void 0 ? void 0 : (_toolbarSettings$expo22 = _toolbarSettings$expo21.messages) === null || _toolbarSettings$expo22 === void 0 ? void 0 : _toolbarSettings$expo22.noRecord) != null ? _toolbarSettings$expo20 : "No record",
                 type: "warning",
                 placement: "bottom"
               });
@@ -57767,6 +57769,7 @@ var NoListItems = function NoListItems(_ref) {
   var mainText = _ref.mainText,
     subText = _ref.subText;
   return React__default.createElement("div", {
+    className: "NoListItemsContainer",
     style: styles.container
   }, React__default.createElement("div", {
     style: styles.iconContainer
@@ -57785,30 +57788,32 @@ var NoListItems = function NoListItems(_ref) {
 };
 var styles = {
   container: {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    textAlign: 'center'
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    textAlign: "center",
+    marginTop: "50px",
+    marginBottom: "50px"
   },
   iconContainer: {
-    marginBottom: '20px'
+    marginBottom: "20px"
   },
   icon: {
-    width: '50px',
-    height: '50px'
+    width: "50px",
+    height: "50px"
   },
   textContainer: {
-    maxWidth: '300px'
+    maxWidth: "300px"
   },
   mainText: {
-    fontSize: '18px',
-    fontWeight: 'bold',
-    marginBottom: '10px'
+    fontSize: "18px",
+    fontWeight: "bold",
+    marginBottom: "10px"
   },
   subText: {
-    fontSize: '14px',
-    color: '#666'
+    fontSize: "14px",
+    color: "#666"
   }
 };
 
@@ -57825,7 +57830,7 @@ var getRequestHeaders = function getRequestHeaders(props) {
   });
 };
 var OdsTransfer = function OdsTransfer(props) {
-  var _props$targetItems, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest10, _props$axiosRequest11, _props$axiosRequest12, _props$axiosRequest13, _props$axiosRequest14;
+  var _props$targetItems, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest0, _props$axiosRequest1, _props$axiosRequest10, _props$axiosRequest11, _props$axiosRequest12;
   var initializeTargetItems = function initializeTargetItems(items) {
     return items.map(function (item) {
       return _extends({}, item, {
@@ -57907,7 +57912,7 @@ var OdsTransfer = function OdsTransfer(props) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [(_props$axiosRequest10 = props.axiosRequest) === null || _props$axiosRequest10 === void 0 ? void 0 : _props$axiosRequest10.requestData, (_props$axiosRequest11 = props.axiosRequest) === null || _props$axiosRequest11 === void 0 ? void 0 : _props$axiosRequest11.apiUrl, (_props$axiosRequest12 = props.axiosRequest) === null || _props$axiosRequest12 === void 0 ? void 0 : _props$axiosRequest12.environmentUrl, (_props$axiosRequest13 = props.axiosRequest) === null || _props$axiosRequest13 === void 0 ? void 0 : _props$axiosRequest13.requestQueryString, (_props$axiosRequest14 = props.axiosRequest) === null || _props$axiosRequest14 === void 0 ? void 0 : _props$axiosRequest14.requestType, props.pageSize, props.isServerSide]);
+  }, [(_props$axiosRequest0 = props.axiosRequest) === null || _props$axiosRequest0 === void 0 ? void 0 : _props$axiosRequest0.requestData, (_props$axiosRequest1 = props.axiosRequest) === null || _props$axiosRequest1 === void 0 ? void 0 : _props$axiosRequest1.apiUrl, (_props$axiosRequest10 = props.axiosRequest) === null || _props$axiosRequest10 === void 0 ? void 0 : _props$axiosRequest10.environmentUrl, (_props$axiosRequest11 = props.axiosRequest) === null || _props$axiosRequest11 === void 0 ? void 0 : _props$axiosRequest11.requestQueryString, (_props$axiosRequest12 = props.axiosRequest) === null || _props$axiosRequest12 === void 0 ? void 0 : _props$axiosRequest12.requestType, props.pageSize, props.isServerSide]);
   var getTotalCount = function getTotalCount(response, data) {
     if (data !== null && data !== void 0 && data.PageCount || data !== null && data !== void 0 && data.RowCount) {
       constants$3.totalPageCount = data.PageCount;
@@ -57961,13 +57966,13 @@ var OdsTransfer = function OdsTransfer(props) {
     });
     setTargetItems(function (prevTargetItems) {
       var updatedItems = [].concat(prevTargetItems, selectedItems);
-      return removeDuplicates(direction === 'left' ? updatedItems.filter(function (item) {
+      return removeDuplicates(direction === "left" ? updatedItems.filter(function (item) {
         return !moveKey.includes(item[props.keyExpr]);
       }) : updatedItems, props.keyExpr);
     });
     if (props.onTargetChange) {
       var updatedItems = [].concat(targetItems, selectedItems);
-      var uniqueItems = removeDuplicates(direction === 'left' ? updatedItems.filter(function (item) {
+      var uniqueItems = removeDuplicates(direction === "left" ? updatedItems.filter(function (item) {
         return !moveKey.includes(item[props.keyExpr]);
       }) : updatedItems, props.keyExpr);
       props.onTargetChange(uniqueItems);
@@ -57977,16 +57982,20 @@ var OdsTransfer = function OdsTransfer(props) {
     setSelectedKeys([].concat(sourceSelectedKeys, targetSelectedKeys));
   }, []);
   return React__default.createElement("div", null, React__default.createElement("style", null, props.isServerSide && ".dx-pager { display: none; }"), React__default.createElement(antd.Transfer, {
-    dataSource: transferDataSource,
+    dataSource: props.dataSource,
     targetKeys: targetKeys,
     selectedKeys: selectedKeys,
     onSelectChange: handleSelectChange,
     onChange: handleChange,
     showSelectAll: false,
-    titles: ['Source', 'Target'],
+    titles: [props.sourceTitle, props.TargetTitle],
     render: function render(item) {
       return item.title;
-    }
+    },
+    className: props.className,
+    rootClassName: props.rootClassName,
+    style: props.style,
+    showSearch: props.showSearch
   }, function (_ref) {
     var direction = _ref.direction,
       filteredItems = _ref.filteredItems,
@@ -57999,9 +58008,9 @@ var OdsTransfer = function OdsTransfer(props) {
         onItemSelectAll(currentDeselectedRowKeys, false);
       }
     };
-    var leftSideEmpty = direction === 'left' && filteredItems.length === 0;
-    var rightSideEmpty = direction === 'right' && targetKeys.length === 0;
-    var combinedDataSource = direction === 'right' ? removeDuplicates([].concat(filteredItems, targetItems), props.keyExpr) : filteredItems;
+    var leftSideEmpty = direction === "left" && filteredItems.length === 0;
+    var rightSideEmpty = direction === "right" && targetKeys.length === 0;
+    var combinedDataSource = direction === "right" ? removeDuplicates([].concat(filteredItems, targetItems), props.keyExpr) : filteredItems;
     return leftSideEmpty || rightSideEmpty ? React__default.createElement(NoListItems, {
       mainText: props.noContentMainText,
       subText: props.noContentSubText
@@ -58013,9 +58022,9 @@ var OdsTransfer = function OdsTransfer(props) {
         enabled: true
       },
       selection: {
-        mode: 'multiple',
-        selectAllMode: 'page',
-        showCheckBoxesMode: 'always'
+        mode: "multiple",
+        selectAllMode: "page",
+        showCheckBoxesMode: "always"
       },
       onSelectionChanged: onSelectionChanged,
       columns: props.columns,
@@ -58036,7 +58045,7 @@ var OdsTransfer = function OdsTransfer(props) {
           visible: true
         }
       });
-    }), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
+    }), props.displayPageTitle && React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
       location: "before",
       cssClass: "toolbarTitleItem"
     }, React__default.createElement(OdsTitle, {
@@ -58051,7 +58060,7 @@ var OdsTransfer = function OdsTransfer(props) {
   }));
 };
 
-var _templateObject$E, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject$E, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 var useStyles$c = antdStyle.createStyles(function (_ref, props) {
   var css = _ref.css,
     cx = _ref.cx,
@@ -58066,9 +58075,9 @@ var useStyles$c = antdStyle.createStyles(function (_ref, props) {
     filterTopTitle: cx(flex, css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n        "])))),
     filterTopActions: cx(flex, css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
     filterBodyWrapper: cx(grid, css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n          transition: grid-template-rows 0.3s;\n          grid-template-rows: ", ";\n        "])), props.open ? "1fr" : "0fr")),
-    filterBody: cx(css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
-    filterActionButtonsWrapper: cx(flex, css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n          width: 100%;\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
-    filterTagsWrapper: cx(flex, css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
+    filterBody: cx(css(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
+    filterActionButtonsWrapper: cx(flex, css(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n          width: 100%;\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
+    filterTagsWrapper: cx(flex, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
     toggleButton: cx(flex),
     clearButton: cx(flex)
   };
@@ -58078,16 +58087,16 @@ var useAdvancedFilterButtonStyles = antdStyle.createStyles(function (_ref2, prop
     cx = _ref2.cx,
     token = _ref2.token;
   return {
-    advancedFilterButton: cx("flex", css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
-    advancedFilterRowWrapper: cx("grid", css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
-    advancedFilterRow: cx(css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        width: 100%;\n      "]))))
+    advancedFilterButton: cx("flex", css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
+    advancedFilterRowWrapper: cx("grid", css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
+    advancedFilterRow: cx(css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        width: 100%;\n      "]))))
   };
 });
 var useFilterTagsStyles = antdStyle.createStyles(function (_ref3) {
   var css = _ref3.css,
     token = _ref3.token;
   return {
-    menu: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
+    menu: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
   };
 });
 
@@ -58330,7 +58339,7 @@ var OdsFilter = function OdsFilter(props) {
   }, props.buttonApplyName)))))));
 };
 
-var _templateObject$F, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17, _templateObject18, _templateObject19;
+var _templateObject$F, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17;
 var useStyles$d = antdStyle.createStyles(function (_ref, props) {
   var css = _ref.css,
     cx = _ref.cx,
@@ -58345,11 +58354,11 @@ var useStyles$d = antdStyle.createStyles(function (_ref, props) {
     filterTopTitle: cx(flex, css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n        "])))),
     filterTopActions: cx(flex, css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
     filterBodyWrapper: cx(grid, css(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n          transition: grid-template-rows 0.3s;\n          grid-template-rows: ", ";\n        "])), props.open ? "1fr" : "0fr")),
-    filterBody: cx(css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
-    filterActionButtonsWrapper: cx(flex, css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          margin-top: 16px;\n        "])))),
-    filterActionButtons: cx(flex, css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n          align-items: flex-end;\n        "])), token.sizeSM)),
-    filterTagsWrapper: cx(flex, css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
-    filterInlineDisplayWrapper: props.isDisplayInline ? cx(css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n            display: grid;\n            grid-template-columns: 1fr auto;\n            width: 100%;\n          "])))) : "",
+    filterBody: cx(css(_templateObject0$2 || (_templateObject0$2 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
+    filterActionButtonsWrapper: cx(flex, css(_templateObject1$2 || (_templateObject1$2 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          margin-top: 16px;\n        "])))),
+    filterActionButtons: cx(flex, css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n          align-items: flex-end;\n        "])), token.sizeSM)),
+    filterTagsWrapper: cx(flex, css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
+    filterInlineDisplayWrapper: props.isDisplayInline ? cx(css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n            display: grid;\n            grid-template-columns: 1fr auto;\n            width: 100%;\n          "])))) : "",
     toggleButton: cx(flex),
     clearButton: cx(flex)
   };
@@ -58359,17 +58368,17 @@ var useAdvancedFilterButtonStyles$1 = antdStyle.createStyles(function (_ref2, pr
     cx = _ref2.cx,
     token = _ref2.token;
   return {
-    advancedFilterButton: cx(css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
-    advancedFilterRowWrapper: cx(css(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n        display: grid;\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
-    advancedFilterRowInner: cx(css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        min-height: 0;\n        overflow: hidden;\n      "])))),
-    advancedFilterRow: cx(css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        padding-top: 16px;\n        display: grid;\n        overflow: hidden;\n        width: 100%;\n\n        & .ant-form-item .ant-form-item-label > label {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          display: inline-block;\n        }\n      "]))))
+    advancedFilterButton: cx(css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
+    advancedFilterRowWrapper: cx(css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n        display: grid;\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
+    advancedFilterRowInner: cx(css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        min-height: 0;\n        overflow: hidden;\n      "])))),
+    advancedFilterRow: cx(css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        padding-top: 16px;\n        display: grid;\n        overflow: hidden;\n        width: 100%;\n\n        & .ant-form-item .ant-form-item-label > label {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          display: inline-block;\n        }\n      "]))))
   };
 });
 var useFilterTagsStyles$1 = antdStyle.createStyles(function (_ref3) {
   var css = _ref3.css,
     token = _ref3.token;
   return {
-    menu: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
+    menu: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
   };
 });