@appcorp/kismaa-web-ui 0.2.18 → 0.2.20

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.
Files changed (6) hide show
  1. package/organisms/section-header/section-header.js +7 -3
  2. package/organisms/section-header/type.d.ts +9 -8
  3. package/organisms/users-list-explore/props.js +7 -6
  4. package/organisms/users-list-explore/type.d.ts +1 -0
  5. package/organisms/users-list-explore/users-list-explore.js +2 -2
  6. package/package.json +7 -6
package/organisms/section-header/section-header.js CHANGED
@@ -9,8 +9,10 @@ var react_1 = __importDefault(require("react"));
9
9
  var solid_1 = require("@heroicons/react/24/solid");
10
10
  var type_1 = require("../../molecules/badge/type");
11
11
  var breadcrumbs_1 = require("../../molecules/breadcrumbs");
12
+ var vista_badge_v1_1 = require("@appcorp/app-corp-vista/atoms/vista-badge-v1/vista-badge-v1");
13
+ var vista_badge_type_1 = require("@appcorp/app-corp-vista/type/vista-badge-type");
12
14
  var SectionHeader = function (_a) {
13
- var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? molecules_1.BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, heading = _a.heading, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
15
+ var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? molecules_1.BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, heading = _a.heading, numberOfFilters = _a.numberOfFilters, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
14
16
  return (react_1.default.createElement(react_1.default.Fragment, null,
15
17
  (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.items) && breadcrumbs.items.length > 0 && (react_1.default.createElement("div", { className: "mb-14" },
16
18
  react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { items: breadcrumbs.items }))),
@@ -23,7 +25,9 @@ var SectionHeader = function (_a) {
23
25
  subheading && (react_1.default.createElement("div", { className: "mt-3 text-black/45" },
24
26
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, subheading)))),
25
27
  renderCtaButton && (react_1.default.createElement("div", { className: "flex w-full justify-start lg:w-[50%] lg:justify-end" },
26
- react_1.default.createElement("div", { className: "w-fit" },
27
- react_1.default.createElement(molecules_1.Button, { handleOnClick: handleButtonClick, iconSuffix: btnIcon, label: btnText, outlined: btnOutlined, size: molecules_1.BUTTON_SIZES.MD, type: btnType })))))));
28
+ react_1.default.createElement("div", { className: "relative w-fit" },
29
+ react_1.default.createElement(molecules_1.Button, { handleOnClick: handleButtonClick, iconSuffix: btnIcon, label: btnText, outlined: btnOutlined, size: molecules_1.BUTTON_SIZES.MD, type: btnType }),
30
+ numberOfFilters ? (react_1.default.createElement("div", { className: "absolute -top-4 -right-4" },
31
+ react_1.default.createElement(vista_badge_v1_1.VistaBadgeV1, { label: String(numberOfFilters), type: vista_badge_type_1.VISTA_BADGE_TYPE.INFO }))) : null))))));
28
32
  };
29
33
  exports.SectionHeader = SectionHeader;
package/organisms/section-header/type.d.ts CHANGED
@@ -2,14 +2,15 @@ import { ReactElement } from 'react';
2
2
  import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
3
3
  import { BUTTON_TYPES } from '../../molecules';
4
4
  export interface SectionHeaderProps {
5
- heading: string;
6
- subheading: string;
7
- renderCtaButton: boolean;
8
- btnText?: string;
9
- handleButtonClick: () => void;
10
- btnType?: BUTTON_TYPES;
11
- btnIcon?: ReactElement;
12
5
  badgeText?: string;
13
- btnOutlined?: boolean;
14
6
  breadcrumbs?: BreadcrumbsProps;
7
+ btnIcon?: ReactElement;
8
+ btnOutlined?: boolean;
9
+ btnText?: string;
10
+ btnType?: BUTTON_TYPES;
11
+ handleButtonClick: () => void;
12
+ heading: string;
13
+ numberOfFilters?: number;
14
+ renderCtaButton: boolean;
15
+ subheading: string;
15
16
  }
package/organisms/users-list-explore/props.js CHANGED
@@ -10,20 +10,21 @@ var props_1 = require("../user-cards-grid/props");
10
10
  var filter_icon_1 = require("../../atoms/filter-icon");
11
11
  var props_2 = require("../../molecules/breadcrumbs/props");
12
12
  exports.userListExploreData = {
13
- heading: 'Advisors',
14
- subheading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients.',
15
13
  badgeText: '9/40',
16
- btnText: '',
14
+ breadcrumbs: props_2.breadCrumbsData,
17
15
  btnIcon: react_1.default.createElement(filter_icon_1.FilterIcon, { className: 'size-4' }),
18
16
  btnOutlined: true,
17
+ btnText: '',
19
18
  btnType: molecules_1.BUTTON_TYPES.PRIMARY,
20
- handleButtonClick: function () { return void 0; },
21
19
  cardItems: props_1.userCardGridData,
22
20
  cardsLimit: 9,
23
21
  currentPage: 1,
24
- totalPages: 3,
22
+ handleButtonClick: function () { return void 0; },
23
+ heading: 'Advisors',
24
+ numberOfFilters: 3,
25
25
  onNext: function () { return void 0; },
26
26
  onPageChange: function () { return void 0; },
27
27
  onPrevious: function () { return void 0; },
28
- breadcrumbs: props_2.breadCrumbsData,
28
+ subheading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients.',
29
+ totalPages: 3,
29
30
  };
package/organisms/users-list-explore/type.d.ts CHANGED
@@ -13,6 +13,7 @@ export type UsersListExploreProps = {
13
13
  currentPage: number;
14
14
  handleButtonClick: () => void;
15
15
  heading: string;
16
+ numberOfFilters: number;
16
17
  onNext: () => void;
17
18
  onPageChange: (page: number) => void;
18
19
  onPrevious: () => void;
package/organisms/users-list-explore/users-list-explore.js CHANGED
@@ -9,10 +9,10 @@ var section_header_1 = require("../section-header");
9
9
  var user_cards_grid_1 = require("../user-cards-grid");
10
10
  var pagination_1 = require("../pagination/pagination");
11
11
  var UsersListExplore = function (_a) {
12
- 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, onNext = _a.onNext, onPageChange = _a.onPageChange, onPrevious = _a.onPrevious, subheading = _a.subheading, totalPages = _a.totalPages;
12
+ 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;
13
13
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
14
14
  react_1.default.createElement("div", { className: "kismaa-container" },
15
- react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: subheading, renderCtaButton: true, handleButtonClick: handleButtonClick, btnText: btnText, btnOutlined: btnOutlined, badgeText: badgeText, btnType: btnType, btnIcon: btnIcon, breadcrumbs: breadcrumbs }),
15
+ react_1.default.createElement(section_header_1.SectionHeader, { badgeText: badgeText, breadcrumbs: breadcrumbs, btnIcon: btnIcon, btnOutlined: btnOutlined, btnText: btnText, btnType: btnType, handleButtonClick: handleButtonClick, heading: heading, numberOfFilters: numberOfFilters, renderCtaButton: true, subheading: subheading }),
16
16
  react_1.default.createElement(user_cards_grid_1.UserCardsGrid, { cardItems: cardItems, cardsLimit: cardsLimit }),
17
17
  react_1.default.createElement("div", { className: "mt-12" },
18
18
  react_1.default.createElement(pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange, onPrevious: onPrevious, onNext: onNext })))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.2.18",
3
+ "version": "0.2.20",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
@@ -43,9 +43,9 @@
43
43
  }
44
44
  },
45
45
  "devDependencies": {
46
- "@appcorp/app-corp-designs": "^0.4.80",
47
- "@appcorp/app-corp-vista": "^0.2.75",
48
- "@appcorp/kismaa-utils": "^0.2.17",
46
+ "@appcorp/app-corp-designs": "^0.4.89",
47
+ "@appcorp/app-corp-vista": "^0.2.76",
48
+ "@appcorp/kismaa-utils": "^0.2.22",
49
49
  "@chromatic-com/storybook": "3.2.6",
50
50
  "@eslint/compat": "^1.2.8",
51
51
  "@headlessui/react": "^2",
@@ -55,7 +55,7 @@
55
55
  "@mdx-js/react": "^3",
56
56
  "@next/eslint-plugin-next": "^15",
57
57
  "@next/mdx": "^15",
58
- "@react-pakistan/util-functions": "^1.24.33",
58
+ "@react-pakistan/util-functions": "^1.24.35",
59
59
  "@storybook/addon-essentials": "^8",
60
60
  "@storybook/addon-interactions": "^8",
61
61
  "@storybook/addon-links": "^8",
@@ -103,7 +103,8 @@
103
103
  "tailwindcss": "^4",
104
104
  "ts-jest": "^29",
105
105
  "ts-node": "^10",
106
- "typescript": "^5"
106
+ "typescript": "^5",
107
+ "zod": "^4"
107
108
  },
108
109
  "packageManager": "yarn@4.9.2"
109
110
  }