sccoreui 6.5.1 → 6.5.12
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/ag-grid/advancedFeature/custom-sort.js +6 -8
- package/dist/components/ag-grid/advancedFeature/hide-column.js +15 -42
- package/package.json +1 -1
- package/dist/pages/RowGroupingServerside/DragandDropFeatures.js +0 -49
- package/dist/pages/RowGroupingServerside/RowGroupingServerSide.js +0 -125
- package/dist/pages/RowGroupingServerside/dummyData.js +0 -226
- package/dist/pages/VirtualScrollDropDown/VirtualScrollDropDown.js +0 -9
- package/dist/pages/aggrid/AgGrid.js +0 -837
- package/dist/pages/aggrid/BulkAction.js +0 -9
- package/dist/pages/aggrid/ProductGrid.js +0 -73
- package/dist/pages/aggrid/RowGroupTrail.js +0 -125
- package/dist/pages/aggrid/Template.js +0 -11
- package/dist/pages/aggrid/TestingWIthAdminConfig.js +0 -359
- package/dist/pages/aggrid/TestingWithAdminClientSide.js +0 -459
- package/dist/pages/aggrid/dummyData.js +0 -83
- package/dist/pages/aggrid/fakeServer.js +0 -95
- package/dist/pages/aggrid/id-cell.js +0 -9
- package/dist/pages/aggrid/interface.js +0 -2
- package/dist/pages/aggrid/token.js +0 -4
- package/dist/pages/avatar/avatar.js +0 -338
- package/dist/pages/badges/badge.js +0 -73
- package/dist/pages/breadcrumb/breadcrumb.js +0 -14
- package/dist/pages/button/button.js +0 -10
- package/dist/pages/button-group/button-group.js +0 -10
- package/dist/pages/chart/chart.js +0 -257
- package/dist/pages/checkbox/checkbox.js +0 -26
- package/dist/pages/checkbox-group/checkbox-group-component.js +0 -21
- package/dist/pages/color-picker/color-picker.js +0 -13
- package/dist/pages/content-dividers/content-dividers.js +0 -11
- package/dist/pages/custom-color-picker/custom-color-picker.js +0 -12
- package/dist/pages/custom-multiselect/CustomMultiSelect.js +0 -37
- package/dist/pages/date-picker/date-picker.js +0 -20
- package/dist/pages/dropdown/dropdown-component.js +0 -39
- package/dist/pages/file-upload/file-upload.js +0 -34
- package/dist/pages/flex.js +0 -15
- package/dist/pages/formulaTemplate/formulaTemplate.js +0 -117
- package/dist/pages/frolaTextEditor/froala-text-editor.js +0 -14
- package/dist/pages/home.js +0 -59
- package/dist/pages/input/input-text.js +0 -112
- package/dist/pages/list-box-dropdown/listboxdropdown.js +0 -99
- package/dist/pages/list-box-dropdown/server.js +0 -20
- package/dist/pages/loader-indicator/loader-indicator.js +0 -10
- package/dist/pages/mega-mennu/mega-menu.js +0 -84
- package/dist/pages/multi-select-dropdown/multi-select-dropdown.js +0 -51
- package/dist/pages/not-found/not-found.js +0 -10
- package/dist/pages/paginator/pagination.js +0 -122
- package/dist/pages/progress-bar/progress-bar.js +0 -27
- package/dist/pages/progress-steps/progress-steps.js +0 -24
- package/dist/pages/radio-button/radio-button-component.js +0 -11
- package/dist/pages/service.js +0 -23
- package/dist/pages/shadows/shadows.js +0 -7
- package/dist/pages/slideout-menus/slideout-menus.js +0 -104
- package/dist/pages/sliders/slider.js +0 -39
- package/dist/pages/tabels/table-data.js +0 -2193
- package/dist/pages/tabels/table.js +0 -98
- package/dist/pages/tabs/tabs.js +0 -9
- package/dist/pages/tags/tags.js +0 -70
- package/dist/pages/testingcomponents/NormalAgGrid.js +0 -58
- package/dist/pages/testingcomponents/TestComponent.js +0 -69
- package/dist/pages/testingcomponents/data.js +0 -326
- package/dist/pages/testingcomponents/fom-feild-testing/MainformComp.js +0 -16
- package/dist/pages/toast/toast.js +0 -47
- package/dist/pages/toggle/toggle.js +0 -10
- package/dist/pages/tooltip/tooltip.js +0 -13
- package/dist/pages/treeDropdownSelect/treedropdowselect.js +0 -34
- package/dist/pages/types/type.js +0 -2
- package/dist/types/pages/RowGroupingServerside/DragandDropFeatures.d.ts +0 -4
- package/dist/types/pages/RowGroupingServerside/RowGroupingServerSide.d.ts +0 -4
- package/dist/types/pages/RowGroupingServerside/dummyData.d.ts +0 -9
- package/dist/types/pages/VirtualScrollDropDown/VirtualScrollDropDown.d.ts +0 -2
- package/dist/types/pages/aggrid/AgGrid.d.ts +0 -2
- package/dist/types/pages/aggrid/BulkAction.d.ts +0 -2
- package/dist/types/pages/aggrid/ProductGrid.d.ts +0 -2
- package/dist/types/pages/aggrid/RowGroupTrail.d.ts +0 -4
- package/dist/types/pages/aggrid/Template.d.ts +0 -2
- package/dist/types/pages/aggrid/TestingWIthAdminConfig.d.ts +0 -2
- package/dist/types/pages/aggrid/TestingWithAdminClientSide.d.ts +0 -2
- package/dist/types/pages/aggrid/dummyData.d.ts +0 -15
- package/dist/types/pages/aggrid/fakeServer.d.ts +0 -7
- package/dist/types/pages/aggrid/id-cell.d.ts +0 -2
- package/dist/types/pages/aggrid/interface.d.ts +0 -12
- package/dist/types/pages/aggrid/token.d.ts +0 -1
- package/dist/types/pages/avatar/avatar.d.ts +0 -2
- package/dist/types/pages/badges/badge.d.ts +0 -3
- package/dist/types/pages/breadcrumb/breadcrumb.d.ts +0 -2
- package/dist/types/pages/button/button.d.ts +0 -2
- package/dist/types/pages/button-group/button-group.d.ts +0 -2
- package/dist/types/pages/chart/chart.d.ts +0 -2
- package/dist/types/pages/checkbox/checkbox.d.ts +0 -2
- package/dist/types/pages/checkbox-group/checkbox-group-component.d.ts +0 -3
- package/dist/types/pages/color-picker/color-picker.d.ts +0 -2
- package/dist/types/pages/content-dividers/content-dividers.d.ts +0 -2
- package/dist/types/pages/custom-color-picker/custom-color-picker.d.ts +0 -2
- package/dist/types/pages/custom-multiselect/CustomMultiSelect.d.ts +0 -2
- package/dist/types/pages/date-picker/date-picker.d.ts +0 -2
- package/dist/types/pages/dropdown/dropdown-component.d.ts +0 -2
- package/dist/types/pages/file-upload/file-upload.d.ts +0 -3
- package/dist/types/pages/flex.d.ts +0 -2
- package/dist/types/pages/formulaTemplate/formulaTemplate.d.ts +0 -2
- package/dist/types/pages/frolaTextEditor/froala-text-editor.d.ts +0 -2
- package/dist/types/pages/home.d.ts +0 -2
- package/dist/types/pages/input/input-text.d.ts +0 -3
- package/dist/types/pages/list-box-dropdown/listboxdropdown.d.ts +0 -2
- package/dist/types/pages/list-box-dropdown/server.d.ts +0 -1
- package/dist/types/pages/loader-indicator/loader-indicator.d.ts +0 -3
- package/dist/types/pages/mega-mennu/mega-menu.d.ts +0 -2
- package/dist/types/pages/multi-select-dropdown/multi-select-dropdown.d.ts +0 -2
- package/dist/types/pages/not-found/not-found.d.ts +0 -2
- package/dist/types/pages/paginator/pagination.d.ts +0 -2
- package/dist/types/pages/progress-bar/progress-bar.d.ts +0 -3
- package/dist/types/pages/progress-steps/progress-steps.d.ts +0 -2
- package/dist/types/pages/radio-button/radio-button-component.d.ts +0 -2
- package/dist/types/pages/service.d.ts +0 -2
- package/dist/types/pages/shadows/shadows.d.ts +0 -2
- package/dist/types/pages/slideout-menus/slideout-menus.d.ts +0 -2
- package/dist/types/pages/sliders/slider.d.ts +0 -1
- package/dist/types/pages/tabels/table-data.d.ts +0 -3
- package/dist/types/pages/tabels/table.d.ts +0 -2
- package/dist/types/pages/tabs/tabs.d.ts +0 -3
- package/dist/types/pages/tags/tags.d.ts +0 -3
- package/dist/types/pages/testingcomponents/NormalAgGrid.d.ts +0 -4
- package/dist/types/pages/testingcomponents/TestComponent.d.ts +0 -4
- package/dist/types/pages/testingcomponents/data.d.ts +0 -1
- package/dist/types/pages/testingcomponents/fom-feild-testing/MainformComp.d.ts +0 -2
- package/dist/types/pages/toast/toast.d.ts +0 -2
- package/dist/types/pages/toggle/toggle.d.ts +0 -2
- package/dist/types/pages/tooltip/tooltip.d.ts +0 -2
- package/dist/types/pages/treeDropdownSelect/treedropdowselect.d.ts +0 -2
- package/dist/types/pages/types/type.d.ts +0 -64
|
@@ -1,10 +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
|
-
require("./loader-indicator.scss");
|
|
6
|
-
const loading_indicator_custom_1 = tslib_1.__importDefault(require("../../components/loading-indicator/loading-indicator-custom"));
|
|
7
|
-
const LoaderIndicatorComponent = () => {
|
|
8
|
-
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: "Loader-Indicator" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "grid" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col-12 md:col-4 flex " }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "pl-8 flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)(loading_indicator_custom_1.default, { bgStrokeColor: "var(--gray-100)", bgStroke: true, size: "28px" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 text-base font-medium" }, { children: "Loading..." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "pl-8 flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)(loading_indicator_custom_1.default, { bgStrokeColor: "var(--gray-100)", bgStroke: true, size: "42px" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 text-base font-medium" }, { children: "Loading..." }))] }))] })) }))] }));
|
|
9
|
-
};
|
|
10
|
-
exports.default = LoaderIndicatorComponent;
|
|
@@ -1,84 +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 megamenu_1 = require("primereact/megamenu");
|
|
6
|
-
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
|
|
7
|
-
const button_1 = require("primereact/button");
|
|
8
|
-
const HeaderComponent = () => {
|
|
9
|
-
const items = [
|
|
10
|
-
{
|
|
11
|
-
label: "Home",
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
label: "Products",
|
|
15
|
-
items: [
|
|
16
|
-
[
|
|
17
|
-
{
|
|
18
|
-
label: "Products",
|
|
19
|
-
items: [
|
|
20
|
-
{
|
|
21
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8 " }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "blog-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Blogs" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "The latest industry news, updates and info." }))] }))] }))),
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "customer-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Customer Stories" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "Learn how our customers are making big changes." }))] }))] }))),
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "tutorials-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Video tutorials" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "Get up and running on new features and techniques.." }))] }))] }))),
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "documentation-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Documentation" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "All the boring stuff that you (hopefully won\u2019t) need." }))] }))] }))),
|
|
31
|
-
},
|
|
32
|
-
],
|
|
33
|
-
},
|
|
34
|
-
],
|
|
35
|
-
],
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
label: "Resources",
|
|
39
|
-
items: [
|
|
40
|
-
[
|
|
41
|
-
{
|
|
42
|
-
label: "Resources",
|
|
43
|
-
items: [
|
|
44
|
-
{
|
|
45
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8 " }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "blog-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Blogs" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "The latest industry news, updates and info." }))] }))] }))),
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "customer-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Customer Stories" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "Learn how our customers are making big changes." }))] }))] }))),
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "tutorials-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Video tutorials" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "Get up and running on new features and techniques.." }))] }))] }))),
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-row align-items-start gap-5 ml-8" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "documentation-icon" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column mb-2" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-semibold text-gray-900" }, { children: "Documentation" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "m-0 font-normal text-gray-600" }, { children: "All the boring stuff that you (hopefully won\u2019t) need." }))] }))] }))),
|
|
55
|
-
},
|
|
56
|
-
],
|
|
57
|
-
},
|
|
58
|
-
],
|
|
59
|
-
],
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "md:hidden m-0 w-full flex" }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: "#", className: "m-0 text-gray-600 w-6" }, { children: "Aboutus" })), (0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: "m-0 text-gray-600 w-6" }, { children: "Support" }))] }))),
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "md:hidden m-0 w-full flex" }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: "m-0 text-gray-600 w-6" }, { children: "Press" })), (0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: "m-0 text-gray-600 w-6" }, { children: "Contact" }))] }))),
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "md:hidden m-0 w-full flex" }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: "m-0 text-gray-600 w-6" }, { children: "Carrer" })), (0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: "m-0 text-gray-600 w-6" }, { children: "Sitemap" }))] }))),
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
template: ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "md:hidden m-0 w-full flex" }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: "m-0 text-gray-600 w-6" }, { children: "Legal" })), (0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: "m-0 text-gray-600 w-6" }, { children: "Cookie settings" }))] }))),
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
template: ((0, jsx_runtime_1.jsx)(button_1.Button, { label: "Sign up", className: "md:hidden m-0 bg-primary-500 w-full " })),
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
template: ((0, jsx_runtime_1.jsx)(button_1.Button, { label: "Log in", className: "md:hidden m-0 border-500 bg-transparent text-gray-500 w-full border-gray-300 shadow-md" })),
|
|
78
|
-
},
|
|
79
|
-
];
|
|
80
|
-
const start = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-2 w-full" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "menu-logo" }), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-gray-900 font-bold" }, { children: "Untitled UI" }))] })));
|
|
81
|
-
const end = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "hidden md:flex gap-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: "Log in", className: "bg-transparent text-gray-500 border-none" }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Sign up", className: "bg-primary-500 " })] })));
|
|
82
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(megamenu_1.MegaMenu, { model: items, orientation: "horizontal", start: start, end: end, menuIcon: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "megamenu-closeicon absolute" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "close-icon" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "megamenu-hamburgermenu absolute" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "hamburger-menu" }) }))] }), breakpoint: "770px", className: "w-full", pt: {} }) }));
|
|
83
|
-
};
|
|
84
|
-
exports.default = HeaderComponent;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const primereact_1 = require("primereact");
|
|
5
|
-
const multi_select_dropdown_1 = require("../../components/multi-select-dropdown/multi-select-dropdown");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const CustomSelect = () => {
|
|
8
|
-
const [filterValus, setFilterValues] = (0, react_1.useState)([]);
|
|
9
|
-
const [filterValus1, setFilterValues1] = (0, react_1.useState)([]);
|
|
10
|
-
const [filterValus2, setFilterValues2] = (0, react_1.useState)([]);
|
|
11
|
-
const list = [
|
|
12
|
-
{ name: "Phoenix Baker", at: "@phoenix" },
|
|
13
|
-
{ name: "Olivia Rhye", at: "@olivia" },
|
|
14
|
-
{ name: "Lana Steiner", at: "@lana" },
|
|
15
|
-
{ name: "Demi Wilkinson", at: "@demi" },
|
|
16
|
-
{ name: "Candice Wu", at: "@candice" },
|
|
17
|
-
{ name: "Natali Craig", at: "@natali" },
|
|
18
|
-
{ name: "Drew Cano", at: "@drew" },
|
|
19
|
-
];
|
|
20
|
-
// const statusList = [
|
|
21
|
-
// { name: "Active", color:'#12B76A'},
|
|
22
|
-
// { name: "Inactive", color:'#F04438'},
|
|
23
|
-
// { name: "Draft", color:'#162578'},
|
|
24
|
-
// ]
|
|
25
|
-
// const onSelectionChange = (e:any) => {
|
|
26
|
-
// console.log('On Selection Change....')
|
|
27
|
-
// setFilterValues(e.value);
|
|
28
|
-
// }
|
|
29
|
-
const onClear = () => {
|
|
30
|
-
// debugger
|
|
31
|
-
};
|
|
32
|
-
const clearFilters = () => {
|
|
33
|
-
setFilterValues([]);
|
|
34
|
-
setFilterValues1([]);
|
|
35
|
-
setFilterValues2([]);
|
|
36
|
-
};
|
|
37
|
-
let statusOptions = [
|
|
38
|
-
{ name: "Requested", color: '#162578' },
|
|
39
|
-
{ name: "Waiting for Approval", color: '#fedf89' },
|
|
40
|
-
{ name: "Approved", color: '#d1fadf' },
|
|
41
|
-
{ name: "Development", color: '#b9afff' },
|
|
42
|
-
{ name: "UAT", color: '#583fff' },
|
|
43
|
-
{ name: "On Hold", color: '#f79009' },
|
|
44
|
-
{ name: "Completed", color: '#12b76a' },
|
|
45
|
-
{ name: "Rejected", color: '#f04438' },
|
|
46
|
-
];
|
|
47
|
-
// console.log(statusList)
|
|
48
|
-
// console.log(statusOptions)
|
|
49
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(multi_select_dropdown_1.MultiSelectDropDown, { value: filterValus, onChange: (e) => setFilterValues(e.value), maxSelectedLabels: 2, placeholder: "Multi Select", options: list, dropdownType: "" }), (0, jsx_runtime_1.jsx)(multi_select_dropdown_1.MultiSelectDropDown, { dropdownWidth: 200, hidePanelHeader: true, value: filterValus, onChange: (e) => setFilterValues(e.value), maxSelectedLabels: 1, placeholder: "Multi Select", options: list, dropdownType: "default", clear: "x-close" }), (0, jsx_runtime_1.jsx)(multi_select_dropdown_1.MultiSelectDropDown, { dropdownWidth: 200, hidePanelHeader: true, value: filterValus1, maxSelectedLabels: 1, onClear: onClear, dropdownType: "withIcon", onChange: (e) => setFilterValues1(e.value), leftIcon: "user-square", placeholder: "Select Cities", options: list, clear: "x-close" }), (0, jsx_runtime_1.jsx)(multi_select_dropdown_1.MultiSelectDropDown, { dropdownWidth: 200, value: filterValus2, maxSelectedLabels: 1, onChange: (e) => setFilterValues2(e.value), dropdownType: "status", placeholder: "All Status", options: statusOptions, clear: "x-close" }), (0, jsx_runtime_1.jsx)(primereact_1.Button, { label: "clear", onClick: clearFilters })] }));
|
|
50
|
-
};
|
|
51
|
-
exports.default = CustomSelect;
|
|
@@ -1,10 +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 NotFoundPage = () => {
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full page-not-found flex-column justify-content-center pl-8" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "w-full flex h-full flex-column my-auto ml-8" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-lg text-gray-700 lineheight-1" }, { children: "404 error" })), (0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-8xl" }, { children: "We can\u2019t find that page" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-xl" }, { children: "Sorry, the page you are looking for doesn't exist or has been moved." })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3 mt-8" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left" }), outlined: true, className: "p-button-lg", label: "Go back" }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "p-button-lg", label: "Take me home" })] }))] })) })));
|
|
9
|
-
};
|
|
10
|
-
exports.default = NotFoundPage;
|
|
@@ -1,122 +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 react_1 = require("react");
|
|
6
|
-
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
|
|
7
|
-
const paginator_1 = require("primereact/paginator");
|
|
8
|
-
const ripple_1 = require("primereact/ripple");
|
|
9
|
-
const utils_1 = require("primereact/utils");
|
|
10
|
-
const button_1 = require("primereact/button");
|
|
11
|
-
require("./pagination.scss");
|
|
12
|
-
function TemplateDemo() {
|
|
13
|
-
const [first, setFirst] = (0, react_1.useState)([0, 0, 0]);
|
|
14
|
-
const [rows, setRows] = (0, react_1.useState)([10, 10, 10]);
|
|
15
|
-
const [first1, setFirst1] = (0, react_1.useState)(0);
|
|
16
|
-
const [rows1, setRows1] = (0, react_1.useState)(10);
|
|
17
|
-
const onPageChange1 = (event) => {
|
|
18
|
-
setFirst1(event.first);
|
|
19
|
-
setRows1(event.rows);
|
|
20
|
-
};
|
|
21
|
-
const onPageChange = (e, index) => {
|
|
22
|
-
setFirst(first.map((f, i) => (index === i ? e.first : f)));
|
|
23
|
-
setRows(rows.map((r, i) => (index === i ? e.rows : r)));
|
|
24
|
-
};
|
|
25
|
-
const template1 = {
|
|
26
|
-
layout: 'PrevPageLink PageLinks CurrentPageReport NextPageLink ',
|
|
27
|
-
PrevPageLink: (options) => {
|
|
28
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-none mr-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Previous" }))] })));
|
|
29
|
-
},
|
|
30
|
-
PageLinks: (options) => {
|
|
31
|
-
if ((options.view.startPage === options.page && options.view.startPage !== 0) || (options.view.endPage === options.page && options.page + 1 !== options.totalPages)) {
|
|
32
|
-
const className = (0, utils_1.classNames)(options.className, { 'p-disabled': true });
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: className, style: { userSelect: 'none' } }, { children: "..." })));
|
|
34
|
-
}
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", className: options.className, onClick: options.onClick }, { children: [options.page + 1, (0, jsx_runtime_1.jsx)(ripple_1.Ripple, {})] })));
|
|
36
|
-
},
|
|
37
|
-
NextPageLink: (options) => {
|
|
38
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-none ml-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Next" })), (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-700" })] })));
|
|
39
|
-
},
|
|
40
|
-
CurrentPageReport: (options) => {
|
|
41
|
-
console.log(options);
|
|
42
|
-
return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: { color: 'var(--gray-700)', userSelect: 'none', width: '120px', textAlign: 'center' }, className: "flex md:hidden line-height-2 text-base" }, { children: ["Page ", options.first, " of ", options.totalRecords] })));
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
const template2 = {
|
|
46
|
-
layout: 'PrevPageLink PageLinks CurrentPageReport NextPageLink',
|
|
47
|
-
PrevPageLink: (options) => {
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 border-gray-300 mr-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Previous" }))] })));
|
|
49
|
-
},
|
|
50
|
-
PageLinks: (options) => {
|
|
51
|
-
console.log(options);
|
|
52
|
-
if ((options.view.startPage === options.page && options.view.startPage !== 0) || (options.view.endPage === options.page && options.page + 1 !== options.totalPages)) {
|
|
53
|
-
const className = (0, utils_1.classNames)(options.className, { 'p-disabled': true });
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: className }, { children: "..." })));
|
|
55
|
-
}
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", className: options.className, onClick: options.onClick }, { children: [options.page + 1, (0, jsx_runtime_1.jsx)(ripple_1.Ripple, {})] })));
|
|
57
|
-
},
|
|
58
|
-
NextPageLink: (options) => {
|
|
59
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 px-4 py-2 border-gray-300 ml-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Next" })), (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-700" })] })));
|
|
60
|
-
},
|
|
61
|
-
CurrentPageReport: (options) => {
|
|
62
|
-
console.log(options);
|
|
63
|
-
return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: { color: 'var(--gray-700)', userSelect: 'none', width: '120px', textAlign: 'center' }, className: "flex md:hidden line-height-2 text-base" }, { children: ["Page ", options.first, " of ", options.totalRecords] })));
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
const template3 = {
|
|
67
|
-
layout: ' CurrentPageReport PrevPageLink NextPageLink',
|
|
68
|
-
PrevPageLink: (options) => {
|
|
69
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 border-gray-300 ml-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "md:hidden flex" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Previous" }))] })));
|
|
70
|
-
},
|
|
71
|
-
NextPageLink: (options) => {
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 px-4 py-2 border-gray-300 ml-3", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Next" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "md:hidden flex" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-700" }) }))] })));
|
|
73
|
-
},
|
|
74
|
-
CurrentPageReport: (options) => {
|
|
75
|
-
return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: { color: 'var(--gray-700)', userSelect: 'none', width: '120px', textAlign: 'center' }, className: " line-height-2 text-base" }, { children: ["Page ", options.first, " of ", options.totalRecords] })));
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
const template4 = {
|
|
79
|
-
layout: 'PrevPageLink NextPageLink CurrentPageReport',
|
|
80
|
-
PrevPageLink: (options) => {
|
|
81
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 border-gray-300 mr-3", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700" }) }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Previous" }))] })));
|
|
82
|
-
},
|
|
83
|
-
NextPageLink: (options) => {
|
|
84
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 px-4 py-2 border-gray-300 mr-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Next" })), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-700" }) })] })));
|
|
85
|
-
},
|
|
86
|
-
CurrentPageReport: (options) => {
|
|
87
|
-
console.log(options);
|
|
88
|
-
return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: { color: 'var(--gray-700)', userSelect: 'none', width: '120px', textAlign: 'center' }, className: " line-height-2 text-base" }, { children: ["Page ", options.first, " of ", options.totalRecords] })));
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
const template5 = {
|
|
92
|
-
layout: 'PrevPageLink CurrentPageReport NextPageLink ',
|
|
93
|
-
PrevPageLink: (options) => {
|
|
94
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 border-gray-300 mr-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700" }) }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Previous" }))] })));
|
|
95
|
-
},
|
|
96
|
-
NextPageLink: (options) => {
|
|
97
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 px-4 py-2 border-gray-300 ml-auto", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Next" })), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-700" }) })] })));
|
|
98
|
-
},
|
|
99
|
-
CurrentPageReport: (options) => {
|
|
100
|
-
console.log(options);
|
|
101
|
-
return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: { color: 'var(--gray-700)', userSelect: 'none', width: '120px', textAlign: 'center' }, className: " line-height-2 text-base" }, { children: ["Page ", options.first, " of ", options.totalRecords] })));
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
const template6 = {
|
|
105
|
-
layout: 'PrevPageLink PageLinks NextPageLink ',
|
|
106
|
-
PrevPageLink: (options) => {
|
|
107
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 border-noround-right border-gray-300 ", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700" }) }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Previous" }))] })));
|
|
108
|
-
},
|
|
109
|
-
PageLinks: (options) => {
|
|
110
|
-
if ((options.view.startPage === options.page && options.view.startPage !== 0) || (options.view.endPage === options.page && options.page + 1 !== options.totalPages)) {
|
|
111
|
-
const className = (0, utils_1.classNames)(options.className, { 'p-disabled': false }, "border-1 border-left-none border-gray-300");
|
|
112
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: className, style: { userSelect: 'none' } }, { children: "..." })));
|
|
113
|
-
}
|
|
114
|
-
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", className: `${options.className} border-1 border-left-none border-gray-300`, onClick: options.onClick }, { children: [options.page + 1, (0, jsx_runtime_1.jsx)(ripple_1.Ripple, {})] })));
|
|
115
|
-
},
|
|
116
|
-
NextPageLink: (options) => {
|
|
117
|
-
return ((0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ type: "button", className: "bg-white border-1 border-noround-left border-left-none px-4 py-2 border-gray-300 ", onClick: options.onClick, disabled: options.disabled }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-3 text-gray-700 md:flex hidden" }, { children: "Next" })), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-700" }) })] })));
|
|
118
|
-
},
|
|
119
|
-
};
|
|
120
|
-
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 mt-0 mb-4" }, { children: "Input" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "w-10 ml-auto mr-auto grid" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-12 " }, { children: (0, jsx_runtime_1.jsx)(paginator_1.Paginator, { className: "bg-square", template: template1, first: first[0], rows: rows[0], totalRecords: 100, onPageChange: (e) => onPageChange(e, 0) }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-12 " }, { children: (0, jsx_runtime_1.jsx)(paginator_1.Paginator, { template: template2, first: first[0], rows: rows[0], totalRecords: 100, onPageChange: (e) => onPageChange(e, 0) }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-12 " }, { children: (0, jsx_runtime_1.jsx)(paginator_1.Paginator, { template: template3, first: first[0], rows: rows[0], totalRecords: 100, onPageChange: (e) => onPageChange(e, 0) }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-12 " }, { children: (0, jsx_runtime_1.jsx)(paginator_1.Paginator, { template: template4, first: first[0], rows: rows[0], totalRecords: 100, onPageChange: (e) => onPageChange(e, 0) }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-12 " }, { children: (0, jsx_runtime_1.jsx)(paginator_1.Paginator, { template: template5, first: first[0], rows: rows[0], totalRecords: 100, onPageChange: (e) => onPageChange(e, 0) }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-12 " }, { children: (0, jsx_runtime_1.jsx)(paginator_1.Paginator, { className: "paginator-boxes", template: template6, first: first[0], rows: rows[0], totalRecords: 100, onPageChange: (e) => onPageChange(e, 0) }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-12 " }, { children: (0, jsx_runtime_1.jsx)(paginator_1.Paginator, { first: first1, rows: rows1, totalRecords: 120, rowsPerPageOptions: [10, 20, 30], onPageChange: onPageChange1 }) }))] }))] }));
|
|
121
|
-
}
|
|
122
|
-
exports.default = TemplateDemo;
|
|
@@ -1,27 +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 progressbar_1 = require("primereact/progressbar");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const slider_1 = require("primereact/slider");
|
|
8
|
-
const circle_progress_bar_1 = tslib_1.__importDefault(require("../../components/progress_bar_round/circle-progress-bar"));
|
|
9
|
-
const half_circle_progres_bar_1 = tslib_1.__importDefault(require("../../components/progress_bar_round/half-circle-progres-bar"));
|
|
10
|
-
require("./progress-bar.scss");
|
|
11
|
-
const ProgressBarComponent = () => {
|
|
12
|
-
const [value, setValue] = (0, react_1.useState)("");
|
|
13
|
-
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: "Progress-Bar" })), (0, jsx_runtime_1.jsx)(slider_1.Slider, { value: value, onChange: (e) => setValue(e.value), className: "w-14rem my-8 ml-auto mr-auto progress-slider" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-full w-full flex align-items-center justify-content-center" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "grid mt-7 w-8" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "col-6 md:col-4 lg:col-3 px-7 flex flex-column justify-content-center" }, { children: (0, jsx_runtime_1.jsx)(progressbar_1.ProgressBar, { value: value, className: "" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: " col-6 md:col-4 lg:col-3 px-7 flex flex-column justify-content-center" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative " }, { children: [(0, jsx_runtime_1.jsx)(progressbar_1.ProgressBar, { value: value }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
|
|
14
|
-
position: "absolute",
|
|
15
|
-
top: 33,
|
|
16
|
-
left: `${value}%`,
|
|
17
|
-
transition: "left 1s ease-in-out",
|
|
18
|
-
transform: "translate(-50%, -50%)",
|
|
19
|
-
}, className: "px-3 p-progress-value bg-white shadow-3 h-2rem border-1 border-gray-200 py-2 flex align-items-center border-round-lg text-center text-sm" }, { children: [value, "%"] }))] })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: " col-6 md:col-4 lg:col-3 px-7 flex flex-column justify-content-center" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(progressbar_1.ProgressBar, { value: value, className: "w-10" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " px-3 w-2 flex align-items-start text-center text-sm" }, { children: [value, "%"] }))] })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: " col-6 md:col-4 lg:col-3 px-7 flex flex-column justify-content-center" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative " }, { children: [(0, jsx_runtime_1.jsx)(progressbar_1.ProgressBar, { value: value }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
|
|
20
|
-
position: "absolute",
|
|
21
|
-
top: -24,
|
|
22
|
-
left: `${value}%`,
|
|
23
|
-
transition: "left 1s ease-in-out",
|
|
24
|
-
transform: "translate(-50%, -50%)",
|
|
25
|
-
}, className: "p-progress-value bg-white shadow-3 h-2rem px-3 border-1 border-gray-200 py-2 flex align-items-center border-round-lg text-center text-sm" }, { children: [value, "%"] }))] })) })), (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: "flex flex-column align-items-end" }, { children: [(0, jsx_runtime_1.jsx)(progressbar_1.ProgressBar, { value: value, className: "w-full" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-progress-value bg-white shadow-3 py-2 flex align-items-center text-center text-sm" }, { children: [value, "%"] }))] })) })), (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.jsx)(circle_progress_bar_1.default, { textClassName: "text-md text-green-500", valueTextClassName: "text-green text-5xl", text: "Active users", value: value, height: 200, strokeColor: "var(--primary-500)", strokeWidth: 15, strokeBgColor: "var(--gray-300)" }) })), (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.jsx)(half_circle_progres_bar_1.default, { text: "Active users", value: value, height: 200, strokeColor: "var(--primary-500)", strokeWidth: 8, strokeBgColor: "var(--gray-300)" }) }))] })) }))] }));
|
|
26
|
-
};
|
|
27
|
-
exports.default = ProgressBarComponent;
|
|
@@ -1,24 +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 progress_steps_1 = tslib_1.__importDefault(require("../../components/progress-steps/progress-steps"));
|
|
6
|
-
const ProgressStepsComponent = () => {
|
|
7
|
-
const itemTemplate = (label, description) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-semibold" }, { children: label })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal" }, { children: description }))] }));
|
|
8
|
-
const items = [
|
|
9
|
-
{
|
|
10
|
-
id: "1",
|
|
11
|
-
template: itemTemplate("Your Details", "Provide Your Details"),
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
id: "2",
|
|
15
|
-
template: itemTemplate("Company details", "A few details of your company"),
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
id: "3",
|
|
19
|
-
template: itemTemplate("Invite your team", "Start collaborating"),
|
|
20
|
-
},
|
|
21
|
-
];
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-center justify-content-between gap-5 h-30rem" }, { children: [(0, jsx_runtime_1.jsx)(progress_steps_1.default, { stepsItems: items }), (0, jsx_runtime_1.jsx)(progress_steps_1.default, { stepsItems: items, orientation: "vertical" })] })));
|
|
23
|
-
};
|
|
24
|
-
exports.default = ProgressStepsComponent;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const radiobutton_1 = require("primereact/radiobutton");
|
|
6
|
-
const RadioButtonComponent = () => {
|
|
7
|
-
const [ingredient, setIngredient] = (0, react_1.useState)("");
|
|
8
|
-
const [remember, setRemember] = (0, react_1.useState)(false);
|
|
9
|
-
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: "Radio Button" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-center gap-5" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "card flex justify-content-center gap-3" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center mr-3" }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { inputId: "ingredient1", name: "pizza", value: "Cheese", onChange: (e) => setIngredient(e.value), checked: ingredient === "Cheese" }), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "ingredient1", className: "ml-2" }, { children: "Cheese" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { inputId: "ingredient2", name: "pizza", value: "Mushroom", onChange: (e) => setIngredient(e.value), checked: ingredient === "Mushroom" }), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "ingredient2", className: "ml-2" }, { children: "Mushroom" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { inputId: "ingredient4", name: "pizza", value: "Onion", className: "p-invalid" }), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "ingredient2", className: "ml-2" }, { children: "Onion" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { inputId: "ingredient3", name: "pizza", value: "Pepperoni", onChange: (e) => setIngredient(e.value), checked: true, disabled: true }), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "ingredient2", className: "ml-2" }, { children: "Pepperoni" }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-2" }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { inputId: "remember", checked: remember, className: "pt-1", onChange: () => setRemember(!remember) }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "remember", className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-2" }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { inputId: "remember", className: "pt-1 p-invalid" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "remember", className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-2" }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { inputId: "remember", checked: true, disabled: true, className: "pt-1" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "remember", className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] }))] }))] }));
|
|
10
|
-
};
|
|
11
|
-
exports.default = RadioButtonComponent;
|
package/dist/pages/service.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
const accesToken = "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfbmFtZSI6InBhdmFua3VtYXJAc2VsbGVyc2NvbW1lcmNlLmNvbSIsImVtYWlsIjoicGF2YW5rdW1hckBzZWxsZXJzY29tbWVyY2UuY29tIiwibmFtZWlkIjoiYTljYjhhMjQtZGMwNS00YjI3LWIyMWEtMDM0NTVmNjVmNzYwIiwiRmlyc3ROYW1lIjoiUGF2YW4iLCJMYXN0TmFtZSI6Ikt1bWFyIiwiU2Vzc2lvbiI6IjI1MGVlNjhhLWE1NzItNGM2Mi1iYmMzLWY0YTJmZDY3NDFkYiIsIk9yaWdpbiI6Im9yZzIuZWFzeWZhc3Rub3cuY29tIiwiQXBwUmVmZXJlbmNlIjoiOWE1NjI3ZDQtNGI2Yi00OWFiLTg0MzItMjE4MzkyY2UzMmYxIiwiYXVkIjpbIkNDRGV2QWxsb2NhdGlvblF1ZXJpZXNBUEkiLCJDQ0RldkV4cG9ydHNRdWVyaWVzQVBJIiwiQ0NEZXZFeHBvcnRzQ29tbWFuZEFQSSIsIkNDRGV2UXVvdGVDb21tYW5kc0FQSSIsIkNDRGV2UXVvdGVRdWVyaWVzQVBJIiwiQ0NEZXZXaXNobGlzdEFQSSIsIkNDRGV2Q2FydFF1ZXJpZXNBUEkiLCJDQ0RldkNhcnRDb21tYW5kc0FQSSIsIkNDRGV2Q01TQ29tbWFuZEFQSSIsIkRldk9uZVNvdXJjZUFQSSIsIk5vZGVDb21tb25TZXJ2aWNlIiwiQ0NEZXZDTVNRdWVyaWVzQVBJIiwiQ0NEZXZDTVNDb21tYW5kQVBJIiwiQ0NEZXZBY2NvdW50Q29tbWFuZEFQSSIsIkNDRGV2QWNjb3V0UXVlcmllc0FQSSIsIkNDRGV2QXV0aFN5bmNDb21tYW5kQVBJIiwiQ0NEZXZDb3JlQ29udHJvbENvbW1hbmRBUEkiLCJDQ0RldkNvcmVDb250cm9sUXVlcmllc0FQSSIsIkNDRGV2Q3VzdG9tZXJDb21tYW5kQVBJIiwiQ0NEZXZDdXN0b21lclF1ZXJpZXNBUEkiLCJDQ0RldlBheW1lbnRDb25maWdDb21tYW5kQVBJIiwiQ0NEZXZQYXltZW50Q29uZmlnUXVlcmllc0FQSSIsIkNDRGV2UE1Db21tYW5kQVBJIiwiQ0NEZXZQTVF1ZXJpZXNBUEkiLCJDQ0RldlByb2R1Y3RzQ29tbWFuZEFQSSIsIkNDRGV2UnVsZUNvbW1hbmRBUEkiLCJDQ0RldlJ1bGVRdWVyaWVzQVBJIiwiQ0NEZXZTYWxlc0NvbW1hbmRBUEkiLCJDQ0RldlNlYXJjaENvbW1hbmRBUEkiLCJDQ0RldlNlYXJjaFF1ZXJpZXNBUEkiLCJDQ0RldlNoaXBwaW5nQ29tbWFuZEFQSSIsIkNDRGV2U2hpcHBpbmdRdWVyaWVzQVBJIiwiQ0NEZXZUYXhDb25maWdDb21tYW5kQVBJIiwiQ0NEZXZUYXhDb25maWdRdWVyaWVzQVBJIiwiQ0NEZXZVTVF1ZXJpZXNBUEkiLCJDQ0RldldJQ29tbWFuZEFQSSIsIkNDRGV2V0lRdWVyaWVzQVBJIiwiQ0NEZXZXZWJzaXRlQ29tbWFuZEFQSSIsIkNDRGV2V2Vic2l0ZVF1ZXJpZXNBUEkiLCJDQ0Rldk1hcmtldGluZ0NvbW1hbmRBUEkiLCJDQ0Rldk1hcmtldGluZ1F1ZXJpZXNBUEkiLCJDQ0RldkltcG9ydHNDb21tYW5kQVBJIiwiQ0NEZXZJbXBvcnRzUXVlcmllc0FQSSIsIkNDRGV2TWFjcm9zQ29tbWFuZEFQSSIsIkNDRGV2TWFjcm9zUXVlcmllc0FQSSIsIkRldkltcG9ydENvbW1hbmRBUEkiLCJEZXZJbXBvcnRRdWVyaWVzQVBJIiwiQ0NEZXZFdmVudFJlZ2lzdGVyQ29tbWFuZEFQSSIsIkNDRGV2T3JkZXJDb21tYW5kc0FQSSIsIkNDRGV2T3JkZXJRdWVyaWVzQVBJIl0sInNjb3BlIjoiIiwibmJmIjoxNzYwNjgxNDA5LCJleHAiOjE3NjA2ODUwMDksImlhdCI6MTc2MDY4MTQwOSwiaXNzIjoiZWRnZS1kZXYtaXNzdWVyIn0.ltrmmJgUa7SuNpH9iRkiz35eL6J8segGMZJ-a-j6A6D7f0C_RjRzfupKylZAKhGyIqQZWM639jAOIQ6RjkJ_WPlZsXFu8em1nNNeebL7gf0xPrOPpaS49rPJhVq3Pz3XWNBvRbzXmZQwCGuEIVGGlXyW5GGQbmXEn5KCPbYhz7Vc32UiaTKuNdRuZ_lyKgST5C8UzHAa5ScJchcHtH2pwROehloYAQeP6HlIGUo1ANqZvWtmGvzl2EOaKo6hWZxHFZnHARP9hSOarOngS2vbz8vLHMHAgcn42p1y8jKTXwitx_PGt247emsyo7S4qATkXHaxvfuRqTY_qMkw88E16w";
|
|
5
|
-
const getDataFunction = (props) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
6
|
-
try {
|
|
7
|
-
const response = yield fetch("https://products_commandsapi.easyfastnow.com/cluster/products", {
|
|
8
|
-
method: 'POST',
|
|
9
|
-
headers: {
|
|
10
|
-
'Content-Type': 'application/json',
|
|
11
|
-
'Authorization': `Bearer ${accesToken}`,
|
|
12
|
-
'x-origin-url': 'https://org2.easyfastnow.com', // Add an extra custom header
|
|
13
|
-
},
|
|
14
|
-
body: JSON.stringify(props)
|
|
15
|
-
});
|
|
16
|
-
const data = yield response.json();
|
|
17
|
-
return data;
|
|
18
|
-
}
|
|
19
|
-
catch (error) {
|
|
20
|
-
return [];
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
exports.default = getDataFunction;
|
|
@@ -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 ShadowComponent = () => {
|
|
5
|
-
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 mt-0" }, { children: "Input" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex w-full h-full flex-wrap align-items-center justify-content-center gap-5 my-8" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-6rem w-6rem bg-white flex align-items-center justify-content-center border-round-lg shadow-1" }, { children: "shadow-1" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-6rem w-6rem bg-white flex align-items-center justify-content-center border-round-lg shadow-2" }, { children: "shadow-2" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-6rem w-6rem bg-white flex align-items-center justify-content-center border-round-lg shadow-3" }, { children: "shadow-3" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-6rem w-6rem bg-white flex align-items-center justify-content-center border-round-lg shadow-4" }, { children: "shadow-4" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-6rem w-6rem bg-white flex align-items-center justify-content-center border-round-lg shadow-5" }, { children: "shadow-5" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-6rem w-6rem bg-white flex align-items-center justify-content-center border-round-lg shadow-6" }, { children: "shadow-6" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-6rem w-6rem bg-white flex align-items-center justify-content-center border-round-lg shadow-7" }, { children: "shadow-7" }))] }))] }));
|
|
6
|
-
};
|
|
7
|
-
exports.default = ShadowComponent;
|