@zealicsolutions/web-ui 0.3.2 → 0.3.3

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,5 +1,5 @@
1
1
  import { SelectOption } from 'atoms';
2
- import { ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
2
+ import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
3
3
  import { UseFormReturn } from 'react-hook-form';
4
4
  import { CSSProperties } from 'styled-components';
5
5
  import type { Nullable, StrictUnion } from 'typescript';
@@ -94,14 +94,8 @@ export interface TabGroupMolecule extends BaseMolecule {
94
94
  type: 'header_tab_group';
95
95
  config: {
96
96
  props: TabGroupProps;
97
- wide: {
98
- containerStyle?: CSSProperties;
99
- containerProps?: Record<string, unknown>;
100
- };
101
- compact: {
102
- containerStyle?: CSSProperties;
103
- containerProps?: Record<string, unknown>;
104
- };
97
+ wide: AdditionalTabContainerProps;
98
+ compact: AdditionalTabContainerProps;
105
99
  };
106
100
  }
107
101
  export interface TextInputMolecule extends BaseMolecule {
@@ -26,7 +26,24 @@ declare const _default: {
26
26
  }>;
27
27
  labelsProps: import("molecules").FieldLabelsProps;
28
28
  name: string;
29
- rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
29
+ rules: Omit<Partial<{
30
+ required: string | import("react-hook-form").ValidationRule<boolean>;
31
+ min: import("react-hook-form").ValidationRule<string | number>;
32
+ max: import("react-hook-form").ValidationRule<string | number>;
33
+ maxLength: import("react-hook-form").ValidationRule<number>;
34
+ minLength: import("react-hook-form").ValidationRule<number>;
35
+ pattern: import("react-hook-form").ValidationRule<RegExp>;
36
+ validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
37
+ valueAsNumber: boolean;
38
+ valueAsDate: boolean;
39
+ value: any;
40
+ setValueAs: (value: any) => any;
41
+ shouldUnregister?: boolean | undefined;
42
+ onChange?: ((event: any) => void) | undefined;
43
+ onBlur?: ((event: any) => void) | undefined;
44
+ disabled: boolean;
45
+ deps: string | string[];
46
+ }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
30
47
  control: import("react-hook-form").Control<any, any>;
31
48
  required: boolean;
32
49
  optional: boolean;
@@ -6,7 +6,24 @@ declare const _default: {
6
6
  component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
7
7
  name: string;
8
8
  control: import("react-hook-form").Control<any, any>;
9
- rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
9
+ rules: Omit<Partial<{
10
+ required: string | import("react-hook-form").ValidationRule<boolean>;
11
+ min: import("react-hook-form").ValidationRule<string | number>;
12
+ max: import("react-hook-form").ValidationRule<string | number>;
13
+ maxLength: import("react-hook-form").ValidationRule<number>;
14
+ minLength: import("react-hook-form").ValidationRule<number>;
15
+ pattern: import("react-hook-form").ValidationRule<RegExp>;
16
+ validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
17
+ valueAsNumber: boolean;
18
+ valueAsDate: boolean;
19
+ value: any;
20
+ setValueAs: (value: any) => any;
21
+ shouldUnregister?: boolean | undefined;
22
+ onChange?: ((event: any) => void) | undefined;
23
+ onBlur?: ((event: any) => void) | undefined;
24
+ disabled: boolean;
25
+ deps: string | string[];
26
+ }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
10
27
  required: boolean;
11
28
  optional: boolean;
12
29
  defaultValue: string;
@@ -5,7 +5,24 @@ declare const _default: {
5
5
  title: string;
6
6
  component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
7
7
  name: string;
8
- rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
8
+ rules: Omit<Partial<{
9
+ required: string | import("react-hook-form").ValidationRule<boolean>;
10
+ min: import("react-hook-form").ValidationRule<string | number>;
11
+ max: import("react-hook-form").ValidationRule<string | number>;
12
+ maxLength: import("react-hook-form").ValidationRule<number>;
13
+ minLength: import("react-hook-form").ValidationRule<number>;
14
+ pattern: import("react-hook-form").ValidationRule<RegExp>;
15
+ validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
16
+ valueAsNumber: boolean;
17
+ valueAsDate: boolean;
18
+ value: any;
19
+ setValueAs: (value: any) => any;
20
+ shouldUnregister?: boolean | undefined;
21
+ onChange?: ((event: any) => void) | undefined;
22
+ onBlur?: ((event: any) => void) | undefined;
23
+ disabled: boolean;
24
+ deps: string | string[];
25
+ }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
9
26
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
10
27
  control: import("react-hook-form").Control<any, any>;
11
28
  optional: boolean;
@@ -20,7 +20,24 @@ declare const _default: {
20
20
  }>;
21
21
  labelsProps: import("..").FieldLabelsProps;
22
22
  name: string;
23
- rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
23
+ rules: Omit<Partial<{
24
+ required: string | import("react-hook-form").ValidationRule<boolean>;
25
+ min: import("react-hook-form").ValidationRule<string | number>;
26
+ max: import("react-hook-form").ValidationRule<string | number>;
27
+ maxLength: import("react-hook-form").ValidationRule<number>;
28
+ minLength: import("react-hook-form").ValidationRule<number>;
29
+ pattern: import("react-hook-form").ValidationRule<RegExp>;
30
+ validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
31
+ valueAsNumber: boolean;
32
+ valueAsDate: boolean;
33
+ value: any;
34
+ setValueAs: (value: any) => any;
35
+ shouldUnregister?: boolean | undefined;
36
+ onChange?: ((event: any) => void) | undefined;
37
+ onBlur?: ((event: any) => void) | undefined;
38
+ disabled: boolean;
39
+ deps: string | string[];
40
+ }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
24
41
  control: import("react-hook-form").Control<any, any>;
25
42
  required: boolean;
26
43
  optional: boolean;
@@ -1,11 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import { TabProps, TabTheme } from 'atoms';
3
- import { CSSProperties } from 'styled-components';
4
3
  import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
5
4
  import { StylesType } from 'typescript';
6
5
  export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
7
- declare type AdditionalTabContainerProps = {
8
- containerStyle?: CSSProperties;
6
+ export declare type AdditionalTabContainerProps = {
7
+ containerStyle?: StylesType;
9
8
  containerProps?: Record<string, unknown>;
10
9
  };
11
10
  export declare type TabGroupProps<T = string, K = string> = {
@@ -27,4 +26,3 @@ export declare type TabGroupProps<T = string, K = string> = {
27
26
  compact?: AdditionalTabContainerProps;
28
27
  };
29
28
  export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
30
- export {};
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { TabTheme } from 'atoms/Tab/Tab';
3
3
  import { SizesTypes, ThemeColors } from 'theme/types';
4
- export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
4
+ import { OverrideStyles, StyledTransientProps } from 'typescript';
5
+ export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTransientProps<{
5
6
  spacing: SizesTypes;
6
7
  vertical: boolean;
7
- }, never>;
8
- export declare const TabGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
+ }> & OverrideStyles, never>;
9
9
  declare type TabSliderProps = {
10
10
  width: number;
11
11
  left: number;