@cagatayfdn/flora-components 0.0.148 → 0.0.149

package/dist/components/index.js

@@ -5,14 +5,14 @@ import { Accordion as m, AccordionItem as x } from "./Accordion/Accordion.js";
 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 I } from "./Autocomplete/Autocomplete.js";
-import { default as T } from "./Avatar/Avatar.js";
+import { default as T } from "./Autocomplete/Autocomplete.js";
+import { default as S } from "./Avatar/Avatar.js";
 import { default as P } from "./Card/Card.js";
 import { default as h } from "./Charts/index.js";
 import { default as A } from "./Checkbox/Checkbox.js";
-import { default as D } from "./Config/Config.js";
-import { default as B } from "./Confirm/Confirm.js";
-import { default as M } from "./ContentHeader/ContentHeader.js";
+import { default as v } from "./Config/Config.js";
+import { default as M } from "./Confirm/Confirm.js";
+import { default as B } from "./ContentHeader/ContentHeader.js";
 import { default as U } from "./ContentLoader/ContentLoader.js";
 import { default as y } from "./Countdown/Countdown.js";
 import { default as E } from "./Datepicker/Datepicker.js";
@@ -32,53 +32,54 @@ import { default as so } from "./InfiniteScroll/InfiniteScroll.js";
 import { default as io } from "./InfoBoxList/InfoBoxList.js";
 import { createConnectedService as co } from "./InfoBoxList/helper.js";
 import { default as go } from "./InfoDate/InfoDate.js";
-import { InfoText as So } from "./InfoText/InfoText.js";
+import { InfoText as Io } from "./InfoText/InfoText.js";
 import { default as Lo } from "./Input/Input.js";
 import { default as bo } from "./Label/Label.js";
 import { default as wo } from "./Loading/Loading.js";
-import { default as vo } from "./Modal/Modal.js";
-import { default as No } from "./NavigatorCard/index.js";
-import { default as Fo } from "./NoResult/NoResult.js";
-import { Notification as Ro } from "./Notification/Notification.js";
+import { default as Ro } from "./Modal/Modal.js";
+import { default as Do } from "./NavigatorCard/index.js";
+import { default as No } from "./NoResult/NoResult.js";
+import { Notification as Fo } from "./Notification/Notification.js";
 import { default as ko } from "./PageWrapper/PageWrap.js";
 import { default as Ho } from "./Pager/Pager.js";
 import { default as Vo } from "./Panel/Panel.js";
 import { default as jo } from "./PermaLink/PermaLink.js";
 import { default as zo, RadioList as Go } from "./Radio/Radio.js";
-import { default as Ko } from "./ResultError/ResultError.js";
-import { default as Qo } from "./ScrollContainer/ScrollContainer.js";
-import { default as Yo } from "./Select/NoData.js";
-import { S as _o } from "../Select-nhp2PiJK.js";
-import { default as oe } from "./Sidebar/index.js";
-import { M as re } from "../MenuItem-Df6Zsa7E.js";
-import { default as te } from "./StatusTag/StatusTag.js";
-import { default as le } from "./StatusTypography/StatusTypography.js";
-import { default as pe } from "./Stepper/Stepper.js";
-import { default as xe } from "./Switch/Switch.js";
-import { default as ue } from "./Tab/Tab.js";
-import { default as ne } from "./Table/Table.js";
-import { default as Ce } from "./Table/TableHeader.js";
-import { default as Ie } from "./Table/TableSort.js";
-import { default as Te } from "./Textarea/Textarea.js";
-import { default as Pe } from "./Tooltip/Tooltip.js";
-import { default as he } from "./TypographyText/TypographyText.js";
-import { default as Ae } from "./UserInfo/UserInfo.js";
-import { default as De } from "./ValidationError/ValidationError.js";
+import { R as Ko } from "../RealtimeLogModal-gZOv7y-z.js";
+import { default as Qo } from "./ResultError/ResultError.js";
+import { default as Yo } from "./ScrollContainer/ScrollContainer.js";
+import { default as _o } from "./Select/NoData.js";
+import { S as oe } from "../Select-nhp2PiJK.js";
+import { default as re } from "./Sidebar/index.js";
+import { M as te } from "../MenuItem-Df6Zsa7E.js";
+import { default as le } from "./StatusTag/StatusTag.js";
+import { default as pe } from "./StatusTypography/StatusTypography.js";
+import { default as xe } from "./Stepper/Stepper.js";
+import { default as ue } from "./Switch/Switch.js";
+import { default as ne } from "./Tab/Tab.js";
+import { default as Ce } from "./Table/Table.js";
+import { default as Te } from "./Table/TableHeader.js";
+import { default as Se } from "./Table/TableSort.js";
+import { default as Pe } from "./Textarea/Textarea.js";
+import { default as he } from "./Tooltip/Tooltip.js";
+import { default as Ae } from "./TypographyText/TypographyText.js";
+import { default as ve } from "./UserInfo/UserInfo.js";
+import { default as Me } from "./ValidationError/ValidationError.js";
 export {
   m as Accordion,
   x as AccordionItem,
   u as ActionButton,
   n as AlertCard,
-  I as Autocomplete,
-  T as Avatar,
+  T as Autocomplete,
+  S as Avatar,
   r as Button,
   P as Card,
   h as Chart,
   A as Checkbox,
   oo as Column,
-  D as Config,
-  B as Confirm,
-  M as ContentHeader,
+  v as Config,
+  M as Confirm,
+  B as ContentHeader,
   U as ContentLoader,
   y as Countdown,
   E as Datepicker,
@@ -95,17 +96,17 @@ export {
   so as InfiniteScroll,
   io as InfoBoxList,
   go as InfoDate,
-  So as InfoText,
+  Io as InfoText,
   Lo as Input,
   bo as Label,
   wo as Loading,
-  re as MenuItem,
-  vo as Modal,
-  No as NavigatorCard,
+  te as MenuItem,
+  Ro as Modal,
+  Do as NavigatorCard,
   t as NiceModal,
-  Yo as NoData,
-  Fo as NoResult,
-  Ro as Notification,
+  _o as NoData,
+  No as NoResult,
+  Fo as Notification,
   ko as PageWrapper,
   Ho as Pager,
   Vo as Panel,
@@ -114,24 +115,25 @@ export {
   C as Permission,
   zo as Radio,
   Go as RadioList,
-  Ko as ResultError,
+  Ko as RealTimeLogModal,
+  Qo as ResultError,
   ro as Row,
-  Qo as ScrollContainer,
-  _o as Select,
-  oe as Sidebar,
-  te as StatusTag,
-  le as StatusTypography,
-  pe as Stepper,
-  xe as Switch,
-  ue as Tab,
-  ne as Table,
-  Ce as TableHeader,
-  Ie as TableSort,
-  Te as Textarea,
-  Pe as Tooltip,
-  he as TypographyText,
-  Ae as UserInfo,
-  De as ValidationError,
+  Yo as ScrollContainer,
+  oe as Select,
+  re as Sidebar,
+  le as StatusTag,
+  pe as StatusTypography,
+  xe as Stepper,
+  ue as Switch,
+  ne as Tab,
+  Ce as Table,
+  Te as TableHeader,
+  Se as TableSort,
+  Pe as Textarea,
+  he as Tooltip,
+  Ae as TypographyText,
+  ve as UserInfo,
+  Me as ValidationError,
   co as createConnectedService,
   d as getAuth
 };

package/dist/{helper-lFjvXQpv.js → helper-1SQ9SI45.js}

@@ -1451,12 +1451,12 @@ export {
   Nt as a,
   St as b,
   xt as c,
-  kt as d,
-  Et as e,
+  qt as d,
+  kt as e,
   it as f,
-  Ft as g,
-  It as h,
-  qt as i,
+  Et as g,
+  Ft as h,
+  It as i,
   ft as p,
   Lt as r,
   Wt as s,

package/dist/index.d.mts

@@ -6,9 +6,10 @@ import { CustomLocale } from 'flatpickr/dist/types/locale';
 import { DateLimit } from 'flatpickr/dist/types/options';
 import { DateOption } from 'flatpickr/dist/types/options';
 import dayjs from 'dayjs';
-import { Dispatch as Dispatch_2 } from 'react';
+import { Dispatch } from 'react';
 import { FC } from 'react';
 import { FieldError } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 import { format } from 'date-fns';
 import i18n from 'i18next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
@@ -27,6 +28,8 @@ import { TFunction } from 'i18next';
 import { TFunctionResult } from 'i18next';
 import { Tick } from 'chart.js';
 import { TooltipItem } from 'chart.js';
+import { UseFormWatch } from 'react-hook-form';
+import { WatchObserver } from 'react-hook-form';
 
 export declare const Accordion: ({ children, className, }: AccordionProps) => JSX.Element;
 
@@ -142,6 +145,13 @@ export declare enum AppearanceTag {
     WARNING = "warning"
 }
 
+export declare interface ApplicationLogs {
+    id: string;
+    application_type: string;
+    log_timestamp: string;
+    message: string;
+}
+
 export declare enum ApplicationTypeSlug {
     COMMERCE = "commerce",
     ZERO = "zero",
@@ -164,7 +174,7 @@ export declare enum AppTypeEnum {
 
 declare type AuthContextType = [state: State & {
     token?: string;
-}, dispatch: Dispatch];
+}, dispatch: Dispatch_2];
 
 export declare const AuthProvider: (props: {
     children: React_2.ReactNode;
@@ -430,7 +440,7 @@ export declare interface DateRange {
 
 export { dayjs }
 
-declare type Dispatch = React_2.Dispatch<Actiontype>;
+declare type Dispatch_2 = React_2.Dispatch<Actiontype>;
 
 export declare const Divider: ({ appearance, className, margin, }: DividerProps) => JSX.Element;
 
@@ -509,6 +519,22 @@ declare type ExpandableType = {
     onExpand?: (expanded: boolean, record: any) => void;
 };
 
+export declare type FetcherReturnType = {
+    fetch: (...params: any) => void;
+    stopInterval: () => void;
+    startInterval: (...params: any) => void;
+};
+
+export declare type FetcherType = (...params: any) => void;
+
+export declare interface FetchLogsParams {
+    applications: string[];
+    scroll_mode?: 'older' | 'newer';
+    projectPk: string;
+    appPk: string;
+    withoutPermission?: boolean;
+}
+
 export declare const FileUpload: React_2.ForwardRefExoticComponent<{
     type?: "number" | "email" | "search" | "text" | "url" | "tel" | "password" | "hidden" | undefined;
     id?: string | undefined;
@@ -635,6 +661,14 @@ export declare interface FormElementProps {
     value?: string | number;
 }
 
+export declare type FormFetcherReturnType<T extends FieldValues> = {
+    fetch: (...params: any) => void;
+    stop: () => void;
+    startInterval: (page: number, limit: number, values: T) => void;
+    stopInterval: () => void;
+    startSubscription: (watch: UseFormWatch<T>, callback: WatchObserver<T>) => void;
+};
+
 export declare enum FormFieldAppearance {
     LIGHT = "light",
     DARK = "dark",
@@ -745,6 +779,7 @@ export declare const Input: React_2.ForwardRefExoticComponent<{
     type?: "number" | "email" | "search" | "text" | "url" | "tel" | "password" | "hidden" | undefined;
     prefix?: ReactNode;
     suffix?: ReactNode;
+    prefixClickable?: boolean | undefined;
     suffixClickable?: boolean | undefined;
     id?: string | undefined;
     size?: Size | undefined;
@@ -766,6 +801,7 @@ export declare type InputProps = {
     type?: 'text' | 'url' | 'number' | 'tel' | 'password' | 'email' | 'search' | 'hidden';
     prefix?: ReactNode;
     suffix?: ReactNode;
+    prefixClickable?: boolean;
     suffixClickable?: boolean;
     id?: string;
     size?: Size;
@@ -1074,6 +1110,30 @@ export declare type RadioProps = {
     setContext?: (v: OptionItem) => void;
 } & FormElementProps & Pick<EventProps<HTMLInputElement>, 'onChange' | 'onFocus'>;
 
+export declare const RealTimeLogModal: FC<RealTimeLogModalProps & NiceModalHocProps>;
+
+export declare type RealTimeLogModalProps = {
+    id: string;
+    projectPk: string;
+    logs: ApplicationLogs[];
+    responseCount?: number;
+    totalLogCount?: number;
+    lastLogIndex?: number;
+    withoutPermission?: boolean;
+    appPk: string;
+    interval: number;
+    loading?: boolean;
+    logTypes: {
+        label: string;
+        value: string;
+    }[];
+    setVisible?: Dispatch<SetStateAction<boolean>>;
+    download: (value: any, isRealTime: boolean) => void;
+    onClose?: () => void;
+    onFetchLogs: (params: FetchLogsParams) => Promise<any>;
+    onClearLogs: () => void;
+};
+
 export declare enum ReportStatus {
     PENDING = "pending",
     FAILED = "failed",
@@ -1185,6 +1245,10 @@ export declare enum SortEnum {
     DESC = "desc"
 }
 
+export declare function startFetcher(fetcher: FetcherType, ms: number): FetcherReturnType;
+
+export declare function startFormFetcher<T extends FieldValues>(fetcher: FetcherType, ms: number): FormFetcherReturnType<T>;
+
 declare interface State {
     user: UserEntity_2 | null;
     status: Status;
@@ -1450,7 +1514,7 @@ export declare const useAuth: () => AuthContextType;
 
 export declare function useDisclosure(isOpenInit?: boolean): {
     isOpen: boolean;
-    setIsOpen: Dispatch_2<SetStateAction<boolean>>;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
     onOpen: () => void;
     onClose: () => void;
     onToggle: () => void;

package/dist/index.d.ts

@@ -6,9 +6,10 @@ import { CustomLocale } from 'flatpickr/dist/types/locale';
 import { DateLimit } from 'flatpickr/dist/types/options';
 import { DateOption } from 'flatpickr/dist/types/options';
 import dayjs from 'dayjs';
-import { Dispatch as Dispatch_2 } from 'react';
+import { Dispatch } from 'react';
 import { FC } from 'react';
 import { FieldError } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 import { format } from 'date-fns';
 import i18n from 'i18next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
@@ -27,6 +28,8 @@ import { TFunction } from 'i18next';
 import { TFunctionResult } from 'i18next';
 import { Tick } from 'chart.js';
 import { TooltipItem } from 'chart.js';
+import { UseFormWatch } from 'react-hook-form';
+import { WatchObserver } from 'react-hook-form';
 
 export declare const Accordion: ({ children, className, }: AccordionProps) => JSX.Element;
 
@@ -142,6 +145,13 @@ export declare enum AppearanceTag {
     WARNING = "warning"
 }
 
+export declare interface ApplicationLogs {
+    id: string;
+    application_type: string;
+    log_timestamp: string;
+    message: string;
+}
+
 export declare enum ApplicationTypeSlug {
     COMMERCE = "commerce",
     ZERO = "zero",
@@ -164,7 +174,7 @@ export declare enum AppTypeEnum {
 
 declare type AuthContextType = [state: State & {
     token?: string;
-}, dispatch: Dispatch];
+}, dispatch: Dispatch_2];
 
 export declare const AuthProvider: (props: {
     children: React_2.ReactNode;
@@ -430,7 +440,7 @@ export declare interface DateRange {
 
 export { dayjs }
 
-declare type Dispatch = React_2.Dispatch<Actiontype>;
+declare type Dispatch_2 = React_2.Dispatch<Actiontype>;
 
 export declare const Divider: ({ appearance, className, margin, }: DividerProps) => JSX.Element;
 
@@ -509,6 +519,22 @@ declare type ExpandableType = {
     onExpand?: (expanded: boolean, record: any) => void;
 };
 
+export declare type FetcherReturnType = {
+    fetch: (...params: any) => void;
+    stopInterval: () => void;
+    startInterval: (...params: any) => void;
+};
+
+export declare type FetcherType = (...params: any) => void;
+
+export declare interface FetchLogsParams {
+    applications: string[];
+    scroll_mode?: 'older' | 'newer';
+    projectPk: string;
+    appPk: string;
+    withoutPermission?: boolean;
+}
+
 export declare const FileUpload: React_2.ForwardRefExoticComponent<{
     type?: "number" | "email" | "search" | "text" | "url" | "tel" | "password" | "hidden" | undefined;
     id?: string | undefined;
@@ -635,6 +661,14 @@ export declare interface FormElementProps {
     value?: string | number;
 }
 
+export declare type FormFetcherReturnType<T extends FieldValues> = {
+    fetch: (...params: any) => void;
+    stop: () => void;
+    startInterval: (page: number, limit: number, values: T) => void;
+    stopInterval: () => void;
+    startSubscription: (watch: UseFormWatch<T>, callback: WatchObserver<T>) => void;
+};
+
 export declare enum FormFieldAppearance {
     LIGHT = "light",
     DARK = "dark",
@@ -745,6 +779,7 @@ export declare const Input: React_2.ForwardRefExoticComponent<{
     type?: "number" | "email" | "search" | "text" | "url" | "tel" | "password" | "hidden" | undefined;
     prefix?: ReactNode;
     suffix?: ReactNode;
+    prefixClickable?: boolean | undefined;
     suffixClickable?: boolean | undefined;
     id?: string | undefined;
     size?: Size | undefined;
@@ -766,6 +801,7 @@ export declare type InputProps = {
     type?: 'text' | 'url' | 'number' | 'tel' | 'password' | 'email' | 'search' | 'hidden';
     prefix?: ReactNode;
     suffix?: ReactNode;
+    prefixClickable?: boolean;
     suffixClickable?: boolean;
     id?: string;
     size?: Size;
@@ -1074,6 +1110,30 @@ export declare type RadioProps = {
     setContext?: (v: OptionItem) => void;
 } & FormElementProps & Pick<EventProps<HTMLInputElement>, 'onChange' | 'onFocus'>;
 
+export declare const RealTimeLogModal: FC<RealTimeLogModalProps & NiceModalHocProps>;
+
+export declare type RealTimeLogModalProps = {
+    id: string;
+    projectPk: string;
+    logs: ApplicationLogs[];
+    responseCount?: number;
+    totalLogCount?: number;
+    lastLogIndex?: number;
+    withoutPermission?: boolean;
+    appPk: string;
+    interval: number;
+    loading?: boolean;
+    logTypes: {
+        label: string;
+        value: string;
+    }[];
+    setVisible?: Dispatch<SetStateAction<boolean>>;
+    download: (value: any, isRealTime: boolean) => void;
+    onClose?: () => void;
+    onFetchLogs: (params: FetchLogsParams) => Promise<any>;
+    onClearLogs: () => void;
+};
+
 export declare enum ReportStatus {
     PENDING = "pending",
     FAILED = "failed",
@@ -1185,6 +1245,10 @@ export declare enum SortEnum {
     DESC = "desc"
 }
 
+export declare function startFetcher(fetcher: FetcherType, ms: number): FetcherReturnType;
+
+export declare function startFormFetcher<T extends FieldValues>(fetcher: FetcherType, ms: number): FormFetcherReturnType<T>;
+
 declare interface State {
     user: UserEntity_2 | null;
     status: Status;
@@ -1450,7 +1514,7 @@ export declare const useAuth: () => AuthContextType;
 
 export declare function useDisclosure(isOpenInit?: boolean): {
     isOpen: boolean;
-    setIsOpen: Dispatch_2<SetStateAction<boolean>>;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
     onOpen: () => void;
     onClose: () => void;
     onToggle: () => void;