@true-engineering/true-react-common-ui-kit 3.0.0-alpha.8 → 3.0.0

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

@@ -2,21 +2,21 @@ import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
 import { ISearchInputStyles } from '../SearchInput';
 import { ISelectListStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"arrow" | "root" | "icon" | "disabled" | "inputWrapper" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter", unknown>;
-export declare const readonlyInputStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "root" | "middle" | "icon" | "disabled" | "input" | "label" | "error" | "invalid" | "loading" | "inputWrapper" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"currentColor" | "root" | "default" | "dots" | "logo", unknown, undefined>> & Partial<{
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter", unknown>;
+export declare const readonlyInputStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const multiSelectInputStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "root" | "middle" | "icon" | "disabled" | "input" | "label" | "error" | "invalid" | "loading" | "inputWrapper" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"currentColor" | "root" | "default" | "dots" | "logo", unknown, undefined>> & Partial<{
+export declare const multiSelectInputStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "root" | "middle" | "icon" | "disabled" | "input" | "label" | "error" | "invalid" | "loading" | "inputWrapper" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"currentColor" | "root" | "default" | "dots" | "logo", unknown, undefined>> & Partial<{
+export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;

package/dist/components/Select/components/SelectList/SelectList.styles.d.ts

@@ -2,5 +2,5 @@ import { ITweakStyles } from '../../../../theme';
 export declare const ROW_HEIGHT = 40;
 export declare const CONTAINER_PADDING = 10;
 export declare const CELL_PADDING: number[];
-export declare const useStyles: import("../../../../theme").IUseStyles<"list" | "root" | "cell" | "active" | "disabled" | "loading" | "focused" | "withListHeader" | "listHeader" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "listHeader" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell", unknown>;
 export declare type ISelectListStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+import { ICommonProps } from '../../types';
+import { ISkeletonStyles } from './Skeleton.styles';
+export interface ISkeletonProps extends Pick<ICommonProps<ISkeletonStyles>, 'tweakStyles'> {
+    height?: CSSProperties['height'];
+}
+export declare const Skeleton: FC<ISkeletonProps>;

package/dist/components/Skeleton/Skeleton.styles.d.ts

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "@keyframes skeleton", unknown>;
+export declare type ISkeletonStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Skeleton';
+export type { ISkeletonStyles } from './Skeleton.styles';

package/dist/components/Switch/Switch.d.ts

@@ -5,7 +5,7 @@ import { ISwitchStyles } from './Switch.styles';
 export interface ISwitchProps<V extends string> extends ICommonProps<ISwitchStyles> {
     children?: ReactNode;
     value: V;
-    isChecked: boolean;
+    isChecked: boolean | undefined;
     isDisabled?: boolean;
     isInvalid?: boolean;
     /**

package/dist/components/Switch/Switch.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "disabled" | "input" | "label" | "switch" | "invalid" | "primary" | "secondary" | "checked" | "labelLeft" | "labelRight", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "label" | "switch" | "labelLeft" | "labelRight", unknown>;
 export declare type ISwitchStyles = ITweakStyles<typeof useStyles>;

package/dist/components/TextArea/TextArea.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "textarea" | "disabled" | "footer" | "label" | "error" | "invalid" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "requiredLabel" | "invalidLabel" | "info" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "label" | "footer" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "requiredLabel" | "invalidLabel" | "info" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
 export declare type ITextAreaStyles = ITweakStyles<typeof useStyles>;

package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IDotsPreloaderStyles, ISvgPreloaderStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"currentColor" | "root" | "default" | "dots" | "logo", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "default" | "currentColor" | "dots" | "logo", unknown>;
 export declare type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
     tweakDotsPreloader: IDotsPreloaderStyles;
     tweakSvgPreloader: ISvgPreloaderStyles;

package/dist/components/Toaster/Toaster.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ICloseButtonStyles } from '../CloseButton';
-export declare const useStyles: import("../../theme").IUseStyles<"close" | "content" | "root" | "text" | "title" | "error" | "warning" | "iconContainer" | "info" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "iconContainer" | "info" | "title" | "ok" | "not-ok", unknown>;
 export declare type IToasterStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: ICloseButtonStyles;
 }>;

package/dist/components/Tooltip/Tooltip.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "tooltip" | "error" | "info" | "hint", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "tooltip" | "info" | "hint", unknown>;
 export declare type ITooltipStyles = ITweakStyles<typeof useStyles>;

package/dist/components/index.d.ts

@@ -34,3 +34,4 @@ export * from './ThemedPreloader';
 export * from './Toaster';
 export * from './Tooltip';
 export * from './ScrollIntoViewIfNeeded';
+export * from './Skeleton';

package/dist/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './phone-info';

package/dist/constants/phone-info.d.ts

@@ -0,0 +1,2 @@
+import type { IPhoneInfo } from '../components';
+export declare const phoneInfo: IPhoneInfo[];

package/dist/helpers/phone.d.ts

@@ -1,4 +1,4 @@
-import { IPhoneInfo, IPhoneValue } from '../components';
+import type { IPhoneInfo, IPhoneValue } from '../components';
 export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
 export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
 export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './use-dropdown';
 export * from './use-tweak-styles';
 export * from './use-did-mount-effect';
 export * from './use-mixed-styles';
+export * from './use-merged-refs';

package/dist/hooks/use-merged-refs.d.ts

@@ -0,0 +1,2 @@
+import { mergeRefs } from '@true-engineering/true-react-platform-helpers';
+export declare const useMergedRefs: typeof mergeRefs;

package/dist/index.d.ts

@@ -2,5 +2,5 @@ export * from './theme';
 export * from './components';
 export * from './hooks';
 export * from './types';
+export * from './constants';
 export * from './helpers';
-export * from './helpers/snippets';

package/dist/theme/types.d.ts

@@ -1,6 +1,6 @@
 import { Styles } from 'react-jss';
 import { Classes } from 'jss';
-import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles } from '../components';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles, ISkeletonStyles, IListItemStyles } from '../components';
 export declare type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
 export declare type IUseStyles<C extends string, P = unknown> = (data?: P & {
     theme?: Partial<Styles<C, P>>;
@@ -35,6 +35,7 @@ export interface IComponentStyles {
     IncrementInput: IIncrementInputStyles;
     Input: IInputStyles;
     List: IListStyles;
+    ListItem: IListItemStyles;
     Modal: IModalStyles;
     MoreMenu: IMoreMenuStyles;
     MultiSelect: IMultiSelectStyles;
@@ -47,6 +48,7 @@ export interface IComponentStyles {
     SearchInput: ISearchInputStyles;
     Select: ISelectStyles;
     SelectList: ISelectListStyles;
+    Skeleton: ISkeletonStyles;
     Switch: ISwitchStyles;
     TextArea: ITextAreaStyles;
     TextWithInfo: ITextWithInfoStyles;