@tmf_ciclica/ciclicastorybook 1.2.124 → 1.2.125

package/dist/index.es.js

@@ -1031,7 +1031,7 @@ At.propTypes = {
   showBottomBar: i.bool,
   titleFontStyles: i.object
 };
-const $p = () => /* @__PURE__ */ u("div", { children: "EditAmbit" }), Ba = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", Fa = "_AppliedFiltersContainer_cokx9_2", za = "_AppliedFilterContent_cokx9_11", Co = {
+const Np = () => /* @__PURE__ */ u("div", { children: "EditAmbit" }), Ba = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", Fa = "_AppliedFiltersContainer_cokx9_2", za = "_AppliedFilterContent_cokx9_11", Co = {
   AppliedFiltersContainer: Fa,
   AppliedFilterContent: za
 }, ve = Ni((e) => ({
@@ -4202,7 +4202,7 @@ const t0 = js({
       e.activeIndicatorUnit = t.payload;
     }
   }
-}), { setShowTexts: Np, setYear: Ep, setActiveIndicatorKey: Op, setActiveIndicatorType: Ap, setActiveIndicatorUnit: Lp } = t0.actions, n0 = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", r0 = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e";
+}), { setShowTexts: Ep, setYear: Op, setActiveIndicatorKey: Ap, setActiveIndicatorType: Lp, setActiveIndicatorUnit: Mp } = t0.actions, n0 = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", r0 = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e";
 function Xi(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
@@ -10232,7 +10232,7 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
       })
     }
   );
-}, Mp = ({
+}, Rp = ({
   reactHookFormInstance: e,
   formObject: t,
   CategoryComponent: n,
@@ -11729,22 +11729,23 @@ const Ti = [
   "#5dd4b8",
   "#7ed4c2",
   "#2aa88a"
-], Rp = ({
+], Jf = ({
   data: e = [],
   title: t,
   backgroundColor: n = "#0d3d4a",
   fontColor: r = "#ffffff",
   barHeight: o = 52,
   animated: s = !0,
-  borderRadius: a
+  borderRadius: a,
+  containerStyles: l = {}
 }) => {
-  const [l, c] = de(s ? 0 : 1);
+  const [c, d] = de(s ? 0 : 1);
   te(() => {
     if (!s) return;
-    const h = requestAnimationFrame(() => c(1));
-    return () => cancelAnimationFrame(h);
+    const g = requestAnimationFrame(() => d(1));
+    return () => cancelAnimationFrame(g);
   }, [s]);
-  const d = Math.max(...e.map((h) => h.value), 1);
+  const h = Math.max(...e.map((g) => g.value), 1);
   return /* @__PURE__ */ T(
     "div",
     {
@@ -11752,11 +11753,11 @@ const Ti = [
         display: "inline-flex",
         flexDirection: "column",
         gap: "0px",
-        padding: "28px 32px",
         background: n,
         borderRadius: "16px",
         fontFamily: "'Segoe UI', sans-serif",
-        minWidth: "420px"
+        minWidth: "420px",
+        ...l
       },
       children: [
         t && /* @__PURE__ */ u(
@@ -11772,8 +11773,8 @@ const Ti = [
             children: t
           }
         ),
-        /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "18px" }, children: e.map((h, g) => {
-          const y = h.color || Ti[g % Ti.length], m = h.value / d * 100 * l;
+        /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "18px" }, children: e.map((g, y) => {
+          const m = g.color || Ti[y % Ti.length], v = g.value / h * 100 * c;
           return /* @__PURE__ */ T(
             "div",
             {
@@ -11788,7 +11789,7 @@ const Ti = [
                       fontWeight: "400",
                       opacity: 0.9
                     },
-                    children: h.label
+                    children: g.title
                   }
                 ),
                 /* @__PURE__ */ T(
@@ -11810,8 +11811,8 @@ const Ti = [
                             left: 0,
                             top: 0,
                             height: "100%",
-                            width: `${m}%`,
-                            background: y,
+                            width: `${v}%`,
+                            background: m,
                             borderRadius: a ?? "6px",
                             transition: s ? "width 0.8s cubic-bezier(0.16, 1, 0.3, 1)" : "none"
                           }
@@ -11831,7 +11832,7 @@ const Ti = [
                             pointerEvents: "none",
                             letterSpacing: "-0.3px"
                           },
-                          children: h.value
+                          children: g.value
                         }
                       )
                     ]
@@ -11839,19 +11840,36 @@ const Ti = [
                 )
               ]
             },
-            g
+            y
           );
         }) })
       ]
     }
   );
-}, Jf = "_header_13kbt_2", ep = "_leftComponents_13kbt_13", tp = "_centerComponents_13kbt_14", np = "_rightComponents_13kbt_15", rp = "_componentsContainer_13kbt_32", kt = {
-  header: Jf,
-  leftComponents: ep,
-  centerComponents: tp,
-  rightComponents: np,
-  componentsContainer: rp
-}, op = ({
+};
+Jf.propTypes = {
+  data: i.arrayOf(
+    i.shape({
+      title: i.string.isRequired,
+      value: i.number.isRequired,
+      color: i.string
+    })
+  ),
+  title: i.string,
+  backgroundColor: i.string,
+  fontColor: i.string,
+  barHeight: i.number,
+  animated: i.bool,
+  borderRadius: i.oneOfType([i.string, i.number]),
+  containerStyles: i.object
+};
+const ep = "_header_13kbt_2", tp = "_leftComponents_13kbt_13", np = "_centerComponents_13kbt_14", rp = "_rightComponents_13kbt_15", op = "_componentsContainer_13kbt_32", kt = {
+  header: ep,
+  leftComponents: tp,
+  centerComponents: np,
+  rightComponents: rp,
+  componentsContainer: op
+}, ip = ({
   cssProps: e,
   leftComponents: t = [],
   centerComponents: n = [],
@@ -11880,7 +11898,7 @@ const Ti = [
     ]
   }
 );
-op.propTypes = {
+ip.propTypes = {
   leftComponents: i.arrayOf(i.node),
   centerComponents: i.arrayOf(i.node),
   rightComponents: i.arrayOf(i.node),
@@ -11890,12 +11908,12 @@ op.propTypes = {
   backgroundColor: i.string,
   isFooter: i.bool
 };
-const ip = "_sidebar_1kaqu_2", sp = "_open_1kaqu_16", ap = "_content_1kaqu_20", lp = "_closeButton_1kaqu_25", Pn = {
-  sidebar: ip,
-  open: sp,
-  content: ap,
-  closeButton: lp
-}, cp = "data:image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%203699'%3e%3cpath%20id='Vector%20223'%20d='M1%201L18.1566%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20id='Vector%20224'%20d='M18.1575%201L1.00083%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e", up = ({
+const sp = "_sidebar_1kaqu_2", ap = "_open_1kaqu_16", lp = "_content_1kaqu_20", cp = "_closeButton_1kaqu_25", Pn = {
+  sidebar: sp,
+  open: ap,
+  content: lp,
+  closeButton: cp
+}, up = "data:image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%203699'%3e%3cpath%20id='Vector%20223'%20d='M1%201L18.1566%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20id='Vector%20224'%20d='M18.1575%201L1.00083%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e", dp = ({
   width: e = "300px",
   children: t,
   showRightBar: n,
@@ -11910,13 +11928,13 @@ const ip = "_sidebar_1kaqu_2", sp = "_open_1kaqu_16", ap = "_content_1kaqu_20",
       className: `${Pn.sidebar} ${n ? Pn.open : ""}`,
       style: { width: n ? e : 0 },
       children: n && /* @__PURE__ */ T("div", { className: Pn.content, children: [
-        /* @__PURE__ */ u("button", { className: Pn.closeButton, onClick: o, children: /* @__PURE__ */ u("img", { src: cp, alt: "Close Sidebar" }) }),
+        /* @__PURE__ */ u("button", { className: Pn.closeButton, onClick: o, children: /* @__PURE__ */ u("img", { src: up, alt: "Close Sidebar" }) }),
         t
       ] })
     }
   );
 };
-up.propTypes = {
+dp.propTypes = {
   width: i.string,
   children: i.node,
   showRightBar: i.bool,
@@ -11930,16 +11948,16 @@ export {
   Da as ButtonsList,
   xi as CategorySelector,
   At as DropdownList,
-  $p as EditAmbit,
+  Np as EditAmbit,
   bn as ErrorMessage,
   dl as FiltersAmbit,
-  Mp as Form,
+  Rp as Form,
   Yn as GeneralButton,
   hl as Graphic,
   Kf as GraphicLegend,
   Ef as Groupedbarchart,
-  op as HeaderSection,
-  Rp as HorizontalBarChart,
+  ip as HeaderSection,
+  Jf as HorizontalBarChart,
   Dl as IndicatorsList,
   zl as LangSelector,
   rc as Legend,
@@ -11953,7 +11971,7 @@ export {
   Ls as PieChart,
   _d as RadioButtonInput,
   Ns as RankingSlider,
-  up as RightSidebar,
+  dp as RightSidebar,
   e0 as SectionBar,
   md as SelectInput,
   Yf as SpeedGraphic,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmf_ciclica/ciclicastorybook",
-  "version": "1.2.124",
+  "version": "1.2.125",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",