@cagatayfdn/flora-components 0.0.103 → 0.0.105

package/dist/IconBox.css

@@ -0,0 +1 @@
+._iconBox_18b0e_1{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;border-radius:5px;padding:12px 0;border:1px solid transparent;outline:none;cursor:pointer}._iconBox_18b0e_1:focus{box-shadow:inherit}._iconBox_18b0e_1 i{width:13px;height:13px}._iconBox__primary_18b0e_21{color:#fff;background-color:#4482ff;border-color:#c8daec}._iconBox__secondary_18b0e_26{border-color:#c8daec;background-color:#fff;color:#717a8e}

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/IconBox/IconBox.js

@@ -0,0 +1,13 @@
+import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as r } from "../../index-BHf7G3IG.js";
+import i from "../Icon/index.js";
+import '../../IconBox.css';const x = "_iconBox_18b0e_1", a = "_iconBox__primary_18b0e_21", e = "_iconBox__secondary_18b0e_26", c = {
+  iconBox: x,
+  iconBox__primary: a,
+  iconBox__secondary: e
+}, p = ({ icon: s, onClick: _, type: o = "secondary" }) => /* @__PURE__ */ n.jsx("button", { className: r(c.iconBox, {
+  [c[`iconBox__${o}`]]: o
+}), onClick: _, children: /* @__PURE__ */ n.jsx(i, { name: s }) });
+export {
+  p as default
+};

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

@@ -6,14 +6,14 @@ import { default as u } from "./ActionButton/ActionButton.js";
 import { default as n } from "./AlertCard/AlertCard.js";
 import { default as C } from "./AuthUserCan/Permission.js";
 import { default as T } from "./Autocomplete/Autocomplete.js";
-import { default as I } from "./Card/Card.js";
+import { default as S } from "./Card/Card.js";
 import { default as P } from "./Charts/index.js";
 import { default as w } from "./Checkbox/Checkbox.js";
 import { default as A } from "./Config/Config.js";
 import { default as N } from "./Confirm/Confirm.js";
-import { default as F } from "./ContentHeader/ContentHeader.js";
-import { default as R } from "./ContentLoader/ContentLoader.js";
-import { default as y } from "./Countdown/Countdown.js";
+import { default as B } from "./ContentHeader/ContentHeader.js";
+import { default as M } from "./ContentLoader/ContentLoader.js";
+import { default as k } from "./Countdown/Countdown.js";
 import { default as U } from "./Datepicker/Datepicker.js";
 import { default as E } from "./Divider/Divider.js";
 import { default as W } from "./Drawer/index.js";
@@ -26,40 +26,41 @@ import { default as _ } from "./Grid/Column.js";
 import { default as oo } from "./Grid/Row.js";
 import { default as ro } from "./Heading/Heading.js";
 import { default as ao } from "./Icon/index.js";
-import { default as lo } from "./InfiniteScroll/InfiniteScroll.js";
-import { default as mo } from "./InfoBoxList/InfoBoxList.js";
-import { createConnectedService as so } from "./InfoBoxList/helper.js";
-import { default as io } from "./InfoDate/InfoDate.js";
-import { InfoText as co } from "./InfoText/InfoText.js";
-import { default as go } from "./Input/Input.js";
-import { default as So } from "./Label/Label.js";
-import { default as Lo } from "./Loading/Loading.js";
-import { default as ho } from "./Modal/Modal.js";
-import { default as bo } from "./NavigatorCard/index.js";
-import { default as Do } from "./NoResult/NoResult.js";
-import { Notification as vo } from "./Notification/Notification.js";
-import { default as Mo } from "./PageWrapper/PageWrap.js";
-import { default as ko } from "./Pager/Pager.js";
-import { default as Bo } from "./Panel/Panel.js";
-import { default as Ho } from "./PermaLink/PermaLink.js";
-import { default as Vo, RadioList as Wo } from "./Radio/Radio.js";
-import { default as qo } from "./ResultError/ResultError.js";
-import { default as Go } from "./ScrollContainer/ScrollContainer.js";
-import { default as Ko } from "./Select/NoData.js";
-import { S as Qo } from "../Select-DcLZCXNo.js";
-import { default as Yo } from "./Sidebar/index.js";
-import { M as _o } from "../MenuItem-DAf7NU3h.js";
-import { default as oe } from "./StatusTag/StatusTag.js";
-import { default as re } from "./StatusTypography/StatusTypography.js";
-import { default as ae } from "./Stepper/Stepper.js";
-import { default as le } from "./Switch/Switch.js";
-import { default as pe } from "./Tab/Tab.js";
-import { default as xe } from "./Table/Table.js";
-import { T as ue } from "../TableHeader-Cjx9ZwYH.js";
-import { default as ne } from "./Textarea/Textarea.js";
-import { default as Ce } from "./Tooltip/Tooltip.js";
-import { default as Te } from "./TypographyText/TypographyText.js";
-import { default as Ie } from "./ValidationError/ValidationError.js";
+import { default as lo } from "./IconBox/IconBox.js";
+import { default as mo } from "./InfiniteScroll/InfiniteScroll.js";
+import { default as so } from "./InfoBoxList/InfoBoxList.js";
+import { createConnectedService as io } from "./InfoBoxList/helper.js";
+import { default as co } from "./InfoDate/InfoDate.js";
+import { InfoText as go } from "./InfoText/InfoText.js";
+import { default as Io } from "./Input/Input.js";
+import { default as Lo } from "./Label/Label.js";
+import { default as ho } from "./Loading/Loading.js";
+import { default as bo } from "./Modal/Modal.js";
+import { default as Do } from "./NavigatorCard/index.js";
+import { default as vo } from "./NoResult/NoResult.js";
+import { Notification as Fo } from "./Notification/Notification.js";
+import { default as Ro } from "./PageWrapper/PageWrap.js";
+import { default as yo } from "./Pager/Pager.js";
+import { default as Ho } from "./Panel/Panel.js";
+import { default as Vo } from "./PermaLink/PermaLink.js";
+import { default as jo, RadioList as qo } from "./Radio/Radio.js";
+import { default as Go } from "./ResultError/ResultError.js";
+import { default as Ko } from "./ScrollContainer/ScrollContainer.js";
+import { default as Qo } from "./Select/NoData.js";
+import { S as Yo } from "../Select-DcLZCXNo.js";
+import { default as _o } from "./Sidebar/index.js";
+import { M as oe } from "../MenuItem-DAf7NU3h.js";
+import { default as re } from "./StatusTag/StatusTag.js";
+import { default as ae } from "./StatusTypography/StatusTypography.js";
+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-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";
+import { default as Pe } from "./ValidationError/ValidationError.js";
 export {
   m as Accordion,
   x as AccordionItem,
@@ -67,15 +68,15 @@ export {
   n as AlertCard,
   T as Autocomplete,
   r as Button,
-  I as Card,
+  S as Card,
   P as Chart,
   w as Checkbox,
   _ as Column,
   A as Config,
   N as Confirm,
-  F as ContentHeader,
-  R as ContentLoader,
-  y as Countdown,
+  B as ContentHeader,
+  M as ContentLoader,
+  k as Countdown,
   U as Datepicker,
   E as Divider,
   W as Drawer,
@@ -86,44 +87,45 @@ export {
   Y as FileUploadPreviewModal,
   ro as Heading,
   ao as Icon,
-  lo as InfiniteScroll,
-  mo as InfoBoxList,
-  io as InfoDate,
-  co as InfoText,
-  go as Input,
-  So as Label,
-  Lo as Loading,
-  _o as MenuItem,
-  ho as Modal,
-  bo as NavigatorCard,
+  lo as IconBox,
+  mo as InfiniteScroll,
+  so as InfoBoxList,
+  co as InfoDate,
+  go as InfoText,
+  Io as Input,
+  Lo as Label,
+  ho as Loading,
+  oe as MenuItem,
+  bo as Modal,
+  Do as NavigatorCard,
   a as NiceModal,
-  Ko as NoData,
-  Do as NoResult,
-  vo as Notification,
-  Mo as PageWrapper,
-  ko as Pager,
-  Bo as Panel,
+  Qo as NoData,
+  vo as NoResult,
+  Fo as Notification,
+  Ro as PageWrapper,
+  yo as Pager,
+  Ho as Panel,
   l as PermFallBack,
-  Ho as PermaLink,
+  Vo as PermaLink,
   C as Permission,
-  Vo as Radio,
-  Wo as RadioList,
-  qo as ResultError,
+  jo as Radio,
+  qo as RadioList,
+  Go as ResultError,
   oo as Row,
-  Go as ScrollContainer,
-  Qo as Select,
-  Yo as Sidebar,
-  oe as StatusTag,
-  re as StatusTypography,
-  ae as Stepper,
-  le as Switch,
-  pe as Tab,
-  xe as Table,
-  ue as TableHeader,
-  ne as Textarea,
-  Ce as Tooltip,
-  Te as TypographyText,
-  Ie as ValidationError,
-  so as createConnectedService,
+  Ko as ScrollContainer,
+  Yo as Select,
+  _o as Sidebar,
+  re as StatusTag,
+  ae as StatusTypography,
+  le as Stepper,
+  pe as Switch,
+  xe as Tab,
+  ue as Table,
+  ne as TableHeader,
+  Ce as Textarea,
+  Te as Tooltip,
+  Se as TypographyText,
+  Pe as ValidationError,
+  io as createConnectedService,
   d as getAuth
 };

package/dist/index.d.mts

@@ -597,6 +597,14 @@ export { i18n }
 
 export declare const Icon: (props: IconProps) => JSX.Element;
 
+export declare const IconBox: ({ icon, onClick, type }: IconBoxProps) => JSX_2.Element;
+
+export declare type IconBoxProps = {
+    icon: Icons;
+    onClick?: () => void;
+    type?: "primary" | "secondary";
+};
+
 export declare type IconProps = {
     id?: string;
     name: IconsId;

package/dist/index.d.ts

@@ -597,6 +597,14 @@ export { i18n }
 
 export declare const Icon: (props: IconProps) => JSX.Element;
 
+export declare const IconBox: ({ icon, onClick, type }: IconBoxProps) => JSX_2.Element;
+
+export declare type IconBoxProps = {
+    icon: Icons;
+    onClick?: () => void;
+    type?: "primary" | "secondary";
+};
+
 export declare type IconProps = {
     id?: string;
     name: IconsId;