sccoreui 2.4.7 → 2.5.0
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 +5 -5
- package/dist/assets/sccoreui.css +38 -19
- package/dist/assets/theme.css +4 -0
- package/dist/components/chips/chip.js +13 -2
- package/dist/components/input/input.js +0 -8
- package/dist/components/progress-steps/progress-steps.js +1 -1
- package/dist/components/sliders/sliders.js +98 -2
- package/dist/directives/svg-component.js +25 -952
- package/dist/directives/svg-icons.js +8933 -1
- package/dist/pages/avatar/avatar.js +6 -6
- package/dist/pages/badges/badge.js +6 -6
- package/dist/pages/breadcrumb/breadcrumb.js +2 -2
- package/dist/pages/button/button.js +1 -1
- package/dist/pages/button-group/button-group.js +1 -1
- package/dist/pages/checkbox/checkbox.js +6 -6
- package/dist/pages/checkbox-group/checkbox-group-component.js +1 -1
- package/dist/pages/color-picker/color-picker.js +1 -1
- package/dist/pages/content-dividers/content-dividers.js +1 -1
- package/dist/pages/date-picker/date-picker.js +1 -1
- package/dist/pages/dropdown/dropdown-component.js +3 -3
- package/dist/pages/file-upload/file-upload.js +4 -4
- package/dist/pages/home.js +2 -1
- package/dist/pages/input/input-text.js +22 -22
- package/dist/pages/mega-mennu/mega-menu.js +10 -10
- package/dist/pages/not-found/not-found.js +10 -0
- package/dist/pages/paginator/pagination.js +12 -12
- package/dist/pages/slideout-menus/slideout-menus.js +5 -5
- package/dist/pages/tabels/table.js +5 -5
- package/dist/pages/tags/tags.js +19 -10
- package/dist/pages/toast/toast.js +5 -5
- package/dist/types/components/chips/chip.d.ts +3 -2
- package/dist/types/components/input/input.d.ts +1 -2
- package/dist/types/components/sliders/sliders.d.ts +3 -2
- package/dist/types/directives/svg-component.d.ts +4 -4
- package/dist/types/directives/svg-icons.d.ts +4 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/pages/not-found/not-found.d.ts +2 -0
- package/dist/types/pages/types/type.d.ts +8 -0
- package/package.json +1 -1
- package/dist/directives/svgg.js +0 -5089
- package/dist/types/directives/svgg.d.ts +0 -9
|
@@ -60,52 +60,52 @@ const InputComponent = () => {
|
|
|
60
60
|
};
|
|
61
61
|
// dropdown for phone number input component with image showing
|
|
62
62
|
const countryOptionTemplate = (item) => {
|
|
63
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between w-full" }, { children: [(0, jsx_runtime_1.jsx)("img", { alt: item.name, src: item.img }), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item.name === selectedCountry.name && (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
63
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between w-full" }, { children: [(0, jsx_runtime_1.jsx)("img", { alt: item.name, src: item.img }), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item.name === selectedCountry.name && (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "check-selected" }) })] })));
|
|
64
64
|
};
|
|
65
65
|
const phoneNumberItemTemplate = (item) => {
|
|
66
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center w-full justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-900" }, { children: item.name })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item.name === selectedCurrency.name && (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
66
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center w-full justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-900" }, { children: item.name })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item.name === selectedCurrency.name && (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "check-selected" }) })] })));
|
|
67
67
|
};
|
|
68
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "flex bg-gray-200 p-3 justify-content-center mb-4" }, { children: "Input" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column h-full w-full" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "grid px-7 py-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "email", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "flex bg-gray-200 p-3 justify-content-center mb-4" }, { children: "Input" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column h-full w-full" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "grid px-7 py-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "email", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: emailValue, id: "email", "aria-describedby": "username-help", placeholder: "Enter your email address", className: "w-full text-lg font-normal text-gray-500 hover:text-gray-900 ", onChange: (e) => {
|
|
69
69
|
setEmailValue(e.target.value);
|
|
70
|
-
} })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "email1", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
70
|
+
} })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "email1", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email1", "aria-describedby": "username-help", placeholder: "Enter your email address", className: "text-lg w-full font-normal text-gray-500 hover:text-gray-900", onChange: (e) => {
|
|
71
71
|
setEmailValue(e.target.value);
|
|
72
|
-
} })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "email2", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-error w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
72
|
+
} })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "email2", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-error w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "alert-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: emailValue, id: "email2", "aria-describedby": "username-help", placeholder: "Enter your email address", className: "w-full text-lg font-normal p-invalid text-gray-500 hover:text-gray-900 ", onChange: (e) => {
|
|
73
73
|
setEmailValue(e.target.value);
|
|
74
|
-
} })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base p-error font-normal mt-1" }, { children: "Enter valid email adress" }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Email", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " p-input-icon-left p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
74
|
+
} })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base p-error font-normal mt-1" }, { children: "Enter valid email adress" }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Email", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " p-input-icon-left p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "message-box" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: emailValue, id: "Email", onChange: (e) => {
|
|
75
75
|
setEmailValue(e.target.value);
|
|
76
|
-
}, "aria-describedby": "username-help", placeholder: "Enter your email address", className: "w-full text-lg font-normal text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Email1", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " p-input-icon-left p-disabled p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
76
|
+
}, "aria-describedby": "username-help", placeholder: "Enter your email address", className: "w-full text-lg font-normal text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Email1", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " p-input-icon-left p-disabled p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "message-box" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "Email1", "aria-describedby": "username-help", placeholder: "Enter your email address", className: "text-lg w-full font-normal text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Email2", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Email" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " p-input-icon-left p-invalid p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "message-box" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "alert-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: emailValue, id: "Email2", onChange: (e) => {
|
|
77
77
|
setEmailValue(e.target.value);
|
|
78
|
-
}, "aria-describedby": "username-help", placeholder: "Enter your email address", className: "w-full p-invalid text-lg font-normal text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base p-error font-normal mt-1" }, { children: "Enter a valid email address." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Website", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Website" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-inputgroup-addon border-round-left w-5rem" }, { children: "http://" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " p-input-icon-right border-noround-left w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
78
|
+
}, "aria-describedby": "username-help", placeholder: "Enter your email address", className: "w-full p-invalid text-lg font-normal text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base p-error font-normal mt-1" }, { children: "Enter a valid email address." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Website", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Website" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-inputgroup-addon border-round-left w-5rem" }, { children: "http://" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " p-input-icon-right border-noround-left w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: websiteLink, onChange: (e) => {
|
|
79
79
|
setWebsiteLink(e.target.value);
|
|
80
|
-
}, id: "Website", "aria-describedby": "username-help", placeholder: "Enter url here", className: "w-full font-normal text-lg border-noround-left text-gray-500 hover:text-gray-900 " })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Website1", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Website" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-inputgroup-addon border-round-left text-gray-600 w-5rem" }, { children: "http://" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " p-input-icon-right border-noround-left w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
80
|
+
}, id: "Website", "aria-describedby": "username-help", placeholder: "Enter url here", className: "w-full font-normal text-lg border-noround-left text-gray-500 hover:text-gray-900 " })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Website1", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Website" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-inputgroup-addon border-round-left text-gray-600 w-5rem" }, { children: "http://" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " p-input-icon-right border-noround-left w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "Website1", "aria-describedby": "username-help", placeholder: "Enter url here", className: "w-full font-normal text-lg border-noround-left text-gray-500 hover:text-gray-900 " })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Website2", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Website" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " p-input-icon-right border-noround-left w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: websiteLink, onChange: (e) => {
|
|
81
81
|
setWebsiteLink(e.target.value);
|
|
82
82
|
}, id: "Website2", placeholder: "Enter text here", className: "w-full border-noround-right text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ className: "p-button p-component text-base text-gray-700 border-left-none font-semibold gap-1 p-button-outlined flex justify-content-center", outlined: true, onClick: () => {
|
|
83
83
|
navigator.clipboard.writeText(websiteLink);
|
|
84
|
-
} }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
84
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "copy-icon" }), " Copy"] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Website3", className: "font-medium text-gray-700 text-base mb-1" }, { children: "Website" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " p-input-icon-right border-noround-left w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: true, id: "Website3", placeholder: "Enter text here", className: "w-full border-noround-right " })] })), (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ className: "p-button p-component text-base text-gray-700 gap-1 border-left-none font-semibold p-button-outlined flex justify-content-center", outlined: true, disabled: true, onClick: () => {
|
|
85
85
|
navigator.clipboard.writeText(websiteLink);
|
|
86
|
-
} }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
86
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "copy-icon" }), " Copy"] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Card", className: "font-medium text-base mb-1" }, { children: "Card number" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-input-icon-left payment-card-input w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "payment-card" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Card", useGrouping: false, onChange: (e) => {
|
|
87
87
|
setCardNumber(e.value);
|
|
88
|
-
}, "aria-describedby": "username-help", placeholder: "Enter card number", className: "w-full text-lg font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Card1", className: "font-medium text-base mb-1" }, { children: "Card number" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-input-icon-left payment-card-input w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
88
|
+
}, "aria-describedby": "username-help", placeholder: "Enter card number", className: "w-full text-lg font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Card1", className: "font-medium text-base mb-1" }, { children: "Card number" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-input-icon-left payment-card-input w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "payment-card" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "alert-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { disabled: true, value: cardNumber, id: "Card1", useGrouping: false, onChange: (e) => {
|
|
89
89
|
setCardNumber(e.value);
|
|
90
|
-
}, "aria-describedby": "username-help", placeholder: "Enter card number", className: "w-full text-lg font-normal text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Card2", className: "font-medium text-base mb-1" }, { children: "Card number" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-input-icon-left payment-card-input w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
90
|
+
}, "aria-describedby": "username-help", placeholder: "Enter card number", className: "w-full text-lg font-normal text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-600 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Card2", className: "font-medium text-base mb-1" }, { children: "Card number" })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right p-input-icon-left payment-card-input w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "payment-card" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "alert-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Card2", useGrouping: false, onChange: (e) => {
|
|
91
91
|
setCardNumber(e.value);
|
|
92
|
-
}, "aria-describedby": "username-help", placeholder: "Enter card number", className: "w-full p-invalid text-lg font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal p-error mt-1" }, { children: "Enter valid card number." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Sale amount" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-left dollar-icon-class p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
92
|
+
}, "aria-describedby": "username-help", placeholder: "Enter card number", className: "w-full p-invalid text-lg font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal p-error mt-1" }, { children: "Enter valid card number." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Sale amount" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-left dollar-icon-class p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "dollar-icon" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onChange: (e) => {
|
|
93
93
|
setCardNumber(e.value);
|
|
94
|
-
}, "aria-describedby": "username-help", placeholder: "Enter sale amount", className: "w-full text-lg border-noround-right font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem flex px-3 py-2 border-left-none align-items-center" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Sale amount" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-left dollar-icon-class p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
94
|
+
}, "aria-describedby": "username-help", placeholder: "Enter sale amount", className: "w-full text-lg border-noround-right font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem flex px-3 py-2 border-left-none align-items-center" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Sale amount" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-left dollar-icon-class p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "dollar-icon" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onChange: (e) => {
|
|
95
95
|
setCardNumber(e.value);
|
|
96
|
-
}, "aria-describedby": "username-help", placeholder: "Enter sale amount", className: "w-full text-lg border-noround-right font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem flex px-3 py-2 border-left-none align-items-center" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Sale amount" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-invalid w-full" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-left dollar-icon-class p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
96
|
+
}, "aria-describedby": "username-help", placeholder: "Enter sale amount", className: "w-full text-lg border-noround-right font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem flex px-3 py-2 border-left-none align-items-center" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Sale amount" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-invalid w-full" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-left dollar-icon-class p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "dollar-icon" }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "alert-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onChange: (e) => {
|
|
97
97
|
setCardNumber(e.value);
|
|
98
|
-
}, "aria-describedby": "username-help", placeholder: "Sale amount", className: "w-full p-invalid text-lg border-noround-right font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, itemTemplate: phoneNumberItemTemplate, optionLabel: "name", placeholder: "Select a City", className: "w-5rem p-invalid px-3 py-2 border-left-none p-invalid flex align-items-center" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal p-error mt-1" }, { children: "Enter valid amount." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, itemTemplate: phoneNumberItemTemplate, optionLabel: "name", placeholder: "Select a City", className: "w-5rem px-3 py-2 flex border-right-none align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
98
|
+
}, "aria-describedby": "username-help", placeholder: "Sale amount", className: "w-full p-invalid text-lg border-noround-right font-normal card-number text-gray-500 hover:text-gray-900" })] })), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, itemTemplate: phoneNumberItemTemplate, optionLabel: "name", placeholder: "Select a City", className: "w-5rem p-invalid px-3 py-2 border-left-none p-invalid flex align-items-center" })] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal p-error mt-1" }, { children: "Enter valid amount." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, itemTemplate: phoneNumberItemTemplate, optionLabel: "name", placeholder: "Select a City", className: "w-5rem px-3 py-2 flex border-right-none align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onChange: (e) => {
|
|
99
99
|
setCardNumber(e.value);
|
|
100
|
-
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem px-3 py-2 flex border-right-none align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
100
|
+
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem px-3 py-2 flex border-right-none align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onChange: (e) => {
|
|
101
101
|
setCardNumber(e.value);
|
|
102
|
-
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-invalid w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem p-invalid px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix " }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
102
|
+
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-invalid w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.value), options: currencies, optionLabel: "name", itemTemplate: phoneNumberItemTemplate, placeholder: "Select a City", className: "w-5rem p-invalid px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix " }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "alert-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onChange: (e) => {
|
|
103
103
|
setCardNumber(e.value);
|
|
104
|
-
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full p-invalid text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base p-error font-normal mt-1" }, { children: "Enter valid phone number." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCountry, onChange: (e) => setSelectedCountry(e.value), options: countries, optionLabel: "name", placeholder: "Select a Country", valueTemplate: selectedCountryTemplate, itemTemplate: countryOptionTemplate, className: "w-5rem px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
104
|
+
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full p-invalid text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base p-error font-normal mt-1" }, { children: "Enter valid phone number." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCountry, onChange: (e) => setSelectedCountry(e.value), options: countries, optionLabel: "name", placeholder: "Select a Country", valueTemplate: selectedCountryTemplate, itemTemplate: countryOptionTemplate, className: "w-5rem px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onValueChange: (e) => {
|
|
105
105
|
setCardNumber(e.value);
|
|
106
|
-
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCountry, onChange: (e) => setSelectedCountry(e.value), options: countries, optionLabel: "name", placeholder: "Select a Country", valueTemplate: selectedCountryTemplate, itemTemplate: countryOptionTemplate, className: "w-5rem px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
106
|
+
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-disabled w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCountry, onChange: (e) => setSelectedCountry(e.value), options: countries, optionLabel: "name", placeholder: "Select a Country", valueTemplate: selectedCountryTemplate, itemTemplate: countryOptionTemplate, className: "w-5rem px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onValueChange: (e) => {
|
|
107
107
|
setCardNumber(e.value);
|
|
108
|
-
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-invalid w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCountry, onChange: (e) => setSelectedCountry(e.value), options: countries, optionLabel: "name", placeholder: "Select a Country", valueTemplate: selectedCountryTemplate, itemTemplate: countryOptionTemplate, className: "w-5rem p-invalid px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, {
|
|
108
|
+
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Phone number" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-inputgroup p-invalid w-full" }, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCountry, onChange: (e) => setSelectedCountry(e.value), options: countries, optionLabel: "name", placeholder: "Select a Country", valueTemplate: selectedCountryTemplate, itemTemplate: countryOptionTemplate, className: "w-5rem p-invalid px-3 py-2 border-right-none flex align-items-center" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: " z-5 p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "alert-circle" }) })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { value: cardNumber, id: "Amount", onValueChange: (e) => {
|
|
109
109
|
setCardNumber(e.value);
|
|
110
110
|
}, "aria-describedby": "username-help", placeholder: "Enter phone number", className: "w-full p-invalid text-lg border-noround-left font-normal text-gray-500 hover:text-gray-900" })] }))] })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base p-error font-normal mt-1" }, { children: "Enter valid phone number." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Description" })), (0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, { value: textAreaValue, onChange: (e) => setTextAreaValue(e.target.value), rows: 2, cols: 20, className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full" }), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Description" })), (0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, { disabled: true, value: textAreaValue, onChange: (e) => setTextAreaValue(e.target.value), rows: 2, cols: 20, className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full" }), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Description" })), (0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, { value: textAreaValue, onChange: (e) => setTextAreaValue(e.target.value), rows: 2, cols: 30, className: "text-lg p-invalid font-normal text-gray-500 hover:text-gray-900 w-full" }), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal p-error mt-1" }, { children: "Enter valid description." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column col-6 md:col-4 lg:col-3 px-7" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Description" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card p-fluid w-full" }, { children: (0, jsx_runtime_1.jsx)(chips_1.Chips, { value: value, placeholder: "Add tags...", onChange: (e) => setValue(e.value), className: " w-full " }) })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Description" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card p-fluid w-full" }, { children: (0, jsx_runtime_1.jsx)(chips_1.Chips, { disabled: true, value: value, placeholder: "Add tags...", onChange: (e) => setValue(e.value), className: " w-full " }) })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal text-gray-500 mt-1" }, { children: "This is a hint text to help user." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-start mb-5 " }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: "Amount", className: "font-medium text-base mb-1" }, { children: "Description" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card p-fluid w-full" }, { children: (0, jsx_runtime_1.jsx)(chips_1.Chips, { value: value, placeholder: "Add tags...", onChange: (e) => setValue(e.value), className: "p-invalid w-full " }) })), (0, jsx_runtime_1.jsx)("small", Object.assign({ id: "username-help", className: "text-base font-normal p-error mt-1" }, { children: "Enter valid tags." }))] }))] }))] })) }))] }));
|
|
111
111
|
};
|
|
@@ -18,16 +18,16 @@ const HeaderComponent = () => {
|
|
|
18
18
|
label: "Products",
|
|
19
19
|
items: [
|
|
20
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, {
|
|
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
22
|
},
|
|
23
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, {
|
|
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
25
|
},
|
|
26
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, {
|
|
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
28
|
},
|
|
29
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, {
|
|
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
31
|
},
|
|
32
32
|
],
|
|
33
33
|
},
|
|
@@ -42,16 +42,16 @@ const HeaderComponent = () => {
|
|
|
42
42
|
label: "Resources",
|
|
43
43
|
items: [
|
|
44
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, {
|
|
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
46
|
},
|
|
47
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, {
|
|
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
49
|
},
|
|
50
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, {
|
|
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
52
|
},
|
|
53
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, {
|
|
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
55
|
},
|
|
56
56
|
],
|
|
57
57
|
},
|
|
@@ -77,8 +77,8 @@ const HeaderComponent = () => {
|
|
|
77
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
78
|
},
|
|
79
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, {
|
|
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
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, {
|
|
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
83
|
};
|
|
84
84
|
exports.default = HeaderComponent;
|
|
@@ -0,0 +1,10 @@
|
|
|
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;
|
|
@@ -25,7 +25,7 @@ function TemplateDemo() {
|
|
|
25
25
|
const template1 = {
|
|
26
26
|
layout: 'PrevPageLink PageLinks CurrentPageReport NextPageLink ',
|
|
27
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, {
|
|
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
29
|
},
|
|
30
30
|
PageLinks: (options) => {
|
|
31
31
|
if ((options.view.startPage === options.page && options.view.startPage !== 0) || (options.view.endPage === options.page && options.page + 1 !== options.totalPages)) {
|
|
@@ -35,7 +35,7 @@ function TemplateDemo() {
|
|
|
35
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
36
|
},
|
|
37
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, {
|
|
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
39
|
},
|
|
40
40
|
CurrentPageReport: (options) => {
|
|
41
41
|
console.log(options);
|
|
@@ -45,7 +45,7 @@ function TemplateDemo() {
|
|
|
45
45
|
const template2 = {
|
|
46
46
|
layout: 'PrevPageLink PageLinks CurrentPageReport NextPageLink',
|
|
47
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, {
|
|
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
49
|
},
|
|
50
50
|
PageLinks: (options) => {
|
|
51
51
|
console.log(options);
|
|
@@ -56,7 +56,7 @@ function TemplateDemo() {
|
|
|
56
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
57
|
},
|
|
58
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, {
|
|
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
60
|
},
|
|
61
61
|
CurrentPageReport: (options) => {
|
|
62
62
|
console.log(options);
|
|
@@ -66,10 +66,10 @@ function TemplateDemo() {
|
|
|
66
66
|
const template3 = {
|
|
67
67
|
layout: ' CurrentPageReport PrevPageLink NextPageLink',
|
|
68
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, {
|
|
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
70
|
},
|
|
71
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, {
|
|
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
73
|
},
|
|
74
74
|
CurrentPageReport: (options) => {
|
|
75
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] })));
|
|
@@ -78,10 +78,10 @@ function TemplateDemo() {
|
|
|
78
78
|
const template4 = {
|
|
79
79
|
layout: 'PrevPageLink NextPageLink CurrentPageReport',
|
|
80
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, {
|
|
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
82
|
},
|
|
83
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, {
|
|
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
85
|
},
|
|
86
86
|
CurrentPageReport: (options) => {
|
|
87
87
|
console.log(options);
|
|
@@ -91,10 +91,10 @@ function TemplateDemo() {
|
|
|
91
91
|
const template5 = {
|
|
92
92
|
layout: 'PrevPageLink CurrentPageReport NextPageLink ',
|
|
93
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, {
|
|
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
95
|
},
|
|
96
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, {
|
|
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
98
|
},
|
|
99
99
|
CurrentPageReport: (options) => {
|
|
100
100
|
console.log(options);
|
|
@@ -104,7 +104,7 @@ function TemplateDemo() {
|
|
|
104
104
|
const template6 = {
|
|
105
105
|
layout: 'PrevPageLink PageLinks NextPageLink ',
|
|
106
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, {
|
|
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
108
|
},
|
|
109
109
|
PageLinks: (options) => {
|
|
110
110
|
if ((options.view.startPage === options.page && options.view.startPage !== 0) || (options.view.endPage === options.page && options.page + 1 !== options.totalPages)) {
|
|
@@ -114,7 +114,7 @@ function TemplateDemo() {
|
|
|
114
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
115
|
},
|
|
116
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, {
|
|
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
118
|
},
|
|
119
119
|
};
|
|
120
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 }) }))] }))] }));
|