sccoreui 4.5.8 → 4.6.0

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

@@ -10,7 +10,7 @@ require("froala-editor/js/plugins.pkgd.min.js");
 // import { SvgComponent } from 'sccoreui';
 // import SvgComponent from '../../directives/svg-component';
 // import { Bold, Italic } from '../../assets/svg/svg';
-const FroalaTextEditor = ({ onChange, value, placeholderText }) => {
+const FroalaTextEditor = ({ onChange, value, placeholderText, id }) => {
     const editorRef = (0, react_1.useRef)(null);
     // const html = ``;
     const [editorContent, setEditorContent] = (0, react_1.useState)(value);
@@ -33,14 +33,14 @@ const FroalaTextEditor = ({ onChange, value, placeholderText }) => {
     (0, react_1.useEffect)(() => {
         if (editorRef.current) {
             editorRef.current.editor.$el.on('focus', () => {
-                document.getElementById('fr-text-editor').classList.add('focus-text-editor');
+                document.getElementById(id).classList.add('focus-text-editor');
             });
             editorRef.current.editor.$el.on('focusout', () => {
-                document.getElementById('fr-text-editor').classList.remove('focus-text-editor');
+                document.getElementById(id).classList.remove('focus-text-editor');
             });
         }
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-editor', id: "fr-text-editor" }, { children: (0, jsx_runtime_1.jsx)(react_froala_wysiwyg_1.default, { tag: "textarea", config: {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-editor', id: id }, { children: (0, jsx_runtime_1.jsx)(react_froala_wysiwyg_1.default, { tag: "textarea", config: {
                 fontFamilySelection: true,
                 fontFamily: {
                     'Arial,Helvetica,sans-serif': 'sans-serif',

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

@@ -5,8 +5,8 @@ const listbox_1 = require("primereact/listbox");
 const menu_1 = require("primereact/menu");
 const react_1 = require("react");
 const sccoreui_1 = require("sccoreui");
-const ListBoxDropdown = ({ onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate }) => {
-    const [selectedCities, setSelectedCities] = (0, react_1.useState)(null);
+const ListBoxDropdown = ({ onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link }) => {
+    const [selectedCities, setSelectedCities] = (0, react_1.useState)(values);
     const optionsMenuRef = (0, react_1.useRef)();
     const onSelectOption = (e) => {
         setSelectedCities(e.value);
@@ -19,6 +19,6 @@ const ListBoxDropdown = ({ onChange, footeTemplate, headerTemplate, labelIcon, l
                                                 :
                                                     (0, jsx_runtime_1.jsx)("span", { children: option.name }) }), listClassName: listClassName ? listClassName : '', filter: filter ? true : false, multiple: multiple ? true : false, value: selectedCities, onChange: (e) => onSelectOption(e), options: listItems, optionLabel: optionLabel, className: listBoxclassName ? listBoxclassName : '', filterPlaceholder: filterPlaceholder ? filterPlaceholder : '' }), footeTemplate &&
                                         (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))
-                        }] }), (0, jsx_runtime_1.jsx)(sccoreui_1.Button, { className: "focus:shadow-none", link: true, icon: labelIcon ? labelIcon : '', size: labelIconSize ? labelIconSize : '', iconPos: labelIconPos ? labelIconPos : '', label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })] }) }));
+                        }] }), (0, jsx_runtime_1.jsx)(sccoreui_1.Button, { className: "focus:shadow-none", link: link ? true : false, icon: labelIcon ? labelIcon : '', size: labelIconSize ? labelIconSize : '', iconPos: labelIconPos ? labelIconPos : '', label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })] }) }));
 };
 exports.default = ListBoxDropdown;

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 }: FroalaTextEditorTypes) => import("react/jsx-runtime").JSX.Element;
+declare const FroalaTextEditor: ({ onChange, value, placeholderText, id }: FroalaTextEditorTypes) => import("react/jsx-runtime").JSX.Element;
 export default FroalaTextEditor;

package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts

@@ -1,3 +1,3 @@
 import { ListBoxDropdownTypes } from "../types/type";
-declare const ListBoxDropdown: ({ onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
+declare const ListBoxDropdown: ({ onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
 export default ListBoxDropdown;

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

@@ -163,8 +163,10 @@ export interface FroalaTextEditorTypes {
     onChange?: any;
     value: string;
     placeholderText: string;
+    id?: string;
 }
 export interface ListBoxDropdownTypes {
+    values: any;
     label: string;
     labelIcon?: string;
     labelIconPos?: any;
@@ -182,4 +184,5 @@ export interface ListBoxDropdownTypes {
     labelIconSize?: any;
     menuClassName?: any;
     listBoxParentClassName?: any;
+    link?: any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "4.5.8",
+  "version": "4.6.0",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",