sccoreui 4.6.2 → 4.6.4

package/dist/components/custom-color-picker/color-picker.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_color_1 = require("react-color");
-const CustomColorPicker = ({ onChange, defaultValue }) => {
+const CustomColorPicker = ({ onChange, defaultValue, classNames }) => {
     const [color, setColor] = (0, react_1.useState)(defaultValue);
     const handleColorChange = (newColor) => {
         setColor(newColor.hex);
         onChange(newColor);
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_color_1.ChromePicker, { color: color, onChange: handleColorChange }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_color_1.ChromePicker, { className: classNames, color: color, onChange: handleColorChange }) }));
 };
 exports.default = CustomColorPicker;

package/dist/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chart = 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.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.StyleClass = 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 = void 0;
-exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.MultiSelectDropDown = exports.Terminal = void 0;
+exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.MultiSelectDropDown = exports.Terminal = 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"));
@@ -218,4 +218,6 @@ var FroalaEditor_1 = require("./components/froala-editor/FroalaEditor");
 Object.defineProperty(exports, "FroalaTextEditor", { enumerable: true, get: function () { return tslib_1.__importDefault(FroalaEditor_1).default; } });
 var list_box_dropdown_1 = require("./components/list-box-dropdown/list-box-dropdown");
 Object.defineProperty(exports, "ListBoxDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(list_box_dropdown_1).default; } });
+var color_picker_2 = require("./components/custom-color-picker/color-picker");
+Object.defineProperty(exports, "CustomColorPicker", { enumerable: true, get: function () { return tslib_1.__importDefault(color_picker_2).default; } });
 client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

package/dist/types/components/custom-color-picker/color-picker.d.ts

@@ -1,3 +1,3 @@
 import { CustomColorPickerTypes } from '../types/type';
-declare const CustomColorPicker: ({ onChange, defaultValue }: CustomColorPickerTypes) => import("react/jsx-runtime").JSX.Element;
+declare const CustomColorPicker: ({ onChange, defaultValue, classNames }: CustomColorPickerTypes) => import("react/jsx-runtime").JSX.Element;
 export default CustomColorPicker;

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

@@ -158,6 +158,7 @@ export interface TreeDropdownSelectTypes {
 export interface CustomColorPickerTypes {
     onChange?: any;
     defaultValue: string;
+    classNames?: string;
 }
 export interface FroalaTextEditorTypes {
     onChange?: any;

package/dist/types/index.d.ts

@@ -99,6 +99,7 @@ export { default as FormComponent } from "./components/form/form";
 export { default as FormFields } from "./components/form/form-fields/form-fields";
 export { default as FroalaTextEditor } from "./components/froala-editor/FroalaEditor";
 export { default as ListBoxDropdown } from './components/list-box-dropdown/list-box-dropdown';
+export { default as CustomColorPicker } from "./components/custom-color-picker/color-picker";
 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": "4.6.2",
+  "version": "4.6.4",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",