@itcase/ui 1.2.4 → 1.2.5

package/dist/context/Notifications.js

@@ -36,8 +36,9 @@ function NotificationsProvider(props) {
         // Check on need to hide, if current notification is target for hide
         const isNeedToHide = String(notificationItem.id) === String(targetId);
         // Callback for close if exists
-        if (isNeedToHide && typeof notificationItem.onClose === 'function') {
-          notificationItem.onClose();
+        if (isNeedToHide) {
+          clearTimeout(notificationItem._closeTimeout);
+          notificationItem.onClose && notificationItem.onClose();
         }
         // Save in state if no need to hide
         return !isNeedToHide;

package/dist/types/components/Pagination/Pagination.d.ts

@@ -1,13 +1,3 @@
 import { iPaginationProps } from './Pagination.interface';
 declare function Pagination(props: iPaginationProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Pagination {
-    var defaultProps: {
-        pageNumber: number;
-        perPageCount: number;
-        allItemsCount: number;
-        pageCountArray: number[];
-        isPageCountDropdownReversed: boolean;
-        pageCountDropdownItemLabelColorActive: string;
-    };
-}
 export { Pagination };

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

@@ -0,0 +1,91 @@
+import type { ReactNode } from 'react';
+import { GroupBase, Props } from 'react-select';
+import { borderColorHoverPropsType, sizeOptionPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iSelectThemeColor extends iSelectPropsCustom {
+}
+type tSelectAppearance = {
+    [key in tAppearanceKeysDefault]?: iSelectThemeColor;
+};
+interface iSelectConfig {
+    appearance: tSelectAppearance | undefined;
+    setAppearance: (newComponent: tSelectAppearance) => void;
+}
+interface iSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'defaultValue' | 'filterOption' | 'hideSelectedOptions' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onChange' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>, iSelectPropsCustom {
+}
+interface iSelectCustomComponentsProps {
+    data?: {
+        label?: ReactNode;
+        optionAfter?: ReactNode;
+        optionBefore?: ReactNode;
+    };
+    selectProps?: iSelectPropsCustom;
+}
+interface iSelectPropsCustom {
+    after?: ReactNode;
+    appearance?: tAppearanceKeysDefault;
+    badgeAppearance?: tAppearanceKeysDefault;
+    badgeSize?: tSizeProps;
+    badgeTextSize?: tTextSizeProps;
+    before?: ReactNode;
+    clearIcon?: any;
+    clearIconFill?: tItemColorProps;
+    dividerDirection?: tDirectionProps;
+    dividerFill?: tFillProps;
+    dividerSize?: tSizeProps;
+    dropdownFillHover?: tFillHoverProps;
+    dropdownIcon?: any;
+    dropdownIconFill?: tItemColorProps;
+    dropdownIconShape?: tShapeProps;
+    elevation?: number;
+    fetchingData?: ReactNode;
+    headingFill?: string;
+    headingFillHover?: string;
+    headingTextColor?: tTextColorProps;
+    headingTextSize?: tTextSizeProps;
+    headingTextWeight?: tTextWeightProps;
+    hideValueContainer?: boolean;
+    inputAfter?: ReactNode;
+    inputBefore?: ReactNode;
+    inputBorderColor?: tBorderColorProps;
+    inputBorderColorHover?: borderColorHoverPropsType;
+    inputCaretColor?: string;
+    inputFill?: string;
+    inputShape?: string;
+    inputTextColor?: tTextColorProps;
+    inputTextSize?: tTextSizeProps;
+    inputValue?: string;
+    loadingIndicator?: ReactNode;
+    menuAfter?: ReactNode;
+    menuBefore?: ReactNode;
+    menuItemSize?: string;
+    multipleItemFill?: tFillProps;
+    multipleItemFillHover?: tFillHoverProps;
+    multipleItemIcon?: any;
+    multipleItemIconFill?: tItemColorProps;
+    multipleItemTextColor?: tTextColorProps;
+    multipleItemTextSize?: tTextSizeProps;
+    noOptionsSearchText?: ReactNode;
+    noOptionsText?: ReactNode;
+    noOptionsTextColor?: tTextColorProps;
+    noOptionsTextSize?: tTextSizeProps;
+    optionAfter?: ReactNode;
+    optionBefore?: ReactNode;
+    optionBorder?: string;
+    optionBorderType?: string;
+    optionFill?: string;
+    optionFillHover?: string;
+    optionSelected?: ReactNode;
+    optionShape?: tShapeProps;
+    optionTextColor?: tTextColorProps;
+    optionTextSize?: tTextSizeProps;
+    placeholder?: ReactNode;
+    placeholderTextColor?: tTextColorProps;
+    placeholderTextSize?: tTextSizeProps;
+    showBadge?: boolean;
+    showDivider?: boolean;
+    size?: sizeOptionPropsType;
+    isCreatable?: boolean;
+    set?: string;
+}
+export type { iSelectCustomComponentsProps, iSelectThemeColor, iSelectPropsCustom, tSelectAppearance, iSelectConfig, iSelectProps, };

package/dist/types/components/Select/SelectClearIndicator.d.ts

@@ -1,11 +1,4 @@
-export function SelectClearIndicator(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectClearIndicator {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            clearIcon: PropTypes.Requireable<string>;
-            clearIconFill: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ClearIndicatorProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare function SelectClearIndicator(props: ClearIndicatorProps & iSelectCustomComponentsProps): import("react/jsx-runtime").JSX.Element;
+export { SelectClearIndicator };

package/dist/types/components/Select/SelectContainer.d.ts

@@ -1,2 +1,5 @@
-export const SelectContainer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
+import { GroupBase } from 'react-select';
+import { iSelectProps } from './Select.interface';
+declare const SelectContainer: React.ForwardRefExoticComponent<iSelectProps<unknown, boolean, GroupBase<unknown>> & React.RefAttributes<unknown>>;
+export { SelectContainer };

package/dist/types/components/Select/SelectControl.d.ts

@@ -1,11 +1,4 @@
-export function SelectControl(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectControl {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputFill: PropTypes.Requireable<string>;
-            inputShape: PropTypes.Requireable<string>;
-            set: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ControlProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectControl: (props: ControlProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectControl };

package/dist/types/components/Select/SelectDropdownIndicator.d.ts

@@ -1,13 +1,4 @@
-export function SelectDropdownIndicator(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectDropdownIndicator {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            dropdownFillHover: PropTypes.Requireable<string>;
-            dropdownIcon: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>;
-            dropdownIconFill: PropTypes.Requireable<string>;
-            dropdownIconShape: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { DropdownIndicatorProps, GroupBase } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectDropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group> & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectDropdownIndicator };

package/dist/types/components/Select/SelectGroupHeading.d.ts

@@ -1,7 +1,4 @@
-export function SelectGroupHeading(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectGroupHeading {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupHeadingProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectGroupHeading: (props: GroupHeadingProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectGroupHeading };

package/dist/types/components/Select/SelectIndicatorsContainer.d.ts

@@ -1,4 +1,4 @@
-export function SelectIndicatorsContainer(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectIndicatorsContainer {
-    let propTypes: {};
-}
+import { IndicatorsContainerProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectIndicatorsContainer: (props: IndicatorsContainerProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectIndicatorsContainer };

package/dist/types/components/Select/SelectInput.d.ts

@@ -1,12 +1,4 @@
-export function SelectInput(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectInput {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputTextSize: PropTypes.Requireable<string>;
-            inputTextColor: PropTypes.Requireable<string>;
-            inputCaretColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { InputProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectInput: (props: InputProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectInput };

package/dist/types/components/Select/SelectLoadingIndicator.d.ts

@@ -1,7 +1,5 @@
-export function SelectLoadingIndicator(props: any): any;
-export namespace SelectLoadingIndicator {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }
-}
-import PropTypes from 'prop-types';
+import React from 'react';
+import { LoadingIndicatorProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectLoadingIndicator: (props: iSelectCustomComponentsProps & LoadingIndicatorProps) => React.ReactNode;
+export { SelectLoadingIndicator };

package/dist/types/components/Select/SelectMenu.d.ts

@@ -1,11 +1,4 @@
-export function SelectMenu(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMenu {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            fetchingData: PropTypes.Requireable<any>;
-            set: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { MenuProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMenu: (props: iSelectCustomComponentsProps & MenuProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMenu };

package/dist/types/components/Select/SelectMultiValueContainer.d.ts

@@ -1 +1,4 @@
-export function SelectMultiValueContainer(props: any): import("react/jsx-runtime").JSX.Element;
+import { MultiValueGenericProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueContainer: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueContainer };

package/dist/types/components/Select/SelectMultiValueLabel.d.ts

@@ -1,4 +1,4 @@
-export function SelectMultiValueLabel(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMultiValueLabel {
-    let propTypes: {};
-}
+import { MultiValueGenericProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueLabel: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueLabel };

package/dist/types/components/Select/SelectMultiValueRemove.d.ts

@@ -1,4 +1,4 @@
-export function SelectMultiValueRemove(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMultiValueRemove {
-    let propTypes: {};
-}
+import { MultiValueRemoveProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueRemove: (props: iSelectCustomComponentsProps & MultiValueRemoveProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueRemove };

package/dist/types/components/Select/SelectNoOptions.d.ts

@@ -1,12 +1,4 @@
-export function SelectNoOptions(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectNoOptions {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            noOptionsTextSize: PropTypes.Requireable<string>;
-            noOptionsTextColor: PropTypes.Requireable<string>;
-            noOptionsText: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { NoticeProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectNoOptions: (props: iSelectCustomComponentsProps & NoticeProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectNoOptions };

package/dist/types/components/Select/SelectOption.d.ts

@@ -1,16 +1,4 @@
-export function SelectOption(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectOption {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            optionFill: PropTypes.Requireable<string>;
-            optionTextSize: PropTypes.Requireable<string>;
-            optionTextColor: PropTypes.Requireable<string>;
-            optionShape: PropTypes.Requireable<string>;
-            optionBefore: PropTypes.Requireable<any>;
-            optionAfter: PropTypes.Requireable<any>;
-        }>>;
-        let label: PropTypes.Requireable<string>;
-        let isSelected: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, OptionProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectOption: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & OptionProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectOption };

package/dist/types/components/Select/SelectPlaceholder.d.ts

@@ -1,11 +1,4 @@
-export function SelectPlaceholder(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectPlaceholder {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            placeholderTextSize: PropTypes.Requireable<string>;
-            placeholderTextColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, PlaceholderProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectPlaceholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & PlaceholderProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectPlaceholder };

package/dist/types/components/Select/SelectSingleValue.d.ts

@@ -1,12 +1,4 @@
-export function SelectSingleValue(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectSingleValue {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputTextSize: PropTypes.Requireable<string>;
-            inputTextColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-        let data: PropTypes.Requireable<object>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, SingleValueProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectSingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & SingleValueProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectSingleValue };

package/dist/types/components/Select/SelectValueContainer.d.ts

@@ -1,11 +1,4 @@
-export function SelectValueContainer(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectValueContainer {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputBefore: PropTypes.Requireable<any>;
-            inputAfter: PropTypes.Requireable<any>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, ValueContainerProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & ValueContainerProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectValueContainer };

package/dist/types/components/Select/index.d.ts

@@ -1,3 +1,4 @@
+import { iSelectConfig } from './Select.interface.js';
 import { SelectClearIndicator } from './SelectClearIndicator.js';
 import { SelectContainer } from './SelectContainer.js';
 import { SelectControl } from './SelectControl.js';
@@ -13,8 +14,5 @@ import { SelectOption } from './SelectOption.js';
 import { SelectPlaceholder } from './SelectPlaceholder.js';
 import { SelectSingleValue } from './SelectSingleValue.js';
 import { SelectValueContainer } from './SelectValueContainer.js';
-export namespace selectConfig {
-    let appearance: {};
-    function setAppearance(newComponent: any): void;
-}
-export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer };
+declare const selectConfig: iSelectConfig;
+export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -74,7 +74,8 @@
     "dev-css": "postcss 'src/components/**/!(css)/*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/{mediaqueries,mixin_global,mixin_elevation,mixin_fill-gradient}.css' --base src --dir dist/css/ --env production -w --verbose",
     "prepare": "husky",
     "prepack": "npm run build",
-    "semantic-release": "semantic-release"
+    "semantic-release": "semantic-release",
+    "typecheck": "tsc --noEmit"
   },
   "files": [
     "dist",