sccoreui 6.3.97 → 6.3.98

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 (121) hide show
  1. package/dist/components/formula-template/{FormulaCoponent.js → FormulaComponent.js} +3 -1
  2. package/dist/index.js +5 -3
  3. package/dist/types/index.d.ts +11 -10
  4. package/package.json +1 -1
  5. package/dist/pages/RowGroupingServerside/DragandDropFeatures.js +0 -49
  6. package/dist/pages/RowGroupingServerside/RowGroupingServerSide.js +0 -125
  7. package/dist/pages/RowGroupingServerside/dummyData.js +0 -226
  8. package/dist/pages/VirtualScrollDropDown/VirtualScrollDropDown.js +0 -9
  9. package/dist/pages/aggrid/AgGrid.js +0 -837
  10. package/dist/pages/aggrid/BulkAction.js +0 -9
  11. package/dist/pages/aggrid/RowGroupTrail.js +0 -125
  12. package/dist/pages/aggrid/Template.js +0 -11
  13. package/dist/pages/aggrid/TestingWIthAdminConfig.js +0 -243
  14. package/dist/pages/aggrid/TestingWithAdminClientSide.js +0 -447
  15. package/dist/pages/aggrid/fakeServer.js +0 -95
  16. package/dist/pages/aggrid/id-cell.js +0 -9
  17. package/dist/pages/aggrid/interface.js +0 -2
  18. package/dist/pages/avatar/avatar.js +0 -338
  19. package/dist/pages/badges/badge.js +0 -73
  20. package/dist/pages/breadcrumb/breadcrumb.js +0 -14
  21. package/dist/pages/button/button.js +0 -10
  22. package/dist/pages/button-group/button-group.js +0 -10
  23. package/dist/pages/chart/chart.js +0 -257
  24. package/dist/pages/checkbox/checkbox.js +0 -26
  25. package/dist/pages/checkbox-group/checkbox-group-component.js +0 -21
  26. package/dist/pages/color-picker/color-picker.js +0 -13
  27. package/dist/pages/content-dividers/content-dividers.js +0 -11
  28. package/dist/pages/custom-color-picker/custom-color-picker.js +0 -12
  29. package/dist/pages/custom-multiselect/CustomMultiSelect.js +0 -37
  30. package/dist/pages/date-picker/date-picker.js +0 -20
  31. package/dist/pages/dropdown/dropdown-component.js +0 -39
  32. package/dist/pages/file-upload/file-upload.js +0 -34
  33. package/dist/pages/flex.js +0 -15
  34. package/dist/pages/formulaTemplate/formulaTemplate.js +0 -105
  35. package/dist/pages/frolaTextEditor/froala-text-editor.js +0 -14
  36. package/dist/pages/home.js +0 -57
  37. package/dist/pages/input/input-text.js +0 -112
  38. package/dist/pages/list-box-dropdown/listboxdropdown.js +0 -61
  39. package/dist/pages/loader-indicator/loader-indicator.js +0 -10
  40. package/dist/pages/mega-mennu/mega-menu.js +0 -84
  41. package/dist/pages/multi-select-dropdown/multi-select-dropdown.js +0 -51
  42. package/dist/pages/not-found/not-found.js +0 -10
  43. package/dist/pages/paginator/pagination.js +0 -122
  44. package/dist/pages/progress-bar/progress-bar.js +0 -27
  45. package/dist/pages/progress-steps/progress-steps.js +0 -24
  46. package/dist/pages/radio-button/radio-button-component.js +0 -11
  47. package/dist/pages/shadows/shadows.js +0 -7
  48. package/dist/pages/slideout-menus/slideout-menus.js +0 -104
  49. package/dist/pages/sliders/slider.js +0 -39
  50. package/dist/pages/tabels/table-data.js +0 -2193
  51. package/dist/pages/tabels/table.js +0 -98
  52. package/dist/pages/tabs/tabs.js +0 -9
  53. package/dist/pages/tags/tags.js +0 -70
  54. package/dist/pages/testingcomponents/NormalAgGrid.js +0 -58
  55. package/dist/pages/testingcomponents/TestComponent.js +0 -69
  56. package/dist/pages/testingcomponents/data.js +0 -326
  57. package/dist/pages/testingcomponents/fom-feild-testing/MainformComp.js +0 -16
  58. package/dist/pages/toast/toast.js +0 -47
  59. package/dist/pages/toggle/toggle.js +0 -10
  60. package/dist/pages/tooltip/tooltip.js +0 -13
  61. package/dist/pages/treeDropdownSelect/treedropdowselect.js +0 -34
  62. package/dist/pages/types/type.js +0 -2
  63. package/dist/types/pages/RowGroupingServerside/DragandDropFeatures.d.ts +0 -4
  64. package/dist/types/pages/RowGroupingServerside/RowGroupingServerSide.d.ts +0 -4
  65. package/dist/types/pages/RowGroupingServerside/dummyData.d.ts +0 -9
  66. package/dist/types/pages/VirtualScrollDropDown/VirtualScrollDropDown.d.ts +0 -2
  67. package/dist/types/pages/aggrid/AgGrid.d.ts +0 -2
  68. package/dist/types/pages/aggrid/BulkAction.d.ts +0 -2
  69. package/dist/types/pages/aggrid/RowGroupTrail.d.ts +0 -4
  70. package/dist/types/pages/aggrid/Template.d.ts +0 -2
  71. package/dist/types/pages/aggrid/TestingWIthAdminConfig.d.ts +0 -2
  72. package/dist/types/pages/aggrid/TestingWithAdminClientSide.d.ts +0 -2
  73. package/dist/types/pages/aggrid/fakeServer.d.ts +0 -7
  74. package/dist/types/pages/aggrid/id-cell.d.ts +0 -2
  75. package/dist/types/pages/aggrid/interface.d.ts +0 -12
  76. package/dist/types/pages/avatar/avatar.d.ts +0 -2
  77. package/dist/types/pages/badges/badge.d.ts +0 -3
  78. package/dist/types/pages/breadcrumb/breadcrumb.d.ts +0 -2
  79. package/dist/types/pages/button/button.d.ts +0 -2
  80. package/dist/types/pages/button-group/button-group.d.ts +0 -2
  81. package/dist/types/pages/chart/chart.d.ts +0 -2
  82. package/dist/types/pages/checkbox/checkbox.d.ts +0 -2
  83. package/dist/types/pages/checkbox-group/checkbox-group-component.d.ts +0 -3
  84. package/dist/types/pages/color-picker/color-picker.d.ts +0 -2
  85. package/dist/types/pages/content-dividers/content-dividers.d.ts +0 -2
  86. package/dist/types/pages/custom-color-picker/custom-color-picker.d.ts +0 -2
  87. package/dist/types/pages/custom-multiselect/CustomMultiSelect.d.ts +0 -2
  88. package/dist/types/pages/date-picker/date-picker.d.ts +0 -2
  89. package/dist/types/pages/dropdown/dropdown-component.d.ts +0 -2
  90. package/dist/types/pages/file-upload/file-upload.d.ts +0 -3
  91. package/dist/types/pages/flex.d.ts +0 -2
  92. package/dist/types/pages/formulaTemplate/formulaTemplate.d.ts +0 -2
  93. package/dist/types/pages/frolaTextEditor/froala-text-editor.d.ts +0 -2
  94. package/dist/types/pages/home.d.ts +0 -2
  95. package/dist/types/pages/input/input-text.d.ts +0 -3
  96. package/dist/types/pages/list-box-dropdown/listboxdropdown.d.ts +0 -2
  97. package/dist/types/pages/loader-indicator/loader-indicator.d.ts +0 -3
  98. package/dist/types/pages/mega-mennu/mega-menu.d.ts +0 -2
  99. package/dist/types/pages/multi-select-dropdown/multi-select-dropdown.d.ts +0 -2
  100. package/dist/types/pages/not-found/not-found.d.ts +0 -2
  101. package/dist/types/pages/paginator/pagination.d.ts +0 -2
  102. package/dist/types/pages/progress-bar/progress-bar.d.ts +0 -3
  103. package/dist/types/pages/progress-steps/progress-steps.d.ts +0 -2
  104. package/dist/types/pages/radio-button/radio-button-component.d.ts +0 -2
  105. package/dist/types/pages/shadows/shadows.d.ts +0 -2
  106. package/dist/types/pages/slideout-menus/slideout-menus.d.ts +0 -2
  107. package/dist/types/pages/sliders/slider.d.ts +0 -1
  108. package/dist/types/pages/tabels/table-data.d.ts +0 -3
  109. package/dist/types/pages/tabels/table.d.ts +0 -2
  110. package/dist/types/pages/tabs/tabs.d.ts +0 -3
  111. package/dist/types/pages/tags/tags.d.ts +0 -3
  112. package/dist/types/pages/testingcomponents/NormalAgGrid.d.ts +0 -4
  113. package/dist/types/pages/testingcomponents/TestComponent.d.ts +0 -4
  114. package/dist/types/pages/testingcomponents/data.d.ts +0 -1
  115. package/dist/types/pages/testingcomponents/fom-feild-testing/MainformComp.d.ts +0 -2
  116. package/dist/types/pages/toast/toast.d.ts +0 -2
  117. package/dist/types/pages/toggle/toggle.d.ts +0 -2
  118. package/dist/types/pages/tooltip/tooltip.d.ts +0 -2
  119. package/dist/types/pages/treeDropdownSelect/treedropdowselect.d.ts +0 -2
  120. package/dist/types/pages/types/type.d.ts +0 -64
  121. /package/dist/types/components/formula-template/{FormulaCoponent.d.ts → FormulaComponent.d.ts} +0 -0
@@ -28,7 +28,9 @@ const FormulaComponent = (props) => {
28
28
  ? props === null || props === void 0 ? void 0 : props.headerLabel
29
29
  : "Configure Value" })), (0, jsx_runtime_1.jsx)("span", { children: (props === null || props === void 0 ? void 0 : props.headerDescription)
30
30
  ? props === null || props === void 0 ? void 0 : props.headerDescription
31
- : "Select price attribute and perform calculater." })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle", size: 16 }) }))] }))), (0, jsx_runtime_1.jsx)(Tagify_1.default, { formulaOperators: props.formulaOperators, fieldOptions: fieldOptions, formulaValue: props === null || props === void 0 ? void 0 : props.formulaValue, priceConditioRef: priceConditioRef, onChange: (e) => (props === null || props === void 0 ? void 0 : props.onSaveFormula) && (props === null || props === void 0 ? void 0 : props.onSaveFormula(e)) })] }), "formula__dev"));
31
+ : "Select price attribute and perform calculater." })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle", size: 16 }) }))] }))), (0, jsx_runtime_1.jsx)(Tagify_1.default, { formulaOperators: props.formulaOperators, fieldOptions: fieldOptions, formulaValue: props === null || props === void 0 ? void 0 : props.formulaValue, priceConditioRef: priceConditioRef, onChange: (e) => {
32
+ (props === null || props === void 0 ? void 0 : props.onSaveFormula) && (props === null || props === void 0 ? void 0 : props.onSaveFormula(e));
33
+ } })] }), "formula__dev"));
32
34
  },
33
35
  },
34
36
  ];
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ProgressSpinner = exports.Skeleton = exports.Chip = exports.Chips = exports.Rating = exports.InputTextarea = exports.InputSwitch = exports.InputMask = exports.SpeedDial = exports.SplitButton = exports.DataViewLayoutOptions = exports.DataView = exports.Toast = exports.InputNumber = exports.OverlayPanel = exports.Tag = exports.Carousel = exports.ToggleButton = exports.CustomSlider = exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.ScMultiSelect = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
4
4
  exports.ScrollTop = exports.InplaceContent = exports.InplaceDisplay = exports.Inplace = exports.BlockUI = exports.Messages = exports.Message = exports.TieredMenu = exports.Steps = exports.SlideMenu = exports.PanelMenu = exports.Menubar = exports.Menu = exports.Dock = exports.ContextMenu = exports.Toolbar = exports.SplitterPanel = exports.Splitter = exports.ScrollPanel = exports.Panel = exports.Fieldset = exports.DeferredContent = exports.Timeline = exports.TreeTable = exports.Tree = exports.PickList = exports.OrganizationChart = exports.OrderList = exports.DataScroller = exports.TriStateCheckbox = exports.TreeSelect = exports.SelectButton = exports.MultiStateCheckbox = exports.Mention = exports.ListBox = exports.Knob = exports.Editor = exports.CascadeSelect = exports.FilterOperator = exports.FilterMatchMode = exports.Slider = exports.Galleria = exports.SvgComponent = exports.CircleProgressComponent = exports.ProgressSteps = exports.ProgressBar = exports.Divider = exports.MegaMenu = exports.BreadCrumb = exports.Chart = void 0;
5
- exports.AGCharts = exports.SCLoader = exports.AGGridComponent = exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaEditorTextBox = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.FormulaCoponent = exports.MultiSelectDropDown = exports.Terminal = exports.StyleClass = void 0;
5
+ exports.AGCharts = exports.SCLoader = exports.AGGridComponent = exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaEditorTextBox = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.ExpressionRenderer = exports.FormulaComponent = exports.MultiSelectDropDown = exports.Terminal = exports.StyleClass = void 0;
6
6
  const tslib_1 = require("tslib");
7
7
  const jsx_runtime_1 = require("react/jsx-runtime");
8
8
  const client_1 = tslib_1.__importDefault(require("react-dom/client"));
@@ -208,8 +208,10 @@ var terminal_1 = require("./components/terminal/terminal");
208
208
  Object.defineProperty(exports, "Terminal", { enumerable: true, get: function () { return tslib_1.__importDefault(terminal_1).default; } });
209
209
  var multi_select_dropdown_1 = require("./components/multi-select-dropdown/multi-select-dropdown");
210
210
  Object.defineProperty(exports, "MultiSelectDropDown", { enumerable: true, get: function () { return tslib_1.__importDefault(multi_select_dropdown_1).default; } });
211
- var FormulaCoponent_1 = require("./components/formula-template/FormulaCoponent");
212
- Object.defineProperty(exports, "FormulaCoponent", { enumerable: true, get: function () { return tslib_1.__importDefault(FormulaCoponent_1).default; } });
211
+ var FormulaComponent_1 = require("./components/formula-template/FormulaComponent");
212
+ Object.defineProperty(exports, "FormulaComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(FormulaComponent_1).default; } });
213
+ var ExpressionRender_1 = require("./components/formula-template/ExpressionRender");
214
+ Object.defineProperty(exports, "ExpressionRenderer", { enumerable: true, get: function () { return tslib_1.__importDefault(ExpressionRender_1).default; } });
213
215
  var date_picker_1 = require("./components/date-picker/date-picker");
214
216
  Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return tslib_1.__importDefault(date_picker_1).default; } });
215
217
  var treeDropdownSelect_1 = require("./components/treeDropdownSelect/treeDropdownSelect");
@@ -34,7 +34,7 @@ export { default as Tag } from "./components/carousel/tag";
34
34
  export { default as OverlayPanel } from "./components/overlays/overlay-panel";
35
35
  export { default as InputNumber } from "./components/input/input-number";
36
36
  export { default as Toast } from "./components/toast/toast";
37
- export { DataView, DataViewLayoutOptions } from "./components/data-view/data-view";
37
+ export { DataView, DataViewLayoutOptions, } from "./components/data-view/data-view";
38
38
  export { default as SplitButton } from "./components/button/split-button";
39
39
  export { default as SpeedDial } from "./components/button/speed-dial";
40
40
  export { default as InputMask } from "./components/input/input-mask";
@@ -84,27 +84,28 @@ export { default as Menu } from "./components/menu/menu";
84
84
  export { default as Menubar } from "./components/menubar/menubar";
85
85
  export { default as PanelMenu } from "./components/panel-menu/panelMenu";
86
86
  export { default as SlideMenu } from "./components/slide-menu/slide-menu";
87
- export { default as Steps } from './components/steps/steps';
87
+ export { default as Steps } from "./components/steps/steps";
88
88
  export { default as TieredMenu } from "./components/tiered-menu/tieredMenu";
89
89
  export { default as Message } from "./components/message/Message";
90
90
  export { default as Messages } from "./components/messages/messages";
91
91
  export { default as BlockUI } from "./components/block-ui/blockUI";
92
- export { Inplace, InplaceDisplay, InplaceContent } from "./components/inplace/inplace";
92
+ export { Inplace, InplaceDisplay, InplaceContent, } from "./components/inplace/inplace";
93
93
  export { default as ScrollTop } from "./components/scroll-top/scrollTop";
94
94
  export { default as StyleClass } from "./components/style-class/styleClass";
95
95
  export { default as Terminal } from "./components/terminal/terminal";
96
- export { default as MultiSelectDropDown } from './components/multi-select-dropdown/multi-select-dropdown';
97
- export { default as FormulaCoponent } from './components/formula-template/FormulaCoponent';
96
+ export { default as MultiSelectDropDown } from "./components/multi-select-dropdown/multi-select-dropdown";
97
+ export { default as FormulaComponent } from "./components/formula-template/FormulaComponent";
98
+ export { default as ExpressionRenderer } from "./components/formula-template/ExpressionRender";
98
99
  export { default as DatePicker } from "./components/date-picker/date-picker";
99
- export { default as TreeDropdownSelect } from './components/treeDropdownSelect/treeDropdownSelect';
100
+ export { default as TreeDropdownSelect } from "./components/treeDropdownSelect/treeDropdownSelect";
100
101
  export { default as FormComponent } from "./components/form/form";
101
102
  export { default as FormFields } from "./components/form/form-fields/form-fields";
102
103
  export { default as FroalaTextEditor } from "./components/froala-editor/FroalaEditor";
103
104
  export { default as FroalaEditorTextBox } from "./components/froala-editor/FroalaEditorTextBox";
104
- export { default as ListBoxDropdown } from './components/list-box-dropdown/list-box-dropdown';
105
+ export { default as ListBoxDropdown } from "./components/list-box-dropdown/list-box-dropdown";
105
106
  export { default as CustomColorPicker } from "./components/custom-color-picker/color-picker";
106
- export { useClickOutside, useOverlayListener, useOverlayScrollListener } from 'primereact/hooks';
107
- export { default as AGGridComponent } from './components/ag-grid/parent-for-grid';
107
+ export { useClickOutside, useOverlayListener, useOverlayScrollListener, } from "primereact/hooks";
108
+ export { default as AGGridComponent } from "./components/ag-grid/parent-for-grid";
108
109
  export { default as SCLoader } from "./components/loader/Loader";
109
110
  export { default as AGCharts } from "./components/ag-charts/AGCharts";
110
111
  import { DropdownChangeEvent } from "primereact/dropdown";
@@ -143,5 +144,5 @@ import { TreeExpandedKeysType, TreeMultipleSelectionKeys, TreeCheckboxSelectionK
143
144
  import { TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionKeysType, TreeTablePageEvent, TreeTableEvent } from "primereact/treetable";
144
145
  import { TabPanelHeaderTemplateOptions } from "primereact/tabview";
145
146
  import { ToastMessage } from "primereact/toast";
146
- import { EditorTextChangeEvent } from 'primereact/editor';
147
+ import { EditorTextChangeEvent } from "primereact/editor";
147
148
  export type { DropdownChangeEvent, CarouselResponsiveOption, ColorPickerChangeEvent, SliderChangeEvent, MenuItem, FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions, InputNumberValueChangeEvent, RadioButtonChangeEvent, CustomActionEvent, StepItem, FormComponentProps, TextFieldProps, TextAreaFieldProps, NumberFieldProps, DropDownFieldProps, MultiSelectProps, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps, GalleriaResponsiveOptions, AutoCompleteCompleteEvent, CalendarChangeEvent, CascadeSelectChangeEvent, ChipsChangeEvent, InputMaskChangeEvent, InputSwitchChangeEvent, KnobChangeEvent, ListBoxChangeEvent, MentionSearchEvent, MentionItemTemplateOptions, MultiSelectChangeEvent, MultiStateCheckboxChangeEvent, RatingChangeEvent, SelectButtonChangeEvent, TreeSelectChangeEvent, TriStateCheckboxChangeEvent, ToggleButtonChangeEvent, DataTableFilterMeta, ColumnFilterElementTemplateOptions, InputNumberChangeEvent, DataTableSelectEvent, DataTableUnselectEvent, DataTableDataSelectableEvent, DataTableCellSelection, DataTableCellClassNameOptions, DataTableExpandedRows, DataTableRowEvent, DataTableValueArray, ColumnEvent, ColumnEditorOptions, DataTableRowEditCompleteEvent, DataTableSelectAllChangeEvent, DataTablePageEvent, DataTableSortEvent, DataTableFilterEvent, ColumnBodyOptions, VirtualScrollerLazyEvent, VirtualScrollerLoadingTemplateOptions, DataTableRowToggleEvent, PaginatorPageChangeEvent, PaginatorJumpToPageInputOptions, PaginatorCurrentPageReportOptions, PaginatorRowsPerPageDropdownOptions, PaginatorLastPageLinkOptions, PaginatorNextPageLinkOptions, PaginatorPageLinksOptions, PaginatorPrevPageLinkOptions, PaginatorFirstPageLinkOptions, TreeExpandedKeysType, TreeMultipleSelectionKeys, TreeCheckboxSelectionKeys, TreeEventNodeEvent, TreeNodeTemplateOptions, TreeTogglerTemplateOptions, TreeDragDropEvent, TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionKeysType, TreeTablePageEvent, TreeTableEvent, VirtualScrollerTemplateOptions, TabPanelHeaderTemplateOptions, MenuItemOptions, ToastMessage, EditorTextChangeEvent, SCLoaderProps, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.3.97",
3
+ "version": "6.3.98",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -1,49 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- require("@ag-grid-community/styles/ag-grid.css");
7
- require("@ag-grid-community/styles/ag-theme-quartz.css");
8
- const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
9
- const constants_1 = require("../../components/ag-grid/constants");
10
- const type_1 = require("../../components/types/type");
11
- const dummyData_1 = require("./dummyData");
12
- const DragAndDropFeatureTesting = () => {
13
- const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
14
- const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
15
- const [columnDefs] = (0, react_1.useState)([
16
- { field: "employeeId", rowDrag: true, suppressFillHandle: true },
17
- { field: "employeeName", },
18
- { field: "jobTitle" },
19
- { field: "employmentType" },
20
- ]);
21
- const defaultColDef = (0, react_1.useMemo)(() => {
22
- return {
23
- width: 240,
24
- flex: 1,
25
- sortable: false,
26
- };
27
- }, []);
28
- const getRowData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
29
- debugger;
30
- var allRows = yield (0, dummyData_1.getNormalData)();
31
- const result = { rowData: allRows };
32
- return result;
33
- });
34
- const initialConditions = {
35
- displayAdvancedFilter: false,
36
- displaySort: true,
37
- displayFeaturesHeader: true,
38
- displaySearch: type_1.VisibilityState.ENABLE,
39
- displayFilter: type_1.VisibilityState.ENABLE
40
- };
41
- const gridApi = (0, react_1.useRef)(null);
42
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: containerStyle }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: gridStyle, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { getGridRef: gridApi, columnData: columnDefs, style: { height: "500px" },
43
- // rowData={dummyData}
44
- getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE, shouldRefetch: false, filterConditions: [
45
- { id: 1, label: "AND" },
46
- { id: 2, label: "OR" },
47
- ], columnDefs: columnDefs, defaultColDef: defaultColDef, rowDragManaged: true }) })) })));
48
- };
49
- exports.default = DragAndDropFeatureTesting;
@@ -1,125 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- require("@ag-grid-community/styles/ag-grid.css");
7
- require("@ag-grid-community/styles/ag-theme-quartz.css");
8
- const core_1 = require("@ag-grid-community/core");
9
- const column_tool_panel_1 = require("@ag-grid-enterprise/column-tool-panel");
10
- const menu_1 = require("@ag-grid-enterprise/menu");
11
- const row_grouping_1 = require("@ag-grid-enterprise/row-grouping");
12
- const server_side_row_model_1 = require("@ag-grid-enterprise/server-side-row-model");
13
- const dummyData_1 = require("./dummyData");
14
- const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
15
- const constants_1 = require("../../components/ag-grid/constants");
16
- const type_1 = require("../../components/types/type");
17
- core_1.ModuleRegistry.registerModules([
18
- column_tool_panel_1.ColumnsToolPanelModule,
19
- menu_1.MenuModule,
20
- row_grouping_1.RowGroupingModule,
21
- server_side_row_model_1.ServerSideRowModelModule,
22
- ]);
23
- const GridRowGroupingSSRM = () => {
24
- const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
25
- const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
26
- const [text, setText] = (0, react_1.useState)("");
27
- const [columnDefs] = (0, react_1.useState)([
28
- { field: "employeeId", },
29
- { field: "employeeName", },
30
- { field: "jobTitle" },
31
- { field: "employmentType" },
32
- ]);
33
- const defaultColDef = (0, react_1.useMemo)(() => {
34
- return {
35
- width: 240,
36
- flex: 1,
37
- sortable: false,
38
- };
39
- }, []);
40
- const autoGroupColumnDef = (0, react_1.useMemo)(() => {
41
- return {
42
- field: "employeeName",
43
- headerName: `Search Results`,
44
- headerCheckboxSelection: true,
45
- cellRendererParams: {
46
- innerRenderer: () => {
47
- // Add custom styling or content to the group label
48
- return ((0, jsx_runtime_1.jsx)("div", { children: "kjasdnfkjasdf" }));
49
- },
50
- checkbox: true,
51
- },
52
- };
53
- }, []);
54
- const isServerSideGroupOpenByDefault = (0, react_1.useCallback)((params) => {
55
- // open first two levels by default
56
- if (text === "") {
57
- return false;
58
- }
59
- return params.rowNode.level < 2;
60
- }, [text]);
61
- const isServerSideGroup = (0, react_1.useCallback)((dataItem) => {
62
- // indicate if node is a group
63
- return dataItem.group;
64
- }, []);
65
- const getServerSideGroupKey = (0, react_1.useCallback)((dataItem) => {
66
- // specify which group key to use
67
- return dataItem.id;
68
- }, []);
69
- const getRowData = (a, b, c, d) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
70
- console.log(a, b);
71
- console.log(c, d, "params");
72
- setText(c.searchedText);
73
- var allRows = yield (0, dummyData_1.getAllData)(c.searchedText);
74
- const result = { rowData: allRows };
75
- return result;
76
- // setTimeout(() => {
77
- // params.success(result);
78
- // }, 200);
79
- });
80
- // const onGridReady = useCallback((params: GridReadyEvent) => {
81
- // params.api!.setGridOption("serverSideDatasource", { getRows: getData });
82
- // }, []);
83
- const initialConditions = {
84
- displayAdvancedFilter: false,
85
- displaySort: true,
86
- displayFeaturesHeader: true,
87
- displaySearch: type_1.VisibilityState.ENABLE,
88
- displayFilter: type_1.VisibilityState.ENABLE
89
- };
90
- const rowSelection = (0, react_1.useMemo)(() => {
91
- return {
92
- mode: "multiRow",
93
- };
94
- }, []);
95
- const gridApi = (0, react_1.useRef)(null);
96
- const onSelectionChanged = (0, react_1.useCallback)(() => {
97
- const selectedRows = gridApi.current.api.getServerSideSelectionState(); // Get selected rows
98
- // const allRowsSelected = gridApi.current.api.getSelectedRows().length === gridApi.current.api.getDisplayedRowCount();
99
- console.log("Selected rows: ", selectedRows);
100
- console.log("Selected----- ");
101
- // If all rows are selected, you can perform your custom logic
102
- }, [gridApi]);
103
- // const onFilterTextBoxChanged = useCallback(() => {
104
- // const cahed = gridApi.current.api.getCacheBlockState(); // See loaded blocks
105
- // gridApi.current.api.forEachNode((node) => console.log(node.data, cahed, "cache")); // Access cached rows
106
- // // gridApi.current!.api.setGridOption(
107
- // // "quickFilterText",
108
- // // (document.getElementById("filter-text-box") as HTMLInputElement).value,
109
- // // );
110
- // }, []);
111
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: containerStyle }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: gridStyle, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { getGridRef: gridApi, columnData: columnDefs, style: { height: "500px" }, getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.SERVER_SIDE, shouldRefetch: false, filterConditions: [
112
- { id: 1, label: "AND" },
113
- { id: 2, label: "OR" },
114
- ],
115
- // GroupHeaderComponent={GroupHeaderComponent}
116
- enableCheckboxForGroupHeader: true,
117
- // AdvancedFilter={AdvancedFilter}
118
- serverSideInitialRowCount: 3, treeData: true, gridProps: {
119
- isServerSideGroupOpenByDefault,
120
- isServerSideGroup,
121
- getServerSideGroupKey,
122
- rowSelection: "multiple"
123
- }, columnDefs: columnDefs, defaultColDef: defaultColDef, autoGroupColumnDef: autoGroupColumnDef, rowSelection: rowSelection, onSelectionChanged: onSelectionChanged }) })) })));
124
- };
125
- exports.default = GridRowGroupingSSRM;
@@ -1,226 +0,0 @@
1
- "use strict";
2
- // const allDummyData = [
3
- // {
4
- // "employeeId": 101,
5
- // "employeeName": "Erica Rogers",
6
- // "jobTitle": "CEO",
7
- // "employmentType": "Permanent",
8
- // "children": [
9
- // {
10
- // "employeeId": 102,
11
- // "employeeName": "Malcolm Barrett",
12
- // "jobTitle": "Exec. Vice President",
13
- // "employmentType": "Permanent",
14
- // "children": [
15
- // {
16
- // "employeeId": 103,
17
- // "employeeName": "Esther Baker",
18
- // "jobTitle": "Director of Operations",
19
- // "employmentType": "Permanent",
20
- // "children": [
21
- // {
22
- // "employeeId": 104,
23
- // "employeeName": "Brittany Hanson",
24
- // "jobTitle": "Fleet Coordinator",
25
- // "employmentType": "Permanent",
26
- // "children": [
27
- // {
28
- // "employeeId": 105,
29
- // "employeeName": "Leah Flowers",
30
- // "jobTitle": "Parts Technician",
31
- // "employmentType": "Contract"
32
- // },
33
- // {
34
- // "employeeId": 106,
35
- // "employeeName": "Tammy Sutton",
36
- // "jobTitle": "Service Technician",
37
- // "employmentType": "Contract"
38
- // }
39
- // ]
40
- // },
41
- // {
42
- // "employeeId": 107,
43
- // "employeeName": "Derek Paul",
44
- // "jobTitle": "Inventory Control",
45
- // "employmentType": "Permanent"
46
- // }
47
- // ]
48
- // },
49
- // {
50
- // "employeeId": 108,
51
- // "employeeName": "Francis Strickland",
52
- // "jobTitle": "VP Sales",
53
- // "employmentType": "Permanent",
54
- // "children": [
55
- // {
56
- // "employeeId": 109,
57
- // "employeeName": "Morris Hanson",
58
- // "jobTitle": "Sales Manager",
59
- // "employmentType": "Permanent"
60
- // },
61
- // {
62
- // "employeeId": 110,
63
- // "employeeName": "Todd Tyler",
64
- // "jobTitle": "Sales Executive",
65
- // "employmentType": "Contract"
66
- // },
67
- // {
68
- // "employeeId": 111,
69
- // "employeeName": "Bennie Wise",
70
- // "jobTitle": "Sales Executive",
71
- // "employmentType": "Contract"
72
- // },
73
- // {
74
- // "employeeId": 112,
75
- // "employeeName": "Joel Cooper",
76
- // "jobTitle": "Sales Executive",
77
- // "employmentType": "Permanent"
78
- // }
79
- // ]
80
- // }
81
- // ]
82
- // },
83
- // {
84
- // "employeeId": 113,
85
- // "employeeName": "Luke McBride",
86
- // "jobTitle": "Exec. Vice President",
87
- // "employmentType": "Permanent",
88
- // "children": [
89
- // {
90
- // "employeeId": 114,
91
- // "employeeName": "Sarah Baker",
92
- // "jobTitle": "Director of Operations",
93
- // "employmentType": "Permanent",
94
- // "children": [
95
- // {
96
- // "employeeId": 115,
97
- // "employeeName": "Mason Hanson",
98
- // "jobTitle": "Fleet Coordinator",
99
- // "employmentType": "Permanent",
100
- // "children": [
101
- // {
102
- // "employeeId": 116,
103
- // "employeeName": "Hannah Flowers",
104
- // "jobTitle": "Parts Technician",
105
- // "employmentType": "Contract"
106
- // },
107
- // {
108
- // "employeeId": 117,
109
- // "employeeName": "Rob Sutton",
110
- // "jobTitle": "Service Technician",
111
- // "employmentType": "Contract"
112
- // }
113
- // ]
114
- // },
115
- // {
116
- // "employeeId": 118,
117
- // "employeeName": "Paul Smith",
118
- // "jobTitle": "Inventory Control",
119
- // "employmentType": "Permanent"
120
- // }
121
- // ]
122
- // },
123
- // {
124
- // "employeeId": 119,
125
- // "employeeName": "Adam Newman",
126
- // "jobTitle": "VP Sales",
127
- // "employmentType": "Permanent",
128
- // "children": [
129
- // {
130
- // "employeeId": 120,
131
- // "employeeName": "John Smith",
132
- // "jobTitle": "Sales Manager",
133
- // "employmentType": "Permanent"
134
- // },
135
- // {
136
- // "employeeId": 121,
137
- // "employeeName": "Alice Grant",
138
- // "jobTitle": "Sales Executive",
139
- // "employmentType": "Contract"
140
- // },
141
- // {
142
- // "employeeId": 122,
143
- // "employeeName": "Ben Hill",
144
- // "jobTitle": "Sales Executive",
145
- // "employmentType": "Contract"
146
- // },
147
- // {
148
- // "employeeId": 123,
149
- // "employeeName": "Joe Cooper",
150
- // "jobTitle": "Sales Executive",
151
- // "employmentType": "Permanent"
152
- // }
153
- // ]
154
- // }
155
- // ]
156
- // }
157
- // ]
158
- // }
159
- // ]
160
- Object.defineProperty(exports, "__esModule", { value: true });
161
- exports.dummyData = exports.getNormalData = exports.getAllData = void 0;
162
- const tslib_1 = require("tslib");
163
- // const allDummyDataMoreChildren = [
164
- // {
165
- // employeeId: generateUniqueId(),
166
- // employeeName: "Parent 1",
167
- // jobTitle: "CEO",
168
- // employmentType: "Permanent",
169
- // group: true,
170
- // },
171
- // // Repeat the structure for Parent 3 through Parent 10
172
- // ];
173
- function generateUniqueId() {
174
- const timestamp = Date.now().toString().slice(-4); // Last 4 digits of timestamp
175
- const randomPart = Math.floor(100000 + Math.random() * 900000).toString(); // 6 random digits
176
- return timestamp + randomPart; // 10-digit unique ID
177
- }
178
- let k = 1;
179
- function delayWithValue(ms, value) {
180
- return new Promise((resolve) => {
181
- setTimeout(() => {
182
- resolve(value); // Return the value after the delay
183
- }, ms);
184
- });
185
- }
186
- const getAllData = (text) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
187
- console.log(k, "called", text);
188
- k = k + 1;
189
- const data = yield delayWithValue(500, [
190
- {
191
- id: generateUniqueId(),
192
- employeeName: "Parent 1",
193
- jobTitle: "CEO" + generateUniqueId(),
194
- employmentType: "Permanent",
195
- group: true,
196
- },
197
- // Repeat the structure for Parent 3 through Parent 10
198
- ]);
199
- return data;
200
- });
201
- exports.getAllData = getAllData;
202
- const getNormalData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
203
- const data = yield delayWithValue(500, [{
204
- id: 1,
205
- employeeName: "Parent 1",
206
- jobTitle: "CEO",
207
- employmentType: "Permanent",
208
- group: true,
209
- }]);
210
- return data;
211
- });
212
- exports.getNormalData = getNormalData;
213
- exports.dummyData = [{
214
- id: 1,
215
- employeeName: "Parent 1",
216
- jobTitle: "CEO",
217
- employmentType: "Permanent",
218
- group: true,
219
- },
220
- {
221
- id: 3,
222
- employeeName: "Parent 3",
223
- jobTitle: "CEO",
224
- employmentType: "Permanent",
225
- group: true,
226
- }];
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const VirtualScrollDropDown_1 = tslib_1.__importDefault(require("../../components/virtual-scroll-drop-down/VirtualScrollDropDown"));
6
- const VirtualScrollDropDownzPage = () => {
7
- return ((0, jsx_runtime_1.jsx)(VirtualScrollDropDown_1.default, {}));
8
- };
9
- exports.default = VirtualScrollDropDownzPage;