@appcorp/kismaa-web-ui 0.1.48 → 0.1.50

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 (8) hide show
  1. package/organisms/horoscope-cards-grid/type.d.ts +3 -2
  2. package/organisms/horoscope-cards-grid/type.js +2 -1
  3. package/organisms/horoscope-details/horoscope-details.js +1 -5
  4. package/organisms/horoscope-details-section/horoscope-details-section.js +4 -3
  5. package/organisms/horoscope-section/horoscope-section.js +1 -1
  6. package/organisms/section-header/section-header.js +1 -1
  7. package/package.json +1 -1
  8. package/templates/horoscope-detail-page/props.js +4 -5
package/organisms/horoscope-cards-grid/type.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { HOROSCOPE_CARD_SIZES, HoroscopeCardProps } from '../../molecules';
2
2
  export declare enum HOROSCOPE_CARDS_LIMITS {
3
- 'TWELVE' = 12,
4
- 'SEVEN' = 7
3
+ 'FIVE' = 5,
4
+ 'SEVEN' = 7,
5
+ 'TWELVE' = 12
5
6
  }
6
7
  export interface HoroscopeCardsGridProps {
7
8
  cardItems: HoroscopeCardProps[];
package/organisms/horoscope-cards-grid/type.js CHANGED
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.HOROSCOPE_CARDS_LIMITS = void 0;
4
4
  var HOROSCOPE_CARDS_LIMITS;
5
5
  (function (HOROSCOPE_CARDS_LIMITS) {
6
- HOROSCOPE_CARDS_LIMITS[HOROSCOPE_CARDS_LIMITS["TWELVE"] = 12] = "TWELVE";
6
+ HOROSCOPE_CARDS_LIMITS[HOROSCOPE_CARDS_LIMITS["FIVE"] = 5] = "FIVE";
7
7
  HOROSCOPE_CARDS_LIMITS[HOROSCOPE_CARDS_LIMITS["SEVEN"] = 7] = "SEVEN";
8
+ HOROSCOPE_CARDS_LIMITS[HOROSCOPE_CARDS_LIMITS["TWELVE"] = 12] = "TWELVE";
8
9
  })(HOROSCOPE_CARDS_LIMITS || (exports.HOROSCOPE_CARDS_LIMITS = HOROSCOPE_CARDS_LIMITS = {}));
package/organisms/horoscope-details/horoscope-details.js CHANGED
@@ -5,18 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.HoroscopeDetail = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var image_1 = __importDefault(require("next/image"));
9
8
  var molecules_1 = require("../../molecules");
10
9
  var HoroscopeDetail = function (_a) {
11
- var content = _a.content, sideBarDescription = _a.sideBarDescription, sidebarImage = _a.sidebarImage;
10
+ var sideBarDescription = _a.sideBarDescription;
12
11
  var description = sideBarDescription.split('\n').map(function (line, index) { return (react_1.default.createElement(react_1.default.Fragment, { key: index },
13
12
  line,
14
13
  index < sideBarDescription.split('\n').length - 1 && react_1.default.createElement("br", null))); });
15
14
  return (react_1.default.createElement("div", { className: "mt-9 grid gap-8 sm:gap-12 md:grid-cols-12 md:gap-8 lg:gap-12 xl:gap-24" },
16
- react_1.default.createElement("div", { className: "mdx-content md:col-span-12 lg:col-span-8" }, content),
17
15
  react_1.default.createElement("div", { className: "md:col-span-12 lg:col-span-4" },
18
- react_1.default.createElement("div", { className: "h-64 overflow-hidden rounded-xl sm:h-72 md:h-56 lg:h-64 xl:h-80" },
19
- react_1.default.createElement(image_1.default, { src: sidebarImage, alt: "Horoscope illustration", width: 400, height: 400, className: "h-full w-full object-cover object-center" })),
20
16
  react_1.default.createElement("div", { className: "mt-6 text-gray-500 sm:mt-8 md:mt-6 lg:mt-8 xl:mt-9" },
21
17
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description)))));
22
18
  };
package/organisms/horoscope-details-section/horoscope-details-section.js CHANGED
@@ -5,13 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.HoroscopeDetailsSection = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var horoscope_details_1 = require("../horoscope-details/horoscope-details");
9
8
  var section_header_1 = require("../section-header");
9
+ var accordion_1 = require("../../molecules/accordion");
10
10
  var HoroscopeDetailsSection = function (_a) {
11
- var heading = _a.heading, horoscopeDetails = _a.horoscopeDetails, sidebarDescription = _a.sidebarDescription, sidebarImage = _a.sidebarImage, breadcrumbs = _a.breadcrumbs;
11
+ var heading = _a.heading, breadcrumbs = _a.breadcrumbs;
12
12
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
13
13
  react_1.default.createElement("div", { className: "kismaa-container" },
14
14
  react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return void 0; }, breadcrumbs: breadcrumbs }),
15
- react_1.default.createElement(horoscope_details_1.HoroscopeDetail, { content: horoscopeDetails, sidebarImage: sidebarImage, sideBarDescription: sidebarDescription }))));
15
+ react_1.default.createElement("div", { className: "pt-8" },
16
+ react_1.default.createElement(accordion_1.Accordion, { accordionItems: [{ title: 'Hello', description: 'Description' }] })))));
16
17
  };
17
18
  exports.HoroscopeDetailsSection = HoroscopeDetailsSection;
package/organisms/horoscope-section/horoscope-section.js CHANGED
@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
8
8
  var section_header_1 = require("../section-header");
9
9
  var horoscope_cards_grid_1 = require("../horoscope-cards-grid");
10
10
  var HoroscopeSection = function (_a) {
11
- var sectionHeading = _a.sectionHeading, breadcrumbs = _a.breadcrumbs, cardItems = _a.cardItems, cardLimit = _a.cardLimit, cardSize = _a.cardSize;
11
+ var breadcrumbs = _a.breadcrumbs, cardItems = _a.cardItems, cardLimit = _a.cardLimit, cardSize = _a.cardSize, sectionHeading = _a.sectionHeading;
12
12
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
13
13
  react_1.default.createElement("div", { className: "kismaa-container" },
14
14
  react_1.default.createElement(section_header_1.SectionHeader, { heading: sectionHeading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return null; }, btnText: "", breadcrumbs: breadcrumbs }),
package/organisms/section-header/section-header.js CHANGED
@@ -12,7 +12,7 @@ var breadcrumbs_1 = require("../../molecules/breadcrumbs");
12
12
  var SectionHeader = function (_a) {
13
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;
14
14
  return (react_1.default.createElement(react_1.default.Fragment, null,
15
- breadcrumbs && (react_1.default.createElement("div", { className: "mb-14" },
15
+ (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.items) && breadcrumbs.items.length > 0 && (react_1.default.createElement("div", { className: "mb-14" },
16
16
  react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { items: breadcrumbs.items }))),
17
17
  react_1.default.createElement("div", { className: "flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0" },
18
18
  react_1.default.createElement("div", { className: "w-[100%] lg:w-[50%]" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.48",
3
+ "version": "0.1.50",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
package/templates/horoscope-detail-page/props.js CHANGED
@@ -18,16 +18,15 @@ var props_3 = require("../../organisms/cta-banner/props");
18
18
  var props_4 = require("../../organisms/footer/props");
19
19
  var props_5 = require("../../organisms/get-app-banner/props");
20
20
  var organisms_1 = require("../../organisms");
21
- var props_6 = require("../../molecules/breadcrumbs/props");
22
- var props_7 = require("../../organisms/horoscope-details-section/props");
21
+ var props_6 = require("../../organisms/horoscope-details-section/props");
23
22
  var molecules_1 = require("../../molecules");
24
- var props_8 = require("../../organisms/horoscope-section/props");
23
+ var props_7 = require("../../organisms/horoscope-section/props");
25
24
  exports.horoscopeDetailPageData = {
26
25
  navbar: __assign({}, props_1.navbarData),
27
26
  banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
28
27
  ctaBannerProps: __assign({}, props_3.ctaBannerData),
29
28
  getAppBanner: __assign({}, props_5.getAppBannerData),
30
- horoscopeDetails: __assign(__assign({}, props_7.horoscopeDetailsSectionData), { breadcrumbs: props_6.breadCrumbsData }),
29
+ horoscopeDetails: __assign({}, props_6.horoscopeDetailsSectionData),
31
30
  footer: __assign({}, props_4.footerData),
32
- relatedHoroscope: __assign(__assign({}, props_8.horoscopeSectionData), { breadcrumbs: { items: [] }, cardLimit: organisms_1.HOROSCOPE_CARDS_LIMITS.SEVEN, cardSize: molecules_1.HOROSCOPE_CARD_SIZES.SM }),
31
+ relatedHoroscope: __assign(__assign({}, props_7.horoscopeSectionData), { breadcrumbs: { items: [] }, cardLimit: organisms_1.HOROSCOPE_CARDS_LIMITS.SEVEN, cardSize: molecules_1.HOROSCOPE_CARD_SIZES.SM }),
33
32
  };