sccoreui 4.6.4 → 4.6.6
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.
|
@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const react_color_1 = require("react-color");
|
|
6
|
-
const CustomColorPicker = ({ onChange, defaultValue,
|
|
6
|
+
const CustomColorPicker = ({ onChange, defaultValue, className }) => {
|
|
7
7
|
const [color, setColor] = (0, react_1.useState)(defaultValue);
|
|
8
8
|
const handleColorChange = (newColor) => {
|
|
9
9
|
setColor(newColor.hex);
|
|
10
10
|
onChange(newColor);
|
|
11
11
|
};
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_color_1.ChromePicker, { className:
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_color_1.ChromePicker, { className: className, color: color, onChange: handleColorChange }) }));
|
|
13
13
|
};
|
|
14
14
|
exports.default = CustomColorPicker;
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
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;
|
|
4
4
|
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;
|
|
5
|
-
exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.MultiSelectDropDown = exports.Terminal = void 0;
|
|
5
|
+
exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.MultiSelectDropDown = exports.Terminal = 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"));
|
|
@@ -220,4 +220,8 @@ var list_box_dropdown_1 = require("./components/list-box-dropdown/list-box-dropd
|
|
|
220
220
|
Object.defineProperty(exports, "ListBoxDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(list_box_dropdown_1).default; } });
|
|
221
221
|
var color_picker_2 = require("./components/custom-color-picker/color-picker");
|
|
222
222
|
Object.defineProperty(exports, "CustomColorPicker", { enumerable: true, get: function () { return tslib_1.__importDefault(color_picker_2).default; } });
|
|
223
|
+
var hooks_1 = require("primereact/hooks");
|
|
224
|
+
Object.defineProperty(exports, "useClickOutside", { enumerable: true, get: function () { return hooks_1.useClickOutside; } });
|
|
225
|
+
var hooks_2 = require("primereact/hooks");
|
|
226
|
+
Object.defineProperty(exports, "useOverlayListener", { enumerable: true, get: function () { return hooks_2.useOverlayListener; } });
|
|
223
227
|
client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { CustomColorPickerTypes } from '../types/type';
|
|
2
|
-
declare const CustomColorPicker: ({ onChange, defaultValue,
|
|
2
|
+
declare const CustomColorPicker: ({ onChange, defaultValue, className }: CustomColorPickerTypes) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default CustomColorPicker;
|
|
@@ -158,7 +158,7 @@ export interface TreeDropdownSelectTypes {
|
|
|
158
158
|
export interface CustomColorPickerTypes {
|
|
159
159
|
onChange?: any;
|
|
160
160
|
defaultValue: string;
|
|
161
|
-
|
|
161
|
+
className?: string;
|
|
162
162
|
}
|
|
163
163
|
export interface FroalaTextEditorTypes {
|
|
164
164
|
onChange?: any;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -100,6 +100,8 @@ export { default as FormFields } from "./components/form/form-fields/form-fields
|
|
|
100
100
|
export { default as FroalaTextEditor } from "./components/froala-editor/FroalaEditor";
|
|
101
101
|
export { default as ListBoxDropdown } from './components/list-box-dropdown/list-box-dropdown';
|
|
102
102
|
export { default as CustomColorPicker } from "./components/custom-color-picker/color-picker";
|
|
103
|
+
export { useClickOutside } from 'primereact/hooks';
|
|
104
|
+
export { useOverlayListener } from 'primereact/hooks';
|
|
103
105
|
import { DropdownChangeEvent } from "primereact/dropdown";
|
|
104
106
|
import { ColorPickerChangeEvent } from "primereact/colorpicker";
|
|
105
107
|
import { SliderChangeEvent } from "primereact/slider";
|