sccoreui 4.5.5 → 4.5.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.
- package/dist/App.scss +44 -1
- package/dist/components/list-box-dropdown/list-box-dropdown.js +24 -0
- package/dist/index.js +3 -1
- package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts +3 -0
- package/dist/types/components/types/type.d.ts +17 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components copy/Context-menu/contextMenu.js +0 -4
- package/dist/components copy/accordion/accordion.js +0 -11
- package/dist/components copy/api/Api.js +0 -6
- package/dist/components copy/auto-complete/auto-complete.js +0 -10
- package/dist/components copy/avatar/avatar-group.js +0 -4
- package/dist/components copy/avatar/avatar.js +0 -4
- package/dist/components copy/badge/badge.js +0 -4
- package/dist/components copy/block-ui/blockUI.js +0 -4
- package/dist/components copy/breadcrumb/breacrumb.js +0 -4
- package/dist/components copy/button/button.js +0 -10
- package/dist/components copy/button/menu-item.js +0 -2
- package/dist/components copy/button/speed-dial.js +0 -4
- package/dist/components copy/button/split-button.js +0 -4
- package/dist/components copy/calendar/calendar.js +0 -4
- package/dist/components copy/card/card.js +0 -4
- package/dist/components copy/carousel/carousel.js +0 -4
- package/dist/components copy/carousel/tag.js +0 -4
- package/dist/components copy/cascade-select/CascadeSelect.js +0 -4
- package/dist/components copy/chart/chart.js +0 -4
- package/dist/components copy/checkbox/checkbox.js +0 -10
- package/dist/components copy/chips/chip.js +0 -15
- package/dist/components copy/chips/chips.js +0 -4
- package/dist/components copy/color-picker/color-picker.js +0 -4
- package/dist/components copy/custom-color-picker/color-picker.js +0 -14
- package/dist/components copy/custom-slider/custom-slider.js +0 -100
- package/dist/components copy/data-scroller/data-scroller.js +0 -4
- package/dist/components copy/data-table/column.js +0 -4
- package/dist/components copy/data-table/data-table.js +0 -4
- package/dist/components copy/data-table/paginator.js +0 -4
- package/dist/components copy/data-view/data-view.js +0 -6
- package/dist/components copy/date-picker/date-picker.js +0 -164
- package/dist/components copy/deferred-content/DeferredContent.js +0 -4
- package/dist/components copy/dialogs/confirm-dialog.js +0 -4
- package/dist/components copy/dialogs/confirm-popup.js +0 -4
- package/dist/components copy/dialogs/dialog.js +0 -4
- package/dist/components copy/divider/divider.js +0 -4
- package/dist/components copy/dock/dock.js +0 -4
- package/dist/components copy/dropdown/dropdown.js +0 -19
- package/dist/components copy/editor/Editor.js +0 -4
- package/dist/components copy/fieldset/fieldset.js +0 -4
- package/dist/components copy/file-upload/file-upload.js +0 -4
- package/dist/components copy/form/form-fields/form-fields.js +0 -80
- package/dist/components copy/form/form.js +0 -9
- package/dist/components copy/froala-editor/FroalaEditor.js +0 -84
- package/dist/components copy/galleria/galleria.js +0 -4
- package/dist/components copy/image/image.js +0 -4
- package/dist/components copy/inplace/inplace.js +0 -7
- package/dist/components copy/input/input-mask.js +0 -4
- package/dist/components copy/input/input-number.js +0 -4
- package/dist/components copy/input/input-switch.js +0 -4
- package/dist/components copy/input/input-textarea.js +0 -4
- package/dist/components copy/input/input.js +0 -4
- package/dist/components copy/knob/knob.js +0 -4
- package/dist/components copy/list-box/listbox.js +0 -4
- package/dist/components copy/loading-indicator/loading-indicator-custom.js +0 -11
- package/dist/components copy/megamenu/mega-menu.js +0 -4
- package/dist/components copy/mention/mention.js +0 -4
- package/dist/components copy/menu/menu.js +0 -4
- package/dist/components copy/menubar/menubar.js +0 -4
- package/dist/components copy/message/Message.js +0 -4
- package/dist/components copy/messages/messages.js +0 -4
- package/dist/components copy/multi-select/multi-select.js +0 -4
- package/dist/components copy/multi-select-dropdown/multi-select-dropdown.js +0 -62
- package/dist/components copy/multi-state-checkbox/multi-state-checkbox.js +0 -4
- package/dist/components copy/orderList/orderList.js +0 -4
- package/dist/components copy/organization-chart/organizationChart.js +0 -4
- package/dist/components copy/overlays/overlay-panel.js +0 -4
- package/dist/components copy/panel/panel.js +0 -4
- package/dist/components copy/panel-menu/panelMenu.js +0 -4
- package/dist/components copy/password/password.js +0 -4
- package/dist/components copy/pick-list/pickList.js +0 -4
- package/dist/components copy/progress-bar/progress-bar.js +0 -4
- package/dist/components copy/progress-steps/progress-steps.js +0 -69
- package/dist/components copy/progress_bar_round/circle-progress-bar.js +0 -29
- package/dist/components copy/progress_bar_round/half-circle-progres-bar.js +0 -7
- package/dist/components copy/radio-button/radio-button.js +0 -4
- package/dist/components copy/range-slider/slider.js +0 -5
- package/dist/components copy/rating/rating.js +0 -4
- package/dist/components copy/scroll-panel/scrollPanel.js +0 -4
- package/dist/components copy/scroll-top/scrollTop.js +0 -4
- package/dist/components copy/select-button/select-button.js +0 -4
- package/dist/components copy/side-panel/side-panel.js +0 -4
- package/dist/components copy/skeleton/skeleton.js +0 -4
- package/dist/components copy/slide-menu/slide-menu.js +0 -4
- package/dist/components copy/slider/slider.js +0 -4
- package/dist/components copy/spinner/spinner.js +0 -4
- package/dist/components copy/splitter/splitter.js +0 -6
- package/dist/components copy/steps/steps.js +0 -4
- package/dist/components copy/style-class/styleClass.js +0 -4
- package/dist/components copy/tab-menu/tab-menu.js +0 -4
- package/dist/components copy/tabview/tabview.js +0 -6
- package/dist/components copy/terminal/terminal.js +0 -4
- package/dist/components copy/tiered-menu/tieredMenu.js +0 -4
- package/dist/components copy/timeline/timeline.js +0 -4
- package/dist/components copy/toast/toast.js +0 -4
- package/dist/components copy/toggle/toggle-button.js +0 -4
- package/dist/components copy/toolbar/toolbar.js +0 -4
- package/dist/components copy/tooltip/tooltip.js +0 -4
- package/dist/components copy/tree/tree.js +0 -4
- package/dist/components copy/tree-select/treeSelect.js +0 -4
- package/dist/components copy/tree-table/treeTable.js +0 -4
- package/dist/components copy/treeDropdownSelect/treeDropdownSelect.js +0 -15
- package/dist/components copy/tri-state-checkbox/triStateCheckbox.js +0 -4
- package/dist/components copy/types/type.js +0 -7
- package/dist/components copy/utils/classnames.js +0 -4
- package/dist/components copy/virtual-scroller/virtualScroller.js +0 -4
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MultiSelectDropDown = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const multiselect_1 = require("primereact/multiselect");
|
|
8
|
-
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
|
|
9
|
-
const MultiSelectDropDown = (props) => {
|
|
10
|
-
const [items, setItems] = (0, react_1.useState)([]);
|
|
11
|
-
const [isMoreThanOne, setIsMoreThenOne] = (0, react_1.useState)(false);
|
|
12
|
-
const LeftSection = () => {
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.dropdownType === "status" ?
|
|
14
|
-
(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'select_status_prv absolute left_section_item z-5' }, { children: items.length > 0 ?
|
|
15
|
-
(0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'p-0 m-0 list-none' }, { children: items.map((status, i) => {
|
|
16
|
-
return (0, jsx_runtime_1.jsx)("li", { style: { background: status.color }, className: `${status.name.replaceAll(' ', '').toLowerCase()}` }, i);
|
|
17
|
-
}) }))
|
|
18
|
-
:
|
|
19
|
-
(0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'p-0 m-0 list-none' }, { children: (0, jsx_runtime_1.jsx)("li", { className: 'all' }) })) }))
|
|
20
|
-
:
|
|
21
|
-
(0, jsx_runtime_1.jsx)(svg_component_1.default, { className: "propile_icon icon_left left_section_item absolute z-5 ", icon: props.leftIcon, size: 20 }, Math.floor(Math.random() * 1000)) }));
|
|
22
|
-
};
|
|
23
|
-
const clearIcon = () => {
|
|
24
|
-
const onClear = () => {
|
|
25
|
-
setItems([]);
|
|
26
|
-
if (props.onClear)
|
|
27
|
-
props.onClear();
|
|
28
|
-
};
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClear, className: "flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { className: "propile_icon icon_right right_section_item absolute z-5 ", icon: props.clear, size: 20 }, Math.floor(Math.random() * 1000)) })));
|
|
30
|
-
};
|
|
31
|
-
const onChange = (e) => {
|
|
32
|
-
if (props.onChange)
|
|
33
|
-
props.onChange(e);
|
|
34
|
-
};
|
|
35
|
-
(0, react_1.useEffect)(() => {
|
|
36
|
-
if (items.length > props.maxSelectedLabels)
|
|
37
|
-
setIsMoreThenOne(true);
|
|
38
|
-
else
|
|
39
|
-
setIsMoreThenOne(false);
|
|
40
|
-
}, [items]);
|
|
41
|
-
(0, react_1.useEffect)(() => {
|
|
42
|
-
if (props.value !== undefined)
|
|
43
|
-
setItems(props.value);
|
|
44
|
-
}, [props.value]);
|
|
45
|
-
const itemTemplate = (option) => {
|
|
46
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `status_dropdown_item pl-6 ${option.name.replaceAll(' ', '').toLowerCase()}` }, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'status_dot', style: { background: option.color } }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'otption_name mr-8' }, { children: option.name }))] })) }));
|
|
47
|
-
};
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.dropdownType === 'withIcon' &&
|
|
49
|
-
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem ${props.maxWidth ? `${'optionBodyMaxWidth_' + props.maxWidth}` : ''}`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } }), items.length > 0 &&
|
|
50
|
-
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" +", items.length - props.maxSelectedLabels] })), props.clear &&
|
|
51
|
-
clearIcon()] }))] })), props.dropdownType === 'default' &&
|
|
52
|
-
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${props.icon !== undefined ? 'left_icon' : 'no_icon'} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''}` }, { children: [props.icon !== undefined &&
|
|
53
|
-
(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } }), items.length > 0 &&
|
|
54
|
-
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" +", items.length - props.maxSelectedLabels] })), props.clear &&
|
|
55
|
-
clearIcon()] }))] })), props.dropdownType === 'status' &&
|
|
56
|
-
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative status_dropdown ${props.className} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''} ${items.length > 3 ? 'moreThanThreeItems' : ''}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", itemTemplate: (option) => itemTemplate(option), filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } }), items.length > 0 &&
|
|
57
|
-
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" +", items.length - props.maxSelectedLabels] })), props.clear &&
|
|
58
|
-
clearIcon()] }))] })), props.dropdownType === '' &&
|
|
59
|
-
(0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { value: items, panelClassName: `Multi_select_dropdown_panel ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } })] }));
|
|
60
|
-
};
|
|
61
|
-
exports.MultiSelectDropDown = MultiSelectDropDown;
|
|
62
|
-
exports.default = exports.MultiSelectDropDown;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const button_1 = require("primereact/button");
|
|
6
|
-
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const ProgressSteps = (props) => {
|
|
9
|
-
const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, } = props;
|
|
10
|
-
const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex
|
|
11
|
-
? 0
|
|
12
|
-
: activeIndex > stepsItems.length
|
|
13
|
-
? stepsItems.length - 1
|
|
14
|
-
: activeIndex);
|
|
15
|
-
const progressRef = (0, react_1.useRef)(null);
|
|
16
|
-
(0, react_1.useEffect)(() => {
|
|
17
|
-
if (!orientation || orientation === "horizontal") {
|
|
18
|
-
progressRef.current.style.width = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
|
|
19
|
-
progressRef.current.style.height = "2px";
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
progressRef.current.style.height = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
|
|
23
|
-
progressRef.current.style.width = "2px";
|
|
24
|
-
}
|
|
25
|
-
}, [currentActive, orientation]);
|
|
26
|
-
const handleNext = () => {
|
|
27
|
-
if (currentActive > stepsItems.length) {
|
|
28
|
-
setCurrentActive(stepsItems.length);
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
setCurrentActive(currentActive + 1);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
const handlePrev = () => {
|
|
35
|
-
if (currentActive < 1) {
|
|
36
|
-
setCurrentActive(1);
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
setCurrentActive(currentActive - 1);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
const orientationClass = !orientation ? "horizontal" : orientation;
|
|
43
|
-
const userClassNames = !className ? "" : className;
|
|
44
|
-
if (!stepsItems) {
|
|
45
|
-
throw new Error("stepItems must be specified in order to generate steps");
|
|
46
|
-
}
|
|
47
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `progress-container flex justify-content-between relative ${orientationClass === "horizontal"
|
|
48
|
-
? "flex-row max-w-full"
|
|
49
|
-
: "flex-column max-h-full"} ${orientationClass} ${userClassNames}`, style: style }, { children: [(0, jsx_runtime_1.jsx)("div", { className: `progressbar bg-primary-600 absolute ${orientationClass}`, ref: progressRef }), stepsItems.map((eachItem, index) => ((0, jsx_runtime_1.jsxs)("section", Object.assign({ className: `progress-step-item ${orientationClass === "horizontal"
|
|
50
|
-
? "flex flex-column align-items-center gap-5"
|
|
51
|
-
: "flex align-items-start gap-5"} ${orientationClass}`, onClick: () => {
|
|
52
|
-
if (eachItem.action) {
|
|
53
|
-
eachItem.action();
|
|
54
|
-
}
|
|
55
|
-
} }, { children: [!icons ? ((0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: index === currentActive
|
|
56
|
-
? "step-current"
|
|
57
|
-
: index > currentActive
|
|
58
|
-
? "step-unvisited"
|
|
59
|
-
: "step-checked" })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: index === currentActive
|
|
60
|
-
? icons.current
|
|
61
|
-
: index > currentActive
|
|
62
|
-
? icons.unvisited
|
|
63
|
-
: icons.visited })), !eachItem.template ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: eachItem.title }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex flex-column line-height-2 ${orientationClass === "horizontal"
|
|
64
|
-
? "align-items-center"
|
|
65
|
-
: "align-items-start"} ${orientationClass}` }, { children: eachItem.template })))] }), eachItem.id)))] })), withButtons && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex${orientationClass === "horizontal"
|
|
66
|
-
? ""
|
|
67
|
-
: " flex-column align-self-center"} gap-2 mt-5` }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === 0, onClick: handlePrev }, { children: "Prev" })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === stepsItems.length - 1, onClick: handleNext }, { children: "Next" }))] })))] }));
|
|
68
|
-
};
|
|
69
|
-
exports.default = ProgressSteps;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
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, "%"] }))] })))] })));
|
|
28
|
-
};
|
|
29
|
-
exports.default = CircleProgressComponent;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const HalfProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = 'var(--primary-600)', strokeBgColor = 'var(--gray-300)', value = -1, textDisabled = false }) => {
|
|
5
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative flex align-items-center justify-content-center", style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: { width: `${height}px`, height: `${height}px`, transform: "rotate(-90deg)", position: "absolute", top: "0", zIndex: "10" } }, { 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", "stroke-width": strokeWidth, style: { strokeDasharray: "180.46", strokeDashoffset: `${(180.46 - ((180.46 / 100) * value))}`, strokeLinecap: "round", stroke: `${strokeColor}` } }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: { width: `${height}px`, height: `${height}px`, position: "absolute", transform: "rotate(-90deg)" } }, { 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", "stroke-width": strokeWidth, style: { strokeDasharray: "128.46", strokeDashoffset: "0", strokeLinecap: "round", stroke: `${strokeBgColor}` } }) })) })), !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: "text-base" }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-4xl my-2" }, { children: [value, "%"] }))] }))] })) }));
|
|
6
|
-
};
|
|
7
|
-
exports.default = HalfProgressComponent;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SplitterPanel = exports.Splitter = void 0;
|
|
4
|
-
const splitter_1 = require("primereact/splitter");
|
|
5
|
-
Object.defineProperty(exports, "Splitter", { enumerable: true, get: function () { return splitter_1.Splitter; } });
|
|
6
|
-
Object.defineProperty(exports, "SplitterPanel", { enumerable: true, get: function () { return splitter_1.SplitterPanel; } });
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TabPanel = exports.TabView = void 0;
|
|
4
|
-
const tabview_1 = require("primereact/tabview");
|
|
5
|
-
Object.defineProperty(exports, "TabView", { enumerable: true, get: function () { return tabview_1.TabView; } });
|
|
6
|
-
Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return tabview_1.TabPanel; } });
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const tree_1 = require("primereact/tree");
|
|
6
|
-
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
|
|
7
|
-
const sccoreui_1 = require("sccoreui");
|
|
8
|
-
const TreeDropdownSelect = ({ treeData, expandedKeys, clickOnNode, classNames }) => {
|
|
9
|
-
const onClickNode = (e) => {
|
|
10
|
-
if (clickOnNode)
|
|
11
|
-
clickOnNode(e);
|
|
12
|
-
};
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(tree_1.Tree, { value: treeData, expandedKeys: expandedKeys, selectionMode: "single", className: `treeNoCollaps ${classNames ? classNames : ''}`, nodeTemplate: (node) => (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex gap-2 align-items-center justify-content-between w-full' }, { children: [" ", (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'treeItem flex gap-2 h-2rem align-items-center w-full h-full font-semibold' }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "chart-breakout-square" }), node.moduleName] })), " ", (node === null || node === void 0 ? void 0 : node.badgeValue) && (0, jsx_runtime_1.jsx)(sccoreui_1.Badge, { className: 'treeBadge w-auto text-gray-700', value: node === null || node === void 0 ? void 0 : node.badgeValue })] })), onNodeClick: (e) => onClickNode(e) }));
|
|
14
|
-
};
|
|
15
|
-
exports.default = TreeDropdownSelect;
|