@dexma/ui-components 8.0.5 → 8.0.7

package/dist/lib/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,11 @@
 import { CheckboxProps as AntCheckboxProps } from 'antd';
 export type CheckboxProps = {
     dataId?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
 } & AntCheckboxProps;
-export declare const Checkbox: import('react').ForwardRefExoticComponent<AntCheckboxProps & {
+export declare const Checkbox: import('react').ForwardRefExoticComponent<{
+    dataId?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+} & AntCheckboxProps & {
     dataId?: string;
 } & import('react').RefAttributes<unknown>>;

package/dist/lib/components/DatePicker/DatePicker.d.ts

@@ -7,6 +7,7 @@ type CommonProps = {
     'data-testid'?: string;
     theme?: Theme;
     label?: string;
+    clearDateAriaLabel?: string;
 };
 export type AntdDatePickerProps = DatePickerProps & CommonProps;
 export declare const AntdDatePicker: import('react').ForwardRefExoticComponent<(AntdDatePickerProps & {

package/dist/lib/components/FormControl/FormControl.d.ts

@@ -28,6 +28,8 @@ type FormControlProps = {
     maxLength?: number;
     rows?: number;
     inputLabel?: string;
+    showSelectOptionsAriaLabel?: string;
+    hideSelectOptionsAriaLabel?: string;
 };
 export declare const FormControl: import('react').ForwardRefExoticComponent<Omit<FormControlProps & import('react').RefAttributes<HTMLElement> & {
     dataId?: string;

package/dist/lib/components/Heading/Heading.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 type HeadingProps = {
     text: string;
     color?: string;
     type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     children?: ReactNode;
-};
+} & HTMLAttributes<HTMLDivElement>;
 export declare const Heading: ({ color, type, text, children, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 export default Heading;

package/dist/lib/components/Loading/Loading.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { default as defaultTheme } from '../../utils/theme';
 export type LoadingProps = {
     size?: number;
     isLoading: boolean;
     color?: typeof defaultTheme.color;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const Loading: ({ color, size, isLoading, children, ...props }: LoadingProps) => ReactNode;
+export declare const Loading: ({ color, size, isLoading, children, ...props }: LoadingProps) => ReactElement | ReactNode;
 export default Loading;

package/dist/lib/components/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
 import { PopoverProps as AntDPopoverProps } from 'antd';
-export declare const Popover: import('react').ForwardRefExoticComponent<AntDPopoverProps & {
+export declare const Popover: import('react').ForwardRefExoticComponent<Omit<AntDPopoverProps & import('react').RefAttributes<any> & {
     dataId?: string;
-} & import('react').RefAttributes<unknown>>;
+}, "ref"> & import('react').RefAttributes<unknown>>;

package/dist/lib/components/Select/ButtonPaginationSelector.d.ts

@@ -11,7 +11,6 @@ type ButtonPaginationSelectorProps = {
     text: SelectTextProps;
     theme?: Theme;
     searchValue: string;
-    showDropdown: boolean;
 };
-export declare const ButtonPaginationSelector: ({ handleSelectAll, pageSize, currentPage, options, onPageChange, text, theme, searchValue, showDropdown, }: ButtonPaginationSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonPaginationSelector: ({ handleSelectAll, pageSize, currentPage, options, onPageChange, text, theme, searchValue }: ButtonPaginationSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/components/Select/Select.d.ts

@@ -14,11 +14,11 @@ type Option = {
     color?: string;
     disabled?: boolean;
 };
-export declare const tagRenderButtonPagination: (props: CustomTagProps, options: Option[], maxTagLength: number, theme: Theme) => ReactElement;
-export declare const dropdownRenderSelect: (menu: React.ReactElement, currentPage: number, options: Option[], handleChangePage: (page: number) => void, handleSelectAll: () => void, text: SelectTextProps, searchValue: string, showDropdown: boolean, mode: string, theme: Theme, pageSize?: number) => import("react/jsx-runtime").JSX.Element;
+export declare const tagRenderButtonPagination: (props: CustomTagProps, options: Option[], maxTagLength: number, theme: Theme, deleteOptionAriaLabel: string) => ReactElement;
+export declare const dropdownRenderSelect: (menu: React.ReactElement, currentPage: number, options: Option[], handleChangePage: (page: number) => void, handleSelectAll: () => void, text: SelectTextProps, searchValue: string, mode: string, theme: Theme, pageSize?: number) => import("react/jsx-runtime").JSX.Element;
 export declare const renderUnselectedOption: (option: any, searchValue: string, dataId: string) => import("react/jsx-runtime").JSX.Element;
 export declare const singleOptionsRenderer: (options: Option[], selectedValue: string | number | undefined, theme: Theme, dataId: string) => import("react/jsx-runtime").JSX.Element;
-export declare const optionsRenderer: (options: Option[], selectedValues: Array<string | number>, searchValue: string, theme: Theme, dataId: string, pageSize?: number) => import("react/jsx-runtime").JSX.Element;
+export declare const optionsRenderer: (options: Option[], selectedValues: Array<string | number>, searchValue: string, theme: Theme, dataId: string, currentPage: number, pageSize?: number) => import("react/jsx-runtime").JSX.Element;
 export type SelectTextProps = {
     select: string;
     all: string;
@@ -39,6 +39,10 @@ export type SelectProps = Omit<AntdSelectProps, 'options' | 'mode'> & {
     handleButtonSelectAll?: (values: any[]) => void;
     handleClearAll?: () => void;
     mode?: 'multiple' | 'single';
+    showOptionsAriaLabel: string;
+    hideOptionsAriaLabel: string;
+    clearAllOptionsAriaLabel?: string;
+    deleteOptionSelectedAriaLabel?: string;
 };
 export declare const Select: import('react').ForwardRefExoticComponent<Omit<AntdSelectProps<any, import('rc-select/lib/Select').DefaultOptionType>, "mode" | "options"> & {
     dataId?: string;
@@ -53,6 +57,10 @@ export declare const Select: import('react').ForwardRefExoticComponent<Omit<Antd
     handleButtonSelectAll?: (values: any[]) => void;
     handleClearAll?: () => void;
     mode?: "multiple" | "single";
+    showOptionsAriaLabel: string;
+    hideOptionsAriaLabel: string;
+    clearAllOptionsAriaLabel?: string;
+    deleteOptionSelectedAriaLabel?: string;
 } & {
     dataId?: string;
 } & import('react').RefAttributes<unknown>>;

package/dist/lib/components/Table/Table.d.ts

@@ -4,6 +4,7 @@ import { AnyObject } from 'antd/lib/_util/type';
 export type TableProps<RecordType> = {
     isLoading?: boolean;
     isExpanded?: boolean;
+    isPaginated?: boolean;
     showError?: boolean;
     dataId?: string;
     errorContent?: React.ReactNode;
@@ -18,6 +19,7 @@ export declare const Table: <RecordType extends AnyObject>(props: TableProps<Rec
 export declare const buildTableWithDataId: <RecordType extends AnyObject>() => React.ForwardRefExoticComponent<{
     isLoading?: boolean;
     isExpanded?: boolean;
+    isPaginated?: boolean;
     showError?: boolean;
     dataId?: string;
     errorContent?: React.ReactNode;

package/dist/lib/styles/DatePicker/StyledDatePicker.d.ts

@@ -24,4 +24,5 @@ declare const StyledAntdRangePicker: import('styled-components/dist/types').ISty
     rootClassName?: string | undefined;
 }, unknown>, keyof import('react').Component<any, {}, any>>;
 declare const DropdownDatePickerStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
-export { StyledAntdDatePicker, StyledAntdRangePicker, DropdownDatePickerStyles };
+declare const StyledDatePickerLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export { StyledAntdDatePicker, StyledAntdRangePicker, DropdownDatePickerStyles, StyledDatePickerLabel };

package/dist/lib/styles/Fieldgroup/StyledFieldGroup.d.ts

@@ -7,7 +7,7 @@ export declare const getHorizontal: () => import('styled-components').RuleSet<ob
 type StyledFieldGroupProps = {
     $vertical?: boolean;
     size?: string;
-    variant?: string;
+    $variant?: string;
     type?: FieldGroupType;
     theme: Theme;
 };

package/dist/lib/styles/Input/StyledInput.d.ts

@@ -7,4 +7,5 @@ declare const StyledInput: import('styled-components/dist/types').IStyledCompone
     $isLoading?: boolean;
     theme: Theme;
 }>> & string;
-export { StyledInput };
+declare const StyledInputLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export { StyledInput, StyledInputLabel };

package/dist/lib/styles/Select/StyledSelect.d.ts

@@ -180,6 +180,7 @@ export declare const StyledSpanOptionSelected: import('styled-components/dist/ty
     icon?: any;
     closable?: any;
     color?: string;
+    $isSingleSelect?: boolean;
 }>> & string;
 export declare const StyledSpanOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     value: string | null;