sccoreui 5.9.84 → 5.9.85

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.
@@ -15,7 +15,7 @@ function AdvancedFeatures({ props }) {
15
15
  const { featureDetails } = (0, react_1.useContext)(context_provider_1.FeatureContext);
16
16
  const conditionsToDisplay = props === null || props === void 0 ? void 0 : props.conditionsToDisplay;
17
17
  const { bulkActionComponent: BulkAction } = props;
18
- return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && (0, jsx_runtime_1.jsx)(table_filter_1.default, {})] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(hide_column_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
18
+ return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && (0, jsx_runtime_1.jsx)(table_filter_1.default, {})] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && (0, jsx_runtime_1.jsx)(hide_column_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
19
19
  (props === null || props === void 0 ? void 0 : props.bulkActionComponent) && ((0, jsx_runtime_1.jsx)(BulkAction, { checkBoxSelection: featureDetails.checkBoxSelection })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && (0, jsx_runtime_1.jsx)(refresh_grid_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] })));
20
20
  }
21
21
  exports.default = AdvancedFeatures;
@@ -10,44 +10,85 @@ const inputswitch_1 = require("primereact/inputswitch");
10
10
  const inputtext_1 = require("primereact/inputtext");
11
11
  const context_provider_1 = require("../context-provider");
12
12
  function HideColumn() {
13
- const { gridData, gridApi } = (0, react_1.useContext)(context_provider_1.FeatureContext);
13
+ const { gridData, gridApi, updateColumnsForGrid } = (0, react_1.useContext)(context_provider_1.FeatureContext);
14
14
  const [visibleRight, setVisibleRight] = (0, react_1.useState)(false);
15
15
  const [checked, setChecked] = (0, react_1.useState)(false);
16
- const [inpValue, setInpValue] = (0, react_1.useState)("");
17
- const [nodes, setNodes] = (0, react_1.useState)(() => {
16
+ // const [inpValue, setInpValue] = useState<string>("");
17
+ const [storeNodes, setStoreNodes] = (0, react_1.useState)();
18
+ const [nodes, setNodes] = (0, react_1.useState)();
19
+ const assignInitialValues = () => {
18
20
  var _a;
19
21
  const columnsInBar = [];
20
22
  (_a = JSON.parse(JSON.stringify(gridData === null || gridData === void 0 ? void 0 : gridData.columnData))) === null || _a === void 0 ? void 0 : _a.map((column) => {
21
- if ((column === null || column === void 0 ? void 0 : column.headerName) && (column === null || column === void 0 ? void 0 : column.field)) {
23
+ if (column === null || column === void 0 ? void 0 : column.visibleInPanel) {
22
24
  column.checked = !(column === null || column === void 0 ? void 0 : column.hide);
25
+ if (column.hide) {
26
+ column.selected = false;
27
+ column.unSelected = true;
28
+ }
29
+ else {
30
+ column.selected = true;
31
+ column.unSelected = false;
32
+ }
23
33
  }
24
34
  columnsInBar.push(column);
25
35
  });
26
- return columnsInBar;
27
- });
36
+ setNodes(columnsInBar);
37
+ setStoreNodes(columnsInBar);
38
+ };
39
+ // Display search columns
40
+ const searchHandler = (text) => {
41
+ const searchedColumns = [];
42
+ storeNodes.filter((column) => {
43
+ var _a;
44
+ if (column === null || column === void 0 ? void 0 : column.visibleInPanel) {
45
+ if ((_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(text.toLowerCase())) {
46
+ searchedColumns.push(column);
47
+ }
48
+ }
49
+ });
50
+ setNodes(searchedColumns);
51
+ };
28
52
  // When radio button is switched
29
53
  const handleSwitchChange = (selectedColumn, value) => {
30
- console.log(selectedColumn, value, 'selected column');
31
- const updatedColumns = [...nodes];
54
+ const updatedColumns = [...storeNodes];
32
55
  updatedColumns === null || updatedColumns === void 0 ? void 0 : updatedColumns.map((column) => {
33
56
  if ((column === null || column === void 0 ? void 0 : column.id) === (selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.id)) {
34
57
  column.checked = value;
35
58
  }
36
59
  return column;
37
60
  });
38
- setNodes(updatedColumns);
61
+ // setNodes(updatedColumns)
62
+ setStoreNodes(updatedColumns);
39
63
  };
64
+ // Return columns needs to hide
40
65
  const updateColumns = () => {
41
- const columnsToHide = nodes.filter((col) => {
66
+ const columnsToHide = storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.filter((col) => {
42
67
  return col.hasOwnProperty("checked") && !col.checked;
43
68
  });
69
+ const updatedNodes = storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.map((node) => {
70
+ if (node.hasOwnProperty("checked") && !node.checked) {
71
+ node.unSelected = true;
72
+ node.selected = false;
73
+ }
74
+ else if (node.hasOwnProperty("checked") && node.checked) {
75
+ node.selected = true;
76
+ node.unSelected = false;
77
+ }
78
+ return node;
79
+ });
80
+ setNodes(updatedNodes);
81
+ setStoreNodes(updatedNodes);
44
82
  hideColumns(columnsToHide);
45
83
  setVisibleRight(false);
46
84
  };
85
+ // Hide columns from grid
47
86
  const hideColumns = (columnsToHide) => {
48
87
  if (!gridApi)
49
88
  return;
50
- const columnDefs = gridApi.current.api.getColumnDefs();
89
+ // const columnDefs = gridApi.current!.api.getColumnDefs();
90
+ const columnDefs = JSON.parse(JSON.stringify(gridData.columnData));
91
+ // All columns containing flag to hide
51
92
  const updatedColumnDefs = columnDefs.map((colDef) => {
52
93
  const colToHide = columnsToHide.find((col) => col.id === colDef.id);
53
94
  if (colToHide) {
@@ -58,12 +99,34 @@ function HideColumn() {
58
99
  }
59
100
  return colDef;
60
101
  });
61
- gridApi.current.api.setColumnDefs(updatedColumnDefs);
102
+ updateColumnsForGrid(updatedColumnDefs);
103
+ // gridApi.current!.api.setColumnDefs(updatedColumnDefs);
62
104
  };
63
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => setVisibleRight(true), className: "mr-3", text: true, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "columns-02" }) }), (0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, Object.assign({ className: "md:w-6 lg:w-3", visible: visibleRight, position: "right", onHide: () => setVisibleRight(false) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between px-4 py-2 border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Configure Columns" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { text: true, label: "Discard" }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Update", onClick: () => updateColumns() })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3 py-2" }, { children: [(0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: "flex align-items-center justify-content-between my-0" }, { children: ["Apply to all views", (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: checked, onChange: (e) => setChecked(e.value) })] })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0 text-sm" }, { children: "Apply the chosen column selection to all available views" }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "py-2" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-left p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email", value: inpValue, onChange: (e) => {
64
- setInpValue(e.target.value);
65
- }, disabled: false, placeholder: "Search by column name", className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full" })] })) })), (0, jsx_runtime_1.jsxs)("p", Object.assign({ className: "py-2 my-0 text-gray-900 text-lg font-medium border-bottom-1 border-gray-200" }, { children: ["Selected Attributes", " ", (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-500 text-sm" }, { children: "(10/15)" }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full" }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 px-3" }, { children: (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 &&
66
- nodes.map((listItem, idx) => (!(listItem === null || listItem === void 0 ? void 0 : listItem.hide) && (listItem === null || listItem === void 0 ? void 0 : listItem.field) && (listItem === null || listItem === void 0 ? void 0 : listItem.headerName)) && (0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: listItem.headerName }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem === null || listItem === void 0 ? void 0 : listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), idx)) })) })), (0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "mt-6 mb-0 pb-2 border-bottom-1 border-gray-200" }, { children: "Unselected Attributes" })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 px-3" }, { children: (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 &&
67
- nodes.map((listItem) => ((listItem === null || listItem === void 0 ? void 0 : listItem.hide) && (listItem === null || listItem === void 0 ? void 0 : listItem.headerName)) && (0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: listItem.headerName }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), listItem.id)) }))] }))] }))] }));
105
+ console.log(storeNodes, 'store nodes');
106
+ (0, react_1.useEffect)(() => {
107
+ assignInitialValues();
108
+ }, []);
109
+ (0, react_1.useEffect)(() => {
110
+ if (!visibleRight && (storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.length)) {
111
+ const fixNodes = [...storeNodes].map((node) => {
112
+ if ((node === null || node === void 0 ? void 0 : node.checked) !== (node === null || node === void 0 ? void 0 : node.selected)) {
113
+ node.checked = node.selected;
114
+ }
115
+ return node;
116
+ });
117
+ console.log(storeNodes, "store nodes in use effect");
118
+ setNodes(fixNodes);
119
+ setStoreNodes(fixNodes);
120
+ }
121
+ }, [visibleRight]);
122
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => setVisibleRight(true), text: true, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "columns-02", size: 20 }) }), (0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, Object.assign({ className: "md:w-6 lg:w-3", visible: visibleRight, position: "right", onHide: () => setVisibleRight(false) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between px-4 py-2 border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Configure Columns" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { text: true, label: "Discard", onClick: () => setVisibleRight(false) }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Update", onClick: () => updateColumns() })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3 py-2" }, { children: [(0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: "flex align-items-center justify-content-between my-0" }, { children: ["Apply to all views", (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: checked, onChange: (e) => setChecked(e.value) })] })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0 text-sm" }, { children: "Apply the chosen column selection to all available views" }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "py-2" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-left p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email",
123
+ // value={inpValue}
124
+ onChange: (e) => {
125
+ searchHandler(e.target.value);
126
+ }, disabled: false, placeholder: "Search by column name", className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full" })] })) })), (0, jsx_runtime_1.jsxs)("p", Object.assign({ className: "py-2 my-0 text-gray-900 text-lg font-medium border-bottom-1 border-gray-200" }, { children: ["Selected Attributes", " ", (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-gray-500 text-sm" }, { children: [nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.selected).length, "/", nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.unSelected || node.selected).length] }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full" }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 px-3" }, { children: (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 &&
127
+ (nodes === null || nodes === void 0 ? void 0 : nodes.map((listItem, idx) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
128
+ (listItem === null || listItem === void 0 ? void 0 : listItem.selected) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: listItem.headerName }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem === null || listItem === void 0 ? void 0 : listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), idx)))) })) })), (0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "mt-6 mb-0 pb-2 border-bottom-1 border-gray-200" }, { children: "Unselected Attributes" })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 px-3" }, { children: (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 &&
129
+ (nodes === null || nodes === void 0 ? void 0 : nodes.map((listItem) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
130
+ (listItem === null || listItem === void 0 ? void 0 : listItem.unSelected) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: listItem.headerName }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), listItem.id)))) }))] }))] }))] }));
68
131
  }
69
132
  exports.default = HideColumn;
@@ -6,7 +6,7 @@ const react_1 = require("react");
6
6
  const helper_1 = require("./helper");
7
7
  exports.FeatureContext = (0, react_1.createContext)(null);
8
8
  function MyProvider({ children, value }) {
9
- const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, } = value;
9
+ const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid } = value;
10
10
  // States for sort
11
11
  const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
12
12
  const [sortValue, setSortValue] = (0, react_1.useState)({});
@@ -89,6 +89,7 @@ function MyProvider({ children, value }) {
89
89
  setGridData,
90
90
  gridData,
91
91
  gridApi,
92
+ updateColumnsForGrid
92
93
  } }, { children: children })));
93
94
  }
94
95
  exports.default = MyProvider;
@@ -188,6 +188,7 @@ function ParentForGrid(props) {
188
188
  }
189
189
  }),
190
190
  };
191
+ setGridData(Object.assign(Object.assign({}, gridData), { columnData: props === null || props === void 0 ? void 0 : props.columnData }));
191
192
  params.api.setGridOption("datasource", dataSource);
192
193
  }
193
194
  });
@@ -249,6 +250,25 @@ function ParentForGrid(props) {
249
250
  callBackForCheckedRows(featureDetails);
250
251
  }
251
252
  }, [featureDetails]);
253
+ (0, react_1.useEffect)(() => {
254
+ var _a;
255
+ const existingColumns = (_a = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _a === void 0 ? void 0 : _a.getColumnDefs();
256
+ if (!(props === null || props === void 0 ? void 0 : props.columnData) || !existingColumns)
257
+ return;
258
+ const columnFromProps = props.columnData;
259
+ const updatedColumnDefs = existingColumns.map((colDef) => {
260
+ columnFromProps.find((col) => {
261
+ if (col.id === colDef.id) {
262
+ colDef.hide = col.hide;
263
+ }
264
+ });
265
+ return colDef;
266
+ });
267
+ console.log(updatedColumnDefs, 'updatedColumnDefs in use effect');
268
+ // setGridData({...gridData})
269
+ gridRef.current.api.setGridOption("columnDefs", updatedColumnDefs);
270
+ }, [props === null || props === void 0 ? void 0 : props.columnData]);
271
+ console.log(props === null || props === void 0 ? void 0 : props.columnData, gridData === null || gridData === void 0 ? void 0 : gridData.columnData, 'column from props and grid data');
252
272
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
253
273
  featureDetails,
254
274
  setFeatureDetails,
@@ -267,6 +287,7 @@ function ParentForGrid(props) {
267
287
  clearFilters: props === null || props === void 0 ? void 0 : props.clearFilters,
268
288
  setGridData,
269
289
  gridApi: gridRef,
290
+ updateColumnsForGrid: props === null || props === void 0 ? void 0 : props.updateColumnsForGrid
270
291
  } }, { children: (0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props }) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
271
292
  }
272
293
  exports.default = ParentForGrid;
@@ -12,7 +12,12 @@ export interface ColumnDef extends ColDef {
12
12
  options?: any[];
13
13
  selectionType?: string;
14
14
  columnType?: string;
15
+ visibleInPanel?: boolean;
16
+ }
17
+ export interface ColHideShow extends ColumnDef {
15
18
  checked?: boolean;
19
+ selected?: boolean;
20
+ unSelected?: boolean;
16
21
  }
17
22
  export interface Style {
18
23
  height: number | string;
@@ -86,6 +91,7 @@ export interface ConditionsToDisplay {
86
91
  displayColumnHide?: boolean;
87
92
  displayBulkAction?: boolean;
88
93
  enableViewCreate?: boolean;
94
+ displaySidePanel?: boolean;
89
95
  }
90
96
  export interface PropsFromProduct {
91
97
  columnData: ColumnDef[];
@@ -103,6 +109,7 @@ export interface PropsFromProduct {
103
109
  sortOptions?: any[];
104
110
  filterConditions?: FilterCondition[];
105
111
  clearFilters?: Boolean;
112
+ updateColumnsForGrid?: (columns: ColumnDef) => void;
106
113
  }
107
114
  export interface ResoponseFromCallback {
108
115
  totalRecords: number;
@@ -1,4 +1,4 @@
1
- import { Features, FilterCondition, FilterModelText, GridData, RecordDetailModelText, SortModelText } from "./Types";
1
+ import { ColumnDef, Features, FilterCondition, FilterModelText, GridData, RecordDetailModelText, SortModelText } from "./Types";
2
2
  export declare const FeatureContext: import("react").Context<any>;
3
3
  interface MyProviderProps {
4
4
  children: React.ReactNode;
@@ -20,6 +20,7 @@ interface MyProviderProps {
20
20
  clearFilters: Boolean;
21
21
  setGridData: (GridData: any) => void;
22
22
  gridApi: any;
23
+ updateColumnsForGrid: (columns: ColumnDef) => void;
23
24
  };
24
25
  }
25
26
  declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "5.9.84",
3
+ "version": "5.9.85",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",