@odigos/ui-kit 0.0.127 → 0.0.129

package/lib/components/_v2/button/index.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes, type FC } from 'react';
+import React, { type ButtonHTMLAttributes } from 'react';
 import type { SVG } from '@/types';
 export declare enum ButtonVariants {
     Primary = "primary",
@@ -17,5 +17,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariants;
     size?: ButtonSize;
     loading?: boolean;
+    fullWidth?: boolean;
+    withShadow?: boolean;
 }
-export declare const Button: FC<ButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/_v2/button-tab-list/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { type ButtonTabProps } from '../button-tab';
+export interface ButtonTabListProps {
+    buttons: ButtonTabProps[];
+}
+export declare const ButtonTabList: FC<ButtonTabListProps>;

package/lib/components/_v2/checkbox/index.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+export declare enum CheckboxSize {
+    S = "small",
+    L = "large"
+}
+export interface CheckboxProps {
+    label?: string;
+    size?: CheckboxSize;
+    disabled?: boolean;
+    partiallyChecked?: boolean;
+    value: boolean;
+    onChange: (value: boolean) => void;
+}
+export declare const Checkbox: FC<CheckboxProps>;

package/lib/components/_v2/checkbox-list/index.d.ts

@@ -0,0 +1,24 @@
+import { type FC, SetStateAction, Dispatch } from 'react';
+import { CheckboxProps, CheckboxSize } from '../checkbox';
+export declare enum CheckboxListDirection {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+interface Values {
+    [key: string]: boolean;
+}
+interface Option extends Pick<CheckboxProps, 'label'> {
+    id: string;
+}
+export interface CheckboxListProps {
+    label?: string;
+    size?: CheckboxSize;
+    disabled?: boolean;
+    direction?: CheckboxListDirection;
+    withSelectAll?: boolean;
+    options: Option[];
+    values: Values;
+    setValues: Dispatch<SetStateAction<Values>>;
+}
+export declare const CheckboxList: FC<CheckboxListProps>;
+export {};

package/lib/components/_v2/index.d.ts

@@ -1,6 +1,12 @@
 export * from './button';
 export * from './button-tab';
+export * from './button-tab-list';
+export * from './checkbox';
+export * from './checkbox-list';
 export * from './input';
 export * from './modal';
 export * from './note';
+export * from './radio';
+export * from './radio-group';
+export * from './segment';
 export * from './typography';

package/lib/components/_v2/input/index.d.ts

@@ -4,7 +4,9 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     required?: boolean;
     tooltip?: string;
-    icon?: SVG;
+    leftIcon?: SVG;
+    rightIcon?: SVG;
     errorMessage?: string;
+    helpMessage?: string;
 }
 export declare const Input: FC<InputProps>;

package/lib/components/_v2/note/index.d.ts

@@ -1,5 +1,7 @@
 import { type FC } from 'react';
+import { StatusType } from '@/types';
 export interface NoteProps {
+    status: StatusType;
     message: string;
 }
 export declare const Note: FC<NoteProps>;

package/lib/components/_v2/radio/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+export declare enum RadioSize {
+    S = "small",
+    L = "large"
+}
+export interface RadioProps {
+    label?: string;
+    size?: RadioSize;
+    disabled?: boolean;
+    value: boolean;
+    onChange: (value: boolean) => void;
+}
+export declare const Radio: FC<RadioProps>;

package/lib/components/_v2/radio-group/index.d.ts

@@ -0,0 +1,23 @@
+import { type FC, type Dispatch, type SetStateAction } from 'react';
+import { RadioProps, RadioSize } from '../radio';
+export declare enum RadioGroupDirection {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+interface Values {
+    [key: string]: boolean;
+}
+interface Option extends Pick<RadioProps, 'label'> {
+    id: string;
+}
+export interface RadioGroupProps {
+    label?: string;
+    size?: RadioSize;
+    disabled?: boolean;
+    direction?: RadioGroupDirection;
+    options: Option[];
+    values: Values;
+    setValues: Dispatch<SetStateAction<Values>>;
+}
+export declare const RadioGroup: FC<RadioGroupProps>;
+export {};

package/lib/components/_v2/segment/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Option<T> {
+    value: T;
+    label: string;
+}
+export interface SegmentProps<T = any> {
+    options: Option<T>[];
+    selected: T;
+    setSelected: (value: T) => void;
+}
+export declare const Segment: <T>({ options, selected, setSelected }: SegmentProps<T>) => React.JSX.Element;
+export {};

package/lib/components/_v2/typography/index.d.ts

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+import { CSSProperties } from 'styled-components';
 export declare enum TypographyVariants {
     H1 = "h1",
     H2 = "h2",
@@ -10,14 +11,14 @@ export declare enum TypographyVariants {
     Span = "span"
 }
 export declare enum TypographySize {
-    XXS = 12,
-    XS = 14,
-    S = 16,
-    M = 20,
-    L = 24,
-    XL = 32,
-    XXL = 40,
-    XXXL = 48
+    XXS = "xxs",
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 export declare enum TypographyAlign {
     Left = "left",
@@ -27,10 +28,11 @@ export declare enum TypographyAlign {
 export interface TypographyProps {
     children: React.ReactNode;
     variant?: TypographyVariants;
-    color?: string;
+    color?: CSSProperties['color'];
     size?: TypographySize;
-    weight?: number;
+    weight?: CSSProperties['fontWeight'];
     align?: TypographyAlign;
-    lineHeight?: number;
+    transform?: CSSProperties['textTransform'];
+    lineHeight?: CSSProperties['lineHeight'];
 }
 export declare const Typography: FC<TypographyProps>;

package/lib/components/tab-list/index.d.ts

@@ -10,8 +10,8 @@ interface TabListProps {
     tabs?: Tab[];
     hideBorder?: boolean;
 }
-declare const Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").TextProps, {
+declare const Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $selected?: boolean;
-}>> & string & Omit<React.FC<import("..").TextProps>, keyof React.Component<any, {}, any>>;
+}>> & string;
 declare const TabList: FC<TabListProps>;
 export { TabList, type TabListProps, type Tab };

package/lib/components/v2.js

@@ -1 +1 @@
-export{cn as Button,cm as ButtonSize,co as ButtonTab,cl as ButtonVariants,cp as Input,cq as Modal,cr as Note,cv as Typography,cu as TypographyAlign,ct as TypographySize,cs as TypographyVariants}from"../chunks/ui-components-2d8c514a.js";import"../icons.js";import"react";import"zustand";import"javascript-time-ago";import"../chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{cD as Button,cC as ButtonSize,cE as ButtonTab,cF as ButtonTabList,cB as ButtonVariants,cH as Checkbox,cJ as CheckboxList,cI as CheckboxListDirection,cG as CheckboxSize,cK as Input,cL as Modal,cM as Note,cO as Radio,cQ as RadioGroup,cP as RadioGroupDirection,cN as RadioSize,cR as Segment,cV as Typography,cU as TypographyAlign,cT as TypographySize,cS as TypographyVariants}from"../chunks/ui-components-a3c3ae8b.js";import"../icons.js";import"react";import"zustand";import"javascript-time-ago";import"../chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/components.js

@@ -1 +1 @@
-export{V as AutocompleteInput,ag as Badge,aj as Button,t as CancelWarning,ad as CenterThis,C as Checkbox,cy as Code,G as ConditionDetails,H as DataCard,a as DataCardFieldTypes,b5 as DataCardFields,cz as DataFinger,am as DataTab,s as DeleteWarning,bt as DescribeRow,W as Divider,m as DocsButton,r as Drawer,cB as DrawerFooter,cA as DrawerHeader,aK as Dropdown,cC as ErrorBoundary,aT as ExtendArrow,an as FadeLoader,b as FieldError,F as FieldLabel,L as FlexColumn,Z as FlexRow,cD as Header,aS as IconButton,bC as IconGroup,a9 as IconTitleBadge,a4 as IconWrapped,bp as IconsNav,cE as ImageControlled,I as Input,h as InputList,e as InputTable,ac as InteractiveTable,g as KeyValueInputsList,ai as LoadingText,O as Modal,Q as ModalBody,M as MonitorsCheckboxes,a6 as MonitorsIcons,P as NavigationButtons,ae as NoDataFound,R as NotificationNote,cK as Overlay,aF as Popup,bH as PopupForm,bM as ScrollX,ar as ScrollY,l as SectionTitle,S as Segment,aG as SelectionButton,av as SkeletonLoader,Y as Status,b4 as Stepper,cF as TabList,a7 as TableContainer,a8 as TableTitleWrap,ab as TableWrap,be as Tag,k as Text,n as TextArea,f as Toggle,bK as ToggleCodeComponent,$ as Tooltip,af as TraceLoader,aH as VerticalScroll,cJ as WarningModal,cG as getLinksFromText,cH as getStrongsFromText,cI as renderText}from"./chunks/ui-components-2d8c514a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{V as AutocompleteInput,ag as Badge,aj as Button,t as CancelWarning,ad as CenterThis,C as Checkbox,co as Code,G as ConditionDetails,H as DataCard,a as DataCardFieldTypes,b5 as DataCardFields,cp as DataFinger,am as DataTab,s as DeleteWarning,bt as DescribeRow,W as Divider,m as DocsButton,r as Drawer,cr as DrawerFooter,cq as DrawerHeader,aK as Dropdown,cs as ErrorBoundary,aT as ExtendArrow,an as FadeLoader,b as FieldError,F as FieldLabel,L as FlexColumn,Z as FlexRow,ct as Header,aS as IconButton,bC as IconGroup,a9 as IconTitleBadge,a4 as IconWrapped,bp as IconsNav,cu as ImageControlled,I as Input,h as InputList,e as InputTable,ac as InteractiveTable,g as KeyValueInputsList,ai as LoadingText,O as Modal,Q as ModalBody,M as MonitorsCheckboxes,a6 as MonitorsIcons,P as NavigationButtons,ae as NoDataFound,R as NotificationNote,cA as Overlay,aF as Popup,bH as PopupForm,bM as ScrollX,ar as ScrollY,l as SectionTitle,S as Segment,aG as SelectionButton,av as SkeletonLoader,Y as Status,b4 as Stepper,cv as TabList,a7 as TableContainer,a8 as TableTitleWrap,ab as TableWrap,be as Tag,k as Text,n as TextArea,f as Toggle,bK as ToggleCodeComponent,$ as Tooltip,af as TraceLoader,aH as VerticalScroll,cz as WarningModal,cw as getLinksFromText,cx as getStrongsFromText,cy as renderText}from"./chunks/ui-components-a3c3ae8b.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/constants.js

@@ -1 +1 @@
-export{y as ACTION_OPTIONS,B as BUTTON_TEXTS,aR as DEFAULT_DATA_STREAM_NAME,b2 as DESTINATION_CATEGORIES,aL as DISPLAY_LANGUAGES,D as DISPLAY_TITLES,U as FORM_ALERTS,bh as INSTRUMENTATION_RULE_OPTIONS,ch as LANGUAGE_OPTIONS,aM as MONITORS_OPTIONS,aN as STORAGE_KEYS,ci as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-2d8c514a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{y as ACTION_OPTIONS,B as BUTTON_TEXTS,aR as DEFAULT_DATA_STREAM_NAME,b2 as DESTINATION_CATEGORIES,aL as DISPLAY_LANGUAGES,D as DISPLAY_TITLES,U as FORM_ALERTS,bh as INSTRUMENTATION_RULE_OPTIONS,ci as LANGUAGE_OPTIONS,aM as MONITORS_OPTIONS,aN as STORAGE_KEYS,cj as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-a3c3ae8b.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";