@appcorp/kismaa-web-ui 0.3.1 → 0.3.3
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/organisms/footer/footer.js +2 -3
- package/organisms/section-header/props.js +1 -0
- package/organisms/section-header/section-header.js +7 -4
- package/organisms/section-header/type.d.ts +1 -0
- package/organisms/users-list-explore/props.js +1 -0
- package/organisms/users-list-explore/type.d.ts +2 -1
- package/organisms/users-list-explore/users-list-explore.js +2 -2
- package/package.json +1 -1
|
@@ -62,7 +62,6 @@ export var Footer = function (_a) {
|
|
|
62
62
|
React.createElement("tbody", null,
|
|
63
63
|
React.createElement("tr", null,
|
|
64
64
|
React.createElement("td", null,
|
|
65
|
-
React.createElement("
|
|
66
|
-
React.createElement("
|
|
67
|
-
React.createElement(Image, { alt: "PayPal Acceptance Mark", className: "object-contain object-top", fill: true, height: 0, sizes: "20vw", src: "https://ccxavhjpwqlubqxzrdqp.supabase.co/storage/v1/object/public/publicBlob/assets/paypal-solutions.png", width: 0 }))))))))))))));
|
|
65
|
+
React.createElement("div", { className: "relative h-32 w-full" },
|
|
66
|
+
React.createElement(Image, { alt: "PayPal Acceptance Mark", className: "object-contain object-top", fill: true, height: 0, sizes: "20vw", src: "https://ccxavhjpwqlubqxzrdqp.supabase.co/storage/v1/object/public/publicBlob/assets/paypal-solutions.png", width: 0 })))))))))))));
|
|
68
67
|
};
|
|
@@ -6,12 +6,12 @@ import { BreadCrumbs } from '../../molecules/breadcrumbs';
|
|
|
6
6
|
import { VistaBadgeV1 } from '@appcorp/app-corp-vista/atoms/vista-badge-v1/vista-badge-v1';
|
|
7
7
|
import { VISTA_BADGE_TYPE } from '@appcorp/app-corp-vista/type/vista-badge-type';
|
|
8
8
|
export var SectionHeader = function (_a) {
|
|
9
|
-
var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? React.createElement(ChevronRightIcon, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, heading = _a.heading, numberOfFilters = _a.numberOfFilters, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
|
|
9
|
+
var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? React.createElement(ChevronRightIcon, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, handleOnClearFilters = _a.handleOnClearFilters, heading = _a.heading, numberOfFilters = _a.numberOfFilters, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
|
|
10
10
|
return (React.createElement(React.Fragment, null,
|
|
11
11
|
(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.items) && breadcrumbs.items.length > 0 && (React.createElement("div", { className: "mb-14" },
|
|
12
12
|
React.createElement(BreadCrumbs, { items: breadcrumbs.items }))),
|
|
13
13
|
React.createElement("div", { className: "flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0" },
|
|
14
|
-
React.createElement("div", { className: "w-
|
|
14
|
+
React.createElement("div", { className: "w-full lg:w-[75%]" },
|
|
15
15
|
React.createElement("div", { className: "flex items-center gap-4" },
|
|
16
16
|
React.createElement(Typography, { variant: TYPOGRAPHY_VARIANTS.H2 }, heading),
|
|
17
17
|
!!badgeText && (React.createElement("div", { className: "text-sm text-white" },
|
|
@@ -21,6 +21,9 @@ export var SectionHeader = function (_a) {
|
|
|
21
21
|
renderCtaButton && (React.createElement("div", { className: "flex w-full justify-start lg:w-[50%] lg:justify-end" },
|
|
22
22
|
React.createElement("div", { className: "relative w-fit" },
|
|
23
23
|
React.createElement(Button, { handleOnClick: handleButtonClick, iconSuffix: btnIcon, label: btnText, outlined: btnOutlined, size: BUTTON_SIZES.MD, type: btnType }),
|
|
24
|
-
numberOfFilters
|
|
25
|
-
React.createElement(
|
|
24
|
+
numberOfFilters && handleOnClearFilters && (React.createElement("button", { onClick: handleOnClearFilters },
|
|
25
|
+
React.createElement("div", { className: "absolute -top-4 -left-4" },
|
|
26
|
+
React.createElement(VistaBadgeV1, { label: "X", type: VISTA_BADGE_TYPE.INFO })))),
|
|
27
|
+
numberOfFilters && (React.createElement("div", { className: "absolute -top-4 -right-4" },
|
|
28
|
+
React.createElement(VistaBadgeV1, { label: String(numberOfFilters), type: VISTA_BADGE_TYPE.INFO })))))))));
|
|
26
29
|
};
|
|
@@ -22,4 +22,5 @@ export var userListExploreData = {
|
|
|
22
22
|
subheading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients.',
|
|
23
23
|
totalPages: 3,
|
|
24
24
|
loading: false,
|
|
25
|
+
handleOnClearFilters: function () { return void 0; },
|
|
25
26
|
};
|
|
@@ -12,12 +12,13 @@ export type UsersListExploreProps = {
|
|
|
12
12
|
cardsLimit: number;
|
|
13
13
|
currentPage: number;
|
|
14
14
|
handleButtonClick: () => void;
|
|
15
|
+
handleOnClearFilters: () => void;
|
|
15
16
|
heading: string;
|
|
17
|
+
loading: boolean;
|
|
16
18
|
numberOfFilters: number;
|
|
17
19
|
onNext: () => void;
|
|
18
20
|
onPageChange: (page: number) => void;
|
|
19
21
|
onPrevious: () => void;
|
|
20
22
|
subheading: string;
|
|
21
23
|
totalPages: number;
|
|
22
|
-
loading: boolean;
|
|
23
24
|
};
|
|
@@ -3,10 +3,10 @@ import { SectionHeader } from '../section-header';
|
|
|
3
3
|
import { UserCardsGrid } from '../user-cards-grid';
|
|
4
4
|
import { Pagination } from '../pagination/pagination';
|
|
5
5
|
export var UsersListExplore = function (_a) {
|
|
6
|
-
var badgeText = _a.badgeText, breadcrumbs = _a.breadcrumbs, btnIcon = _a.btnIcon, btnOutlined = _a.btnOutlined, btnText = _a.btnText, btnType = _a.btnType, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, currentPage = _a.currentPage, handleButtonClick = _a.handleButtonClick, heading = _a.heading, numberOfFilters = _a.numberOfFilters, onNext = _a.onNext, onPageChange = _a.onPageChange, onPrevious = _a.onPrevious, subheading = _a.subheading, totalPages = _a.totalPages
|
|
6
|
+
var badgeText = _a.badgeText, breadcrumbs = _a.breadcrumbs, btnIcon = _a.btnIcon, btnOutlined = _a.btnOutlined, btnText = _a.btnText, btnType = _a.btnType, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, currentPage = _a.currentPage, handleButtonClick = _a.handleButtonClick, handleOnClearFilters = _a.handleOnClearFilters, heading = _a.heading, loading = _a.loading, numberOfFilters = _a.numberOfFilters, onNext = _a.onNext, onPageChange = _a.onPageChange, onPrevious = _a.onPrevious, subheading = _a.subheading, totalPages = _a.totalPages;
|
|
7
7
|
return (React.createElement("section", { className: "kismaa-section-spacing bg-white" },
|
|
8
8
|
React.createElement("div", { className: "kismaa-container" },
|
|
9
|
-
React.createElement(SectionHeader, { badgeText: badgeText, breadcrumbs: breadcrumbs, btnIcon: btnIcon, btnOutlined: btnOutlined, btnText: btnText, btnType: btnType, handleButtonClick: handleButtonClick, heading: heading, numberOfFilters: numberOfFilters, renderCtaButton: true, subheading: subheading }),
|
|
9
|
+
React.createElement(SectionHeader, { badgeText: badgeText, breadcrumbs: breadcrumbs, btnIcon: btnIcon, btnOutlined: btnOutlined, btnText: btnText, btnType: btnType, handleButtonClick: handleButtonClick, heading: heading, numberOfFilters: numberOfFilters, renderCtaButton: true, subheading: subheading, handleOnClearFilters: handleOnClearFilters }),
|
|
10
10
|
React.createElement(UserCardsGrid, { cardItems: cardItems, cardsLimit: cardsLimit, loading: loading }),
|
|
11
11
|
cardItems.length > 0 && (React.createElement("div", { className: "mt-12" },
|
|
12
12
|
React.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange, onPrevious: onPrevious, onNext: onNext }))))));
|