@odigos/ui-kit 0.0.126 → 0.0.128

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,11 @@
 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 './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/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/v2.js

@@ -1 +1 @@
-export{cp as Button,co as ButtonSize,cq as ButtonTab,cn as ButtonVariants,cr as Input,cs as Modal,ct as Note,cx as Typography,cw as TypographyAlign,cv as TypographySize,cu as TypographyVariants}from"../chunks/ui-components-898f30d4.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,cU as Typography,cT as TypographyAlign,cS as TypographySize,cR as TypographyVariants}from"../chunks/ui-components-b0804608.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,cA as Code,G as ConditionDetails,H as DataCard,a as DataCardFieldTypes,b5 as DataCardFields,cB as DataFinger,am as DataTab,s as DeleteWarning,bt as DescribeRow,W as Divider,m as DocsButton,r as Drawer,cD as DrawerFooter,cC as DrawerHeader,aK as Dropdown,cE as ErrorBoundary,aT as ExtendArrow,an as FadeLoader,b as FieldError,F as FieldLabel,L as FlexColumn,Z as FlexRow,cF as Header,aS as IconButton,bC as IconGroup,a9 as IconTitleBadge,a4 as IconWrapped,bp as IconsNav,cG 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,cM as Overlay,aF as Popup,bH as PopupForm,bQ as ScrollX,ar as ScrollY,l as SectionTitle,S as Segment,aG as SelectionButton,av as SkeletonLoader,Y as Status,b4 as Stepper,cH as TabList,a7 as TableContainer,a8 as TableTitleWrap,ab as TableWrap,be as Tag,k as Text,n as TextArea,f as Toggle,bO as ToggleCodeComponent,$ as Tooltip,af as TraceLoader,aH as VerticalScroll,cL as WarningModal,cI as getLinksFromText,cJ as getStrongsFromText,cK as renderText}from"./chunks/ui-components-898f30d4.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-b0804608.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,cj as LANGUAGE_OPTIONS,aM as MONITORS_OPTIONS,aN as STORAGE_KEYS,ck as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-898f30d4.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-b0804608.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/containers/index.d.ts

@@ -32,7 +32,6 @@ export * from './source-modal';
 export * from './source-selection-form';
 export * from './source-table';
 export * from './system-overview';
-export * from './system-settings';
 export * from './table-cell-conditions';
 export * from './toast-list';
 export * from './toggle-dark-mode';