@cagatayfdn/flora-components 0.0.163 → 0.0.165

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

@@ -208,6 +208,9 @@ export declare type BreadcrumbProps = {
     state?: any;
 };
 
+/** Build the final request URL from `baseURL`, `url` and serialized `params`. */
+export declare function buildFullURL(config: FetchRequestConfig): string;
+
 export declare const Button: ({ children, size, isLoading, isDisabled, isBlock, noBorder, noBackground, round, isSolid, isPill, type, focus, className, prefixIcon, appearance, onClick, }: ButtonProps) => JSX.Element;
 
 export declare type ButtonProps = {
@@ -319,6 +322,12 @@ export declare type ColumnsType = {
     render?: (property: any, row: any) => void;
 };
 
+/**
+ * Join a base URL and a relative URL with a single slash. An absolute
+ * `relativeURL` (with its own scheme/host) is returned untouched.
+ */
+export declare function combineURLs(baseURL?: string, relativeURL?: string): string;
+
 export declare function Config({ config, scrollProps }: ConfigProps): JSX_2.Element;
 
 declare function Config({ config, scrollProps }: ConfigProps): JSX_2.Element;
@@ -379,6 +388,20 @@ export declare type CountdownProps = {
 
 export declare const createConnectedService: (projects: Record<string, any>[], isFlex?: boolean) => JSX_2.Element[] | undefined;
 
+/**
+ * Create an axios-like HTTP client backed by the Fetch API.
+ *
+ * @example
+ * const instance = createFetchClient({ baseURL: import.meta.env.VITE_APP_API_URL });
+ * instance.interceptors.request.use((config) => {
+ *   const token = localStorage.getItem("token");
+ *   if (token) config.headers = { ...config.headers, Authorization: `Token ${token}` };
+ *   return config;
+ * });
+ * const { data } = await instance.get("/users");
+ */
+export declare function createFetchClient(defaultConfig?: FetchRequestConfig): FetchInstance;
+
 export declare type CustomItemProps = {
     item: OptionProps;
 };
@@ -440,6 +463,13 @@ export declare interface DateRange {
 
 export { dayjs }
 
+/**
+ * Serialize `params` into a query string. Arrays repeat the key with a `[]`
+ * suffix, `Date`s become ISO strings, plain objects are JSON-encoded, and
+ * `null`/`undefined` values are skipped — matching axios' default behaviour.
+ */
+export declare function defaultParamsSerializer(params: any): string;
+
 declare type Dispatch_2 = React_2.Dispatch<Actiontype>;
 
 export declare const Divider: ({ appearance, className, margin, }: DividerProps) => JSX.Element;
@@ -525,6 +555,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 = {
@@ -533,8 +564,69 @@ export declare type FetcherReturnType = {
     startInterval: (...params: any) => void;
 };
 
+/**
+ * Error thrown for failed requests. Mirrors `AxiosError`: it carries the
+ * originating `config`, the `response` (when the server responded) and a
+ * machine-readable `code`. Network failures, timeouts and cancellations have
+ * no `response`.
+ */
+export declare class FetchError<T = any> extends Error {
+    config: FetchRequestConfig;
+    code?: string;
+    request?: any;
+    response?: FetchResponse<T>;
+    isFetchError: boolean;
+    constructor(message: string, config: FetchRequestConfig, code?: string, request?: any, response?: FetchResponse<T>);
+    toJSON(): {
+        name: string;
+        message: string;
+        code: string | undefined;
+        status: number | undefined;
+    };
+}
+
+export declare const FetchErrorCode: {
+    readonly BAD_REQUEST: "ERR_BAD_REQUEST";
+    readonly BAD_RESPONSE: "ERR_BAD_RESPONSE";
+    readonly NETWORK: "ERR_NETWORK";
+    readonly TIMEOUT: "ERR_TIMEOUT";
+    readonly CANCELED: "ERR_CANCELED";
+};
+
 export declare type FetcherType = (...params: any) => void;
 
+export declare type FetchHeaders = Record<string, string>;
+
+/**
+ * A configured client. Callable like axios (`instance(config)` /
+ * `instance(url, config)`) and exposes `request`, the HTTP verb helpers,
+ * `interceptors`, `defaults`, and `create`.
+ */
+export declare interface FetchInstance {
+    <T = any>(config: FetchRequestConfig): Promise<FetchResponse<T>>;
+    <T = any>(url: string, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    request<T = any>(config: FetchRequestConfig): Promise<FetchResponse<T>>;
+    get<T = any>(url: string, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    delete<T = any>(url: string, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    head<T = any>(url: string, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    options<T = any>(url: string, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    post<T = any, D = any>(url: string, data?: D, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    put<T = any, D = any>(url: string, data?: D, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    patch<T = any, D = any>(url: string, data?: D, config?: FetchRequestConfig): Promise<FetchResponse<T>>;
+    interceptors: {
+        request: FetchInterceptorManager<FetchRequestConfig>;
+        response: FetchInterceptorManager<FetchResponse>;
+    };
+    defaults: FetchRequestConfig;
+    create(config?: FetchRequestConfig): FetchInstance;
+}
+
+export declare interface FetchInterceptorManager<V> {
+    use(onFulfilled?: (value: V) => V | Promise<V>, onRejected?: InterceptorRejected): number;
+    eject(id: number): void;
+    clear(): void;
+}
+
 export declare interface FetchLogsParams {
     applications: string[];
     scroll_mode?: 'older' | 'newer';
@@ -543,6 +635,47 @@ export declare interface FetchLogsParams {
     withoutPermission?: boolean;
 }
 
+export declare type FetchMethod = "get" | "GET" | "post" | "POST" | "put" | "PUT" | "patch" | "PATCH" | "delete" | "DELETE" | "head" | "HEAD" | "options" | "OPTIONS";
+
+/**
+ * Request configuration. Mirrors the shape of an axios request config so that
+ * migrating existing axios code requires minimal changes. Unknown keys are
+ * allowed (e.g. custom flags like `_retry`) via the index signature.
+ */
+export declare interface FetchRequestConfig<D = any> {
+    url?: string;
+    method?: FetchMethod;
+    baseURL?: string;
+    headers?: FetchHeaders;
+    params?: any;
+    data?: D;
+    signal?: AbortSignal;
+    /** Abort the request after this many milliseconds. */
+    timeout?: number;
+    /** When true, sends credentials (cookies) cross-origin (`credentials: "include"`). */
+    withCredentials?: boolean;
+    /** Fine-grained override of the fetch `credentials` mode. Takes precedence over `withCredentials`. */
+    credentials?: RequestCredentials;
+    /** How to parse the response body. Defaults to `"json"`. */
+    responseType?: FetchResponseType;
+    /** Custom query-string serializer. Defaults to an axios-compatible serializer. */
+    paramsSerializer?: (params: any) => string;
+    /** Resolves the promise only for matching statuses. `null` accepts every status. */
+    validateStatus?: ((status: number) => boolean) | null;
+    [key: string]: any;
+}
+
+export declare interface FetchResponse<T = any, D = any> {
+    data: T;
+    status: number;
+    statusText: string;
+    headers: FetchHeaders;
+    config: FetchRequestConfig<D>;
+    request?: any;
+}
+
+export declare type FetchResponseType = "json" | "text" | "blob" | "arrayBuffer" | "formData";
+
 export declare const FileUpload: React_2.ForwardRefExoticComponent<{
     type?: "number" | "email" | "search" | "text" | "url" | "tel" | "password" | "hidden" | undefined;
     id?: string | undefined;
@@ -851,11 +984,42 @@ export declare type InputProps = {
     textFillColor?: string;
 } & Omit<FormElementProps, 'value'> & Omit<EventProps<HTMLInputElement>, 'onMouseUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'>;
 
+declare interface InterceptorHandler<V> {
+    fulfilled?: (value: V) => V | Promise<V>;
+    rejected?: InterceptorRejected;
+}
+
+/**
+ * Holds a list of interceptor handlers. Ejecting nulls a slot instead of
+ * splicing so previously returned ids stay valid (same approach as axios).
+ */
+export declare class InterceptorManager<V> {
+    private handlers;
+    /**
+     * Register a handler pair. Returns an id usable with {@link eject}.
+     */
+    use(onFulfilled?: (value: V) => V | Promise<V>, onRejected?: InterceptorRejected): number;
+    /** Remove the handler registered under `id`. */
+    eject(id: number): void;
+    /** Remove every registered handler. */
+    clear(): void;
+    /** Iterate over the non-ejected handlers in registration order. */
+    forEach(fn: (handler: InterceptorHandler<V>) => void): void;
+}
+
+export declare type InterceptorRejected = (error: any) => any;
+
 export declare enum isActiveColor {
     inActive = "#4482ff",
     active = "#3f4b5c"
 }
 
+/** True when `value` is the error produced by an aborted/cancelled request. */
+export declare function isCancel(value: any): boolean;
+
+/** Type guard: true when `value` is a `FetchError`. */
+export declare function isFetchError(value: any): value is FetchError;
+
 export declare interface KeyValueParams {
     [key: string]: string | string[] | number | number[] | undefined | Record<string, unknown>;
 }