gantri-components 1.94.1 → 1.95.2

package/dist/components/color-picker/color-picker.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { ColorPickerProps } from './color-picker.types';
+export declare const ColorPicker: FC<PropsWithChildren<ColorPickerProps>>;

package/dist/components/color-picker/color-picker.presets.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerProps } from './color-picker.types';
+export declare const ColorPickerPresets: Partial<ColorPickerProps>;

package/dist/components/color-picker/color-picker.styles.d.ts

@@ -0,0 +1,13 @@
+import { ColorPickerVariant } from './color-picker.types';
+export declare const StyledColorPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledColorList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $readOnly?: boolean | undefined;
+}, never>;
+export declare const StyledColorOutline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $selected?: boolean | undefined;
+    $variant?: ColorPickerVariant | undefined;
+}, never>;
+export declare const StyledColor: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"span">, import("styled-components").DefaultTheme, {
+    $variant?: ColorPickerVariant | undefined;
+    color: string;
+}, never>;

package/dist/components/color-picker/color-picker.types.d.ts

@@ -0,0 +1,30 @@
+import { ChangeEvent } from 'react';
+export declare type ColorPickerVariant = 'large' | 'small';
+export interface ColorPickerProps {
+    allowMultipleSelection?: boolean;
+    /**
+     * List of colors to render,
+     * defaults to gantri's product colors list
+     * */
+    colors?: Color[];
+    labelText?: string;
+    labelTx?: string;
+    labelTxValues?: Record<string, unknown>;
+    name?: string;
+    onChange?: (event: ColorPickerChangeEvent) => void;
+    onValueChange?: (selected: Color | Color[]) => void;
+    readOnly?: boolean;
+    value?: string | string[];
+    variant?: ColorPickerVariant;
+}
+export interface Color {
+    code: string;
+    name: string;
+    value: string;
+}
+export interface ColorPickerChangeEvent extends Pick<ChangeEvent<HTMLInputElement>, Exclude<keyof ChangeEvent<HTMLInputElement>, 'target'>> {
+    target: {
+        name: string;
+        value: string;
+    };
+}

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './color-picker';

package/dist/components/dropdown/dropdown.d.ts

@@ -1,3 +1,3 @@
 import { FC, PropsWithChildren } from 'react';
 import { DropdownProps } from './dropdown.types';
-export declare const Dropdown: FC<PropsWithChildren<DropdownProps<any>>>;
+export declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;

package/dist/components/dropdown/dropdown.types.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent, CSSProperties, FocusEvent, ReactElement } from 'react';
 import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
 import { ErrorMessageType } from '../text-field';
-export interface DropdownProps<T = Record<string, unknown>> extends Pick<DropdownMenuProps<T>, Exclude<keyof DropdownMenuProps<T>, 'items'>> {
+export interface DropdownProps<T = DefaultDropdownRecord> extends Pick<DropdownMenuProps<T>, Exclude<keyof DropdownMenuProps<T>, 'items'>> {
     borderless?: boolean;
     className?: string;
     disabled?: boolean;
@@ -44,7 +44,7 @@ export interface BlurChangeEvent extends Pick<FocusEvent<HTMLDivElement>, Exclud
         name: string;
     };
 }
-export declare type DefaultDropdownRecord = {
+export declare type DefaultDropdownRecord<T extends number | string = string> = {
     label: string;
-    value: string;
+    value: T;
 };

package/dist/components/dropdown-menu/dropdown-menu.types.d.ts

@@ -11,6 +11,7 @@ export interface DropdownMenuProps<T = Record<string, unknown>> {
     maxHeight?: Property.MaxHeight<string | number>;
     noShadow?: boolean;
     onKeyDown?: (event: KeyboardEvent) => void;
+    onPreselectedIndexChange?: (index: number) => void;
     onSelect?: (item: T | null) => void;
     renderItem?: (item: T) => ReactNode;
     searchType?: 'startsWith' | 'contains' | 'endsWith';

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './button';
 export * from './cell';
 export * from './checkbox';
 export * from './circular-progress';
+export * from './color-picker';
 export * from './confirmation-modal';
 export * from './dropdown';
 export * from './dropdown-menu';
@@ -18,8 +19,11 @@ export * from './linear-progress';
 export * from './modal';
 export * from './overlay';
 export * from './radio';
+export * from './search-field';
 export * from './stack';
+export * from './tabs';
 export * from './text-area';
 export * from './text-field';
+export * from './tooltip';
 export * from './typography';
 export * from './video';

package/dist/components/search-field/index.d.ts

@@ -0,0 +1 @@
+export * from './search-field';

package/dist/components/search-field/search-field.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { SearchFieldProps } from './search-field.types';
+export declare const SearchField: FC<PropsWithChildren<SearchFieldProps>>;

package/dist/components/search-field/search-field.presets.d.ts

@@ -0,0 +1,2 @@
+import { SearchFieldProps } from './search-field.types';
+export declare const SearchFieldPresets: Partial<SearchFieldProps>;

package/dist/components/search-field/search-field.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../typography/typography.types").TypographyProps & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/search-field/search-field.types.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, FocusEvent, ReactElement } from 'react';
+import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
+import { ErrorMessageType } from '../text-field';
+import { BlurChangeEvent, DefaultDropdownRecord, DropdownChangeEvent } from '../dropdown';
+export interface SearchFieldProps<T = DefaultDropdownRecord> extends Pick<DropdownMenuProps<T>, Exclude<keyof DropdownMenuProps<T>, 'items'>> {
+    borderless?: boolean;
+    className?: string;
+    disabled?: boolean;
+    errorMessage?: ErrorMessageType;
+    hideErrors?: boolean;
+    icon?: ReactElement;
+    items?: T[];
+    keyProperty?: (option?: T) => string;
+    labelPosition?: 'top' | 'left';
+    labelText?: string;
+    labelTx?: string;
+    name?: string;
+    onBlur?: (event: BlurChangeEvent) => void;
+    onChange?: (event: DropdownChangeEvent<T>) => void;
+    onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
+    onOpen?: () => void;
+    onTextChange?: (value: string) => void;
+    placeholder?: string;
+    placeholderTx?: string;
+    placeholderTxValues?: {
+        [key: string]: string;
+    };
+    renderPlaceholder?: (option?: T) => JSX.Element;
+    resetSelectionOnDisabled?: boolean;
+    style?: CSSProperties;
+    variant?: 'line' | 'filled';
+}

package/dist/components/tabs/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tab';
+export * from './tab-panel';
+export * from './tabs-list';

package/dist/components/tabs/components/tab/index.d.ts

@@ -0,0 +1 @@
+export * from './tab';

package/dist/components/tabs/components/tab/tab.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TabProps } from './tab.types';
+export declare const Tab: FC<TabProps>;

package/dist/components/tabs/components/tab/tab.presets.d.ts

@@ -0,0 +1,2 @@
+import { TabProps } from './tab.types';
+export declare const TabPresets: Partial<TabProps>;

package/dist/components/tabs/components/tab/tab.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledTab: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $active: boolean;
+    $disabled?: boolean | undefined;
+}, never>;

package/dist/components/tabs/components/tab/tab.types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface TabProps {
+    disabled?: boolean;
+    icon?: JSX.Element;
+    label?: string;
+    labelTx?: string;
+    value: string | number;
+}

package/dist/components/tabs/components/tab-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './tab-panel';

package/dist/components/tabs/components/tab-panel/tab-panel.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabPanelProps } from './tab-panel.types';
+export declare const TabPanel: FC<PropsWithChildren<TabPanelProps>>;

package/dist/components/tabs/components/tab-panel/tab-panel.presets.d.ts

@@ -0,0 +1,2 @@
+import { TabPanelProps } from './tab-panel.types';
+export declare const TabPanelPresets: Partial<TabPanelProps>;

package/dist/components/tabs/components/tab-panel/tab-panel.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledTabPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tabs/components/tab-panel/tab-panel.types.d.ts

@@ -0,0 +1,3 @@
+export interface TabPanelProps {
+    value: string | number;
+}

package/dist/components/tabs/components/tabs-list/index.d.ts

@@ -0,0 +1 @@
+export * from './tabs-list';

package/dist/components/tabs/components/tabs-list/tabs-list.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsListProps } from './tabs-list.types';
+export declare const TabsList: FC<PropsWithChildren<TabsListProps>>;

package/dist/components/tabs/components/tabs-list/tabs-list.presets.d.ts

@@ -0,0 +1,2 @@
+import { TabsListProps } from './tabs-list.types';
+export declare const TabsListPresets: Partial<TabsListProps>;

package/dist/components/tabs/components/tabs-list/tabs-list.styles.d.ts

@@ -0,0 +1,7 @@
+import { Property } from 'csstype';
+export declare const StyledTabsList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $align?: Property.JustifyContent | undefined;
+}, never>;
+export declare const StyledTabsContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $hasBorder?: boolean | undefined;
+}, never>;

package/dist/components/tabs/components/tabs-list/tabs-list.types.d.ts

@@ -0,0 +1,6 @@
+import { Property } from 'csstype';
+export interface TabsListProps {
+    align?: Property.JustifyContent;
+    hasBorder?: boolean;
+    onValueChange?: (value: string | number) => void;
+}

package/dist/components/tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './tabs';

package/dist/components/tabs/tabs.content.d.ts

@@ -0,0 +1,14 @@
+import React, { FC, PropsWithChildren } from 'react';
+interface State {
+    activeValue: number | string;
+}
+declare type Action = {
+    type: 'SET_VALUE';
+    value: string | number;
+} | {
+    type: 'RESET';
+};
+export declare const TabsContent: FC<PropsWithChildren<State>>;
+export declare function useTabsState(): State;
+export declare function useTabsDispatch(): React.Dispatch<Action>;
+export {};

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsProps } from './tabs.types';
+export declare const Tabs: FC<PropsWithChildren<TabsProps>>;

package/dist/components/tabs/tabs.types.d.ts

@@ -0,0 +1,3 @@
+export interface TabsProps {
+    value: string | number;
+}

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './tooltip';

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { TooltipProps } from './tooltip.types';
+export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;

package/dist/components/tooltip/tooltip.presets.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps } from './tooltip.types';
+export declare const TooltipPresets: Partial<TooltipProps>;

package/dist/components/tooltip/tooltip.styles.d.ts

@@ -0,0 +1,5 @@
+import { OverlayPosition } from '../overlay/overlay.types';
+export declare const StyledTooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $hasPadding?: boolean | undefined;
+    $position?: OverlayPosition | undefined;
+}, never>;

package/dist/components/tooltip/tooltip.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { OverlayProps } from '../overlay/overlay.types';
+export interface TooltipProps extends Pick<OverlayProps, 'position'> {
+    /**
+     * If specified, it will take preference over title/description
+     * */
+    Component?: ReactNode;
+    description?: string;
+    descriptionTx?: string;
+    title?: string;
+    titleTx?: string;
+}