elab_components 0.9.0 → 0.9.2

package/dist/components/Button/props.d.ts

@@ -1,6 +1,6 @@
 declare const props: () => {
     disabled: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
-    look: "default" | "flat" | "bare" | "outline";
+    look: "flat" | "default" | "bare" | "outline";
     icon: string;
     iconClass: string;
     imageAlt: string;

package/dist/components/DropDownButton/props.d.ts

@@ -3,7 +3,7 @@ declare const props: () => {
     className: string;
     dir: "rtl" | "ltr" | "auto";
     disabled: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
-    look: "default" | "flat" | "bare" | "outline";
+    look: "flat" | "default" | "bare" | "outline";
     icon: string;
     iconClass: string;
     imageAlt: string;

package/dist/components/Grid/Filters.d.ts

@@ -1,4 +1,4 @@
 /** @format */
 import React from 'react';
-declare function Filters({ isQueryShow, editColumnOption, setColumnOption, showFilter, setFilterShow, filterShow, excelExport, queryShow, setIsQueryShow, externalActionsButtons, handleExternalButtons, filtersInput, combBoxFilterData, handleOnChange, handleComboxChange, setFilterSubmittedData, allColumnsField, setRunQueries, setSearchKeyword, selectedState, detailSelectedState, externalFilterShow, selectedData, showSearchInput, isExcelExportLoading, handleInputOnChange, actionButtonItemsList, inlineFilterInputs, combBoxInlineFilterData, handleComboxInlineChange, isExcelExport, }: any): React.JSX.Element;
+declare function Filters({ isQueryShow, editColumnOption, setColumnOption, showFilter, setFilterShow, filterShow, excelExport, queryShow, setIsQueryShow, externalActionsButtons, handleExternalButtons, filtersInput, combBoxFilterData, handleOnChange, handleComboxChange, setFilterSubmittedData, allColumnsField, setRunQueries, setSearchKeyword, selectedState, detailSelectedState, externalFilterShow, selectedData, showSearchInput, isExcelExportLoading, handleInputOnChange, actionButtonItemsList, inlineFilterInputs, combBoxInlineFilterData, handleComboxInlineChange, isHideExcelExport, }: any): React.JSX.Element;
 export default Filters;

package/dist/components/SplitButton/props.d.ts

@@ -7,7 +7,7 @@ declare const props: () => {
     icon: string;
     iconClass: string;
     imageUrl: string;
-    look: "default" | "flat" | "bare" | "outline";
+    look: "flat" | "default" | "bare" | "outline";
     onBlur: import("@storybook/addon-actions").HandlerFunction;
     onButtonClick: import("@storybook/addon-actions").HandlerFunction;
     onClose: import("@storybook/addon-actions").HandlerFunction;

package/dist/index.esm.js

@@ -32325,7 +32325,7 @@ function FiMinusCircle (props) {
 
 /** @format */
 function Filters(_a) {
-    var isQueryShow = _a.isQueryShow, editColumnOption = _a.editColumnOption, setColumnOption = _a.setColumnOption, showFilter = _a.showFilter, setFilterShow = _a.setFilterShow, filterShow = _a.filterShow, excelExport = _a.excelExport, queryShow = _a.queryShow, setIsQueryShow = _a.setIsQueryShow, externalActionsButtons = _a.externalActionsButtons, handleExternalButtons = _a.handleExternalButtons, filtersInput = _a.filtersInput, combBoxFilterData = _a.combBoxFilterData, handleOnChange = _a.handleOnChange, handleComboxChange = _a.handleComboxChange, setFilterSubmittedData = _a.setFilterSubmittedData, allColumnsField = _a.allColumnsField, setRunQueries = _a.setRunQueries, setSearchKeyword = _a.setSearchKeyword, selectedState = _a.selectedState, detailSelectedState = _a.detailSelectedState, externalFilterShow = _a.externalFilterShow, selectedData = _a.selectedData, showSearchInput = _a.showSearchInput, isExcelExportLoading = _a.isExcelExportLoading, handleInputOnChange = _a.handleInputOnChange, actionButtonItemsList = _a.actionButtonItemsList, inlineFilterInputs = _a.inlineFilterInputs, combBoxInlineFilterData = _a.combBoxInlineFilterData, handleComboxInlineChange = _a.handleComboxInlineChange, isExcelExport = _a.isExcelExport;
+    var isQueryShow = _a.isQueryShow, editColumnOption = _a.editColumnOption, setColumnOption = _a.setColumnOption, showFilter = _a.showFilter, setFilterShow = _a.setFilterShow, filterShow = _a.filterShow, excelExport = _a.excelExport, queryShow = _a.queryShow, setIsQueryShow = _a.setIsQueryShow, externalActionsButtons = _a.externalActionsButtons, handleExternalButtons = _a.handleExternalButtons, filtersInput = _a.filtersInput, combBoxFilterData = _a.combBoxFilterData, handleOnChange = _a.handleOnChange, handleComboxChange = _a.handleComboxChange, setFilterSubmittedData = _a.setFilterSubmittedData, allColumnsField = _a.allColumnsField, setRunQueries = _a.setRunQueries, setSearchKeyword = _a.setSearchKeyword, selectedState = _a.selectedState, detailSelectedState = _a.detailSelectedState, externalFilterShow = _a.externalFilterShow, selectedData = _a.selectedData, showSearchInput = _a.showSearchInput, isExcelExportLoading = _a.isExcelExportLoading, handleInputOnChange = _a.handleInputOnChange, actionButtonItemsList = _a.actionButtonItemsList, inlineFilterInputs = _a.inlineFilterInputs, combBoxInlineFilterData = _a.combBoxInlineFilterData, handleComboxInlineChange = _a.handleComboxInlineChange, isHideExcelExport = _a.isHideExcelExport;
     var iconMapping = {
         pdf: React__default.createElement(FaFilePdf, null),
         excel: React__default.createElement(FaFileExcel, null),
@@ -32425,7 +32425,7 @@ function Filters(_a) {
                     React__default.createElement("span", { className: "button-content" },
                         React__default.createElement(MdFilterList, { className: "icon" }),
                         React__default.createElement("span", { className: "text" }, "Filter")))),
-                !isExcelExport && (React__default.createElement(OkButton$1, { type: "button", className: "custom-button", title: "Export Excel", onClick: excelExport, disabled: isExcelExportLoading },
+                !isHideExcelExport && (React__default.createElement(OkButton$1, { type: "button", className: "custom-button", title: "Export Excel", onClick: excelExport, disabled: isExcelExportLoading },
                     React__default.createElement("span", { className: "button-content" },
                         isExcelExportLoading ? (React__default.createElement(Loader$2, { type: "converging-spinner", size: "small", themeColor: 'dark' })) : (React__default.createElement(PiExportBold, { className: "icon" })),
                         React__default.createElement("span", { className: "text" }, "Export")))),
@@ -32539,7 +32539,7 @@ var CustomCell = function (_a) {
 var OkGrid = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j;
     var props = __rest(_a, []);
-    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter; props.size; props.expandColumn; var isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist; props.childColumnConfig; props.childSelectField; var externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig; props.childData; var totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading; props.setGroup; var group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange, setResetSelectedData = props.setResetSelectedData, resetSelectedData = props.resetSelectedData, inlineFilterInputs = props.inlineFilterInputs, actionButtonItemsList = props.actionButtonItemsList, gridCopyPaste = props.gridCopyPaste, setSelectedRows = props.setSelectedRows; props.selectedRows; var pageInitialSkipTake = props.pageInitialSkipTake, hideGrid = props.hideGrid, isExcelExport = props.isExcelExport;
+    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter; props.size; props.expandColumn; var isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist; props.childColumnConfig; props.childSelectField; var externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig; props.childData; var totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading; props.setGroup; var group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange, setResetSelectedData = props.setResetSelectedData, resetSelectedData = props.resetSelectedData, inlineFilterInputs = props.inlineFilterInputs, actionButtonItemsList = props.actionButtonItemsList, gridCopyPaste = props.gridCopyPaste, setSelectedRows = props.setSelectedRows; props.selectedRows; var pageInitialSkipTake = props.pageInitialSkipTake, hideGrid = props.hideGrid, isHideExcelExport = props.isHideExcelExport;
     var initialDataState = {
         skipGrid: (_b = pageInitialSkipTake === null || pageInitialSkipTake === void 0 ? void 0 : pageInitialSkipTake.skip) !== null && _b !== void 0 ? _b : 0,
         sizeGrid: (_c = pageInitialSkipTake === null || pageInitialSkipTake === void 0 ? void 0 : pageInitialSkipTake.take) !== null && _c !== void 0 ? _c : 10,
@@ -33283,7 +33283,7 @@ var OkGrid = function (_a) {
     // }, [page.skip, page.take]);
     var exportedColumnConfigs = columnConfigs.filter(function (col) { return col.title !== 'Select' && col.title !== 'Actions'; });
     return (React__default.createElement("div", null,
-        React__default.createElement(Filters, { isQueryShow: isQueryShow, setIsQueryShow: setIsQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setCombBoxInlineFilterData: setCombBoxInlineFilterData, combBoxInlineFilterData: combBoxInlineFilterData, handleComboxInlineChange: handleComboxInlineChange, setFilterSubmittedData: setFilterSubmittedData, handleInputOnChange: handleInputOnChange, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, inlineFilterInputs: inlineFilterInputs, isExcelExport: isExcelExport, actionButtonItemsList: actionButtonItemsList }),
+        React__default.createElement(Filters, { isQueryShow: isQueryShow, setIsQueryShow: setIsQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setCombBoxInlineFilterData: setCombBoxInlineFilterData, combBoxInlineFilterData: combBoxInlineFilterData, handleComboxInlineChange: handleComboxInlineChange, setFilterSubmittedData: setFilterSubmittedData, handleInputOnChange: handleInputOnChange, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, inlineFilterInputs: inlineFilterInputs, isHideExcelExport: isHideExcelExport, actionButtonItemsList: actionButtonItemsList }),
         isLoading ? (React__default.createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
             React__default.createElement(Loader$2, { size: "large", type: "converging-spinner" }))) : (React__default.createElement(React__default.Fragment, null, !hideGrid && (React__default.createElement(ExcelExport, { columns: exportedColumnConfigs, data: (_j = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _j !== void 0 ? _j : expandedData, ref: excelExport },
             React__default.createElement(StyledGrid, __assign({ ref: gridRef, filterable: true, groupable: groupabable, reorderable: reorderable, dataItemKey: dataItemKey, selectedField: selectField, onSelectionChange: onSelectionChange, onHeaderSelectionChange: handleHeaderSelectionChange, resizable: resizable, className: "grid-main", sortable: {

package/dist/index.js

@@ -32353,7 +32353,7 @@ function FiMinusCircle (props) {
 
 /** @format */
 function Filters(_a) {
-    var isQueryShow = _a.isQueryShow, editColumnOption = _a.editColumnOption, setColumnOption = _a.setColumnOption, showFilter = _a.showFilter, setFilterShow = _a.setFilterShow, filterShow = _a.filterShow, excelExport = _a.excelExport, queryShow = _a.queryShow, setIsQueryShow = _a.setIsQueryShow, externalActionsButtons = _a.externalActionsButtons, handleExternalButtons = _a.handleExternalButtons, filtersInput = _a.filtersInput, combBoxFilterData = _a.combBoxFilterData, handleOnChange = _a.handleOnChange, handleComboxChange = _a.handleComboxChange, setFilterSubmittedData = _a.setFilterSubmittedData, allColumnsField = _a.allColumnsField, setRunQueries = _a.setRunQueries, setSearchKeyword = _a.setSearchKeyword, selectedState = _a.selectedState, detailSelectedState = _a.detailSelectedState, externalFilterShow = _a.externalFilterShow, selectedData = _a.selectedData, showSearchInput = _a.showSearchInput, isExcelExportLoading = _a.isExcelExportLoading, handleInputOnChange = _a.handleInputOnChange, actionButtonItemsList = _a.actionButtonItemsList, inlineFilterInputs = _a.inlineFilterInputs, combBoxInlineFilterData = _a.combBoxInlineFilterData, handleComboxInlineChange = _a.handleComboxInlineChange, isExcelExport = _a.isExcelExport;
+    var isQueryShow = _a.isQueryShow, editColumnOption = _a.editColumnOption, setColumnOption = _a.setColumnOption, showFilter = _a.showFilter, setFilterShow = _a.setFilterShow, filterShow = _a.filterShow, excelExport = _a.excelExport, queryShow = _a.queryShow, setIsQueryShow = _a.setIsQueryShow, externalActionsButtons = _a.externalActionsButtons, handleExternalButtons = _a.handleExternalButtons, filtersInput = _a.filtersInput, combBoxFilterData = _a.combBoxFilterData, handleOnChange = _a.handleOnChange, handleComboxChange = _a.handleComboxChange, setFilterSubmittedData = _a.setFilterSubmittedData, allColumnsField = _a.allColumnsField, setRunQueries = _a.setRunQueries, setSearchKeyword = _a.setSearchKeyword, selectedState = _a.selectedState, detailSelectedState = _a.detailSelectedState, externalFilterShow = _a.externalFilterShow, selectedData = _a.selectedData, showSearchInput = _a.showSearchInput, isExcelExportLoading = _a.isExcelExportLoading, handleInputOnChange = _a.handleInputOnChange, actionButtonItemsList = _a.actionButtonItemsList, inlineFilterInputs = _a.inlineFilterInputs, combBoxInlineFilterData = _a.combBoxInlineFilterData, handleComboxInlineChange = _a.handleComboxInlineChange, isHideExcelExport = _a.isHideExcelExport;
     var iconMapping = {
         pdf: React__default["default"].createElement(FaFilePdf, null),
         excel: React__default["default"].createElement(FaFileExcel, null),
@@ -32453,7 +32453,7 @@ function Filters(_a) {
                     React__default["default"].createElement("span", { className: "button-content" },
                         React__default["default"].createElement(MdFilterList, { className: "icon" }),
                         React__default["default"].createElement("span", { className: "text" }, "Filter")))),
-                !isExcelExport && (React__default["default"].createElement(OkButton$1, { type: "button", className: "custom-button", title: "Export Excel", onClick: excelExport, disabled: isExcelExportLoading },
+                !isHideExcelExport && (React__default["default"].createElement(OkButton$1, { type: "button", className: "custom-button", title: "Export Excel", onClick: excelExport, disabled: isExcelExportLoading },
                     React__default["default"].createElement("span", { className: "button-content" },
                         isExcelExportLoading ? (React__default["default"].createElement(kendoReactIndicators.Loader, { type: "converging-spinner", size: "small", themeColor: 'dark' })) : (React__default["default"].createElement(PiExportBold, { className: "icon" })),
                         React__default["default"].createElement("span", { className: "text" }, "Export")))),
@@ -32567,7 +32567,7 @@ var CustomCell = function (_a) {
 var OkGrid = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j;
     var props = __rest(_a, []);
-    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter; props.size; props.expandColumn; var isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist; props.childColumnConfig; props.childSelectField; var externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig; props.childData; var totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading; props.setGroup; var group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange, setResetSelectedData = props.setResetSelectedData, resetSelectedData = props.resetSelectedData, inlineFilterInputs = props.inlineFilterInputs, actionButtonItemsList = props.actionButtonItemsList, gridCopyPaste = props.gridCopyPaste, setSelectedRows = props.setSelectedRows; props.selectedRows; var pageInitialSkipTake = props.pageInitialSkipTake, hideGrid = props.hideGrid, isExcelExport = props.isExcelExport;
+    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter; props.size; props.expandColumn; var isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist; props.childColumnConfig; props.childSelectField; var externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig; props.childData; var totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading; props.setGroup; var group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange, setResetSelectedData = props.setResetSelectedData, resetSelectedData = props.resetSelectedData, inlineFilterInputs = props.inlineFilterInputs, actionButtonItemsList = props.actionButtonItemsList, gridCopyPaste = props.gridCopyPaste, setSelectedRows = props.setSelectedRows; props.selectedRows; var pageInitialSkipTake = props.pageInitialSkipTake, hideGrid = props.hideGrid, isHideExcelExport = props.isHideExcelExport;
     var initialDataState = {
         skipGrid: (_b = pageInitialSkipTake === null || pageInitialSkipTake === void 0 ? void 0 : pageInitialSkipTake.skip) !== null && _b !== void 0 ? _b : 0,
         sizeGrid: (_c = pageInitialSkipTake === null || pageInitialSkipTake === void 0 ? void 0 : pageInitialSkipTake.take) !== null && _c !== void 0 ? _c : 10,
@@ -33311,7 +33311,7 @@ var OkGrid = function (_a) {
     // }, [page.skip, page.take]);
     var exportedColumnConfigs = columnConfigs.filter(function (col) { return col.title !== 'Select' && col.title !== 'Actions'; });
     return (React__default["default"].createElement("div", null,
-        React__default["default"].createElement(Filters, { isQueryShow: isQueryShow, setIsQueryShow: setIsQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setCombBoxInlineFilterData: setCombBoxInlineFilterData, combBoxInlineFilterData: combBoxInlineFilterData, handleComboxInlineChange: handleComboxInlineChange, setFilterSubmittedData: setFilterSubmittedData, handleInputOnChange: handleInputOnChange, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, inlineFilterInputs: inlineFilterInputs, isExcelExport: isExcelExport, actionButtonItemsList: actionButtonItemsList }),
+        React__default["default"].createElement(Filters, { isQueryShow: isQueryShow, setIsQueryShow: setIsQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setCombBoxInlineFilterData: setCombBoxInlineFilterData, combBoxInlineFilterData: combBoxInlineFilterData, handleComboxInlineChange: handleComboxInlineChange, setFilterSubmittedData: setFilterSubmittedData, handleInputOnChange: handleInputOnChange, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, inlineFilterInputs: inlineFilterInputs, isHideExcelExport: isHideExcelExport, actionButtonItemsList: actionButtonItemsList }),
         isLoading ? (React__default["default"].createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
             React__default["default"].createElement(kendoReactIndicators.Loader, { size: "large", type: "converging-spinner" }))) : (React__default["default"].createElement(React__default["default"].Fragment, null, !hideGrid && (React__default["default"].createElement(kendoReactExcelExport.ExcelExport, { columns: exportedColumnConfigs, data: (_j = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _j !== void 0 ? _j : expandedData, ref: excelExport },
             React__default["default"].createElement(StyledGrid, __assign({ ref: gridRef, filterable: true, groupable: groupabable, reorderable: reorderable, dataItemKey: dataItemKey, selectedField: selectField, onSelectionChange: onSelectionChange, onHeaderSelectionChange: handleHeaderSelectionChange, resizable: resizable, className: "grid-main", sortable: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elab_components",
-  "version": "0.9.00",
+  "version": "0.9.2",
   "private": false,
   "author": "Amar",
   "main": "dist/index.js",