sccoreui 3.4.6 → 3.4.7
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.
- package/dist/components/loading-indicator/loading-indicator-custom.js +6 -2
- package/dist/components/progress-steps/progress-steps.js +5 -1
- package/dist/components/progress_bar_round/circle-progress-bar.js +24 -2
- package/dist/types/components/loading-indicator/loading-indicator-custom.d.ts +5 -5
- package/dist/types/components/progress_bar_round/circle-progress-bar.d.ts +2 -1
- package/dist/types/index.d.ts +38 -12
- package/package.json +1 -1
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const CustomLoadingIndicator = ({ size = "100px", color = "var(--primary-600)",
|
|
5
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "svgAnimation absolute z-3", style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animation", cx: "44", cy: "44", r: "17.2", fill: "none",
|
|
4
|
+
const CustomLoadingIndicator = ({ size = "100px", color = "var(--primary-600)", strokeWidth = "6", bgStrokeColor = "var(--gray-100)", bgStroke = false, animationDuration = "3500ms", }) => {
|
|
5
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "svgAnimation absolute z-3", style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animation", cx: "44", cy: "44", r: "17.2", fill: "none", strokeWidth: strokeWidth, style: {
|
|
6
|
+
strokeLinecap: "round",
|
|
7
|
+
animationDuration: animationDuration,
|
|
8
|
+
stroke: color,
|
|
9
|
+
} }) })) })), bgStroke && ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animatio", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokeWidth, style: { stroke: bgStrokeColor } }) })) })))] })));
|
|
6
10
|
};
|
|
7
11
|
exports.default = CustomLoadingIndicator;
|
|
@@ -7,7 +7,11 @@ const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-co
|
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const ProgressSteps = (props) => {
|
|
9
9
|
const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, } = props;
|
|
10
|
-
const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex
|
|
10
|
+
const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex
|
|
11
|
+
? 0
|
|
12
|
+
: activeIndex > stepsItems.length
|
|
13
|
+
? stepsItems.length - 1
|
|
14
|
+
: activeIndex);
|
|
11
15
|
const progressRef = (0, react_1.useRef)(null);
|
|
12
16
|
(0, react_1.useEffect)(() => {
|
|
13
17
|
if (!orientation || orientation === "horizontal") {
|
|
@@ -1,7 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const CircleProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor =
|
|
5
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className:
|
|
4
|
+
const CircleProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = "var(--primary-600)", strokeBgColor = "var(--gray-300)", value = -1, textDisabled = false, textClassName = "text-lg text-gray-700 font-normal", valueTextClassName = "text-2xl, text-gray-700 font-bold", className, }) => {
|
|
5
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `relative flex align-items-center justify-content-center${!!className ? ` ${className}` : ""}`, style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: {
|
|
6
|
+
width: `${height}px`,
|
|
7
|
+
height: `${height}px`,
|
|
8
|
+
transform: "rotate(-90deg)",
|
|
9
|
+
position: "absolute",
|
|
10
|
+
top: "0",
|
|
11
|
+
zIndex: "10",
|
|
12
|
+
} }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", strokeWidth: strokeWidth, style: {
|
|
13
|
+
strokeDasharray: "256.92",
|
|
14
|
+
strokeDashoffset: `${256.92 - (256.92 / 100) * value}`,
|
|
15
|
+
strokeLinecap: "round",
|
|
16
|
+
stroke: `${strokeColor}`,
|
|
17
|
+
} }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: {
|
|
18
|
+
width: `${height}px`,
|
|
19
|
+
height: `${height}px`,
|
|
20
|
+
position: "absolute",
|
|
21
|
+
transform: "rotate(-90deg)",
|
|
22
|
+
} }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", strokeWidth: strokeWidth, style: {
|
|
23
|
+
strokeDasharray: "256.92",
|
|
24
|
+
strokeDashoffset: "0",
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
stroke: `${strokeBgColor}`,
|
|
27
|
+
} }) })) })), !textDisabled && ((0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "flex flex-column align-items-center mr-auto ml-auto mt-auto mb-auto" }, { children: [text !== "" && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: textClassName }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: valueTextClassName }, { children: [value, "%"] }))] })))] })));
|
|
6
28
|
};
|
|
7
29
|
exports.default = CircleProgressComponent;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
interface CustomLoader {
|
|
2
2
|
color?: string;
|
|
3
3
|
size?: string;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
strokeWidth?: string;
|
|
5
|
+
bgStrokeColor?: string;
|
|
6
|
+
bgStroke?: boolean;
|
|
7
|
+
animationDuration?: string;
|
|
8
8
|
}
|
|
9
|
-
declare const CustomLoadingIndicator: ({ size, color,
|
|
9
|
+
declare const CustomLoadingIndicator: ({ size, color, strokeWidth, bgStrokeColor, bgStroke, animationDuration, }: CustomLoader) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export default CustomLoadingIndicator;
|
|
@@ -8,6 +8,7 @@ interface SVGProps {
|
|
|
8
8
|
textDisabled?: boolean;
|
|
9
9
|
textClassName?: string;
|
|
10
10
|
valueTextClassName?: string;
|
|
11
|
+
className?: string;
|
|
11
12
|
}
|
|
12
|
-
declare const CircleProgressComponent: ({ height, strokeWidth, text, strokeColor, strokeBgColor, value, textDisabled, textClassName, valueTextClassName }: SVGProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare const CircleProgressComponent: ({ height, strokeWidth, text, strokeColor, strokeBgColor, value, textDisabled, textClassName, valueTextClassName, className, }: SVGProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export default CircleProgressComponent;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
import { DropdownChangeEvent } from "primereact/dropdown";
|
|
2
|
-
import { ColorPickerChangeEvent } from "primereact/colorpicker";
|
|
3
|
-
import { SliderChangeEvent } from "primereact/slider";
|
|
4
|
-
import { FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions } from "primereact/fileupload";
|
|
5
|
-
import { GalleriaResponsiveOptions } from "primereact/galleria";
|
|
6
|
-
import { CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps } from "../src/components/types/type";
|
|
7
|
-
import { InputNumberValueChangeEvent } from "primereact/inputnumber";
|
|
8
|
-
import { RadioButtonChangeEvent } from "primereact/radiobutton";
|
|
9
|
-
import { CarouselResponsiveOption } from "primereact/carousel";
|
|
10
|
-
import { MenuItem } from "primereact/menuitem";
|
|
11
1
|
export { default as Button } from "./components/button/button";
|
|
12
2
|
export { default as Dropdown } from "./components/dropdown/dropdown";
|
|
13
3
|
export { default as InputText } from "./components/input/input";
|
|
@@ -43,7 +33,7 @@ export { default as Tag } from "./components/carousel/tag";
|
|
|
43
33
|
export { default as OverlayPanel } from "./components/overlays/overlay-panel";
|
|
44
34
|
export { default as InputNumber } from "./components/input/input-number";
|
|
45
35
|
export { default as Toast } from "./components/toast/toast";
|
|
46
|
-
export { DataView, DataViewLayoutOptions
|
|
36
|
+
export { DataView, DataViewLayoutOptions } from "./components/data-view/data-view";
|
|
47
37
|
export { default as SplitButton } from "./components/button/split-button";
|
|
48
38
|
export { default as SpeedDial } from "./components/button/speed-dial";
|
|
49
39
|
export { default as InputMask } from "./components/input/input-mask";
|
|
@@ -65,4 +55,40 @@ export { default as SvgComponent } from "./directives/svg-component";
|
|
|
65
55
|
export { Galleria } from "./components/galleria/galleria";
|
|
66
56
|
export { default as Slider } from "./components/slider/slider";
|
|
67
57
|
export { FilterMatchMode, FilterOperator } from "./components/api/Api";
|
|
68
|
-
|
|
58
|
+
import { DropdownChangeEvent } from "primereact/dropdown";
|
|
59
|
+
import { ColorPickerChangeEvent } from "primereact/colorpicker";
|
|
60
|
+
import { SliderChangeEvent } from "primereact/slider";
|
|
61
|
+
import { FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions } from "primereact/fileupload";
|
|
62
|
+
import { GalleriaResponsiveOptions } from "primereact/galleria";
|
|
63
|
+
import { CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps } from "../src/components/types/type";
|
|
64
|
+
import { InputNumberValueChangeEvent } from "primereact/inputnumber";
|
|
65
|
+
import { RadioButtonChangeEvent } from "primereact/radiobutton";
|
|
66
|
+
import { CarouselResponsiveOption } from "primereact/carousel";
|
|
67
|
+
import { MenuItem, MenuItemOptions } from "primereact/menuitem";
|
|
68
|
+
import { AutoCompleteCompleteEvent } from "primereact/autocomplete";
|
|
69
|
+
import { CalendarChangeEvent } from "primereact/calendar";
|
|
70
|
+
import { CascadeSelectChangeEvent } from "primereact/cascadeselect";
|
|
71
|
+
import { ChipsChangeEvent } from "primereact/chips";
|
|
72
|
+
import { InputMaskChangeEvent } from "primereact/inputmask";
|
|
73
|
+
import { InputSwitchChangeEvent } from "primereact/inputswitch";
|
|
74
|
+
import { KnobChangeEvent } from "primereact/knob";
|
|
75
|
+
import { ListBoxChangeEvent } from "primereact/listbox";
|
|
76
|
+
import { MentionSearchEvent, MentionItemTemplateOptions } from "primereact/mention";
|
|
77
|
+
import { MultiSelectChangeEvent } from "primereact/multiselect";
|
|
78
|
+
import { MultiStateCheckboxChangeEvent } from "primereact/multistatecheckbox";
|
|
79
|
+
import { RatingChangeEvent } from "primereact/rating";
|
|
80
|
+
import { SelectButtonChangeEvent } from "primereact/selectbutton";
|
|
81
|
+
import { TreeSelectChangeEvent } from "primereact/treeselect";
|
|
82
|
+
import { TriStateCheckboxChangeEvent } from "primereact/tristatecheckbox";
|
|
83
|
+
import { ToggleButtonChangeEvent } from "primereact/togglebutton";
|
|
84
|
+
import { DataTableFilterMeta } from "primereact/datatable";
|
|
85
|
+
import { InputNumberChangeEvent } from "primereact/inputnumber";
|
|
86
|
+
import { DataTableSelectionChangeEvent, DataTableSelectEvent, DataTableUnselectEvent, DataTableDataSelectableEvent, DataTableCellSelection, DataTableCellClassNameOptions, DataTableExpandedRows, DataTableRowEvent, DataTableValueArray, DataTableRowEditCompleteEvent, DataTableSelectAllChangeEvent, DataTablePageEvent, DataTableSortEvent, DataTableFilterEvent, DataTableRowToggleEvent } from "primereact/datatable";
|
|
87
|
+
import { ColumnEvent, ColumnEditorOptions, ColumnBodyOptions, ColumnFilterElementTemplateOptions } from "primereact/column";
|
|
88
|
+
import { VirtualScrollerLazyEvent, VirtualScrollerLoadingTemplateOptions, VirtualScroller, VirtualScrollerTemplateOptions } from "primereact/virtualscroller";
|
|
89
|
+
import { PaginatorPageChangeEvent, PaginatorJumpToPageInputOptions, PaginatorCurrentPageReportOptions, PaginatorRowsPerPageDropdownOptions, PaginatorLastPageLinkOptions, PaginatorNextPageLinkOptions, PaginatorPageLinksOptions, PaginatorPrevPageLinkOptions, PaginatorFirstPageLinkOptions } from "primereact/paginator";
|
|
90
|
+
import { TreeExpandedKeysType, TreeMultipleSelectionKeys, TreeCheckboxSelectionKeys, TreeEventNodeEvent, TreeNodeTemplateOptions, TreeTogglerTemplateOptions, TreeDragDropEvent } from "primereact/tree";
|
|
91
|
+
import { TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionKeysType, TreeTablePageEvent, TreeTableEvent } from "primereact/treetable";
|
|
92
|
+
import { TabPanelHeaderTemplateOptions } from "primereact/tabview";
|
|
93
|
+
import { ToastMessage } from "primereact/toast";
|
|
94
|
+
export type { DropdownChangeEvent, CarouselResponsiveOption, ColorPickerChangeEvent, SliderChangeEvent, MenuItem, FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions, InputNumberValueChangeEvent, RadioButtonChangeEvent, CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps, GalleriaResponsiveOptions, AutoCompleteCompleteEvent, CalendarChangeEvent, CascadeSelectChangeEvent, ChipsChangeEvent, InputMaskChangeEvent, InputSwitchChangeEvent, KnobChangeEvent, ListBoxChangeEvent, MentionSearchEvent, MentionItemTemplateOptions, MultiSelectChangeEvent, MultiStateCheckboxChangeEvent, RatingChangeEvent, SelectButtonChangeEvent, TreeSelectChangeEvent, TriStateCheckboxChangeEvent, ToggleButtonChangeEvent, DataTableFilterMeta, ColumnFilterElementTemplateOptions, InputNumberChangeEvent, DataTableSelectionChangeEvent, DataTableSelectEvent, DataTableUnselectEvent, DataTableDataSelectableEvent, DataTableCellSelection, DataTableCellClassNameOptions, DataTableExpandedRows, DataTableRowEvent, DataTableValueArray, ColumnEvent, ColumnEditorOptions, DataTableRowEditCompleteEvent, DataTableSelectAllChangeEvent, DataTablePageEvent, DataTableSortEvent, DataTableFilterEvent, ColumnBodyOptions, VirtualScrollerLazyEvent, VirtualScrollerLoadingTemplateOptions, DataTableRowToggleEvent, PaginatorPageChangeEvent, PaginatorJumpToPageInputOptions, PaginatorCurrentPageReportOptions, PaginatorRowsPerPageDropdownOptions, PaginatorLastPageLinkOptions, PaginatorNextPageLinkOptions, PaginatorPageLinksOptions, PaginatorPrevPageLinkOptions, PaginatorFirstPageLinkOptions, TreeExpandedKeysType, TreeMultipleSelectionKeys, TreeCheckboxSelectionKeys, TreeEventNodeEvent, TreeNodeTemplateOptions, TreeTogglerTemplateOptions, TreeDragDropEvent, TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionKeysType, TreeTablePageEvent, TreeTableEvent, VirtualScroller, VirtualScrollerTemplateOptions, TabPanelHeaderTemplateOptions, MenuItemOptions, ToastMessage, };
|