sccoreui 5.9.69 → 5.9.71

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.
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_d3_tree_1 = require("react-d3-tree");
4
+ exports.default = react_d3_tree_1.Tree;
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 d3_tree_1 = require("./components/d3-tree/d3-tree");
236
+ Object.defineProperty(exports, "DataTree", { enumerable: true, get: function () { return tslib_1.__importDefault(d3_tree_1).default; } });
235
237
  client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));
@@ -0,0 +1,2 @@
1
+ import { Tree as DataTree } from "react-d3-tree";
2
+ export default DataTree;
@@ -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/d3-tree/d3-tree";
108
109
  import { DropdownChangeEvent } from "primereact/dropdown";
109
110
  import { ColorPickerChangeEvent } from "primereact/colorpicker";
110
111
  import { SliderChangeEvent } from "primereact/slider";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "5.9.69",
3
+ "version": "5.9.71",
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",
@@ -1,130 +0,0 @@
1
- @import url("./assets/theme.css");
2
- @import url("./assets/sccoreui.css");
3
- @import url("./assets/sccoreicons.css");
4
- @import url("./assets/flex.css");
5
- @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
6
-
7
- :root {
8
- --fw-600: 600;
9
- --fw-400: 400;
10
- --fs-24: 24px;
11
- --fs-18: 18px;
12
- --fs-16: 16px;
13
- --lh: 24px;
14
- --fs-14: 14px;
15
- --grey-bg: #101828;
16
- --border-none: border-none;
17
- }
18
-
19
- // @font-face {
20
- // font-family: "Lato";
21
- // src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
22
- // }
23
-
24
- // @font-face {
25
- // font-family: "Lato-600";
26
- // font-weight: 600;
27
- // src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
28
- // }
29
-
30
- // * {
31
- // padding: 0;
32
- // margin: 0;
33
- // }
34
-
35
- body {
36
- font-family: 'Lato', sans-serif;
37
- -webkit-font-smoothing: antialiased;
38
- -moz-osx-font-smoothing: grayscale;
39
- line-height: var(--lh);
40
- padding: 0;
41
- margin: 0;
42
- }
43
-
44
- code {
45
- font-family: 'Lato', sans-serif;
46
- }
47
-
48
- h1 {
49
- font-size: var(--fs-24);
50
- font-weight: var(--fw-600);
51
- }
52
-
53
- h2 {
54
- font-size: var(--fs-18);
55
- font-weight: var(--fw-600);
56
- }
57
-
58
- h3 {
59
- font-size: var(--fs-16);
60
- font-weight: var(--fw-400);
61
- }
62
-
63
- // ============= custom progress steps =============== //
64
-
65
- .progress-container {
66
- isolation: isolate;
67
-
68
- &::before {
69
- content: "";
70
- background-color: var(--gray-200);
71
- position: absolute;
72
- z-index: -1;
73
- }
74
-
75
- &.horizontal::before {
76
- height: 2px;
77
- width: 100%;
78
- top: 11%;
79
- }
80
-
81
- &.vertical::before {
82
- height: 100%;
83
- width: 2px;
84
- left: 5%;
85
- top: 0;
86
- }
87
- }
88
-
89
- .progressbar {
90
- z-index: -1;
91
- transition: all 0.6s ease;
92
-
93
- &.horizontal {
94
- left: 0;
95
- height: 2px;
96
- top: 11%;
97
- }
98
-
99
- &.vertical {
100
- width: 2px;
101
- left: 5%;
102
- top: 0;
103
- }
104
- }
105
-
106
- .progress-step-item {
107
- &.horizontal {
108
- // transform: translateX(10%);
109
-
110
- &:nth-of-type(1) {
111
- transform: translateX(-50%);
112
- }
113
-
114
- &:last-child {
115
- transform: translateX(50%);
116
- }
117
- }
118
-
119
- &.vertical {
120
- transform: translateY(50%);
121
-
122
- &:nth-of-type(1) {
123
- transform: translateY(-5%);
124
- }
125
-
126
- &:last-child {
127
- transform: translateY(100%);
128
- }
129
- }
130
- }