@cagatayfdn/flora-components 0.0.104 → 0.0.106

package/dist/Accordion.css

@@ -1 +1 @@
-._container_1sqyh_1{border-top:1px solid #495679}._container_1sqyh_1:last-child{border-bottom:1px solid #495679}._header_1sqyh_8{padding:15px 0;font-size:16px;font-weight:600;color:#fff;display:flex;cursor:pointer;align-items:center;width:100%}._header_1sqyh_8:hover{color:#fff}._header_1sqyh_8 ._arrow_1sqyh_21{font-size:20px;color:#4482ff;margin-right:17px}
+._container_sjptf_1{border-top:1px solid #495679}._container_sjptf_1:last-child{border-bottom:1px solid #495679}._header_sjptf_8{padding:15px 0;font-size:16px;font-weight:600;color:#fff;display:flex;cursor:pointer;align-items:center;width:100%}._header_sjptf_8:hover{color:#fff}._header_sjptf_8 ._arrow_sjptf_21{font-size:20px;color:#4482ff;margin-right:17px;rotate:0deg}._header_sjptf_8 ._up_sjptf_27{transform:rotate(180deg)}

package/dist/{TableHeader-Cjx9ZwYH.js → TableHeader-CZpy30xO.js}

@@ -6,24 +6,24 @@ import P from "./components/Button/Button.js";
 import L from "./components/Heading/Heading.js";
 import k from "./components/Pager/Pager.js";
 import { S as b } from "./Select-DcLZCXNo.js";
-import { u as z } from "./useTranslation-CnCPcxVj.js";
-import { T as F } from "./Trans-B4ILpbwK.js";
-import './TableHeader.css';const B = "_wrapper_1tluw_1", D = "_header_1tluw_4", S = "_title_1tluw_7", K = "_subTitle_1tluw_13", M = "_table_1tluw_18", Y = "_fixed_1tluw_24", q = "_light_1tluw_50", C = "_fixedHeader_1tluw_55", J = "_dark_1tluw_65", Q = "_tableWrap_1tluw_71", U = "_actionWrap_1tluw_116", V = "_tableLoading_1tluw_120", X = "_selectedAction_1tluw_130", Z = "_rightGroup_1tluw_137", $ = "_pageSizeWrap_1tluw_141", I = "_pager_1tluw_151", O = "_size_1tluw_155", ee = "_noResult_1tluw_159", te = "_scrollWrap_1tluw_168", se = "_justifyContentEnd_1tluw_172", ae = "_width100_1tluw_176", t = {
-  wrapper: B,
-  header: D,
-  title: S,
-  subTitle: K,
-  table: M,
-  fixed: Y,
-  light: q,
-  fixedHeader: C,
-  dark: J,
-  tableWrap: Q,
-  actionWrap: U,
-  tableLoading: V,
-  selectedAction: X,
-  rightGroup: Z,
-  pageSizeWrap: $,
+import { u as F } from "./useTranslation-CnCPcxVj.js";
+import { T as B } from "./Trans-B4ILpbwK.js";
+import './TableHeader.css';const D = "_wrapper_1tluw_1", z = "_header_1tluw_4", K = "_title_1tluw_7", M = "_subTitle_1tluw_13", Y = "_table_1tluw_18", q = "_fixed_1tluw_24", J = "_light_1tluw_50", Q = "_fixedHeader_1tluw_55", S = "_dark_1tluw_65", U = "_tableWrap_1tluw_71", V = "_actionWrap_1tluw_116", X = "_tableLoading_1tluw_120", Z = "_selectedAction_1tluw_130", $ = "_rightGroup_1tluw_137", C = "_pageSizeWrap_1tluw_141", I = "_pager_1tluw_151", O = "_size_1tluw_155", ee = "_noResult_1tluw_159", te = "_scrollWrap_1tluw_168", se = "_justifyContentEnd_1tluw_172", ae = "_width100_1tluw_176", t = {
+  wrapper: D,
+  header: z,
+  title: K,
+  subTitle: M,
+  table: Y,
+  fixed: q,
+  light: J,
+  fixedHeader: Q,
+  dark: S,
+  tableWrap: U,
+  actionWrap: V,
+  tableLoading: X,
+  selectedAction: Z,
+  rightGroup: $,
+  pageSizeWrap: C,
   pager: I,
   size: O,
   noResult: ee,
@@ -37,34 +37,34 @@ import './TableHeader.css';const B = "_wrapper_1tluw_1", D = "_header_1tluw_4",
   { value: "100", label: "100" },
   { value: "250", label: "250" }
 ], me = ({
-  totalCount: i = 0,
+  totalCount: n = 0,
   currentPage: f,
   title: l,
   actionOnChange: r,
   className: h,
   pagerOnChange: j,
   pageSizeOnChange: d,
-  pagerVisible: g = !0,
-  pageSizeVisible: v = !0,
-  pageSize: a = 10,
+  pagerVisible: v = !0,
+  pageSizeVisible: g = !0,
+  pageSize: s = 10,
   actionItems: o,
   pageSizeItems: W = le,
-  headerLeftItem: n,
+  headerLeftItem: i,
   customItem: c,
   appearance: T,
   showItemsText: N
 }) => {
-  const { t: _ } = z(), [y, u] = x(!0), [A, p] = x({
-    label: a,
-    value: a
-  }), H = (s) => [
-    { value: "exportexel", label: s("text.excel_export") }
-  ], E = (s) => {
-    u(!s), r && r(s);
+  const { t: _ } = F(), [y, u] = x(!0), [A, p] = x({
+    label: s,
+    value: s
+  }), H = (a) => [
+    { value: "exportexel", label: a("text.excel_export") }
+  ], E = (a) => {
+    u(!a), r && r(a);
   };
   return o = o || H(_), G(() => {
-    p({ label: a, value: a });
-  }, [a]), /* @__PURE__ */ e.jsxs(
+    p({ label: s, value: s });
+  }, [s]), /* @__PURE__ */ e.jsxs(
     "div",
     {
       "data-testid": "tableheader-container",
@@ -76,7 +76,7 @@ import './TableHeader.css';const B = "_wrapper_1tluw_1", D = "_header_1tluw_4",
         l && /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx(L, { className: t.title, children: l }),
           /* @__PURE__ */ e.jsxs("p", { className: t.subTitle, children: [
-            i,
+            n,
             " ",
             _("text.results_listing")
           ] })
@@ -86,8 +86,8 @@ import './TableHeader.css';const B = "_wrapper_1tluw_1", D = "_header_1tluw_4",
           "div",
           {
             className: m(t.actionWrap, {
-              [t.justifyContentEnd]: !n,
-              [t.width100]: n
+              [t.justifyContentEnd]: !i,
+              [t.width100]: i
             }),
             children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               r && /* @__PURE__ */ e.jsxs("div", { className: t.selectedAction, children: [
@@ -109,9 +109,9 @@ import './TableHeader.css';const B = "_wrapper_1tluw_1", D = "_header_1tluw_4",
                   }
                 )
               ] }),
-              n && n,
+              i && i,
               /* @__PURE__ */ e.jsxs("div", { className: t.rightGroup, children: [
-                v && /* @__PURE__ */ e.jsxs("div", { className: t.pageSizeWrap, children: [
+                g && n > s && /* @__PURE__ */ e.jsxs("div", { className: t.pageSizeWrap, children: [
                   /* @__PURE__ */ e.jsx(
                     b,
                     {
@@ -120,26 +120,26 @@ import './TableHeader.css';const B = "_wrapper_1tluw_1", D = "_header_1tluw_4",
                       items: W,
                       className: t.size,
                       showPlaceholder: !1,
-                      onAddItem: ({ item: s }) => {
-                        p(s), d && d(s.value);
+                      onAddItem: ({ item: a }) => {
+                        p(a), d && d(a.value);
                       },
                       appearance: w.LIGHT
                     }
                   ),
                   /* @__PURE__ */ e.jsx("span", { children: /* @__PURE__ */ e.jsx(
-                    F,
+                    B,
                     {
                       i18nKey: "text.show",
                       values: { title: N || l }
                     }
                   ) })
                 ] }),
-                g && i > 0 && /* @__PURE__ */ e.jsx(
+                v && n > s && /* @__PURE__ */ e.jsx(
                   k,
                   {
                     currentPage: f,
-                    pageSize: a,
-                    totalCount: i,
+                    pageSize: s,
+                    totalCount: n,
                     onChange: j,
                     appearance: T,
                     className: t.pager

package/dist/components/Accordion/Accordion.js

@@ -1,25 +1,26 @@
 import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
-import { useState as h } from "react";
-import { c as i } from "../../index-BHf7G3IG.js";
-import { Icons as n } from "../../assets/icons/icons.js";
-import p from "../Icon/index.js";
-import '../../Accordion.css';const x = "_container_1sqyh_1", _ = "_header_1sqyh_8", j = "_arrow_1sqyh_21", o = {
-  container: x,
-  header: _,
-  arrow: j
-}, y = ({
-  children: a,
-  title: e,
-  isVisible: d,
-  className: m,
-  onClick: c,
-  customItemRenderer: t
+import { useState as p } from "react";
+import { c } from "../../index-BHf7G3IG.js";
+import { Icons as j } from "../../assets/icons/icons.js";
+import _ from "../Icon/index.js";
+import '../../Accordion.css';const l = "_container_sjptf_1", f = "_header_sjptf_8", x = "_arrow_sjptf_21", h = "_up_sjptf_27", o = {
+  container: l,
+  header: f,
+  arrow: x,
+  up: h
+}, I = ({
+  children: t,
+  title: a,
+  isVisible: i,
+  className: d,
+  onClick: e,
+  customItemRenderer: n
 }) => {
-  const [r, l] = h(d);
+  const [r, m] = p(i);
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: i(o.container, m, {
+      className: c(o.container, d, {
         [o.active]: r
       }),
       "data-testid": "accordion-item",
@@ -29,29 +30,31 @@ import '../../Accordion.css';const x = "_container_1sqyh_1", _ = "_header_1sqyh_
           {
             className: o.header,
             onClick: () => {
-              c && c(!r), l(!r);
+              e && e(!r), m(!r);
             },
-            children: t ? t(r) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+            children: n ? n(r) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
               /* @__PURE__ */ s.jsx(
-                p,
+                _,
                 {
-                  name: r ? n.CircleMinus : n.CirclePlus,
-                  className: o.arrow
+                  name: j.DownArrow,
+                  className: c(o.arrow, {
+                    [o.up]: r
+                  })
                 }
               ),
-              e
+              a
             ] })
           }
         ),
-        r && /* @__PURE__ */ s.jsx("div", { className: o.content, children: a })
+        r && /* @__PURE__ */ s.jsx("div", { className: o.content, children: t })
       ]
     }
   );
-}, q = ({
-  children: a,
-  className: e
-}) => /* @__PURE__ */ s.jsx("div", { "data-testid": "accordion", className: i(o.accordionWrap, e), children: a });
+}, O = ({
+  children: t,
+  className: a
+}) => /* @__PURE__ */ s.jsx("div", { "data-testid": "accordion", className: c(o.accordionWrap, a), children: t });
 export {
-  q as Accordion,
-  y as AccordionItem
+  O as Accordion,
+  I as AccordionItem
 };

package/dist/components/Table/Table.js

@@ -2,7 +2,7 @@ import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
 import { useState as Q, useEffect as Y } from "react";
 import Z from "../NoResult/NoResult.js";
 import { c as g } from "../../index-BHf7G3IG.js";
-import { s as c, T as H } from "../../TableHeader-Cjx9ZwYH.js";
+import { s as c, T as H } from "../../TableHeader-CZpy30xO.js";
 import { ThemeAppearance as L, AppearanceSpinner as T } from "../../enums/appearance.js";
 import A from "../Checkbox/Checkbox.js";
 import I from "../Loading/Loading.js";

package/dist/components/Table/TableHeader.js

@@ -1,7 +1,7 @@
 import "../../jsx-runtime-BcAkpsdy.js";
 import "react";
 import "../../index-BHf7G3IG.js";
-import { T as u } from "../../TableHeader-Cjx9ZwYH.js";
+import { T as u } from "../../TableHeader-CZpy30xO.js";
 import "../../enums/appearance.js";
 import "../Button/Button.js";
 import "../Heading/Heading.js";

package/dist/components/index.js

@@ -56,7 +56,7 @@ import { default as le } from "./Stepper/Stepper.js";
 import { default as pe } from "./Switch/Switch.js";
 import { default as xe } from "./Tab/Tab.js";
 import { default as ue } from "./Table/Table.js";
-import { T as ne } from "../TableHeader-Cjx9ZwYH.js";
+import { T as ne } from "../TableHeader-CZpy30xO.js";
 import { default as Ce } from "./Textarea/Textarea.js";
 import { default as Te } from "./Tooltip/Tooltip.js";
 import { default as Se } from "./TypographyText/TypographyText.js";

package/dist/index.js

@@ -61,7 +61,7 @@ import { default as yr } from "./components/Stepper/Stepper.js";
 import { default as hr } from "./components/Switch/Switch.js";
 import { default as wr } from "./components/Tab/Tab.js";
 import { default as Br } from "./components/Table/Table.js";
-import { T as Hr } from "./TableHeader-Cjx9ZwYH.js";
+import { T as Hr } from "./TableHeader-CZpy30xO.js";
 import { default as Vr } from "./components/Textarea/Textarea.js";
 import { default as jr } from "./components/Tooltip/Tooltip.js";
 import { default as Kr } from "./components/TypographyText/TypographyText.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cagatayfdn/flora-components",
-  "version": "0.0.104",
+  "version": "0.0.106",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",