sccoreui 5.9.71 → 5.9.73

package/dist/App.scss

@@ -849,6 +849,12 @@ button[aria-expanded="true"] {
   .p-multiselect-label {
     line-height: 38px !important;
   }
+
+  .p-multiselect-token-label{
+    width: 82px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  }
 }
 
 .sc_multiSelect.noShowSelectedCount {

package/dist/assets/App.scss

@@ -0,0 +1,130 @@
+@import url("./assets/theme.css");
+@import url("./assets/sccoreui.css");
+@import url("./assets/sccoreicons.css");
+@import url("./assets/flex.css");
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
+
+:root {
+  --fw-600: 600;
+  --fw-400: 400;
+  --fs-24: 24px;
+  --fs-18: 18px;
+  --fs-16: 16px;
+  --lh: 24px;
+  --fs-14: 14px;
+  --grey-bg: #101828;
+  --border-none: border-none;
+}
+
+// @font-face {
+//   font-family: "Lato";
+//   src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
+// }
+
+// @font-face {
+//   font-family: "Lato-600";
+//   font-weight: 600;
+//   src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
+// }
+
+// * {
+//   padding: 0;
+//   margin: 0;
+// }
+
+body {
+  font-family: 'Lato', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: var(--lh);
+  padding: 0;
+  margin: 0;
+}
+
+code {
+  font-family: 'Lato', sans-serif;
+}
+
+h1 {
+  font-size: var(--fs-24);
+  font-weight: var(--fw-600);
+}
+
+h2 {
+  font-size: var(--fs-18);
+  font-weight: var(--fw-600);
+}
+
+h3 {
+  font-size: var(--fs-16);
+  font-weight: var(--fw-400);
+}
+
+// ============= custom progress steps ===============  //
+
+.progress-container {
+  isolation: isolate;
+
+  &::before {
+    content: "";
+    background-color: var(--gray-200);
+    position: absolute;
+    z-index: -1;
+  }
+
+  &.horizontal::before {
+    height: 2px;
+    width: 100%;
+    top: 11%;
+  }
+
+  &.vertical::before {
+    height: 100%;
+    width: 2px;
+    left: 5%;
+    top: 0;
+  }
+}
+
+.progressbar {
+  z-index: -1;
+  transition: all 0.6s ease;
+
+  &.horizontal {
+    left: 0;
+    height: 2px;
+    top: 11%;
+  }
+
+  &.vertical {
+    width: 2px;
+    left: 5%;
+    top: 0;
+  }
+}
+
+.progress-step-item {
+  &.horizontal {
+    // transform: translateX(10%);
+
+    &:nth-of-type(1) {
+      transform: translateX(-50%);
+    }
+
+    &:last-child {
+      transform: translateX(50%);
+    }
+  }
+
+  &.vertical {
+    transform: translateY(50%);
+
+    &:nth-of-type(1) {
+      transform: translateY(-5%);
+    }
+
+    &:last-child {
+      transform: translateY(100%);
+    }
+  }
+}

package/dist/components/sc-multi-select/scMultiSelect.js

@@ -17,8 +17,8 @@ const ScMultiSelect = (props) => {
             for (let i = 0; i < selectedItems.length; i++) {
                 totalWidth += selectedItems[i].offsetWidth; // Approximation, adjust as necessary
                 if (totalWidth > containerWidth - 64) { // 20px buffer for ellipsis
-                    setShowCount(props.value.length - (i - 1));
-                    break;
+                    setShowCount(selectedItems.length - i);
+                    i = selectedItems.length;
                 }
                 else {
                     setShowCount(0);

package/dist/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 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;
 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;
-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;
+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;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const client_1 = tslib_1.__importDefault(require("react-dom/client"));
@@ -232,6 +232,4 @@ var parent_for_grid_1 = require("./components/ag-grid/parent-for-grid");
 Object.defineProperty(exports, "AGGridComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(parent_for_grid_1).default; } });
 var Loader_1 = require("./components/loader/Loader");
 Object.defineProperty(exports, "SCLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(Loader_1).default; } });
-var d3_tree_1 = require("./components/d3-tree/d3-tree");
-Object.defineProperty(exports, "DataTree", { enumerable: true, get: function () { return tslib_1.__importDefault(d3_tree_1).default; } });
 client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

package/dist/types/index.d.ts

@@ -105,7 +105,6 @@ export { default as CustomColorPicker } from "./components/custom-color-picker/c
 export { useClickOutside, useOverlayListener, useOverlayScrollListener } from 'primereact/hooks';
 export { default as AGGridComponent } from './components/ag-grid/parent-for-grid';
 export { default as SCLoader } from "./components/loader/Loader";
-export { default as DataTree } from "./components/d3-tree/d3-tree";
 import { DropdownChangeEvent } from "primereact/dropdown";
 import { ColorPickerChangeEvent } from "primereact/colorpicker";
 import { SliderChangeEvent } from "primereact/slider";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.9.71",
+  "version": "5.9.73",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -47,7 +47,6 @@
     "quill": "^1.3.7",
     "react": "^18.2.0",
     "react-color": "^2.19.3",
-    "react-d3-tree": "^3.6.2",
     "react-dom": "^18.2.0",
     "react-froala-wysiwyg": "^4.1.2",
     "react-phone-number-input": "^3.3.6",

package/dist/components/d3-tree/d3-tree.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_d3_tree_1 = require("react-d3-tree");
-exports.default = react_d3_tree_1.Tree;

package/dist/types/components/d3-tree/d3-tree.d.ts

@@ -1,2 +0,0 @@
-import { Tree as DataTree } from "react-d3-tree";
-export default DataTree;