sccoreui 5.9.32 → 5.9.34
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.
- package/dist/App.scss +19 -0
- package/dist/assets/images/empty-state-icon.svg +53 -0
- package/dist/components/ag-grid/error-ui.js +4 -1
- package/dist/components/tree-data-tree/dataTree.js +9 -0
- package/dist/index.js +3 -1
- package/dist/types/components/tree-data-tree/dataTree.d.ts +3 -0
- package/dist/types/directives/svg-component.d.ts +2 -1
- package/dist/types/index.d.ts +3 -1
- package/package.json +2 -1
package/dist/App.scss
CHANGED
|
@@ -1908,6 +1908,25 @@ button[aria-expanded="true"] {
|
|
|
1908
1908
|
background-color: var(--gray-100);
|
|
1909
1909
|
}
|
|
1910
1910
|
|
|
1911
|
+
/* ErrorBoundary.module.css */
|
|
1912
|
+
.errorContainer {
|
|
1913
|
+
display: flex;
|
|
1914
|
+
flex-direction: column;
|
|
1915
|
+
align-items: center;
|
|
1916
|
+
justify-content: center;
|
|
1917
|
+
padding: 20px;
|
|
1918
|
+
margin: auto;
|
|
1919
|
+
border-radius: 5px;
|
|
1920
|
+
background-color: var(--red-50);
|
|
1921
|
+
width: 100vw;
|
|
1922
|
+
height: 100vh;
|
|
1923
|
+
text-align: center;
|
|
1924
|
+
}
|
|
1925
|
+
|
|
1926
|
+
.error_description {
|
|
1927
|
+
width: 750px;
|
|
1928
|
+
}
|
|
1929
|
+
|
|
1911
1930
|
.ag-theme-quartz {
|
|
1912
1931
|
--ag-active-color: var(--gray-300);
|
|
1913
1932
|
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
<svg width="152" height="120" viewBox="0 0 152 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="76" cy="52" r="52" fill="#A8B2EF"/>
|
|
3
|
+
<g filter="url(#filter0_dd_14081_96769)">
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.6 16C66.8273 16 57.2978 21.3233 51.4987 29.4829C49.605 29.0363 47.6301 28.8 45.6 28.8C31.4615 28.8 20 40.2615 20 54.4C20 68.5385 31.4615 80 45.6 80L45.62 80H109.6C121.971 80 132 69.9712 132 57.6C132 45.2288 121.971 35.2 109.6 35.2C108.721 35.2 107.854 35.2506 107.002 35.349C102.098 23.9677 90.7797 16 77.6 16Z" fill="#E2E5FA"/>
|
|
5
|
+
<ellipse cx="45.6" cy="54.3969" rx="25.6" ry="25.6" fill="url(#paint0_linear_14081_96769)"/>
|
|
6
|
+
<circle cx="77.6016" cy="48" r="32" fill="url(#paint1_linear_14081_96769)"/>
|
|
7
|
+
<ellipse cx="109.603" cy="57.6031" rx="22.4" ry="22.4" fill="url(#paint2_linear_14081_96769)"/>
|
|
8
|
+
</g>
|
|
9
|
+
<circle cx="21" cy="19" r="5" fill="#CED4F6"/>
|
|
10
|
+
<circle cx="18" cy="109" r="7" fill="#CED4F6"/>
|
|
11
|
+
<circle cx="145" cy="35" r="7" fill="#CED4F6"/>
|
|
12
|
+
<circle cx="134" cy="8" r="4" fill="#CED4F6"/>
|
|
13
|
+
<g filter="url(#filter1_b_14081_96769)">
|
|
14
|
+
<rect x="52" y="62" width="48" height="48" rx="24" fill="#6941C6" fill-opacity="0.4"/>
|
|
15
|
+
<path d="M85 95L81.5001 91.5M84 85.5C84 90.1944 80.1944 94 75.5 94C70.8056 94 67 90.1944 67 85.5C67 80.8056 70.8056 77 75.5 77C80.1944 77 84 80.8056 84 85.5Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
16
|
+
</g>
|
|
17
|
+
<defs>
|
|
18
|
+
<filter id="filter0_dd_14081_96769" x="0" y="16" width="152" height="104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
19
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
20
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
21
|
+
<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect1_dropShadow_14081_96769"/>
|
|
22
|
+
<feOffset dy="8"/>
|
|
23
|
+
<feGaussianBlur stdDeviation="4"/>
|
|
24
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0"/>
|
|
25
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14081_96769"/>
|
|
26
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
27
|
+
<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_14081_96769"/>
|
|
28
|
+
<feOffset dy="20"/>
|
|
29
|
+
<feGaussianBlur stdDeviation="12"/>
|
|
30
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0"/>
|
|
31
|
+
<feBlend mode="normal" in2="effect1_dropShadow_14081_96769" result="effect2_dropShadow_14081_96769"/>
|
|
32
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_14081_96769" result="shape"/>
|
|
33
|
+
</filter>
|
|
34
|
+
<filter id="filter1_b_14081_96769" x="44" y="54" width="64" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
35
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
36
|
+
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/>
|
|
37
|
+
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14081_96769"/>
|
|
38
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14081_96769" result="shape"/>
|
|
39
|
+
</filter>
|
|
40
|
+
<linearGradient id="paint0_linear_14081_96769" x1="25.9429" y1="37.4826" x2="71.2" y2="79.9968" gradientUnits="userSpaceOnUse">
|
|
41
|
+
<stop stop-color="#E9D7FE"/>
|
|
42
|
+
<stop offset="0.350715" stop-color="white" stop-opacity="0"/>
|
|
43
|
+
</linearGradient>
|
|
44
|
+
<linearGradient id="paint1_linear_14081_96769" x1="53.0301" y1="26.8571" x2="109.602" y2="80" gradientUnits="userSpaceOnUse">
|
|
45
|
+
<stop stop-color="#E9D7FE"/>
|
|
46
|
+
<stop offset="0.350715" stop-color="white" stop-opacity="0"/>
|
|
47
|
+
</linearGradient>
|
|
48
|
+
<linearGradient id="paint2_linear_14081_96769" x1="92.4031" y1="42.8031" x2="132.003" y2="80.0031" gradientUnits="userSpaceOnUse">
|
|
49
|
+
<stop stop-color="#E9D7FE"/>
|
|
50
|
+
<stop offset="0.350715" stop-color="white" stop-opacity="0"/>
|
|
51
|
+
</linearGradient>
|
|
52
|
+
</defs>
|
|
53
|
+
</svg>
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
3
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
5
|
const react_1 = require("react");
|
|
6
|
+
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
|
|
7
|
+
const button_1 = tslib_1.__importDefault(require("../button/button"));
|
|
5
8
|
function ErrorBoundary({ children }) {
|
|
6
9
|
const [hasError, setHasError] = (0, react_1.useState)(false);
|
|
7
10
|
(0, react_1.useEffect)(() => {
|
|
@@ -20,7 +23,7 @@ function ErrorBoundary({ children }) {
|
|
|
20
23
|
if (hasError) {
|
|
21
24
|
console.log(hasError, 'error occured');
|
|
22
25
|
// Fallback UI for when an error occurs
|
|
23
|
-
return (0, jsx_runtime_1.jsx)("div", { children: " Something went wrong please refresh and try" });
|
|
26
|
+
return (0, jsx_runtime_1.jsx)("div", Object.assign({ role: "alert", className: "errorContainer bg-red-50" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex align-items-center justify-content-center border-1 border-red-200 border-round-xl` }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-3 flex-column align-items-center border-round-lg p-6 error_description" }, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "my-0 text-gray-900" }, { children: "Fail to connect" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "my-0 text-gray-600" }, { children: "Something went wrong! please refresh the page and try again." })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-3 mt-6" }, { children: [(0, jsx_runtime_1.jsxs)(button_1.default, Object.assign({ onClick: () => window.location.reload(), outlined: true, className: "flex bg-white focus:border-gray-400 align-items-center gap-3 px-4 py-3" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "refresh-ccw-02" }), " Refresh"] })), (0, jsx_runtime_1.jsxs)(button_1.default, Object.assign({ className: "flex align-items-center gap-3 px-4 py-3", onClick: () => (window.location.href = window.location.origin) }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-narrow-left", color: "#fff" }), " Go Back"] }))] }))] })) })) }));
|
|
24
27
|
}
|
|
25
28
|
return children;
|
|
26
29
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
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_d3_tree_1 = tslib_1.__importDefault(require("react-d3-tree"));
|
|
6
|
+
const DataTree = (props) => {
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(react_d3_tree_1.default, Object.assign({}, props)));
|
|
8
|
+
};
|
|
9
|
+
exports.default = DataTree;
|
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.Stesp = 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.SCLoader = exports.AGGridComponent = exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.FormulaCoponent = exports.MultiSelectDropDown = exports.Terminal = exports.StyleClass = void 0;
|
|
5
|
+
exports.DataTree = exports.SCLoader = exports.AGGridComponent = exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.FormulaCoponent = 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"));
|
|
@@ -232,4 +232,6 @@ var parent_for_grid_1 = require("./components/ag-grid/parent-for-grid");
|
|
|
232
232
|
Object.defineProperty(exports, "AGGridComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(parent_for_grid_1).default; } });
|
|
233
233
|
var Loader_1 = require("./components/loader/Loader");
|
|
234
234
|
Object.defineProperty(exports, "SCLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(Loader_1).default; } });
|
|
235
|
+
var dataTree_1 = require("./components/tree-data-tree/dataTree");
|
|
236
|
+
Object.defineProperty(exports, "DataTree", { enumerable: true, get: function () { return tslib_1.__importDefault(dataTree_1).default; } });
|
|
235
237
|
client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));
|
package/dist/types/index.d.ts
CHANGED
|
@@ -105,6 +105,7 @@ export { default as CustomColorPicker } from "./components/custom-color-picker/c
|
|
|
105
105
|
export { useClickOutside, useOverlayListener, useOverlayScrollListener } from 'primereact/hooks';
|
|
106
106
|
export { default as AGGridComponent } from './components/ag-grid/parent-for-grid';
|
|
107
107
|
export { default as SCLoader } from "./components/loader/Loader";
|
|
108
|
+
export { default as DataTree } from "./components/tree-data-tree/dataTree";
|
|
108
109
|
import { DropdownChangeEvent } from "primereact/dropdown";
|
|
109
110
|
import { ColorPickerChangeEvent } from "primereact/colorpicker";
|
|
110
111
|
import { SliderChangeEvent } from "primereact/slider";
|
|
@@ -142,4 +143,5 @@ import { TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionK
|
|
|
142
143
|
import { TabPanelHeaderTemplateOptions } from "primereact/tabview";
|
|
143
144
|
import { ToastMessage } from "primereact/toast";
|
|
144
145
|
import { EditorTextChangeEvent } from 'primereact/editor';
|
|
145
|
-
|
|
146
|
+
import { CustomNodeElementProps, TreeProps, Point, Orientation, RawNodeDatum, TreeLinkDatum, PathFunctionOption, PathFunction, PathClassFunction, SyntheticEventHandler, AddChildrenFunction, RenderCustomNodeElementFn } from "react-d3-tree";
|
|
147
|
+
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, CustomNodeElementProps, TreeProps, Point, Orientation, RawNodeDatum, TreeLinkDatum, PathFunctionOption, PathFunction, PathClassFunction, SyntheticEventHandler, AddChildrenFunction, RenderCustomNodeElementFn };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sccoreui",
|
|
3
|
-
"version": "5.9.
|
|
3
|
+
"version": "5.9.34",
|
|
4
4
|
"description": "ui-sccore",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
"quill": "^1.3.7",
|
|
48
48
|
"react": "^18.2.0",
|
|
49
49
|
"react-color": "^2.19.3",
|
|
50
|
+
"react-d3-tree": "^3.6.2",
|
|
50
51
|
"react-dom": "^18.2.0",
|
|
51
52
|
"react-froala-wysiwyg": "^4.1.2",
|
|
52
53
|
"react-phone-number-input": "^3.3.6",
|