hrm_ui_lib 1.4.4-alpha.2 → 1.4.4-alpha.20

package/components/Select/types.d.ts

@@ -1,228 +1,273 @@
-import { LegacyRef, ReactElement, ReactNode } from 'react';
-import { TButtonPropTypes } from '../Button/types';
-import { TTooltipProps } from '../Tooltip/types';
-import { TMenuItem } from '../Menu/types';
-interface TSelectBaseProps {
-    dataIdPrefix?: string;
-    error?: string;
-    isLoading?: boolean;
-    disabled?: boolean;
-    label?: string | React.ReactElement;
-    placeHolder?: string;
-    isRequiredField?: boolean;
-    labelLeftIconProps?: {
-        size?: TIconSize;
-        className?: string;
-        onClick?: TClickHandler;
-        Component?: TSVGIconComponent;
-    };
-    optionRightIconComponent?: (value: TItemValue) => ReactElement;
-    labelRightIconComponent?: (value: TItemValue) => ReactElement;
-    selectRightIconProps?: TSelectIconProps;
-    selectRightIconOpenedProps?: TSelectIconProps;
-    avatar?: string;
-    size?: 'small' | 'large' | 'medium';
-    className?: string;
-    dropdownWidth?: number;
-}
-export interface TNestedSelectProps {
-    options: TSelectOptions;
-    isRequiredField?: boolean;
-    label?: string | ReactElement;
-    placeHolder?: string;
-    initialSelectedFolderIds?: TItemValue[];
-    setSelectedValue: (value: TSelectOption | null) => void;
-    selected?: TSelectOption | null;
-    optionRightIconComponent?: (value: TItemValue) => ReactElement;
-    labelRightIconComponent?: (value: TItemValue) => ReactElement;
-    avatar?: string;
-    labelAddons?: ReactElement;
-}
-export type TSelectTranslations = {
-    emptyListMainMessage: string;
-    overflowText?: string;
-    searchInputPlaceHolder?: string;
-    emptyListSecondaryMessage?: string;
-    selectAllLabel?: string;
-    clearAllLabel?: string;
-    innerLabel?: string;
-};
-interface TMultiSelectCompProps extends IFormCompProps, TSelectBaseProps {
-    maxSelectCount: number;
-    isSearchAvailable: boolean;
-    helperText?: string;
-    scrollableContentStyle: {
-        maxHeight?: number;
-    };
-    translations: TSelectTranslations;
-    selectedValues: TSelectedValue[];
-    setSelectedValues: (values: TSelectedValue[]) => void;
-    onItemSelect: (item: TSelectedValue) => void;
-    onItemDeselect: (item: TSelectedValue) => void;
-    menuOptions?: TMenuItem[];
-}
-export interface TMultySingleTabPropTypes extends TMultiSelectCompProps {
-    options: TSelectOptions;
-}
-export interface TMultiSelectGroupedProps extends TMultiSelectCompProps {
-    options: TSelectGroupOptions;
-}
-export type TCheckboxInfo = {
-    label: string;
-    isChecked: boolean;
-};
-export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps {
-    dropdownWidth?: number;
-    align?: 'left' | 'right';
-    helperText?: string;
-    maxSelectCount?: number;
-    isSearchAvailable?: boolean;
-    withTabs?: boolean;
-    isGrouped?: boolean;
-    checkboxInfo?: TCheckboxInfo;
-    selectedItems?: TSelectedValue[];
-    translations: TSelectTranslations;
-    options: TSelectOptions | TSelectGroupOptions;
-    setSelectedItems?: (items: TSelectedValue[], isChecked: boolean) => void;
-    footerButtonProps?: {
-        cancel: TButtonPropTypes;
-        confirm: TButtonPropTypes;
-    };
-    labelAddons?: React.ReactElement;
-    className?: string;
-    isButtonSelect?: boolean;
-}
-export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps {
-    dataId?: string;
-    options: TSelectOptions;
-    selectedItem?: TItemValue;
-    setSelectedItem?: (items: TItemValue | undefined) => void;
-    tooltipAddons?: TTooltipProps;
-    dropdownWidth?: number;
-    align?: 'left' | 'right';
-    offsets?: {
-        top?: number;
-        left?: number;
-        right?: number;
-    };
-    type: 'secondary' | 'tertiary';
-}
-export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps {
-    options: TSelectOptions;
-    selectedItem?: TItemValue;
-    setSelectedItem?: (items: TItemValue | undefined) => void;
-    withSearch?: boolean;
-    outerHelperText?: string;
-    innerHelperText?: string;
-    labelAddons?: React.ReactElement;
-    tooltipAddons?: TTooltipProps;
-}
-export type TSelectFooterPropTypes = {
-    checkboxInfo?: TCheckboxInfo;
-    hasChange?: boolean;
-    buttonProps: {
-        cancel: TButtonPropTypes;
-        confirm: TButtonPropTypes;
-    };
-    onCancel: () => void;
-    onApply: (isChecked: boolean) => void;
-};
-export interface TFilterProps extends IFormCompProps, TSelectBaseProps {
-    isLoading?: boolean;
-    withTabs: boolean;
-    isGrouped: boolean;
-    isOpen: boolean;
-    options: TSelectOptions | TSelectGroupOptions;
-    selectedItems: TSelectedValue[];
-    setSelectedItems: (items: TSelectedValue[]) => void;
-    footerButtonProps?: {
-        cancel: TButtonPropTypes;
-        confirm: TButtonPropTypes;
-    };
-    closeHandler: () => void;
-    parentRef: HTMLElement;
-}
-export interface TFilterDropdownContentProps extends IFormCompProps {
-    options: TSelectOptions;
-    labelLeftIconProps?: {
-        size?: TIconSize;
-        className?: string;
-        onClick?: TClickHandler;
-    };
-    avatar?: string;
-    footerButtonProps?: {
-        cancel: TButtonPropTypes;
-        confirm: TButtonPropTypes;
-    };
-    optionRightIconComponent?: (value: TItemValue) => ReactElement;
-    labelRightIconComponent?: (value: TItemValue) => ReactElement;
-    filterValue: string;
-    onItemSelect: (item: TSelectedValue) => void;
-    onItemDeselect: (item: TSelectedValue) => void;
-    checkIsSelected: (item: TItemValue) => boolean;
-}
-export interface TFilterGroupDropdownContentProps extends IFormCompProps {
-    options: TSelectGroupOptions;
-    labelLeftIconProps?: {
-        size?: TIconSize;
-        className?: string;
-        onClick?: TClickHandler;
-    };
-    avatar?: string;
-    footerButtonProps?: {
-        cancel: TButtonPropTypes;
-        confirm: TButtonPropTypes;
-    };
-    optionRightIconComponent?: (value: TItemValue) => ReactElement;
-    labelRightIconComponent?: (value: TItemValue) => ReactElement;
-    filterValue: string;
-    onItemSelect: (item: TSelectedValue) => void;
-    onItemDeselect: (item: TSelectedValue) => void;
-    checkIsSelected: (item: TItemValue) => boolean;
-}
-export type TSelectWrapperProps = {
-    hasError?: boolean;
-    children: ReactElement;
-    size?: 'small' | 'large' | 'medium';
-    className?: string;
-    dropdownWidth?: number;
-    align?: 'left' | 'right';
-    offsets?: {
-        top?: number;
-        left?: number;
-        right?: number;
-    };
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    containerRef: HTMLDivElement | null;
-    setContainerRef: LegacyRef<HTMLDivElement> | undefined;
-    options?: TSelectOptions;
-    label?: string | React.ReactElement;
-    placeHolder?: string;
-    isRequiredField?: boolean;
-    overflowText?: string;
-    labelAddons?: React.ReactElement;
-    disabled?: boolean;
-    dropdownRef: HTMLDivElement | null;
-    setDropdownRef: LegacyRef<HTMLDivElement>;
-    selectedValues?: TSelectedValue[];
-    dataId?: string;
-    type?: 'primary' | 'secondary' | 'tertiary';
-};
-declare type TNavItemValue = {
-    icon?: TSVGIconComponent;
-    text: string;
-    url?: string;
-    onclick?: () => void;
-    rightInfoProps?: ReactElement;
-    children: ReactNode;
-};
-export type TProfileDropdownProps = {
-    avatar: ReactElement;
-    email: string;
-    name: string;
-    bodyItems: TNavItemValue[];
-    footerItems: TNavItemValue[];
-    className?: string;
-};
-export {};
+import { LegacyRef, ReactElement, ReactNode } from 'react';
+import { TButtonPropTypes } from '../Button/types';
+import { TTooltipProps } from '../Tooltip/types';
+import { TMenuItem } from '../Menu/types';
+interface TSelectBaseProps {
+    dataIdPrefix?: string;
+    error?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    label?: string | React.ReactElement;
+    placeHolder?: string;
+    isRequiredField?: boolean;
+    labelLeftIconProps?: {
+        size?: TIconSize;
+        className?: string;
+        onClick?: TClickHandler;
+        Component?: TSVGIconComponent;
+    };
+    optionRightIconComponent?: (value: TItemValue) => ReactElement;
+    labelRightIconComponent?: (value: TItemValue) => ReactElement;
+    selectRightIconProps?: TSelectIconProps;
+    selectRightIconOpenedProps?: TSelectIconProps;
+    avatar?: string;
+    size?: 'small' | 'large' | 'medium';
+    className?: string;
+    dropdownWidth?: number;
+}
+export interface TNestedSelectProps {
+    options: TSelectOptions;
+    isRequiredField?: boolean;
+    label?: string | ReactElement;
+    placeHolder?: string;
+    initialSelectedFolderIds?: TItemValue[];
+    setSelectedValue: (value: TSelectOption | null) => void;
+    selected?: TSelectOption | null;
+    optionRightIconComponent?: (value: TItemValue) => ReactElement;
+    labelRightIconComponent?: (value: TItemValue) => ReactElement;
+    avatar?: string;
+    labelAddons?: ReactElement;
+}
+export type TSelectTranslations = {
+    emptyListMainMessage: string;
+    overflowText?: string;
+    searchInputPlaceHolder?: string;
+    emptyListSecondaryMessage?: string;
+    selectAllLabel?: string;
+    clearAllLabel?: string;
+    innerLabel?: string;
+};
+interface TMultiSelectCompProps extends IFormCompProps, TSelectBaseProps {
+    isMobile: boolean;
+    maxSelectCount: number;
+    isSearchAvailable: boolean;
+    helperText?: string;
+    scrollableContentStyle: {
+        maxHeight?: number;
+    };
+    translations: TSelectTranslations;
+    selectedValues: TSelectedValue[];
+    setSelectedValues: (values: TSelectedValue[]) => void;
+    onItemSelect: (item: TSelectedValue) => void;
+    onItemDeselect: (item: TSelectedValue) => void;
+    menuOptions?: TMenuItem[];
+    closeDropdown: () => void;
+}
+export interface TMultySingleTabPropTypes extends TMultiSelectCompProps {
+    options: TSelectOptions;
+}
+export interface TMultiSelectGroupedProps extends TMultiSelectCompProps {
+    options: TSelectGroupOptions;
+}
+export type TCheckboxInfo = {
+    label: string;
+    isChecked: boolean;
+};
+export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps {
+    isMobileFullScreen?: boolean;
+    dropdownWidth?: number;
+    align?: 'left' | 'right';
+    helperText?: string;
+    maxSelectCount?: number;
+    isSearchAvailable?: boolean;
+    withTabs?: boolean;
+    isGrouped?: boolean;
+    checkboxInfo?: TCheckboxInfo;
+    selectedItems?: TSelectedValue[];
+    translations: TSelectTranslations;
+    options: TSelectOptions | TSelectGroupOptions;
+    setSelectedItems?: (items: TSelectedValue[], isChecked: boolean) => void;
+    footerButtonProps?: {
+        cancel: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    labelAddons?: React.ReactElement;
+    className?: string;
+    isButtonSelect?: boolean;
+}
+export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps {
+    isMobileFullScreen?: boolean;
+    dataId?: string;
+    options: TSelectOptions;
+    selectedItem?: TItemValue;
+    setSelectedItem?: (items: TItemValue | undefined) => void;
+    tooltipAddons?: TTooltipProps;
+    dropdownWidth?: number;
+    align?: 'left' | 'right';
+    offsets?: {
+        top?: number;
+        left?: number;
+        right?: number;
+    };
+    type: 'secondary' | 'tertiary';
+}
+export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps {
+    isMobileFullScreen?: boolean;
+    options: TSelectOptions;
+    selectedItem?: TItemValue;
+    setSelectedItem?: (items: TItemValue | undefined) => void;
+    withSearch?: boolean;
+    outerHelperText?: string;
+    innerHelperText?: string;
+    labelAddons?: React.ReactElement;
+    tooltipAddons?: TTooltipProps;
+    translations?: {
+        emptyListMainMessage: string;
+    };
+}
+export interface ISingleSelectResponsiveProps {
+    isOpen: boolean;
+    closeDropdown: () => void;
+    isLoading?: boolean;
+    dataId?: string;
+    innerHelperText?: string;
+    labelLeftIconProps?: {
+        size?: TIconSize;
+        className?: string;
+        onClick?: TClickHandler;
+    };
+    labelRightIconComponent?: (value: TItemValue) => ReactElement;
+    optionRightIconComponent?: (value: TItemValue) => ReactElement;
+    tooltipAddons?: TTooltipProps;
+    onItemSelect: (item: TItemValue) => void;
+    onItemDeselect: () => void;
+    options: TSelectOptions;
+    avatar?: string;
+    currentSelection: TItemValue | undefined;
+    isRequiredField?: boolean;
+    translations?: {
+        emptyListMainMessage: string;
+    };
+}
+export type ISingleSelectMobileProps = ISingleSelectResponsiveProps;
+export interface ISingleSelectDesktopProps extends ISingleSelectResponsiveProps {
+    searchValue: string;
+    setSearchValue: (value: string) => void;
+    withSearch?: boolean;
+    dropdownWidth?: number;
+    inputRef: HTMLInputElement | null;
+    containerRef: HTMLDivElement | null;
+    setSelectedOption: (item: TSelectOption | null) => void;
+}
+export type TSelectFooterPropTypes = {
+    checkboxInfo?: TCheckboxInfo;
+    hasChange?: boolean;
+    buttonProps: {
+        cancel: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    onCancel: () => void;
+    onApply: (isChecked: boolean) => void;
+};
+export interface TFilterProps extends IFormCompProps, TSelectBaseProps {
+    isLoading?: boolean;
+    withTabs: boolean;
+    isGrouped: boolean;
+    isOpen: boolean;
+    options: TSelectOptions | TSelectGroupOptions;
+    selectedItems: TSelectedValue[];
+    setSelectedItems: (items: TSelectedValue[]) => void;
+    footerButtonProps?: {
+        cancel: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    closeHandler: () => void;
+    parentRef: HTMLElement;
+}
+export interface TFilterDropdownContentProps extends IFormCompProps {
+    options: TSelectOptions;
+    labelLeftIconProps?: {
+        size?: TIconSize;
+        className?: string;
+        onClick?: TClickHandler;
+    };
+    avatar?: string;
+    footerButtonProps?: {
+        cancel: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    optionRightIconComponent?: (value: TItemValue) => ReactElement;
+    labelRightIconComponent?: (value: TItemValue) => ReactElement;
+    filterValue: string;
+    onItemSelect: (item: TSelectedValue) => void;
+    onItemDeselect: (item: TSelectedValue) => void;
+    checkIsSelected: (item: TItemValue) => boolean;
+}
+export interface TFilterGroupDropdownContentProps extends IFormCompProps {
+    options: TSelectGroupOptions;
+    labelLeftIconProps?: {
+        size?: TIconSize;
+        className?: string;
+        onClick?: TClickHandler;
+    };
+    avatar?: string;
+    footerButtonProps?: {
+        cancel: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    optionRightIconComponent?: (value: TItemValue) => ReactElement;
+    labelRightIconComponent?: (value: TItemValue) => ReactElement;
+    filterValue: string;
+    onItemSelect: (item: TSelectedValue) => void;
+    onItemDeselect: (item: TSelectedValue) => void;
+    checkIsSelected: (item: TItemValue) => boolean;
+}
+export type TSelectWrapperProps = {
+    isMobile: boolean;
+    applySelectedItems: (isChecked: boolean) => void;
+    hasError?: boolean;
+    children: ReactElement;
+    size?: 'small' | 'large' | 'medium';
+    className?: string;
+    dropdownWidth?: number;
+    align?: 'left' | 'right';
+    offsets?: {
+        top?: number;
+        left?: number;
+        right?: number;
+    };
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    containerRef: HTMLDivElement | null;
+    setContainerRef: LegacyRef<HTMLDivElement> | undefined;
+    options?: TSelectOptions;
+    label?: string | React.ReactElement;
+    placeHolder?: string;
+    isRequiredField?: boolean;
+    overflowText?: string;
+    labelAddons?: React.ReactElement;
+    disabled?: boolean;
+    dropdownRef: HTMLDivElement | null;
+    setDropdownRef: LegacyRef<HTMLDivElement>;
+    selectedValues?: TSelectedValue[];
+    dataId?: string;
+    type?: 'primary' | 'secondary' | 'tertiary';
+    modalApplyButtonText?: string;
+};
+declare type TNavItemValue = {
+    icon?: TSVGIconComponent;
+    text: string;
+    url?: string;
+    onclick?: () => void;
+    rightInfoProps?: ReactElement;
+    children: ReactNode;
+};
+export type TProfileDropdownProps = {
+    avatar: ReactElement;
+    email: string;
+    name: string;
+    bodyItems: TNavItemValue[];
+    footerItems: TNavItemValue[];
+    className?: string;
+};
+export {};

package/components/SideNavigation/Block.d.ts

@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
-import { TBlock } from './types';
-export declare const Block: (props: TBlock) => ReactElement;
+import { ReactElement } from 'react';
+import { TBlock } from './types';
+export declare const Block: (props: TBlock) => ReactElement;

package/components/SideNavigation/NavigationItem/index.d.ts

@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
-import { TNavigationLinkPropTypes } from './types';
-export declare const NavigationItem: (props: TNavigationLinkPropTypes) => ReactElement;
+import { ReactElement } from 'react';
+import { TNavigationLinkPropTypes } from './types';
+export declare const NavigationItem: (props: TNavigationLinkPropTypes) => ReactElement;

package/components/SideNavigation/NavigationItem/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../../slicedToArray-5c7da176.js';
+import { _ as _slicedToArray } from '../../../slicedToArray-66f01db8.js';
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import { NavigationItemTypes } from './types.js';
@@ -8,8 +8,8 @@ import { IconDynamicComponent } from '../../../helperComponents/IconDynamicCompo
 import '../../Text/Text.js';
 import '../../../utils/helpers.js';
 import 'dayjs';
-import '../../../defineProperty-c0de2685.js';
-import '../../../typeof-6c1fecb2.js';
+import '../../../defineProperty-1ecacfbc.js';
+import '../../../typeof-1cc36b12.js';
 import '../../../helperComponents/IconDynamicComponent/constants.js';
 
 var NavigationItem = function NavigationItem(props) {

package/components/SideNavigation/NavigationItem/types.d.ts

@@ -1,24 +1,24 @@
-import { ReactNode } from 'react';
-import { ISVGIconProps } from '../../SVGIcons/types';
-export declare enum NavigationItemTypes {
-    MAIN = "main",
-    SUB = "sub",
-    BLOCK_HEADER = "block-header",
-    USER = "user",
-    PRODUCT = "product",
-    ACTION = "action"
-}
-export interface TNavigationLinkPropTypes {
-    As: () => React.ReactElement;
-    expandIconProps?: ISVGIconProps;
-    type: NavigationItemTypes;
-    isOpen: boolean;
-    iconName?: string;
-    showBadge?: boolean;
-    expandable?: boolean;
-    showAction?: boolean;
-    actionElm?: React.ReactElement;
-    active?: boolean;
-    badgeContent?: string;
-    children?: ReactNode;
-}
+import { ReactNode } from 'react';
+import { ISVGIconProps } from '../../SVGIcons/types';
+export declare enum NavigationItemTypes {
+    MAIN = "main",
+    SUB = "sub",
+    BLOCK_HEADER = "block-header",
+    USER = "user",
+    PRODUCT = "product",
+    ACTION = "action"
+}
+export interface TNavigationLinkPropTypes {
+    As: () => React.ReactElement;
+    expandIconProps?: ISVGIconProps;
+    type: NavigationItemTypes;
+    isOpen: boolean;
+    iconName?: string;
+    showBadge?: boolean;
+    expandable?: boolean;
+    showAction?: boolean;
+    actionElm?: React.ReactElement;
+    active?: boolean;
+    badgeContent?: string;
+    children?: ReactNode;
+}

package/components/SideNavigation/SideNavigation.d.ts

@@ -1,3 +1,3 @@
-import { TSideNavigationPropTypes } from './types';
-import React from 'react';
-export declare const SideNavigation: (props: TSideNavigationPropTypes) => React.ReactElement;
+import { TSideNavigationPropTypes } from './types';
+import React from 'react';
+export declare const SideNavigation: (props: TSideNavigationPropTypes) => React.ReactElement;

package/components/SideNavigation/SideNavigation.js

@@ -2,8 +2,8 @@ import React from 'react';
 import classNames from 'classnames';
 import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
 import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
-import '../../defineProperty-c0de2685.js';
-import '../../typeof-6c1fecb2.js';
+import '../../defineProperty-1ecacfbc.js';
+import '../../typeof-1cc36b12.js';
 
 var SideNavigation = function SideNavigation(props) {
   var children = props.children,

package/components/SideNavigation/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SideNavigation';
-export * from './NavigationItem';
+export * from './SideNavigation';
+export * from './NavigationItem';

package/components/SideNavigation/index.js

@@ -3,10 +3,10 @@ export { NavigationItem } from './NavigationItem/index.js';
 import 'react';
 import 'classnames';
 import '../SVGIcons/IconChevronRight.js';
-import '../../defineProperty-c0de2685.js';
-import '../../typeof-6c1fecb2.js';
+import '../../defineProperty-1ecacfbc.js';
+import '../../typeof-1cc36b12.js';
 import '../SVGIcons/IconChevronLeft.js';
-import '../../slicedToArray-5c7da176.js';
+import '../../slicedToArray-66f01db8.js';
 import './NavigationItem/types.js';
 import '../Badge/Badge.js';
 import '../Text/Text.js';