sccoreui 2.5.0 → 2.5.1

package/dist/components/sliders/sliders.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const RangeSlider = (props) => {
+const Slider = (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);
@@ -97,4 +97,4 @@ const RangeSlider = (props) => {
                         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 = RangeSlider;
+exports.default = Slider;

package/dist/components/types/type.js

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

package/dist/pages/sliders/slider.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const slider_1 = require("primereact/slider");
-function SliderComponent() {
+function default_1() {
     const [value, setValue] = (0, react_1.useState)([10, 10]);
     console.log(value);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "flex bg-gray-200 p-3 justify-content-center mb-4" }, { children: "Input" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "grid my-8" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-6 md:col-4 lg:col-3 px-7 flex mt-8 flex-column justify-content-center" }, { children: (0, jsx_runtime_1.jsx)(slider_1.Slider, { value: value, onChange: (e) => setValue(e.value), className: "w-full", range: true }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-6 md:col-4 lg:col-3 px-7 mt-8 flex flex-column justify-content-center" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative w-full " }, { children: [(0, jsx_runtime_1.jsx)(slider_1.Slider, { value: value, onChange: (e) => setValue(e.value), className: "w-full", range: true }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
@@ -36,4 +36,4 @@ function SliderComponent() {
                                         transform: "translate(-50%, -50%)",
                                     }, className: "px-3 bg-white  border-gray-200 py-2 flex align-items-center  text-center text-lg" }, { children: [value[1], "%"] }))] })) }))] }))] }));
 }
-exports.default = SliderComponent;
+exports.default = default_1;

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

@@ -1,3 +1,3 @@
 import { RangeSliderProps } from "../../pages/types/type";
-declare const RangeSlider: (props: RangeSliderProps) => JSX.Element;
-export default RangeSlider;
+declare const Slider: (props: RangeSliderProps) => JSX.Element;
+export default Slider;

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

@@ -0,0 +1,64 @@
+export interface City {
+    name: string;
+    code: string;
+}
+export interface CustomActionEvent {
+    event: React.SyntheticEvent;
+    item: StepItem;
+}
+export interface StepItem {
+    id: string;
+    title?: string;
+    template?: JSX.Element;
+    action?(event?: CustomActionEvent): void;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+}
+export interface StepIcons {
+    unvisited: React.HTMLAttributes<HTMLSpanElement | SVGSVGElement> | undefined;
+    visited: React.HTMLAttributes<HTMLSpanElement | SVGSVGElement> | undefined;
+    current: React.HTMLAttributes<HTMLSpanElement | SVGSVGElement> | undefined;
+}
+export interface StepsItemProps {
+    stepsItems: StepItem[];
+    orientation?: "horizontal" | "vertical";
+    withButtons?: boolean;
+    icons?: StepIcons;
+    activeIndex?: number;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+}
+export interface TeamDataItem {
+    id: number;
+    name: string;
+    image: string;
+    company: string;
+    email: string;
+    role: string;
+    status: "Active" | "Inactive";
+    purchase: string;
+    teams: string[];
+    date: string;
+}
+export interface CustomerAbout {
+    title: string;
+    description: string;
+}
+export interface CustomerDataItem {
+    id: number;
+    name: string;
+    image: string;
+    website: string;
+    status: "Customer" | "Churned";
+    about: CustomerAbout;
+    users: string[];
+    licenseUse: number;
+}
+export interface RangeSliderProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, "value" | "ref"> {
+    value: number | [number, number] | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    range?: boolean | undefined;
+    indicator?: boolean | undefined;
+}

package/dist/types/index.d.ts

@@ -2,8 +2,9 @@ import { DropdownChangeEvent } from "primereact/dropdown";
 import { ColorPickerChangeEvent } from "primereact/colorpicker";
 import { SliderChangeEvent } from "primereact/slider";
 import { FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions } from "primereact/fileupload";
+import { CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps } from "../src/components/types/type";
 import { InputNumberValueChangeEvent } from "primereact/inputnumber";
-import { RadioButtonChangeEvent } from 'primereact/radiobutton';
+import { RadioButtonChangeEvent } from "primereact/radiobutton";
 import { CarouselResponsiveOption } from "primereact/carousel";
 import { MenuItem } from "primereact/menuitem";
 export { default as Button } from "./components/button/button";
@@ -60,4 +61,4 @@ export { default as ProgressBar } from "./components/progress-bar/progress-bar";
 export { default as ProgressSteps } from "./components/progress-steps/progress-steps";
 export { default as CircleProgressComponent } from "./components/progress_bar_round/circle-progress-bar";
 export { default as SvgComponent } from "./directives/svg-component";
-export type { DropdownChangeEvent, CarouselResponsiveOption, ColorPickerChangeEvent, SliderChangeEvent, MenuItem, FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions, InputNumberValueChangeEvent, RadioButtonChangeEvent };
+export type { DropdownChangeEvent, CarouselResponsiveOption, ColorPickerChangeEvent, SliderChangeEvent, MenuItem, FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions, InputNumberValueChangeEvent, RadioButtonChangeEvent, CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps, };

package/dist/types/pages/sliders/slider.d.ts

@@ -1 +1 @@
-export default function SliderComponent(): import("react/jsx-runtime").JSX.Element;
+export default function (): import("react/jsx-runtime").JSX.Element;

package/package.json

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