sccoreui 6.2.71 → 6.2.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/App.scss +26 -10
  2. package/dist/components/ag-grid/AgGrid.js +2 -0
  3. package/dist/components/ag-grid/parent-for-grid.js +6 -3
  4. package/dist/components/list-box-dropdown/list-box-dropdown.js +1 -1
  5. package/package.json +1 -1
package/dist/App.scss CHANGED
@@ -112,21 +112,37 @@
112
112
  }
113
113
  }
114
114
 
115
- &.btn-outline {
116
- background-color: var(--base-white);
117
- color: var(--_gray-600);
118
- border: 1px solid var(--_gray-300) !important;
119
- padding: 6px 12px;
115
+ &.btn-text-outline {
116
+ background-color: var(--bg-white);
117
+ color: var(--gray-700);
118
+ padding: 8px 14px;
119
+ border: 1px solid var(--gray-300) !important;
120
+ svg {
121
+ path {
122
+ stroke: var(--gray-700);
123
+ }
124
+ }
125
+ &:has(svg) {
126
+ display: flex;
127
+ align-items: center;
128
+ gap: 8px;
129
+ }
120
130
  &:hover {
121
- background-color: var(--_gray-50) !important;
122
- color: var(--_gray-700) !important;
131
+ background-color: var(--primary-25) !important;
132
+ border: 1px solid var(--primary-100) !important;
133
+ color: var(--primary-400) !important;
134
+ svg {
135
+ path {
136
+ stroke: var(--primary-400);
137
+ }
138
+ }
123
139
  }
124
140
  &:focus {
125
- background-color: var(--gray-50);
141
+ background-color: var(--primary-25) !important;
142
+ color: var(--primary-600) !important;
126
143
  }
127
144
  &:disabled {
128
- background-color: var(--_gray-200);
129
- color: var(--_base-white);
145
+ color: var(--gray-300);
130
146
  }
131
147
  }
132
148
 
package/dist/components/ag-grid/AgGrid.js CHANGED
@@ -16,6 +16,7 @@ const set_filter_1 = require("@ag-grid-enterprise/set-filter");
16
16
  const advanced_filter_1 = require("@ag-grid-enterprise/advanced-filter");
17
17
  const LicenceKey_1 = require("./LicenceKey");
18
18
  const menu_1 = require("@ag-grid-enterprise/menu");
19
+ const column_tool_panel_1 = require("@ag-grid-enterprise/column-tool-panel");
19
20
  core_1.ModuleRegistry.registerModules([
20
21
  client_side_row_model_1.ClientSideRowModelModule,
21
22
  range_selection_1.RangeSelectionModule,
@@ -25,6 +26,7 @@ core_1.ModuleRegistry.registerModules([
25
26
  set_filter_1.SetFilterModule,
26
27
  advanced_filter_1.AdvancedFilterModule,
27
28
  menu_1.MenuModule,
29
+ column_tool_panel_1.ColumnsToolPanelModule
28
30
  ]);
29
31
  core_2.LicenseManager.setLicenseKey(LicenceKey_1.LICENSEKEY);
30
32
  const AgGrid = ({ style, gridOptions, onGridReady, gridRef }) => {
package/dist/components/ag-grid/parent-for-grid.js CHANGED
@@ -15,6 +15,7 @@ const group_checkbox_1 = tslib_1.__importDefault(require("./group-checkbox"));
15
15
  const utilComponents_1 = require("./utilComponents");
16
16
  function ParentForGrid(props) {
17
17
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
18
+ const { gridProps = {} } = props;
18
19
  const [gridData, setGridData] = (0, react_1.useState)({
19
20
  rowData: [],
20
21
  columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData),
@@ -145,6 +146,7 @@ function ParentForGrid(props) {
145
146
  // Gets call onLoad,scroll and whenever any featureDetails changed
146
147
  const onGridReady = (params, updatedFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
147
148
  var _t, _u;
149
+ params.api.setGridOption('rowSelection', 'multiple');
148
150
  params && setApi(params === null || params === void 0 ? void 0 : params.api);
149
151
  setGridReadyEvent(params);
150
152
  let currentFeatures = updatedFeatures;
@@ -181,6 +183,7 @@ function ParentForGrid(props) {
181
183
  }
182
184
  // get data for request from our fake server
183
185
  const response = yield getData(startRow, endRow, currentFeatures, params);
186
+ console.log(response, "response");
184
187
  // simulating real server call with a 500ms delay
185
188
  if (((_w = response.rowData) === null || _w === void 0 ? void 0 : _w.length) > 0) {
186
189
  setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
@@ -332,7 +335,7 @@ function ParentForGrid(props) {
332
335
  return document.getElementById("wrapper");
333
336
  }, []);
334
337
  // Options that grid should have
335
- const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
338
+ const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
336
339
  var _a, _b;
337
340
  if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
338
341
  return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
@@ -345,13 +348,13 @@ function ParentForGrid(props) {
345
348
  }
346
349
  }), autoGroupColumnDef: (props === null || props === void 0 ? void 0 : props.autoGroupColumnDef)
347
350
  ? props === null || props === void 0 ? void 0 : props.autoGroupColumnDef
348
- : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, rowSelection: "multiple", suppressRowClickSelection: true, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData, cacheBlockSize: constants_1.BLOCK_SIZE, maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, enableFillHandle: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= 6 && ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.isGridAutoHeight)
351
+ : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, suppressRowClickSelection: false, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData, cacheBlockSize: constants_1.BLOCK_SIZE, maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, enableFillHandle: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= 6 && ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.isGridAutoHeight)
349
352
  ? { domLayout: "autoHeight" }
350
353
  : { domLayout: undefined })), ((props === null || props === void 0 ? void 0 : props.dataTypeDefinitions) && {
351
354
  dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
352
355
  })), { popupParent: popupParent }), ((props === null || props === void 0 ? void 0 : props.treeData) && { treeData: props === null || props === void 0 ? void 0 : props.treeData })), ((props === null || props === void 0 ? void 0 : props.groupDefaultExpanded) && {
353
356
  groupDefaultExpanded: props === null || props === void 0 ? void 0 : props.groupDefaultExpanded, // to enable tree data
354
- })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), ((props === null || props === void 0 ? void 0 : props.rowDragManaged) ? { rowDragManaged: props === null || props === void 0 ? void 0 : props.rowDragManaged } : {}));
357
+ })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), ((props === null || props === void 0 ? void 0 : props.rowDragManaged) ? { rowDragManaged: props === null || props === void 0 ? void 0 : props.rowDragManaged } : {})), gridProps);
355
358
  // Fucntion to call the grid
356
359
  const callGrid = (featureDetails) => {
357
360
  onGridReady(gridReadyEvent, featureDetails);
package/dist/components/list-box-dropdown/list-box-dropdown.js CHANGED
@@ -113,7 +113,7 @@ onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIc
113
113
  },
114
114
  ] }), !showChips ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_button focus:shadow-none p-0 h-max h-auto p-0 mx-2 ${buttonClassName}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })) : ((0, jsx_runtime_1.jsxs)("ul", Object.assign({ className: `pl-0 grid row-gap-2 list_box_chips ${chipsParentClassName}` }, { children: [(0, jsx_runtime_1.jsx)("li", Object.assign({ className: `cursor-pointer min-w-max mx-2 max-w-max ${buttonClassName}` }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button",
115
115
  // className={`list_box_button focus:shadow-none p-0 h-max h-auto mx-2`}
116
- link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, className: "btn-text-primary" }) })), selectedItems &&
116
+ link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef }) })), selectedItems &&
117
117
  (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {
118
118
  var _a, _b;
119
119
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isDraggable !== undefined ? ((0, jsx_runtime_1.jsx)("li", Object.assign({ draggable: isDraggable, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e), onDrop: (e) => handleDrop(e, index), className: `${chipClassName ? chipClassName : ""} cursor-pointer min-w-max mx-2 max-w-max p-1 flex align-items-center bg-gray-50 text-gray-700 text-base border-1 border-gray-300 border-round-lg ${showRemoveIcon ? "pr-6 relative" : ""}` }, { children: chipTemplate ? (chipTemplate(item)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [" ", typeof item === "object"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.2.71",
3
+ "version": "6.2.73",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",