@zenpatient-org/healthspan-marketing-ui 0.1.27 → 0.1.28

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,9 @@
+type PaginationProps = {
+    page: number;
+    pagesCount: number;
+    visiblePagesLimit: number;
+    disabled?: boolean;
+    onPageChange: (page: number) => void;
+};
+export declare const Pagination: ({ page, pagesCount, visiblePagesLimit, disabled, onPageChange }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Pagination/Pagination.es.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { cn as s } from "../../utils/cn/cn.es.js";
+import { Icon as N } from "../Icon/Icon.es.js";
+import { EIconName as h } from "../Icon/constants.es.js";
+import { Typography as x } from "../Typography/Typography.es.js";
+import o from "./Pagination.module.css.es.js";
+const A = (r, t, a) => {
+  if (t <= a)
+    return Array.from({ length: t }, (l, f) => f + 1);
+  const m = Math.floor(a / 2);
+  let c = Math.max(1, r - m), n = c + a - 1;
+  return n > t && (n = t, c = n - a + 1), Array.from({ length: a }, (l, f) => c + f);
+}, M = ({ page: r, pagesCount: t, visiblePagesLimit: a, disabled: m, onPageChange: c }) => {
+  const n = d(
+    () => A(r, t, a),
+    [r, t, a]
+  );
+  return /* @__PURE__ */ i("div", { className: o.root, children: [
+    r > 1 && /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.arrow, o.arrowPrev),
+        onClick: () => c(r - 1),
+        disabled: m,
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ e(N, { name: h.ARROW_BACK, className: o.icon })
+      }
+    ),
+    n.map((l) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.page, l === r && o.activePage),
+        onClick: () => c(l),
+        disabled: l === r || m,
+        children: /* @__PURE__ */ e(x, { defaultVariant: "labelXl", weight: "regular", children: l.toString().padStart(2, "0") })
+      },
+      l
+    )),
+    r < t && /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.arrow, o.arrowNext),
+        onClick: () => c(r + 1),
+        disabled: m,
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ e(N, { name: h.ARROW_FORWARD, className: o.icon })
+      }
+    )
+  ] });
+};
+export {
+  M as Pagination
+};

package/dist/components/Pagination/Pagination.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="Pagination-module__root___ITRjt",a="Pagination-module__page___WjG0l",e="Pagination-module__activePage___dbxZJ",r="Pagination-module__arrow___rGon0",t="Pagination-module__arrowPrev___WPfYK",_="Pagination-module__arrowNext___ownTb",n="Pagination-module__icon___2iCyv",i={root:o,page:a,activePage:e,arrow:r,arrowPrev:t,arrowNext:_,icon:n};exports.activePage=e;exports.arrow=r;exports.arrowNext=_;exports.arrowPrev=t;exports.default=i;exports.icon=n;exports.page=a;exports.root=o;

package/dist/components/Pagination/Pagination.module.css.es.js

@@ -0,0 +1,19 @@
+const o = "Pagination-module__root___ITRjt", _ = "Pagination-module__page___WjG0l", a = "Pagination-module__activePage___dbxZJ", t = "Pagination-module__arrow___rGon0", n = "Pagination-module__arrowPrev___WPfYK", r = "Pagination-module__arrowNext___ownTb", e = "Pagination-module__icon___2iCyv", i = {
+  root: o,
+  page: _,
+  activePage: a,
+  arrow: t,
+  arrowPrev: n,
+  arrowNext: r,
+  icon: e
+};
+export {
+  a as activePage,
+  t as arrow,
+  r as arrowNext,
+  n as arrowPrev,
+  i as default,
+  e as icon,
+  _ as page,
+  o as root
+};

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination } from './Pagination';

package/dist/components/RatingStars/RatingStars.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/cn/cn.cjs.js"),o=require("../Icon/Icon.cjs.js"),n=require("../Icon/constants.cjs.js"),a=require("./ratingStars.module.css.cjs.js"),u=(t,s)=>{const r=s<Math.floor(t),c=!r&&s<t;return r?n.EIconName.STAR_FILL:c?n.EIconName.STAR_HALF:n.EIconName.STAR_OUTLINE},i=({rating:t,className:s})=>e.jsx("div",{className:m.cn(a.default.stars,s),children:Array.from({length:5}).map((r,c)=>{const l=u(t,c);return e.jsx("div",{className:a.default.starContainer,children:l===n.EIconName.STAR_HALF?e.jsxs(e.Fragment,{children:[e.jsx(o.Icon,{name:n.EIconName.STAR_OUTLINE,className:a.default.starIcon}),e.jsx(o.Icon,{name:n.EIconName.STAR_HALF,className:a.default.starIconHalf})]}):e.jsx(o.Icon,{name:l,className:a.default.starIcon})},c)})});exports.RatingStars=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../utils/cn/cn.cjs.js"),r=require("../Icon/Icon.cjs.js"),n=require("../Icon/constants.cjs.js"),a=require("./ratingStars.module.css.cjs.js"),i=(t,s)=>{const c=s<Math.floor(t),o=!c&&s<t;return c?n.EIconName.STAR_FILL:o?n.EIconName.STAR_HALF:n.EIconName.STAR_OUTLINE},I=({rating:t,className:s,size:c})=>e.jsx("div",{className:u.cn(a.default.stars,s),"data-size":c,children:Array.from({length:5}).map((o,l)=>{const m=i(t,l);return e.jsx("div",{className:a.default.starContainer,children:m===n.EIconName.STAR_HALF?e.jsxs(e.Fragment,{children:[e.jsx(r.Icon,{name:n.EIconName.STAR_OUTLINE,className:a.default.starIcon}),e.jsx(r.Icon,{name:n.EIconName.STAR_HALF,className:a.default.starIconHalf})]}):e.jsx(r.Icon,{name:m,className:a.default.starIcon})},l)})});exports.RatingStars=I;

package/dist/components/RatingStars/RatingStars.d.ts

@@ -1,6 +1,7 @@
 type RatingStarsProps = {
     rating: number;
+    size: 'sm' | 'md' | 'lg';
     className?: string;
 };
-export declare const RatingStars: ({ rating, className }: RatingStarsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RatingStars: ({ rating, className, size }: RatingStarsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/RatingStars/RatingStars.es.js

@@ -1,18 +1,18 @@
-import { jsx as a, jsxs as l, Fragment as f } from "react/jsx-runtime";
-import { cn as i } from "../../utils/cn/cn.es.js";
-import { Icon as m } from "../Icon/Icon.es.js";
+import { jsx as a, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import { cn as A } from "../../utils/cn/cn.es.js";
+import { Icon as n } from "../Icon/Icon.es.js";
 import { EIconName as r } from "../Icon/constants.es.js";
 import s from "./ratingStars.module.css.es.js";
-const A = (t, o) => {
-  const e = o < Math.floor(t), n = !e && o < t;
-  return e ? r.STAR_FILL : n ? r.STAR_HALF : r.STAR_OUTLINE;
-}, R = ({ rating: t, className: o }) => /* @__PURE__ */ a("div", { className: i(s.stars, o), children: Array.from({ length: 5 }).map((e, n) => {
-  const c = A(t, n);
-  return /* @__PURE__ */ a("div", { className: s.starContainer, children: c === r.STAR_HALF ? /* @__PURE__ */ l(f, { children: [
-    /* @__PURE__ */ a(m, { name: r.STAR_OUTLINE, className: s.starIcon }),
-    /* @__PURE__ */ a(m, { name: r.STAR_HALF, className: s.starIconHalf })
-  ] }) : /* @__PURE__ */ a(m, { name: c, className: s.starIcon }) }, n);
+const N = (t, o) => {
+  const e = o < Math.floor(t), m = !e && o < t;
+  return e ? r.STAR_FILL : m ? r.STAR_HALF : r.STAR_OUTLINE;
+}, S = ({ rating: t, className: o, size: e }) => /* @__PURE__ */ a("div", { className: A(s.stars, o), "data-size": e, children: Array.from({ length: 5 }).map((m, c) => {
+  const l = N(t, c);
+  return /* @__PURE__ */ a("div", { className: s.starContainer, children: l === r.STAR_HALF ? /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ a(n, { name: r.STAR_OUTLINE, className: s.starIcon }),
+    /* @__PURE__ */ a(n, { name: r.STAR_HALF, className: s.starIconHalf })
+  ] }) : /* @__PURE__ */ a(n, { name: l, className: s.starIcon }) }, c);
 }) });
 export {
-  R as RatingStars
+  S as RatingStars
 };