sccoreui 4.5.5 → 4.5.6

package/dist/App.scss

@@ -726,4 +726,47 @@ button[aria-expanded="true"] {
     }
   }
 }
-/// Custon treeDropdownSelect style end /////////////////
+/// Custon treeDropdownSelect style end /////////////////
+
+/////// Custom list_box_dropdown ///////////
+.list_box_dropdown {
+  .p-listbox-header {
+    padding: 12px !important;
+  }
+
+  ul.p-listbox-list {
+    padding: 6px;
+
+    li {
+      margin: 4px 0 !important;
+      border-radius: 10px !important;
+      padding: 8px 14px !important;
+
+      .item_content {
+        max-width: 80%;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        // width: 100%;
+      }
+
+      .item_icon {
+        display: none;
+      }
+
+      &:focus {
+        box-shadow: none !important;
+      }
+    }
+
+    .p-highlight {
+      background: #F5F6FD !important;
+      color: #162578 !important;
+
+      .item_icon {
+        display: block;
+      }
+    }
+  }
+}
+/////// Custom list_box_dropdown ///////////

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+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, listBoxclassName, optionTemplate }) => {
+    const [selectedCities, setSelectedCities] = (0, react_1.useState)(null);
+    const optionsMenuRef = (0, react_1.useRef)();
+    const onSelectOption = (e) => {
+        setSelectedCities(e.value);
+        onChange(e);
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(menu_1.Menu, { popup: true, className: "w-16rem p-0", ref: optionsMenuRef, model: [{
+                            template: () => (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "list_box_dropdown w-16rem" }, { children: [headerTemplate &&
+                                        (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), (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.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) })] }) }));
+};
+exports.default = ListBoxDropdown;

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.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.MultiSelectDropDown = exports.Terminal = void 0;
+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"));
@@ -216,4 +216,6 @@ var form_fields_1 = require("./components/form/form-fields/form-fields");
 Object.defineProperty(exports, "FormFields", { enumerable: true, get: function () { return tslib_1.__importDefault(form_fields_1).default; } });
 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; } });
 client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

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

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

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

@@ -164,3 +164,20 @@ export interface FroalaTextEditorTypes {
     value: string;
     placeholderText: string;
 }
+export interface ListBoxDropdownTypes {
+    label: string;
+    labelIcon?: string;
+    labelIconPos?: any;
+    listItems: any;
+    headerTemplate?: any;
+    footeTemplate?: any;
+    filter?: any;
+    filterPlaceholder?: string;
+    multiple?: boolean;
+    listClassName?: any;
+    listBoxclassName?: any;
+    optionLabel: string;
+    optionTemplate?: any;
+    onChange?: any;
+    labelIconSize?: any;
+}

package/dist/types/index.d.ts

@@ -98,6 +98,7 @@ export { default as TreeDropdownSelect } from './components/treeDropdownSelect/t
 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';
 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.5.5",
+  "version": "4.5.6",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/components copy/Context-menu/contextMenu.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const contextmenu_1 = require("primereact/contextmenu");
-exports.default = contextmenu_1.ContextMenu;

package/dist/components copy/accordion/accordion.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionTab = exports.Accordion = exports.AccordionComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const accordion_1 = require("primereact/accordion");
-Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
-Object.defineProperty(exports, "AccordionTab", { enumerable: true, get: function () { return accordion_1.AccordionTab; } });
-const AccordionComponent = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: "Accordion" }));
-};
-exports.AccordionComponent = AccordionComponent;

package/dist/components copy/api/Api.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterOperator = exports.FilterMatchMode = void 0;
-const api_1 = require("primereact/api");
-Object.defineProperty(exports, "FilterMatchMode", { enumerable: true, get: function () { return api_1.FilterMatchMode; } });
-Object.defineProperty(exports, "FilterOperator", { enumerable: true, get: function () { return api_1.FilterOperator; } });

package/dist/components copy/auto-complete/auto-complete.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoCompleteComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const autocomplete_1 = require("primereact/autocomplete");
-const AutoCompleteComponent = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: "auto-complete" }));
-};
-exports.AutoCompleteComponent = AutoCompleteComponent;
-exports.default = autocomplete_1.AutoComplete;

package/dist/components copy/avatar/avatar-group.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const avatargroup_1 = require("primereact/avatargroup");
-exports.default = avatargroup_1.AvatarGroup;

package/dist/components copy/avatar/avatar.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const avatar_1 = require("primereact/avatar");
-exports.default = avatar_1.Avatar;

package/dist/components copy/badge/badge.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const badge_1 = require("primereact/badge");
-exports.default = badge_1.Badge;

package/dist/components copy/block-ui/blockUI.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const blockui_1 = require("primereact/blockui");
-exports.default = blockui_1.BlockUI;

package/dist/components copy/breadcrumb/breacrumb.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const breadcrumb_1 = require("primereact/breadcrumb");
-exports.default = breadcrumb_1.BreadCrumb;

package/dist/components copy/button/button.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("primereact/button");
-const ButtonComponent = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: ["ButtonComponent", (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Click Me" })] }));
-};
-exports.ButtonComponent = ButtonComponent;
-exports.default = button_1.Button;

package/dist/components copy/button/menu-item.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components copy/button/speed-dial.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const speeddial_1 = require("primereact/speeddial");
-exports.default = speeddial_1.SpeedDial;

package/dist/components copy/button/split-button.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const splitbutton_1 = require("primereact/splitbutton");
-exports.default = splitbutton_1.SplitButton;

package/dist/components copy/calendar/calendar.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const calendar_1 = require("primereact/calendar");
-exports.default = calendar_1.Calendar;

package/dist/components copy/card/card.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const card_1 = require("primereact/card");
-exports.default = card_1.Card;

package/dist/components copy/carousel/carousel.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const carousel_1 = require("primereact/carousel");
-exports.default = carousel_1.Carousel;

package/dist/components copy/carousel/tag.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tag_1 = require("primereact/tag");
-exports.default = tag_1.Tag;

package/dist/components copy/cascade-select/CascadeSelect.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cascadeselect_1 = require("primereact/cascadeselect");
-exports.default = cascadeselect_1.CascadeSelect;

package/dist/components copy/chart/chart.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const chart_1 = require("primereact/chart");
-exports.default = chart_1.Chart;

package/dist/components copy/checkbox/checkbox.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const checkbox_1 = require("primereact/checkbox");
-const CheckboxComponent = () => {
-    return (0, jsx_runtime_1.jsx)("div", { children: "checkbox" });
-};
-exports.CheckboxComponent = CheckboxComponent;
-exports.default = checkbox_1.Checkbox;

package/dist/components copy/chips/chip.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
-const ChipTag = (props) => {
-    const { onRemove } = props;
-    return props.template ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.template })) : ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: props.className
-            ? "bg-gray-100 border-round-2xl flex justify-content-between align-items-center py-1 gap-2 px-3 text-gray-700"
-            : props.className }, { children: [props.image && ((0, jsx_runtime_1.jsx)("img", { src: props.image, alt: props.imageAlt || "chip image" })), props.icon && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.icon }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: props.label })), props.removable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "cursor-pointer", onClick: (e) => {
-                    const el = e.currentTarget.parentElement;
-                    props.onRemove !== undefined ? onRemove : el.remove();
-                } }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.removeIcon || (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close" }) }) })))] })));
-};
-exports.default = ChipTag;

package/dist/components copy/chips/chips.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const chips_1 = require("primereact/chips");
-exports.default = chips_1.Chips;

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

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const colorpicker_1 = require("primereact/colorpicker");
-exports.default = colorpicker_1.ColorPicker;

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

@@ -1,14 +0,0 @@
-"use strict";
-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 [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 }) }));
-};
-exports.default = CustomColorPicker;

package/dist/components copy/custom-slider/custom-slider.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CustomSlider = (props) => {
-    const { min, max, orientation, range, value, indicator = true } = props;
-    const [rangeValues, setRangeValues] = (0, react_1.useState)(value);
-    const [sliderValue, setSliderValue] = (0, react_1.useState)(value);
-    const sliderRef = (0, react_1.useRef)(null);
-    if (range && typeof value === "number") {
-        throw new Error(`For a range slider value should be [number, number]. Make sure to provide a proper value.`);
-    }
-    const finalWidthValue = !range
-        ? `${sliderValue}%`
-        : `${rangeValues[0] > rangeValues[1]
-            ? rangeValues[0] - rangeValues[1]
-            : rangeValues[1] > rangeValues[0]
-                ? rangeValues[1] - rangeValues[0]
-                : 0}%`;
-    const finalLeftValue = rangeValues[0] < rangeValues[1]
-        ? `${rangeValues[0]}%`
-        : `${rangeValues[1]}%`;
-    const rangeStyles = range
-        ? {
-            [orientation === "horizontal" ? "width" : "height"]: finalWidthValue,
-            [orientation === "horizontal" ? "left" : "top"]: finalLeftValue,
-        }
-        : {
-            [orientation === "horizontal" ? "width" : "height"]: `${sliderValue}%`,
-            [orientation === "vertical" ? "top" : null]: 0,
-        };
-    const handleStyles = !range
-        ? { [orientation === "horizontal" ? "left" : "top"]: `${sliderValue}%` }
-        : null;
-    const mouseMoveController = (e, index) => {
-        const sliderRect = sliderRef.current.getBoundingClientRect();
-        const currentRange = Math.round((e[orientation === "horizontal" ? "clientX" : "clientY"] -
-            sliderRect[orientation === "horizontal" ? "left" : "top"]) /
-            4);
-        if (min && max) {
-            if (e[orientation === "horizontal" ? "clientX" : "clientY"] -
-                sliderRect[orientation === "horizontal" ? "left" : "top"] <
-                0 ||
-                e[orientation === "horizontal" ? "clientX" : "clientY"] -
-                    sliderRect[orientation === "horizontal" ? "left" : "top"] >
-                    sliderRect[orientation === "horizontal" ? "width" : "height"])
-                return;
-        }
-        else {
-            if (currentRange < 0 || currentRange > 100)
-                return;
-        }
-        if (range) {
-            if (index) {
-                setRangeValues((prevRanges) => [prevRanges[0], currentRange]);
-            }
-            else {
-                setRangeValues((prevRanges) => [currentRange, prevRanges[1]]);
-            }
-        }
-        else {
-            setSliderValue(currentRange);
-        }
-    };
-    const handleMovement = (index) => {
-        const handler = (e) => {
-            mouseMoveController(e, index);
-        };
-        document.addEventListener("mousemove", handler);
-        document.addEventListener("mouseup", () => {
-            document.removeEventListener("mousemove", handler);
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-pc-name": "slider", "data-pc-section": "root", className: `p-slider ${orientation === "horizontal" ? "w" : "h"}-25rem p-component p-slider-${orientation}${props.className ? ` ${props.className}` : ""}`, ref: sliderRef }, { children: [(0, jsx_runtime_1.jsx)("span", { className: "p-slider-range", "data-pc-section": "range", style: rangeStyles }), range && typeof value !== "number" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle p-slider-handle-start", tabIndex: 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": rangeValues[0], "aria-orientation": orientation, style: {
-                            [orientation === "horizontal"
-                                ? "left"
-                                : "top"]: `${rangeValues[0]}%`,
-                        }, onMouseDown: () => handleMovement(0) }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
-                                position: "absolute",
-                                height: "40px",
-                                [orientation === "vertical" ? "left" : "top"]: orientation === "horizontal" ? "-50px" : "-70px",
-                                transform: `translate${orientation === "horizontal" ? "X" : "Y"}(-30%)`,
-                            }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [rangeValues[0], "%"] }))) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle p-slider-handle-end p-slider-handle-active", tabIndex: 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": rangeValues[1], "aria-orientation": orientation, style: {
-                            [orientation === "horizontal"
-                                ? "left"
-                                : "top"]: `${rangeValues[1]}%`,
-                        }, onMouseDown: () => handleMovement(1) }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
-                                position: "absolute",
-                                height: "40px",
-                                [orientation === "vertical" ? "left" : "top"]: orientation === "horizontal" ? "-50px" : "-70px",
-                                transform: `translate${orientation === "horizontal" ? "X" : "Y"}(-30%)`,
-                            }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [rangeValues[1], "%"] }))) }))] })) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle", role: "slider", "aria-valuenow": typeof value === "number" ? value : undefined, "aria-valuemin": min, "aria-valuemax": max, "aria-orientation": orientation, style: handleStyles, onMouseDown: () => handleMovement() }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
-                        position: "absolute",
-                        height: "40px",
-                        width: "60px",
-                        [orientation === "vertical" ? "left" : "top"]: "-50px",
-                        transform: "translateX(-30%)",
-                    }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [sliderValue, "%"] }))) })))] })));
-};
-exports.default = CustomSlider;

package/dist/components copy/data-scroller/data-scroller.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const datascroller_1 = require("primereact/datascroller");
-exports.default = datascroller_1.DataScroller;

package/dist/components copy/data-table/column.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const column_1 = require("primereact/column");
-exports.default = column_1.Column;

package/dist/components copy/data-table/data-table.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const datatable_1 = require("primereact/datatable");
-exports.default = datatable_1.DataTable;

package/dist/components copy/data-table/paginator.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const paginator_1 = require("primereact/paginator");
-exports.default = paginator_1.Paginator;

package/dist/components copy/data-view/data-view.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataViewLayoutOptions = exports.DataView = void 0;
-const dataview_1 = require("primereact/dataview");
-Object.defineProperty(exports, "DataView", { enumerable: true, get: function () { return dataview_1.DataView; } });
-Object.defineProperty(exports, "DataViewLayoutOptions", { enumerable: true, get: function () { return dataview_1.DataViewLayoutOptions; } });