sccoreui 5.9.37 → 5.9.40

package/dist/components/froala-editor/FroalaEditor.js

@@ -9,7 +9,7 @@ const react_froala_wysiwyg_1 = tslib_1.__importDefault(require("react-froala-wys
 require("froala-editor/js/plugins.pkgd.min.js");
 // import SvgComponent from '../../directives/svg-component';
 // import { Bold, Italic } from '../../assets/svg/svg';
-const FroalaTextEditor = ({ onChange, value, placeholderText, id, className, maxLength = 255 }) => {
+const FroalaTextEditor = ({ onChange, value, placeholderText, id, className }) => {
     const editorRef = (0, react_1.useRef)(null);
     // const html = ``;
     const [editorContent, setEditorContent] = (0, react_1.useState)(value);
@@ -53,7 +53,6 @@ const FroalaTextEditor = ({ onChange, value, placeholderText, id, className, max
                 fontFamilyDefaultSelection: 'sans-serif',
                 placeholderText: placeholderText,
                 key: "5OA4gB3A3B3E3B5D3E3F-11SLJCKHXOSLMc1YGSGb1ZXHSe1CgB5A4D4G4E3C2A12A19A6B4==",
-                charCounterMax: maxLength,
                 toolbarSticky: false,
                 quickInsertEnabled: false,
                 toolbarInline: false,

package/dist/components/list-box-dropdown/list-box-dropdown.js

@@ -7,11 +7,11 @@ const menu_1 = require("primereact/menu");
 const react_1 = require("react");
 const button_1 = require("primereact/button");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
-const inputtext_1 = require("primereact/inputtext");
+// import { InputText } from "primereact/inputtext";
 const checkbox_1 = require("primereact/checkbox");
 const ListBoxDropdown = ({ selectAll, onSelectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, buttonClassName, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, }) => {
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
-    const [inpValue, setInpValue] = (0, react_1.useState)();
+    // const [inpValue, setInpValue] = useState<any>();
     const optionsMenuRef = (0, react_1.useRef)();
     const [checked, setChecked] = (0, react_1.useState)(false);
     const onSelectOption = (e) => {
@@ -53,23 +53,29 @@ const ListBoxDropdown = ({ selectAll, onSelectAll, onChange, footeTemplate, head
         // handleFormValues(formValues);
         onDranghandle(newItems);
     };
-    const removeItems = (e) => {
+    // const removeItems = (e) => {
+    //   e.preventDefault();
+    //   setInpValue("");
+    //   e.preventDefault()
+    // }
+    const onSelectAllItem = (e) => {
+        setChecked(e.checked);
+        if (onSelectAll)
+            onSelectAll(e.checked);
         e.preventDefault();
-        setInpValue("");
     };
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className }, { children: [(0, jsx_runtime_1.jsx)(menu_1.Menu, { onShow: (e) => onShow && onShow(e), onHide: (e) => onHide && onHide(e), onFocus: (e) => onFocus && onFocus(e), popup: true, className: menuClassName ? menuClassName : "", ref: optionsMenuRef, model: [
                         {
                             template: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listBoxParentClassName
                                     ? listBoxParentClassName +
                                         " list_box_dropdown border-round-lg border-1 overflow-hidden border-gray-200"
-                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), selectAll && ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", onClick: () => {
-                                            if (onSelectAll)
-                                                onSelectAll();
-                                        }, className: "text-primary-400 flex justify-content-between align-items-center w-full font-semibold absolute z-4 px-5 text-left focus:shadow-none", style: { top: "10em" }, link: true }, { children: ["Select All ", (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: checked, onChange: e => setChecked(e.checked) })] }))), (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${listClassName ? listClassName : " h-18rem overflow-auto "} ${selectAll && " mt-8 pt-2"}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), options: listItems, optionLabel: optionLabel, className: `${listBoxclassName
+                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), selectAll && ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", 
+                                        // onClick={() => {
+                                        //   if (onSelectAll) onSelectAll();
+                                        // }}
+                                        className: "text-primary-400 bg-white pt-0 px-2 flex gap-2 align-items-center w-full font-semibold absolute z-4  text-left focus:shadow-none", style: { top: "10em" }, link: true }, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: checked, onChange: e => onSelectAllItem(e) }), " ", (0, jsx_runtime_1.jsx)("span", { children: "Select All" })] }))), (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${listClassName ? listClassName : " h-18rem overflow-auto "} ${selectAll && " mt-8 pt-2"}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), options: listItems, optionLabel: optionLabel, className: `${listBoxclassName
                                             ? listBoxclassName
-                                            : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "", filterTemplate: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-right w-full" }, { children: [(inpValue === null || inpValue === void 0 ? void 0 : inpValue.length) > 0 && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix", onClick: removeItems }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18 }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email", value: inpValue, onChange: (e) => {
-                                                        setInpValue(e.target.value);
-                                                    }, disabled: false, placeholder: "Search", className: "font-normal text-gray-500 hover:text-gray-900 w-full" })] }))) }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
+                                            : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },
                     ] }), !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", className: `list_box_button focus:shadow-none p-0 h-max h-auto mx-2`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) }) })), selectedItems &&
                             (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {

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 dataTree_1 = require("./components/tree-data-tree/dataTree");
-Object.defineProperty(exports, "DataTree", { enumerable: true, get: function () { return tslib_1.__importDefault(dataTree_1).default; } });
 client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

package/dist/types/components/froala-editor/FroalaEditor.d.ts

@@ -2,5 +2,5 @@ import 'froala-editor/css/froala_editor.pkgd.min.css';
 import 'froala-editor/css/froala_style.min.css';
 import 'froala-editor/js/plugins.pkgd.min.js';
 import { FroalaTextEditorTypes } from '../types/type';
-declare const FroalaTextEditor: ({ onChange, value, placeholderText, id, className, maxLength }: FroalaTextEditorTypes) => import("react/jsx-runtime").JSX.Element;
+declare const FroalaTextEditor: ({ onChange, value, placeholderText, id, className }: FroalaTextEditorTypes) => import("react/jsx-runtime").JSX.Element;
 export default FroalaTextEditor;

package/dist/types/components/types/type.d.ts

@@ -218,7 +218,7 @@ export interface ListBoxDropdownTypes {
     listBoxParentClassName?: any;
     link?: any;
     selectAll?: boolean;
-    onSelectAll?: () => void;
+    onSelectAll?: (status: boolean) => void;
     isLoading?: boolean;
     className?: string;
     scrollElementId?: string;

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/tree-data-tree/dataTree";
 import { DropdownChangeEvent } from "primereact/dropdown";
 import { ColorPickerChangeEvent } from "primereact/colorpicker";
 import { SliderChangeEvent } from "primereact/slider";
@@ -143,5 +142,4 @@ import { TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionK
 import { TabPanelHeaderTemplateOptions } from "primereact/tabview";
 import { ToastMessage } from "primereact/toast";
 import { EditorTextChangeEvent } from 'primereact/editor';
-import { CustomNodeElementProps, TreeProps, Point, Orientation, RawNodeDatum, TreeLinkDatum, PathFunctionOption, PathFunction, PathClassFunction, SyntheticEventHandler, AddChildrenFunction, RenderCustomNodeElementFn } from "react-d3-tree";
-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 };
+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

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.9.37",
+  "version": "5.9.40",
   "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/tree-data-tree/dataTree.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_d3_tree_1 = tslib_1.__importDefault(require("react-d3-tree"));
-const DataTree = (props) => {
-    return ((0, jsx_runtime_1.jsx)(react_d3_tree_1.default, Object.assign({}, props)));
-};
-exports.default = DataTree;

package/dist/types/components/tree-data-tree/dataTree.d.ts

@@ -1,2 +0,0 @@
-declare const DataTree: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default DataTree;