npm - @itcase/ui - Versions diffs - 1.9.31 → 1.9.34 - Mend

@itcase/ui 1.9.31 → 1.9.34

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.

Files changed (213) hide show

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts CHANGED Viewed

@@ -7,7 +7,8 @@ export interface ModalSheetBottomProps extends a {
     className?: string;
     closeButton?: ReactNode;
     closeModal: () => void;
-    dataTestId: string;
+    dataTestId?: string;
+    dataTour?: string;
     fill?: FillProps;
     style?: CSSProperties;
     isOpenModal: boolean;

package/dist/types/components/Notification/Notification.interface.d.ts CHANGED Viewed

@@ -28,6 +28,7 @@ export interface NotificationProps extends StyleAttributes {
     before?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
+    dataTestId?: string;
     dataTour?: string;
     fill?: FillProps;
     size?: SizeProps;
@@ -47,6 +48,8 @@ export interface NotificationProps extends StyleAttributes {
 export interface NotificationWrapperProps {
     className?: string;
     closeButton?: ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
     size?: SizeProps;
     type?: string;
     set?: string;

package/dist/types/components/Pagination/Pagination.interface.d.ts CHANGED Viewed

@@ -49,6 +49,8 @@ interface PaginationProps extends PaginationThemeColor, StyleAttributes {
     allItemsCount?: number;
     appearance?: AppearanceKeys;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     marginPagesDisplayed?: number;
     nextLabel?: ReactNode;
     pageCountDropdownItemDividerDirection?: DirectionProps;

package/dist/types/components/Radio/Radio.interface.d.ts CHANGED Viewed

@@ -46,6 +46,8 @@ export interface RadioProps extends RadioThemeColor, StyleAttributes {
     appearance?: AppearanceKeys;
     checked?: boolean;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     desc?: string;
     disabled?: boolean;
     label?: string;

package/dist/types/components/RangeSlider/RangeSlider.interface.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ export interface RangeSliderProps extends StyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     disabled?: boolean;
     fill?: FillProps;
     fillHandle?: ItemColorProps;

package/dist/types/components/Response/Response.interface.d.ts CHANGED Viewed

@@ -48,11 +48,11 @@ export interface ResponseConfig {
 export interface ResponseProps extends ResponseAppearance, StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    /** appearance description */
     appearance?: AppearanceKeys;
     before?: ReactNode;
     className?: string;
-    /** desc description */
+    dataTestId?: string;
+    dataTour?: string;
     desc?: string;
     descTextWeight?: TextWeightProps;
     imageSrc?: string;
@@ -64,7 +64,6 @@ export interface ResponseProps extends ResponseAppearance, StyleAttributes {
     secondaryButtonBefore?: ReactNode;
     style?: CSSProperties;
     svgSrc?: string;
-    /** title description */
     title?: string;
     isSkeleton?: boolean;
     onClickPrimaryButton?: () => void;

package/dist/types/components/SVGContent/SVGContent.interface.d.ts CHANGED Viewed

@@ -5,6 +5,8 @@ export interface SVGContentProps extends StyleAttributes {
     [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     src?: string;
     svgFill?: SvgFillProps;
     svgFillHover?: SvgFillProps;

package/dist/types/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts CHANGED Viewed

@@ -9,6 +9,8 @@ export interface ScrollOnDragProps extends StyleAttributes {
     borderWidth?: BorderWidthProps;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     elevation?: ElevationProps;
     fill?: FillProps;
     fillHover?: FillHoverProps;

package/dist/types/components/Scrollbar/Scrollbar.interface.d.ts CHANGED Viewed

@@ -3,6 +3,8 @@ import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface
 export interface ScrollbarProps extends StyleAttributes {
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     noDefaultStyles?: boolean;
     scrollbarWidth?: number;
     scrollHeight?: number | string;

package/dist/types/components/Search/Search.interface.d.ts CHANGED Viewed

@@ -49,6 +49,7 @@ export interface SearchProps extends SearchThemeColor, StyleAttributes {
     appearance?: AppearanceKeys;
     before?: ReactNode;
     className?: string;
+    dataTestId?: string;
     dataTour?: string;
     placeholder?: string;
     style?: CSSProperties;
@@ -67,6 +68,8 @@ export interface SearchResultProps extends StyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId: string;
+    dataTour?: string;
     fill?: FillProps;
     scrollHeight: number | string;
     type?: string;

package/dist/types/components/Segmented/Segmented.interface.d.ts CHANGED Viewed

@@ -37,6 +37,8 @@ export interface SegmentedProps extends SegmentedThemeColor, StyleAttributes {
     activeSegment?: any;
     appearance?: AppearanceKeys;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     name?: string;
     segments: Segment[];
     size?: string;

package/dist/types/components/Select/Select.interface.d.ts CHANGED Viewed

@@ -33,7 +33,6 @@ interface SelectConfig {
 interface SelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Partial<Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'filterOption' | 'hideSelectedOptions' | 'hideValueContainer' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onChange' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>>, SelectThemeColor, SelectPropsCustom<Option> {
 }
 interface SelectPropsCustom<Option> {
-    [key: number | string | symbol]: any;
     after?: React.ReactNode;
     appearance?: AppearanceKeysDefault;
     badgeAppearance?: AppearanceKeysDefault;
@@ -48,6 +47,8 @@ interface SelectPropsCustom<Option> {
         optionAfter?: React.ReactNode;
         optionBefore?: React.ReactNode;
     };
+    dataTestId?: string;
+    dataTour?: string;
     defaultValue?: PropsValue<Option>;
     dividerDirection?: DirectionProps;
     dividerFill?: FillProps;
@@ -70,6 +71,7 @@ interface SelectPropsCustom<Option> {
     inputCaretColor?: string | null;
     inputValue?: string;
     loadingIndicator?: React.ReactNode;
+    maxToShow?: number;
     menuAfter?: React.ReactNode;
     menuBefore?: React.ReactNode;
     menuIsOpen?: boolean;
@@ -93,4 +95,4 @@ interface SelectPropsCustom<Option> {
     isCreatable?: boolean;
     set?: string;
 }
-export type { SelectThemeColor, SelectPropsCustom, SelectAppearance, SelectConfig, SelectProps, };
+export type { SelectAppearance, SelectConfig, SelectProps, SelectPropsCustom, SelectThemeColor, };

package/dist/types/components/Select/SelectMultiValue.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { GroupBase, MultiValueProps } from 'react-select';
+declare const SelectMultiValue: FC<MultiValueProps<any, boolean, GroupBase<any>>>;
+export { SelectMultiValue };

package/dist/types/components/Select/SelectOverflowBadge.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type SelectOverflowBadgeProps = {
+    overflowItemsList: string[];
+};
+declare const SelectOverflowBadge: FC<SelectOverflowBadgeProps>;
+export { SelectOverflowBadge };
+export type { SelectOverflowBadgeProps };

package/dist/types/components/Select/appearance/selectDefault.d.ts CHANGED Viewed

@@ -2,8 +2,6 @@ declare const selectAppearanceDefault: {
     defaultPrimary: {
         fill: string;
         fillHover: string;
-        optionFillDisabled: string;
-        optionTextColorDisabled: string;
         borderColor: string;
         borderColorHover: string;
         elevation: number;
@@ -28,10 +26,12 @@ declare const selectAppearanceDefault: {
         optionFill: string;
         optionFillActive: string;
         optionFillActiveHover: string;
+        optionFillDisabled: string;
         optionFillHover: string;
         optionSelectedIconFillIcon: string;
         optionTextColor: string;
         optionTextColorActive: string;
+        optionTextColorDisabled: string;
         placeholderTextColor: string;
         requiredInputBorderColor: string;
     };

package/dist/types/components/Select/appearance/selectError.d.ts CHANGED Viewed

@@ -2,8 +2,6 @@ declare const selectAppearanceError: {
     errorPrimary: {
         fill: string;
         fillHover: string;
-        optionFillDisabled: string;
-        optionTextColorDisabled: string;
         borderColor: string;
         borderColorHover: string;
         elevation: number;
@@ -28,10 +26,12 @@ declare const selectAppearanceError: {
         optionFill: string;
         optionFillActive: string;
         optionFillActiveHover: string;
+        optionFillDisabled: string;
         optionFillHover: string;
         optionSelectedIconFillIcon: string;
         optionTextColor: string;
         optionTextColorActive: string;
+        optionTextColorDisabled: string;
         placeholderTextColor: string;
         requiredInputBorderColor: string;
     };

package/dist/types/components/Select/appearance/selectRequire.d.ts CHANGED Viewed

@@ -2,8 +2,6 @@ declare const selectAppearanceRequire: {
     requirePrimary: {
         fill: string;
         fillHover: string;
-        optionFillDisabled: string;
-        optionTextColorDisabled: string;
         borderColor: string;
         borderColorHover: string;
         elevation: number;
@@ -28,10 +26,12 @@ declare const selectAppearanceRequire: {
         optionFill: string;
         optionFillActive: string;
         optionFillActiveHover: string;
+        optionFillDisabled: string;
         optionFillHover: string;
         optionSelectedIconFillIcon: string;
         optionTextColor: string;
         optionTextColorActive: string;
+        optionTextColorDisabled: string;
         placeholderTextColor: string;
         requiredInputBorderColor: string;
     };

package/dist/types/components/Select/appearance/selectSize.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ declare const selectAppearanceSize: {
     sizeXL: {
         size: string;
         textLoadingMessageAppearance: string;
+        badgeAppearanceSize: string;
         badgeSize: string;
         badgeTextSize: string;
         clearIcon: string;
@@ -21,6 +22,7 @@ declare const selectAppearanceSize: {
     sizeL: {
         size: string;
         textLoadingMessageAppearance: string;
+        badgeAppearanceSize: string;
         badgeSize: string;
         badgeTextSize: string;
         clearIcon: string;
@@ -40,6 +42,7 @@ declare const selectAppearanceSize: {
     sizeM: {
         size: string;
         textLoadingMessageAppearance: string;
+        badgeAppearanceSize: string;
         badgeSize: string;
         badgeTextSize: string;
         clearIcon: string;
@@ -59,6 +62,7 @@ declare const selectAppearanceSize: {
     sizeS: {
         size: string;
         textLoadingMessageAppearance: string;
+        badgeAppearanceSize: string;
         badgeSize: string;
         badgeTextSize: string;
         clearIcon: string;
@@ -78,6 +82,7 @@ declare const selectAppearanceSize: {
     sizeXS: {
         size: string;
         textLoadingMessageAppearance: string;
+        badgeAppearanceSize: string;
         badgeSize: string;
         badgeTextSize: string;
         clearIcon: string;
@@ -96,6 +101,7 @@ declare const selectAppearanceSize: {
     sizeXXS: {
         size: string;
         textLoadingMessageAppearance: string;
+        badgeAppearanceSize: string;
         badgeSize: string;
         badgeTextSize: string;
         clearIcon: string;

package/dist/types/components/Select/appearance/selectSuccess.d.ts CHANGED Viewed

@@ -2,8 +2,6 @@ declare const selectAppearanceSuccess: {
     successPrimary: {
         fill: string;
         fillHover: string;
-        optionFillDisabled: string;
-        optionTextColorDisabled: string;
         borderColor: string;
         borderColorHover: string;
         elevation: number;
@@ -28,10 +26,12 @@ declare const selectAppearanceSuccess: {
         optionFill: string;
         optionFillActive: string;
         optionFillActiveHover: string;
+        optionFillDisabled: string;
         optionFillHover: string;
         optionSelectedIconFillIcon: string;
         optionTextColor: string;
         optionTextColorActive: string;
+        optionTextColorDisabled: string;
         placeholderTextColor: string;
         requiredInputBorderColor: string;
     };

package/dist/types/components/Swiper/Swiper.interface.d.ts CHANGED Viewed

@@ -17,6 +17,8 @@ export interface SwiperProps extends StyleAttributes {
     };
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     direction?: 'horizontal' | 'vertical';
     fill?: FillProps;
     forwardedRef: Ref<SwiperRef>;

package/dist/types/components/Switch/Switch.interface.d.ts CHANGED Viewed

@@ -17,6 +17,8 @@ export interface SwitchProps extends SwitchThemeColor, StyleAttributes {
     appearance?: AppearanceKeys;
     checked?: boolean;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     disabled?: boolean;
     onChange?: () => void;
 }

package/dist/types/components/Tab/Tab.interface.d.ts CHANGED Viewed

@@ -68,7 +68,7 @@ type TabProps = StyleAttributes & TabAppearanceProps & {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
-    dataTestId?: number;
+    dataTestId?: string;
     dataTour?: string;
     href?: string;
     isActive?: boolean;