globalfy-design-system 1.13.0 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,43 @@
1
- import { DropdownListProps } from './DropdownList.types';
1
+ import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
2
+ import { ComponentType, ReactNode } from 'react';
2
3
 
4
+ export type OptionType = {
5
+ [key: string]: unknown;
6
+ };
7
+ type OptionsType = Array<OptionType>;
8
+ export type DropdownListProps = {
9
+ label?: string;
10
+ value?: OptionType | null;
11
+ options: OptionsType;
12
+ customOption?: ComponentType<OptionProps<OptionType>>;
13
+ className?: string;
14
+ onChange: (newValue: unknown, actionMeta: ActionMeta<unknown>) => void;
15
+ placeholder?: string;
16
+ customPlaceholder?: ReactNode;
17
+ errorMessage?: string;
18
+ isInvalid?: boolean;
19
+ isSearchable?: boolean;
20
+ isValid?: boolean;
21
+ isTransparent?: boolean;
22
+ disabled?: boolean;
23
+ defaultValue?: OptionType;
24
+ noOptionsMessage?: string;
25
+ customControl?: ComponentType<ControlProps>;
26
+ customDropdownIndicator?: ComponentType<DropdownIndicatorProps>;
27
+ customValueContainer?: ComponentType<ValueContainerProps>;
28
+ onCreateOption?: (inputValue: string) => void;
29
+ isLoading?: boolean;
30
+ customClassNames?: {
31
+ menuList?: string;
32
+ };
33
+ };
34
+ export type DropdownCreditCardOption = {
35
+ label: string;
36
+ prefix: ReactNode;
37
+ isDefault?: boolean;
38
+ };
39
+ export type DropdownCreditCardProps = {
40
+ options: DropdownCreditCardOption[];
41
+ } & Omit<DropdownListProps, "options">;
3
42
  export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, customClassNames, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
43
+ export {};
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, customClassNames, ...props }: import('./DropdownList.types').DropdownListProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, customClassNames, ...props }: import('./DropdownList').DropdownListProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  parameters: {
8
8
  layout: string;
@@ -1,3 +1,3 @@
1
- import { DropdownListProps } from './DropdownList.types';
1
+ import { DropdownListProps } from './DropdownList';
2
2
 
3
3
  export declare const DropdownListCreatable: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, onCreateOption, isLoading, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,3 @@
1
1
  export * from './DropdownList';
2
- export * from './DropdownList.types';
3
2
  export * from './DropdownListCreatable';
4
3
  export * from './DropdownPaymentMethod';
@@ -1,5 +1,7 @@
1
1
  export * from './icons/glob-documents';
2
2
  export * from './icons/glob-mastercard-icon';
3
3
  export * from './icons/glob-paypal-icon';
4
+ export * from './icons/glob-pdf-icon';
4
5
  export * from './icons/glob-request';
5
6
  export * from './icons/glob-visa-icon';
7
+ export * from './icons/glob-xls-icon';
@@ -0,0 +1 @@
1
+ export declare const GlobPdfIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const GlobXlsIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,23 @@
1
1
  /// <reference types="react" />
2
+ export type InputMaskProps = {
3
+ label?: string;
4
+ placeholder?: string;
5
+ message?: string;
6
+ icon?: React.ReactNode;
7
+ isInvalid?: boolean;
8
+ isValid?: boolean;
9
+ disabled?: boolean;
10
+ value?: string;
11
+ isDatePicker?: boolean;
12
+ iconAction?: () => void;
13
+ mask?: string;
14
+ removeTopMargin?: boolean;
15
+ } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
2
16
  export declare const InputMask: import('react').ForwardRefExoticComponent<{
3
- label: string;
17
+ label?: string | undefined;
4
18
  placeholder?: string | undefined;
5
19
  message?: string | undefined;
6
- icon?: import('react').ReactNode;
20
+ icon?: React.ReactNode;
7
21
  isInvalid?: boolean | undefined;
8
22
  isValid?: boolean | undefined;
9
23
  disabled?: boolean | undefined;
@@ -11,4 +25,5 @@ export declare const InputMask: import('react').ForwardRefExoticComponent<{
11
25
  isDatePicker?: boolean | undefined;
12
26
  iconAction?: (() => void) | undefined;
13
27
  mask?: string | undefined;
28
+ removeTopMargin?: boolean | undefined;
14
29
  } & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
3
3
  declare const meta: {
4
4
  title: string;
5
5
  component: import('react').ForwardRefExoticComponent<{
6
- label: string;
6
+ label?: string | undefined;
7
7
  placeholder?: string | undefined;
8
8
  message?: string | undefined;
9
9
  icon?: import('react').ReactNode;
@@ -14,6 +14,7 @@ declare const meta: {
14
14
  isDatePicker?: boolean | undefined;
15
15
  iconAction?: (() => void) | undefined;
16
16
  mask?: string | undefined;
17
+ removeTopMargin?: boolean | undefined;
17
18
  } & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
18
19
  tags: string[];
19
20
  };
@@ -1,3 +1,2 @@
1
1
  export * from './InputMask';
2
- export * from './InputMask.types';
3
2
  export * from './InputMask.stories';
@@ -1,3 +1,16 @@
1
- import { TextFieldProps } from './TextInput.types';
1
+ import { InputHTMLAttributes } from 'react';
2
2
 
3
+ interface Props {
4
+ label?: string;
5
+ message?: string;
6
+ icon?: React.ReactNode;
7
+ isInvalid?: boolean;
8
+ isValid?: boolean;
9
+ iconSize?: "small" | "large";
10
+ iconAction?: () => void;
11
+ removeTopMargin?: boolean;
12
+ }
13
+ export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, Props {
14
+ }
3
15
  export declare const TextInput: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
16
+ export {};
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: import('react').ForwardRefExoticComponent<import('./TextInput.types').TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
5
+ component: import('react').ForwardRefExoticComponent<import('./TextInput').TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -1,2 +1 @@
1
1
  export * from './TextInput';
2
- export * from './TextInput.types';