@cagatayfdn/flora-components 0.0.162 → 0.0.164

package/dist/components/IconBox/IconBox.js

@@ -1,13 +1,14 @@
 import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
-import { c as i } from "../../index-BHf7G3IG.js";
-import x from "../Icon/index.js";
-import '../../IconBox.css';const a = "_iconBox_jz84k_2", t = "_iconBox__primary_jz84k_2", m = "_iconBox__secondary_jz84k_2", c = {
-  iconBox: a,
-  iconBox__primary: t,
+import { c as t } from "../../index-BHf7G3IG.js";
+import a from "../Icon/index.js";
+import '../../IconBox.css';const x = "_iconBox_jz84k_2", e = "_iconBox__primary_jz84k_2", m = "_iconBox__secondary_jz84k_2", c = {
+  iconBox: x,
+  iconBox__primary: e,
   iconBox__secondary: m
-}, p = ({ icon: s, onClick: _, type: o = "secondary", className: r }) => /* @__PURE__ */ n.jsx("button", { className: i(c.iconBox, r, {
-  [c[`iconBox__${o}`]]: o
-}), onClick: _, children: /* @__PURE__ */ n.jsx(x, { name: s }) });
+}, j = ({ icon: s, onClick: _, isDisabled: r, type: o = "secondary", className: i }) => /* @__PURE__ */ n.jsx("button", { className: t(c.iconBox, i, {
+  [c[`iconBox__${o}`]]: o,
+  "pointer-events-none opacity-50": r
+}), onClick: _, children: /* @__PURE__ */ n.jsx(a, { name: s }) });
 export {
-  p as default
+  j as default
 };

package/dist/components/Table/Table.js

@@ -1,7 +1,7 @@
 import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
 import se, { useState as F, useEffect as O } from "react";
 import ne from "../NoResult/NoResult.js";
-import { c as m } from "../../index-BHf7G3IG.js";
+import { c as C } from "../../index-BHf7G3IG.js";
 import { s as x } from "../../Table.module-rFa4-NE2.js";
 import { ThemeAppearance as z, AppearanceSpinner as D } from "../../enums/appearance.js";
 import G from "../Checkbox/Checkbox.js";
@@ -16,25 +16,25 @@ import { _ as W, k as pe } from "../../keys-B0bo5Q7o.js";
 import { _ as U, a as he, b as fe } from "../../_reduce-DsUCMz4O.js";
 import { _ as xe } from "../../Select-nhp2PiJK.js";
 function ue(l, t) {
-  for (var n = 0, i = t.length, p = []; n < i; )
-    l(t[n]) && (p[p.length] = t[n]), n += 1;
+  for (var o = 0, i = t.length, p = []; o < i; )
+    l(t[o]) && (p[p.length] = t[o]), o += 1;
   return p;
 }
 var ge = /* @__PURE__ */ function() {
-  function l(t, n) {
-    this.xf = n, this.f = t;
+  function l(t, o) {
+    this.xf = o, this.f = t;
   }
-  return l.prototype["@@transducer/init"] = U.init, l.prototype["@@transducer/result"] = U.result, l.prototype["@@transducer/step"] = function(t, n) {
-    return this.f(n) ? this.xf["@@transducer/step"](t, n) : t;
+  return l.prototype["@@transducer/init"] = U.init, l.prototype["@@transducer/result"] = U.result, l.prototype["@@transducer/step"] = function(t, o) {
+    return this.f(o) ? this.xf["@@transducer/step"](t, o) : t;
   }, l;
-}(), be = /* @__PURE__ */ W(function(t, n) {
-  return new ge(t, n);
+}(), je = /* @__PURE__ */ W(function(t, o) {
+  return new ge(t, o);
 });
-const je = be;
+const be = je;
 var k = /* @__PURE__ */ W(
-  /* @__PURE__ */ he(["filter"], je, function(l, t) {
-    return xe(t) ? fe(function(n, i) {
-      return l(t[i]) && (n[i] = t[i]), n;
+  /* @__PURE__ */ he(["filter"], be, function(l, t) {
+    return xe(t) ? fe(function(o, i) {
+      return l(t[i]) && (o[i] = t[i]), o;
     }, {}, pe(t)) : (
       // else
       ue(l, t)
@@ -44,7 +44,7 @@ var k = /* @__PURE__ */ W(
 const Oe = (l) => {
   const {
     columns: t = [],
-    dataSource: n = [],
+    dataSource: o = [],
     totalCount: i,
     currentPage: p,
     className: X,
@@ -55,8 +55,8 @@ const Oe = (l) => {
     rowSelectionChange: c,
     pagerVisible: _,
     pagerOnChange: E,
-    columnRenderer: R,
-    pageSizeOnChange: y,
+    columnRenderer: y,
+    pageSizeOnChange: R,
     pageSize: v,
     headerVisible: P = !0,
     headerLeftItem: q,
@@ -64,22 +64,22 @@ const Oe = (l) => {
     isLoading: M = !1,
     footerAction: Q = !0,
     pageSizeVisible: Y = !0,
-    appearance: j = z.LIGHT,
+    appearance: w = z.LIGHT,
     fixedHeader: Z,
     showItemsText: L,
     customHeader: H,
     selectedItems: T = [],
     scrollClass: I,
     disabledItems: g = [],
-    expandable: o
-  } = l, [h, w] = F(T), [$, C] = F([]), ee = (e) => {
-    c && (e.target.checked ? (w(
-      n.filter((s) => !u(s, g))
+    expandable: n
+  } = l, [h, m] = F(T), [$, j] = F([]), ee = (e) => {
+    c && (e.target.checked ? (m(
+      o.filter((s) => !u(s, g))
     ), c(
-      n.filter((s) => !u(s, g))
-    )) : (w([]), c([])));
+      o.filter((s) => !u(s, g))
+    )) : (m([]), c([])));
   }, re = (e, s) => {
-    c && (e.target.checked ? (w([...h, s]), c([...h, s])) : (w(
+    c && (e.target.checked ? (m([...h, s]), c([...h, s])) : (m(
       k((a) => a.pk !== s.pk, h)
     ), c(
       k((a) => a.pk !== s.pk, h)
@@ -87,7 +87,7 @@ const Oe = (l) => {
   }, ae = (e, s) => {
     var d;
     const a = u(e, $);
-    C(a ? (f) => k((N) => N !== e, f) : (f) => [...f, e]), (d = o == null ? void 0 : o.onExpand) == null || d.call(o, !a, s);
+    (n == null ? void 0 : n.expandStrategy) === "single" ? j(a ? [] : [e]) : j(a ? (f) => k((N) => N !== e, f) : (f) => [...f, e]), (d = n == null ? void 0 : n.onExpand) == null || d.call(n, !a, s);
   }, te = (e, s) => e == null ? void 0 : e.map((a, d) => /* @__PURE__ */ r.jsx(
     "td",
     {
@@ -95,7 +95,7 @@ const Oe = (l) => {
       onClick: (f) => {
         a != null && a.onClick && (a == null || a.onClick(f, s, a, d));
       },
-      className: m(a.className, a.tdClassName),
+      className: C(a.className, a.tdClassName),
       children: a.render ? a.render(s[a.dataIndex], s) : s[a.dataIndex]
     },
     `col-${d}`
@@ -103,13 +103,13 @@ const Oe = (l) => {
   return O(() => {
     c && c(T.filter((e) => !u(e, g)));
   }, [h, g]), O(() => {
-    C([]);
+    j([]);
   }, [p]), /* @__PURE__ */ r.jsxs(
     "div",
     {
       "data-testid": "table-container",
-      className: m(x.wrapper, B, {
-        [x[`${j}`]]: j
+      className: C(x.wrapper, B, {
+        [x[`${w}`]]: w
       }),
       children: [
         P && /* @__PURE__ */ r.jsx(
@@ -119,7 +119,7 @@ const Oe = (l) => {
             showItemsText: L,
             actionOnChange: S,
             pageSize: v,
-            pageSizeOnChange: y,
+            pageSizeOnChange: R,
             pagerOnChange: E,
             pagerVisible: _,
             totalCount: i,
@@ -131,7 +131,7 @@ const Oe = (l) => {
             oe,
             {
               wrapperClass: x.tableLoading,
-              appearance: j === z.LIGHT ? D.LIGHT : D.DARK
+              appearance: w === z.LIGHT ? D.LIGHT : D.DARK
             }
           ),
           H && H,
@@ -139,18 +139,18 @@ const Oe = (l) => {
             "table",
             {
               "data-testid": "table-content",
-              className: m(x.table, X, {
+              className: C(x.table, X, {
                 [x.fixed]: Z
               }),
               children: [
                 /* @__PURE__ */ r.jsx("thead", { "data-testid": "table-head", children: /* @__PURE__ */ r.jsxs("tr", { "data-testid": "table-row", children: [
-                  o && /* @__PURE__ */ r.jsx("th", { className: "w-[48px]" }),
+                  n && /* @__PURE__ */ r.jsx("th", { className: "w-[48px]" }),
                   b && /* @__PURE__ */ r.jsx("th", { className: "w-[26px]", children: /* @__PURE__ */ r.jsx(
                     G,
                     {
                       name: "selectAll",
-                      isDisabled: n.length === 0,
-                      checked: n.length > 0 && n.length === h.length,
+                      isDisabled: o.length === 0,
+                      checked: o.length > 0 && o.length === h.length,
                       onChange: ee
                     }
                   ) }),
@@ -186,7 +186,7 @@ const Oe = (l) => {
                     );
                   })
                 ] }) }),
-                /* @__PURE__ */ r.jsx("tbody", { "data-testid": "table-body", children: n.length > 0 ? n.map((e, s) => {
+                /* @__PURE__ */ r.jsx("tbody", { "data-testid": "table-body", children: o.length > 0 ? o.map((e, s) => {
                   const a = u(s, $);
                   return /* @__PURE__ */ r.jsxs(se.Fragment, { children: [
                     /* @__PURE__ */ r.jsxs(
@@ -194,20 +194,20 @@ const Oe = (l) => {
                       {
                         "data-testid": "table-row",
                         onClick: () => {
-                          o && o.rowExpandable && o.rowExpandable(e) && ae(s, e);
+                          n && n.rowExpandable && n.rowExpandable(e) && ae(s, e);
                         },
-                        className: m({
-                          "cursor-pointer": o && o.rowExpandable ? o.rowExpandable(e) : o
+                        className: C({
+                          "cursor-pointer": n && n.rowExpandable ? n.rowExpandable(e) : n
                         }),
                         children: [
-                          o && /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(
+                          n && /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(
                             "span",
                             {
                               className: "inline-block transition-transform duration-200",
                               style: {
                                 transform: a ? "rotate(90deg)" : "rotate(0deg)"
                               },
-                              children: o.rowExpandable && o.rowExpandable(e) ? /* @__PURE__ */ r.jsx(ie, { name: ce.ChevronRight }) : null
+                              children: n.rowExpandable && n.rowExpandable(e) ? /* @__PURE__ */ r.jsx(ie, { name: ce.ChevronRight }) : null
                             }
                           ) }),
                           b && /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(
@@ -219,24 +219,24 @@ const Oe = (l) => {
                               isDisabled: u(e, g)
                             }
                           ) }),
-                          R ? R(t, e) : te(t, e)
+                          y ? y(t, e) : te(t, e)
                         ]
                       },
                       `table-row-${s}`
                     ),
-                    o && a && /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
+                    n && a && /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
                       "td",
                       {
-                        colSpan: t.length + (b ? 1 : 0) + (o ? 1 : 0),
+                        colSpan: t.length + (b ? 1 : 0) + (n ? 1 : 0),
                         className: "p-0 border-0",
-                        children: o.expandedRowRender(e)
+                        children: n.expandedRowRender(e)
                       }
                     ) })
                   ] }, `row-${s}`);
                 }) : /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
                   "td",
                   {
-                    colSpan: t.length + (b ? 1 : 0) + (o ? 1 : 0),
+                    colSpan: t.length + (b ? 1 : 0) + (n ? 1 : 0),
                     children: /* @__PURE__ */ r.jsx(ne, {})
                   }
                 ) }) })
@@ -251,7 +251,7 @@ const Oe = (l) => {
             showItemsText: L,
             actionOnChange: S,
             pageSize: v,
-            pageSizeOnChange: y,
+            pageSizeOnChange: R,
             pagerOnChange: E,
             pagerVisible: _,
             pageSizeVisible: Y,
@@ -259,7 +259,7 @@ const Oe = (l) => {
             customItem: J,
             headerLeftItem: q,
             currentPage: p,
-            appearance: j
+            appearance: w
           }
         )
       ]

package/dist/index.d.mts

@@ -525,6 +525,7 @@ declare type ExpandableType = {
     expandedRowRender: (record: any) => ReactNode;
     rowExpandable?: (record: any) => boolean;
     onExpand?: (expanded: boolean, record: any) => void;
+    expandStrategy?: 'single' | 'multiple';
 };
 
 export declare type FetcherReturnType = {
@@ -734,12 +735,13 @@ export { i18n }
 
 export declare const Icon: (props: IconProps) => JSX.Element;
 
-export declare const IconBox: ({ icon, onClick, type, className }: IconBoxProps) => JSX_2.Element;
+export declare const IconBox: ({ icon, onClick, isDisabled, type, className }: IconBoxProps) => JSX_2.Element;
 
 export declare type IconBoxProps = {
     icon: FloraIcons;
     onClick?: () => void;
     type?: "primary" | "secondary";
+    isDisabled?: boolean;
     className?: string;
 };
 

package/dist/index.d.ts

@@ -525,6 +525,7 @@ declare type ExpandableType = {
     expandedRowRender: (record: any) => ReactNode;
     rowExpandable?: (record: any) => boolean;
     onExpand?: (expanded: boolean, record: any) => void;
+    expandStrategy?: 'single' | 'multiple';
 };
 
 export declare type FetcherReturnType = {
@@ -734,12 +735,13 @@ export { i18n }
 
 export declare const Icon: (props: IconProps) => JSX.Element;
 
-export declare const IconBox: ({ icon, onClick, type, className }: IconBoxProps) => JSX_2.Element;
+export declare const IconBox: ({ icon, onClick, isDisabled, type, className }: IconBoxProps) => JSX_2.Element;
 
 export declare type IconBoxProps = {
     icon: FloraIcons;
     onClick?: () => void;
     type?: "primary" | "secondary";
+    isDisabled?: boolean;
     className?: string;
 };
 

package/package.json

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