@stackshift-ui/statistics 6.0.13-beta.2 → 6.1.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/chunk-7SDFTD5M.mjs +1 -0
- package/dist/chunk-CBTD2Y7E.mjs +1 -0
- package/dist/chunk-JRLJYLKR.mjs +1 -0
- package/dist/chunk-PBIV227O.mjs +1 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/statistics.d.ts +1 -0
- package/dist/statistics.js +1 -1
- package/dist/statistics.mjs +1 -1
- package/dist/statistics_a.js +1 -1
- package/dist/statistics_a.mjs +1 -1
- package/dist/statistics_b.js +1 -1
- package/dist/statistics_b.mjs +1 -1
- package/dist/statistics_c.js +1 -1
- package/dist/statistics_c.mjs +1 -1
- package/package.json +12 -13
- package/src/statistics.test.tsx +2 -2
- package/src/statistics.tsx +7 -4
- package/src/statistics_a.tsx +9 -7
- package/src/statistics_b.tsx +22 -9
- package/src/statistics_c.tsx +23 -11
- package/dist/chunk-53SVPDST.mjs +0 -1
- package/dist/chunk-CETRDSFC.mjs +0 -1
- package/dist/chunk-MJROCLCF.mjs +0 -1
- package/dist/chunk-XQZSXTPH.mjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Card as f,CardContent as g}from"@stackshift-ui/card";import{Container as u}from"@stackshift-ui/container";import{Flex as x}from"@stackshift-ui/flex";import{Section as C}from"@stackshift-ui/section";import{Text as S}from"@stackshift-ui/text";import{jsx as i,jsxs as a}from"react/jsx-runtime";function b({stats:m}){return i(C,{className:"py-20 bg-background",children:i(u,{maxWidth:1280,children:i(t,{stats:m})})})}function t({stats:m}){return m?i(x,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:m==null?void 0:m.map((e,p)=>{var r,o,n,l,c,d;return i("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:i(f,{className:"bg-white",children:a(g,{className:"flex items-center p-4",children:[((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&i("div",{className:"inline-block p-4 mr-4 rounded bg-secondary/50",children:i("img",{src:(o=e==null?void 0:e.mainImage)==null?void 0:o.image,width:24,height:24,alt:(l=(n=e==null?void 0:e.mainImage)==null?void 0:n.alt)!=null?l:"statistics-icon"})}),a("div",{children:[i("p",{className:"text-2xl text-gray-500 font-bold",children:(c=e==null?void 0:e.value)!=null?c:""}),i(S,{muted:!0,children:(d=e==null?void 0:e.label)!=null?d:""})]})]})})},p)})}):null}export{b as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Card as o,CardContent as l}from"@stackshift-ui/card";import{Container as m}from"@stackshift-ui/container";import{Flex as p}from"@stackshift-ui/flex";import{Section as s}from"@stackshift-ui/section";import{Text as n}from"@stackshift-ui/text";import i from"react";import{jsx as t,jsxs as x}from"react/jsx-runtime";function c({stats:a}){return t(s,{className:"py-20 bg-background",children:t(m,{maxWidth:1280,children:t(p,{wrap:!0,align:"center",justify:"start",className:"text-center",children:t(f,{stats:a})})})})}function f({stats:a}){return a?t(i.Fragment,{children:a.map((r,e)=>t("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:t(o,{className:"relative py-10 shadow-md bg-white",children:x(l,{className:"pt-6",children:[t(n,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:r==null?void 0:r.label}),t("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:r==null?void 0:r.value})]})})},e))}):null}export{c as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as c}from"./chunk-CBTD2Y7E.mjs";import{a as e}from"./chunk-7SDFTD5M.mjs";import{a as p}from"./chunk-PBIV227O.mjs";import{jsx as v}from"react/jsx-runtime";var a={variant_a:c,variant_b:e,variant_c:p},S="Statistics",f=({data:t})=>{var r,o,n;let s=t==null?void 0:t.variant,i=s&&a[s],m={stats:(n=((r=t==null?void 0:t.variants)==null?void 0:r.stats)||((o=t==null?void 0:t.variants)==null?void 0:o.statItems))!=null?n:void 0};return i?v(i,{...m}):null};f.displayName=S;export{f as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Card as f,CardContent as g}from"@stackshift-ui/card";import{Container as x}from"@stackshift-ui/container";import{Flex as u}from"@stackshift-ui/flex";import{Section as C}from"@stackshift-ui/section";import{Text as b}from"@stackshift-ui/text";import{jsx as i,jsxs as a}from"react/jsx-runtime";function S({stats:m}){return i(C,{className:"py-20 bg-background",children:i(x,{maxWidth:1280,children:i(v,{stats:m})})})}function v({stats:m}){return m?i(u,{wrap:!0,align:"center",className:"text-center",children:m==null?void 0:m.map((e,p)=>{var r,o,n,l,c,d;return i("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:i(f,{className:"bg-white",children:a(g,{className:"p-4 flex flex-col items-center",children:[((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&i("div",{className:"inline-block p-4 mb-3 rounded bg-secondary/50",children:i("img",{src:(o=e==null?void 0:e.mainImage)==null?void 0:o.image,width:24,height:24,alt:(l=(n=e==null?void 0:e.mainImage)==null?void 0:n.alt)!=null?l:"statistics-icon"})}),a("div",{children:[i("p",{className:"text-2xl text-gray-500 font-bold",children:(c=e==null?void 0:e.value)!=null?c:""}),i(b,{muted:!0,children:(d=e==null?void 0:e.label)!=null?d:""})]})]})})},p)})}):null}export{S as a};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var
|
|
2
|
+
"use strict";var B=Object.create;var f=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var G=(r,e)=>{for(var o in e)f(r,o,{get:e[o],enumerable:!0})},C=(r,e,o,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of z(e))!E.call(r,i)&&i!==o&&f(r,i,{get:()=>e[i],enumerable:!(l=q(e,i))||l.enumerable});return r};var H=(r,e,o)=>(o=r!=null?B(D(r)):{},C(e||!r||!r.__esModule?f(o,"default",{value:r,enumerable:!0}):o,r)),J=r=>C(f({},"__esModule",{value:!0}),r);var U={};G(U,{Statistics:()=>W,Statistics_A:()=>x,Statistics_B:()=>u});module.exports=J(U);var d=require("@stackshift-ui/card"),w=require("@stackshift-ui/container"),N=require("@stackshift-ui/flex"),b=require("@stackshift-ui/section"),y=require("@stackshift-ui/text"),I=H(require("react")),n=require("react/jsx-runtime");function x({stats:r}){return(0,n.jsx)(b.Section,{className:"py-20 bg-background",children:(0,n.jsx)(w.Container,{maxWidth:1280,children:(0,n.jsx)(N.Flex,{wrap:!0,align:"center",justify:"start",className:"text-center",children:(0,n.jsx)(K,{stats:r})})})})}function K({stats:r}){return r?(0,n.jsx)(I.default.Fragment,{children:r.map((e,o)=>(0,n.jsx)("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:(0,n.jsx)(d.Card,{className:"relative py-10 shadow-md bg-white",children:(0,n.jsxs)(d.CardContent,{className:"pt-6",children:[(0,n.jsx)(y.Text,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:e==null?void 0:e.label}),(0,n.jsx)("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:e==null?void 0:e.value})]})})},o))}):null}function u({stats:r}){return(0,n.jsx)(b.Section,{className:"py-20 bg-background",children:(0,n.jsx)(w.Container,{maxWidth:1280,children:(0,n.jsx)(L,{stats:r})})})}function L({stats:r}){return r?(0,n.jsx)(N.Flex,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:r==null?void 0:r.map((e,o)=>{var l,i,a,p,c,s;return(0,n.jsx)("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:(0,n.jsx)(d.Card,{className:"bg-white",children:(0,n.jsxs)(d.CardContent,{className:"flex items-center p-4",children:[((l=e==null?void 0:e.mainImage)==null?void 0:l.image)&&(0,n.jsx)("div",{className:"inline-block p-4 mr-4 rounded bg-secondary/50",children:(0,n.jsx)("img",{src:(i=e==null?void 0:e.mainImage)==null?void 0:i.image,width:24,height:24,alt:(p=(a=e==null?void 0:e.mainImage)==null?void 0:a.alt)!=null?p:"statistics-icon"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:(c=e==null?void 0:e.value)!=null?c:""}),(0,n.jsx)(y.Text,{muted:!0,children:(s=e==null?void 0:e.label)!=null?s:""})]})]})})},o)})}):null}function v({stats:r}){return(0,n.jsx)(b.Section,{className:"py-20 bg-background",children:(0,n.jsx)(w.Container,{maxWidth:1280,children:(0,n.jsx)(M,{stats:r})})})}function M({stats:r}){return r?(0,n.jsx)(N.Flex,{wrap:!0,align:"center",className:"text-center",children:r==null?void 0:r.map((e,o)=>{var l,i,a,p,c,s;return(0,n.jsx)("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:(0,n.jsx)(d.Card,{className:"bg-white",children:(0,n.jsxs)(d.CardContent,{className:"p-4 flex flex-col items-center",children:[((l=e==null?void 0:e.mainImage)==null?void 0:l.image)&&(0,n.jsx)("div",{className:"inline-block p-4 mb-3 rounded bg-secondary/50",children:(0,n.jsx)("img",{src:(i=e==null?void 0:e.mainImage)==null?void 0:i.image,width:24,height:24,alt:(p=(a=e==null?void 0:e.mainImage)==null?void 0:a.alt)!=null?p:"statistics-icon"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:(c=e==null?void 0:e.value)!=null?c:""}),(0,n.jsx)(y.Text,{muted:!0,children:(s=e==null?void 0:e.label)!=null?s:""})]})]})})},o)})}):null}var O={variant_a:x,variant_b:u,variant_c:v},Q="Statistics",W=({data:r})=>{var i,a,p;let e=r==null?void 0:r.variant,o=e&&O[e],l={stats:(p=((i=r==null?void 0:r.variants)==null?void 0:i.stats)||((a=r==null?void 0:r.variants)==null?void 0:a.statItems))!=null?p:void 0};return o?(0,n.jsx)(o,{...l}):null};W.displayName=Q;0&&(module.exports={Statistics,Statistics_A,Statistics_B});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";import{a as e}from"./chunk-
|
|
2
|
+
"use strict";import{a as e}from"./chunk-JRLJYLKR.mjs";import{a as o}from"./chunk-CBTD2Y7E.mjs";import{a as r}from"./chunk-7SDFTD5M.mjs";import"./chunk-PBIV227O.mjs";export{e as Statistics,o as Statistics_A,r as Statistics_B};
|
package/dist/statistics.d.ts
CHANGED
package/dist/statistics.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var B=Object.create;var f=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var G=(r,e)=>{for(var i in e)f(r,i,{get:e[i],enumerable:!0})},C=(r,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of z(e))!E.call(r,o)&&o!==i&&f(r,o,{get:()=>e[o],enumerable:!(l=q(e,o))||l.enumerable});return r};var H=(r,e,i)=>(i=r!=null?B(D(r)):{},C(e||!r||!r.__esModule?f(i,"default",{value:r,enumerable:!0}):i,r)),J=r=>C(f({},"__esModule",{value:!0}),r);var U={};G(U,{Statistics:()=>W});module.exports=J(U);var d=require("@stackshift-ui/card"),w=require("@stackshift-ui/container"),N=require("@stackshift-ui/flex"),b=require("@stackshift-ui/section"),y=require("@stackshift-ui/text"),I=H(require("react")),n=require("react/jsx-runtime");function u({stats:r}){return(0,n.jsx)(b.Section,{className:"py-20 bg-background",children:(0,n.jsx)(w.Container,{maxWidth:1280,children:(0,n.jsx)(N.Flex,{wrap:!0,align:"center",justify:"start",className:"text-center",children:(0,n.jsx)(K,{stats:r})})})})}function K({stats:r}){return r?(0,n.jsx)(I.default.Fragment,{children:r.map((e,i)=>(0,n.jsx)("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:(0,n.jsx)(d.Card,{className:"relative py-10 shadow-md bg-white",children:(0,n.jsxs)(d.CardContent,{className:"pt-6",children:[(0,n.jsx)(y.Text,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:e==null?void 0:e.label}),(0,n.jsx)("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:e==null?void 0:e.value})]})})},i))}):null}function S({stats:r}){return(0,n.jsx)(b.Section,{className:"py-20 bg-background",children:(0,n.jsx)(w.Container,{maxWidth:1280,children:(0,n.jsx)(L,{stats:r})})})}function L({stats:r}){return r?(0,n.jsx)(N.Flex,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:r==null?void 0:r.map((e,i)=>{var l,o,a,c,p,s;return(0,n.jsx)("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:(0,n.jsx)(d.Card,{className:"bg-white",children:(0,n.jsxs)(d.CardContent,{className:"flex items-center p-4",children:[((l=e==null?void 0:e.mainImage)==null?void 0:l.image)&&(0,n.jsx)("div",{className:"inline-block p-4 mr-4 rounded bg-secondary/50",children:(0,n.jsx)("img",{src:(o=e==null?void 0:e.mainImage)==null?void 0:o.image,width:24,height:24,alt:(c=(a=e==null?void 0:e.mainImage)==null?void 0:a.alt)!=null?c:"statistics-icon"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:(p=e==null?void 0:e.value)!=null?p:""}),(0,n.jsx)(y.Text,{muted:!0,children:(s=e==null?void 0:e.label)!=null?s:""})]})]})})},i)})}):null}function v({stats:r}){return(0,n.jsx)(b.Section,{className:"py-20 bg-background",children:(0,n.jsx)(w.Container,{maxWidth:1280,children:(0,n.jsx)(M,{stats:r})})})}function M({stats:r}){return r?(0,n.jsx)(N.Flex,{wrap:!0,align:"center",className:"text-center",children:r==null?void 0:r.map((e,i)=>{var l,o,a,c,p,s;return(0,n.jsx)("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:(0,n.jsx)(d.Card,{className:"bg-white",children:(0,n.jsxs)(d.CardContent,{className:"p-4 flex flex-col items-center",children:[((l=e==null?void 0:e.mainImage)==null?void 0:l.image)&&(0,n.jsx)("div",{className:"inline-block p-4 mb-3 rounded bg-secondary/50",children:(0,n.jsx)("img",{src:(o=e==null?void 0:e.mainImage)==null?void 0:o.image,width:24,height:24,alt:(c=(a=e==null?void 0:e.mainImage)==null?void 0:a.alt)!=null?c:"statistics-icon"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:(p=e==null?void 0:e.value)!=null?p:""}),(0,n.jsx)(y.Text,{muted:!0,children:(s=e==null?void 0:e.label)!=null?s:""})]})]})})},i)})}):null}var O={variant_a:u,variant_b:S,variant_c:v},Q="Statistics",W=({data:r})=>{var o,a,c;let e=r==null?void 0:r.variant,i=e&&O[e],l={stats:(c=((o=r==null?void 0:r.variants)==null?void 0:o.stats)||((a=r==null?void 0:r.variants)==null?void 0:a.statItems))!=null?c:void 0};return i?(0,n.jsx)(i,{...l}):null};W.displayName=Q;0&&(module.exports={Statistics});
|
package/dist/statistics.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-JRLJYLKR.mjs";import"./chunk-CBTD2Y7E.mjs";import"./chunk-7SDFTD5M.mjs";import"./chunk-PBIV227O.mjs";export{a as Statistics};
|
package/dist/statistics_a.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var u=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,
|
|
1
|
+
"use strict";var u=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var S=(t,r)=>{for(var e in r)l(t,e,{get:r[e],enumerable:!0})},s=(t,r,e,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of g(r))!C.call(t,o)&&o!==e&&l(t,o,{get:()=>r[o],enumerable:!(p=w(r,o))||p.enumerable});return t};var y=(t,r,e)=>(e=t!=null?u(v(t)):{},s(r||!t||!t.__esModule?l(e,"default",{value:t,enumerable:!0}):e,t)),N=t=>s(l({},"__esModule",{value:!0}),t);var F={};S(F,{Statistics_A:()=>d,default:()=>d});module.exports=N(F);var m=require("@stackshift-ui/card"),n=require("@stackshift-ui/container"),i=require("@stackshift-ui/flex"),c=require("@stackshift-ui/section"),f=require("@stackshift-ui/text"),x=y(require("react")),a=require("react/jsx-runtime");function d({stats:t}){return(0,a.jsx)(c.Section,{className:"py-20 bg-background",children:(0,a.jsx)(n.Container,{maxWidth:1280,children:(0,a.jsx)(i.Flex,{wrap:!0,align:"center",justify:"start",className:"text-center",children:(0,a.jsx)(b,{stats:t})})})})}function b({stats:t}){return t?(0,a.jsx)(x.default.Fragment,{children:t.map((r,e)=>(0,a.jsx)("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:(0,a.jsx)(m.Card,{className:"relative py-10 shadow-md bg-white",children:(0,a.jsxs)(m.CardContent,{className:"pt-6",children:[(0,a.jsx)(f.Text,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:r==null?void 0:r.label}),(0,a.jsx)("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:r==null?void 0:r.value})]})})},e))}):null}0&&(module.exports={Statistics_A});
|
package/dist/statistics_a.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-CBTD2Y7E.mjs";export{a as Statistics_A,a as default};
|
package/dist/statistics_b.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var c=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var w=(i,e)=>{for(var o in e)c(i,o,{get:e[o],enumerable:!0})},N=(i,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of t(e))!v.call(i,r)&&r!==o&&c(i,r,{get:()=>e[r],enumerable:!(n=b(e,r))||n.enumerable});return i};var y=i=>N(c({},"__esModule",{value:!0}),i);var h={};w(h,{Statistics_B:()=>S,default:()=>S});module.exports=y(h);var l=require("@stackshift-ui/card"),g=require("@stackshift-ui/container"),u=require("@stackshift-ui/flex"),x=require("@stackshift-ui/section"),C=require("@stackshift-ui/text"),m=require("react/jsx-runtime");function S({stats:i}){return(0,m.jsx)(x.Section,{className:"py-20 bg-background",children:(0,m.jsx)(g.Container,{maxWidth:1280,children:(0,m.jsx)(I,{stats:i})})})}function I({stats:i}){return i?(0,m.jsx)(u.Flex,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:i==null?void 0:i.map((e,o)=>{var n,r,d,a,p,f;return(0,m.jsx)("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:(0,m.jsx)(l.Card,{className:"bg-white",children:(0,m.jsxs)(l.CardContent,{className:"flex items-center p-4",children:[((n=e==null?void 0:e.mainImage)==null?void 0:n.image)&&(0,m.jsx)("div",{className:"inline-block p-4 mr-4 rounded bg-secondary/50",children:(0,m.jsx)("img",{src:(r=e==null?void 0:e.mainImage)==null?void 0:r.image,width:24,height:24,alt:(a=(d=e==null?void 0:e.mainImage)==null?void 0:d.alt)!=null?a:"statistics-icon"})}),(0,m.jsxs)("div",{children:[(0,m.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:(p=e==null?void 0:e.value)!=null?p:""}),(0,m.jsx)(C.Text,{muted:!0,children:(f=e==null?void 0:e.label)!=null?f:""})]})]})})},o)})}):null}0&&(module.exports={Statistics_B});
|
package/dist/statistics_b.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-7SDFTD5M.mjs";export{a as Statistics_B,a as default};
|
package/dist/statistics_c.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var c=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var t=(i,e)=>{for(var o in e)c(i,o,{get:e[o],enumerable:!0})},w=(i,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of v(e))!N.call(i,r)&&r!==o&&c(i,r,{get:()=>e[r],enumerable:!(n=S(e,r))||n.enumerable});return i};var I=i=>w(c({},"__esModule",{value:!0}),i);var y={};t(y,{default:()=>b});module.exports=I(y);var l=require("@stackshift-ui/card"),g=require("@stackshift-ui/container"),x=require("@stackshift-ui/flex"),u=require("@stackshift-ui/section"),C=require("@stackshift-ui/text"),m=require("react/jsx-runtime");function b({stats:i}){return(0,m.jsx)(u.Section,{className:"py-20 bg-background",children:(0,m.jsx)(g.Container,{maxWidth:1280,children:(0,m.jsx)(h,{stats:i})})})}function h({stats:i}){return i?(0,m.jsx)(x.Flex,{wrap:!0,align:"center",className:"text-center",children:i==null?void 0:i.map((e,o)=>{var n,r,d,a,p,f;return(0,m.jsx)("div",{className:"my-8 md:w-1/2 lg:w-1/4 w-full px-4",children:(0,m.jsx)(l.Card,{className:"bg-white",children:(0,m.jsxs)(l.CardContent,{className:"p-4 flex flex-col items-center",children:[((n=e==null?void 0:e.mainImage)==null?void 0:n.image)&&(0,m.jsx)("div",{className:"inline-block p-4 mb-3 rounded bg-secondary/50",children:(0,m.jsx)("img",{src:(r=e==null?void 0:e.mainImage)==null?void 0:r.image,width:24,height:24,alt:(a=(d=e==null?void 0:e.mainImage)==null?void 0:d.alt)!=null?a:"statistics-icon"})}),(0,m.jsxs)("div",{children:[(0,m.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:(p=e==null?void 0:e.value)!=null?p:""}),(0,m.jsx)(C.Text,{muted:!0,children:(f=e==null?void 0:e.label)!=null?f:""})]})]})})},o)})}):null}
|
package/dist/statistics_c.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-PBIV227O.mjs";export{a as default};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/statistics",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0
|
|
4
|
+
"version": "6.1.0",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,27 +29,26 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/eslint-config": "6.0.10
|
|
33
|
-
"@stackshift-ui/typescript-config": "6.0.10
|
|
32
|
+
"@stackshift-ui/eslint-config": "6.0.10",
|
|
33
|
+
"@stackshift-ui/typescript-config": "6.0.10"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/section": "6.0
|
|
43
|
-
"@stackshift-ui/container": "6.0
|
|
44
|
-
"@stackshift-ui/flex": "6.0
|
|
45
|
-
"@stackshift-ui/scripts": "6.0.10-beta.2"
|
|
37
|
+
"@stackshift-ui/scripts": "6.1.0",
|
|
38
|
+
"@stackshift-ui/system": "6.1.0",
|
|
39
|
+
"@stackshift-ui/card": "6.1.0",
|
|
40
|
+
"@stackshift-ui/button": "6.1.0",
|
|
41
|
+
"@stackshift-ui/text": "6.1.0",
|
|
42
|
+
"@stackshift-ui/section": "6.1.0",
|
|
43
|
+
"@stackshift-ui/container": "6.1.0",
|
|
44
|
+
"@stackshift-ui/flex": "6.1.0"
|
|
46
45
|
},
|
|
47
46
|
"peerDependencies": {
|
|
48
47
|
"@types/react": "16.8 - 19",
|
|
49
48
|
"next": "10 - 14",
|
|
50
49
|
"react": "16.8 - 19",
|
|
51
50
|
"react-dom": "16.8 - 19",
|
|
52
|
-
"@stackshift-ui/system": ">=
|
|
51
|
+
"@stackshift-ui/system": ">=7.0.0"
|
|
53
52
|
},
|
|
54
53
|
"peerDependenciesMeta": {
|
|
55
54
|
"next": {
|
package/src/statistics.test.tsx
CHANGED
|
@@ -7,7 +7,7 @@ describe.concurrent("statistics", () => {
|
|
|
7
7
|
|
|
8
8
|
test.skip("Dummy test - test if renders without errors", ({ expect }) => {
|
|
9
9
|
const clx = "my-class";
|
|
10
|
-
render(<Statistics />);
|
|
11
|
-
expect(screen.getByTestId("
|
|
10
|
+
render(<Statistics data-testid="statistics" />);
|
|
11
|
+
expect(screen.getByTestId("statistics").classList).toContain(clx);
|
|
12
12
|
});
|
|
13
13
|
});
|
package/src/statistics.tsx
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { SectionsProps, StatItems } from "./types";
|
|
3
|
+
import StatisticsA from "./statistics_a";
|
|
4
|
+
import StatisticsB from "./statistics_b";
|
|
5
|
+
import StatisticsC from "./statistics_c";
|
|
3
6
|
|
|
4
7
|
const Variants = {
|
|
5
|
-
variant_a:
|
|
6
|
-
variant_b:
|
|
7
|
-
variant_c:
|
|
8
|
+
variant_a: StatisticsA,
|
|
9
|
+
variant_b: StatisticsB,
|
|
10
|
+
variant_c: StatisticsC,
|
|
8
11
|
};
|
|
9
12
|
|
|
10
13
|
export interface StatsProps {
|
package/src/statistics_a.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Card } from "@stackshift-ui/card";
|
|
1
|
+
import { Card, CardContent } from "@stackshift-ui/card";
|
|
2
2
|
import { Container } from "@stackshift-ui/container";
|
|
3
3
|
import { Flex } from "@stackshift-ui/flex";
|
|
4
4
|
import { Section } from "@stackshift-ui/section";
|
|
@@ -27,12 +27,14 @@ function StatisticsItems({ stats }: { stats?: StatItems[] }) {
|
|
|
27
27
|
{stats.map((items, index) => (
|
|
28
28
|
<div className="w-full px-4 my-8 sm:w-1/4 lg:w-1/4" key={index}>
|
|
29
29
|
<Card className="relative py-10 shadow-md bg-white">
|
|
30
|
-
<
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
<CardContent className="pt-6">
|
|
31
|
+
<Text className="mb-1 text-primary overflow-ellipsis overflow-clip">
|
|
32
|
+
{items?.label}
|
|
33
|
+
</Text>
|
|
34
|
+
<p className="text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip">
|
|
35
|
+
{items?.value}
|
|
36
|
+
</p>
|
|
37
|
+
</CardContent>
|
|
36
38
|
</Card>
|
|
37
39
|
</div>
|
|
38
40
|
))}
|
package/src/statistics_b.tsx
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { Card, CardContent } from "@stackshift-ui/card";
|
|
1
2
|
import { Container } from "@stackshift-ui/container";
|
|
2
3
|
import { Flex } from "@stackshift-ui/flex";
|
|
3
4
|
import { Section } from "@stackshift-ui/section";
|
|
4
|
-
import {
|
|
5
|
+
import { Text } from "@stackshift-ui/text";
|
|
5
6
|
import { StatsProps } from ".";
|
|
6
7
|
import { StatItems } from "./types";
|
|
7
8
|
|
|
@@ -21,14 +22,26 @@ function StatisticsItems({ stats }: { stats?: StatItems[] }) {
|
|
|
21
22
|
return (
|
|
22
23
|
<Flex wrap align="center" direction="col" className="sm:justify-left sm:flex-row">
|
|
23
24
|
{stats?.map((stat, index) => (
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
<div key={index} className="my-8 md:w-1/2 lg:w-1/4 w-full px-4">
|
|
26
|
+
<Card className="bg-white">
|
|
27
|
+
<CardContent className="flex items-center p-4">
|
|
28
|
+
{stat?.mainImage?.image && (
|
|
29
|
+
<div className="inline-block p-4 mr-4 rounded bg-secondary/50">
|
|
30
|
+
<img
|
|
31
|
+
src={stat?.mainImage?.image}
|
|
32
|
+
width={24}
|
|
33
|
+
height={24}
|
|
34
|
+
alt={stat?.mainImage?.alt ?? "statistics-icon"}
|
|
35
|
+
/>
|
|
36
|
+
</div>
|
|
37
|
+
)}
|
|
38
|
+
<div>
|
|
39
|
+
<p className="text-2xl text-gray-500 font-bold">{stat?.value ?? ""}</p>
|
|
40
|
+
<Text muted>{stat?.label ?? ""}</Text>
|
|
41
|
+
</div>
|
|
42
|
+
</CardContent>
|
|
43
|
+
</Card>
|
|
44
|
+
</div>
|
|
32
45
|
))}
|
|
33
46
|
</Flex>
|
|
34
47
|
);
|
package/src/statistics_c.tsx
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { Card, CardContent } from "@stackshift-ui/card";
|
|
1
2
|
import { Container } from "@stackshift-ui/container";
|
|
2
3
|
import { Flex } from "@stackshift-ui/flex";
|
|
3
4
|
import { Section } from "@stackshift-ui/section";
|
|
4
|
-
import {
|
|
5
|
+
import { Text } from "@stackshift-ui/text";
|
|
5
6
|
import { StatsProps } from ".";
|
|
6
7
|
import { StatItems } from "./types";
|
|
7
8
|
|
|
@@ -19,17 +20,28 @@ function StatisticsItems({ stats }: { stats?: StatItems[] }) {
|
|
|
19
20
|
if (!stats) return null;
|
|
20
21
|
|
|
21
22
|
return (
|
|
22
|
-
<Flex wrap align="center" className="text-center
|
|
23
|
+
<Flex wrap align="center" className="text-center">
|
|
23
24
|
{stats?.map((stat, index) => (
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
25
|
+
<div key={index} className="my-8 md:w-1/2 lg:w-1/4 w-full px-4">
|
|
26
|
+
<Card className="bg-white">
|
|
27
|
+
<CardContent className="p-4 flex flex-col items-center">
|
|
28
|
+
{stat?.mainImage?.image && (
|
|
29
|
+
<div className="inline-block p-4 mb-3 rounded bg-secondary/50">
|
|
30
|
+
<img
|
|
31
|
+
src={stat?.mainImage?.image}
|
|
32
|
+
width={24}
|
|
33
|
+
height={24}
|
|
34
|
+
alt={stat?.mainImage?.alt ?? "statistics-icon"}
|
|
35
|
+
/>
|
|
36
|
+
</div>
|
|
37
|
+
)}
|
|
38
|
+
<div>
|
|
39
|
+
<p className="text-2xl text-gray-500 font-bold">{stat?.value ?? ""}</p>
|
|
40
|
+
<Text muted>{stat?.label ?? ""}</Text>
|
|
41
|
+
</div>
|
|
42
|
+
</CardContent>
|
|
43
|
+
</Card>
|
|
44
|
+
</div>
|
|
33
45
|
))}
|
|
34
46
|
</Flex>
|
|
35
47
|
);
|
package/dist/chunk-53SVPDST.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Container as f}from"@stackshift-ui/container";import{Flex as p}from"@stackshift-ui/flex";import{Section as u}from"@stackshift-ui/section";import{StatsCard as a}from"@stackshift-ui/stats-card";import{jsx as m}from"react/jsx-runtime";function S({stats:r}){return m(u,{className:"py-20 bg-background",children:m(f,{maxWidth:1280,children:m(g,{stats:r})})})}function g({stats:r}){return r?m(p,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:r==null?void 0:r.map((e,c)=>{var o,i,l,n;return m(a,{className:"my-8 md:w-1/2 lg:w-1/4 lg:justify-center",value:(o=e==null?void 0:e.value)!=null?o:"",label:(i=e==null?void 0:e.label)!=null?i:"",icon:`${(l=e==null?void 0:e.mainImage)==null?void 0:l.image}`,alt:(n=e==null?void 0:e.mainImage)==null?void 0:n.alt},c)})}):null}export{S as a};
|
package/dist/chunk-CETRDSFC.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Card as e}from"@stackshift-ui/card";import{Container as l}from"@stackshift-ui/container";import{Flex as m}from"@stackshift-ui/flex";import{Section as p}from"@stackshift-ui/section";import{Text as i}from"@stackshift-ui/text";import s from"react";import{jsx as t,jsxs as c}from"react/jsx-runtime";function n({stats:a}){return t(p,{className:"py-20 bg-background",children:t(l,{maxWidth:1280,children:t(m,{wrap:!0,align:"center",justify:"start",className:"text-center",children:t(f,{stats:a})})})})}function f({stats:a}){return a?t(s.Fragment,{children:a.map((r,o)=>t("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:c(e,{className:"relative py-10 shadow-md bg-white",children:[t(i,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:r==null?void 0:r.label}),t("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:r==null?void 0:r.value})]})},o))}):null}export{n as a};
|
package/dist/chunk-MJROCLCF.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{lazy as s}from"react";import{jsx as v}from"react/jsx-runtime";var c={variant_a:s(()=>import("./statistics_a.mjs")),variant_b:s(()=>import("./statistics_b.mjs")),variant_c:s(()=>import("./statistics_c.mjs"))},m="Statistics",a=({data:t})=>{var o,n,e;let i=t==null?void 0:t.variant,r=i&&c[i],p={stats:(e=((o=t==null?void 0:t.variants)==null?void 0:o.stats)||((n=t==null?void 0:t.variants)==null?void 0:n.statItems))!=null?e:void 0};return r?v(r,{...p}):null};a.displayName=m;export{a};
|
package/dist/chunk-XQZSXTPH.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Container as c}from"@stackshift-ui/container";import{Flex as p}from"@stackshift-ui/flex";import{Section as f}from"@stackshift-ui/section";import{StatsCard as u}from"@stackshift-ui/stats-card";import{jsx as m}from"react/jsx-runtime";function S({stats:r}){return m(f,{className:"py-20 bg-background",children:m(c,{maxWidth:1280,children:m(g,{stats:r})})})}function g({stats:r}){return r?m(p,{wrap:!0,align:"center",className:"text-center ",children:r==null?void 0:r.map((e,a)=>{var i,o,n,l;return m(u,{className:"my-8 md:w-1/2 lg:w-1/4",variant:"stacked",value:(i=e==null?void 0:e.value)!=null?i:"",label:(o=e==null?void 0:e.label)!=null?o:"",icon:`${(n=e==null?void 0:e.mainImage)==null?void 0:n.image}`,alt:(l=e==null?void 0:e.mainImage)==null?void 0:l.alt},a)})}):null}export{S as a};
|