@scbt-ecom/ui 0.6.0 → 0.7.0

package/dist/shared/ui/Breadcrumbs.d.ts

@@ -1,5 +1,6 @@
+import { ReactElement } from 'react';
 export interface IBreadcrumbLink {
-    label: string;
+    label: string | ReactElement;
     path: string;
     isDisabled?: boolean;
 }

package/dist/shared/ui/Document.d.ts

@@ -1,10 +1,11 @@
+import { ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const iconConfig: (props?: ({
     intent?: "outline" | "filled" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type TIconConfig = VariantProps<typeof iconConfig>;
 export interface IDocumentProps extends TIconConfig {
-    text: string;
+    text: string | ReactElement;
     size: number;
     sizeType: 'КБ' | 'МБ';
     href: string;

package/dist/shared/ui/PhoneView.d.ts

@@ -1,11 +1,12 @@
+import { ReactElement } from 'react';
 interface IPhoneViewClasses {
     wrapper: string;
     link: string;
     text: string;
 }
 export interface IPhoneViewProps {
-    phone: string;
-    text: string;
+    phone: string | ReactElement;
+    text: string | ReactElement;
     classes?: Partial<IPhoneViewClasses>;
 }
 export declare const PhoneView: ({ phone, text, classes }: IPhoneViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/TabsSwitcher.d.ts

@@ -13,7 +13,7 @@ export interface ITabContent {
     id: string;
     body: React.ReactElement | string;
     accordion?: {
-        title: string;
+        title: string | React.ReactElement;
     };
 }
 interface ITabTrigger {

package/dist/shared/ui/formControlElements/comboboxControl/ComboboxControl.d.ts

@@ -4,23 +4,23 @@ import * as React from 'react';
 type TSelectVariant = 'primary' | 'secondary';
 export interface SelectOption<ValueType> {
     value: ValueType;
-    label: string;
+    label: string | React.ReactElement;
 }
 export interface IComboboxControlProps<T extends FieldValues, ValueType> {
     name: Path<T>;
     control: Control<T>;
     options: SelectOption<ValueType>[];
-    label: string;
+    label: string | React.ReactElement;
     size?: 'sm' | 'md' | 'lg' | 'full';
-    helperText?: string;
+    helperText?: string | React.ReactElement;
     marker?: boolean;
     variant?: TSelectVariant;
     isClearable?: boolean;
     defaultValue?: ValueType;
-    noOptionsMessage?: string;
+    noOptionsMessage?: string | React.ReactElement;
     disabled?: boolean;
     isMulti?: boolean;
-    placeholder?: string;
+    placeholder?: string | React.ReactElement;
     onClickIcon?: (...args: unknown[]) => unknown;
     onKeyDownIcon?: (event: React.KeyboardEvent) => unknown;
     isSearchable?: boolean;

package/dist/shared/ui/formControlElements/editorControl/EditorControl.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { TFieldControlledProps } from '../model';
 export type TEditorControlClasses = {
@@ -8,8 +9,8 @@ export type TEditorControlClasses = {
 };
 export interface ICommonEditorProps {
     editable?: boolean;
-    helperText?: string;
-    label?: string;
+    helperText?: string | ReactElement;
+    label?: string | ReactElement;
 }
 export type IEditorControlProps<T extends FieldValues> = TFieldControlledProps<T> & ICommonEditorProps & {
     classes?: Partial<TEditorControlClasses>;

package/dist/shared/ui/formControlElements/inputSliderControl/InputSliderControl.d.ts

@@ -1,6 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from '../model';
 import { TSliderVariants } from './model/types';
+import * as React from 'react';
 export interface IInputSliderCommonProps {
     min: number;
     max: number;
@@ -14,7 +15,7 @@ export interface InputSliderControlProps<T extends FieldValues> extends TControl
     };
     disabled?: boolean;
     onInputChange?: (value?: number) => void;
-    leftText?: string;
-    rightText?: string;
+    leftText?: string | React.ReactElement;
+    rightText?: string | React.ReactElement;
 }
-export declare const InputSliderControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, disabled, onInputChange, min, max, variant, ...props }: InputSliderControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const InputSliderControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, disabled, onInputChange, min, max, variant, leftText, rightText, ...props }: InputSliderControlProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/inputSliderControl/model/helpers/getInputSliderSuffix.d.ts

@@ -1,3 +1,2 @@
 import { TSliderVariants } from '../types';
 export declare const getInputSliderSuffix: (variant: TSliderVariants, value: number) => string;
-export declare const getMinMaxTextSlider: (variant: TSliderVariants, min: number, max: number) => string[] | ("лет" | "год" | "года")[];

package/dist/shared/ui/formControlElements/inputSliderControl/model/helpers/index.d.ts

@@ -1,4 +1,3 @@
-export { getMinMaxTextSlider } from './getInputSliderSuffix';
 export { formatNumber } from './formatNumber';
 export { getInputSliderSuffix } from './getInputSliderSuffix';
 export { getStepByVariant } from './getStepByVariant';

package/dist/shared/ui/formControlElements/ui/FieldWrapper.d.ts

@@ -2,7 +2,7 @@ import { TFieldWrapperClasses } from '../model';
 import * as React from 'react';
 interface IFieldWrapperProps<V> {
     children: React.ReactElement;
-    label: string;
+    label: string | React.ReactElement;
     fieldId: string;
     value: V;
     error?: boolean;

package/dist/shared/ui/formControlElements/ui/Label.d.ts

@@ -1,6 +1,7 @@
+import { ReactElement } from 'react';
 import { TFieldWrapperClasses } from '../model';
 interface ILabelProps<V> {
-    label: string;
+    label: string | ReactElement;
     fieldId: string;
     value: V;
     classes?: Partial<TFieldWrapperClasses>;

package/dist/shared/ui/formControlElements/ui/MessageView.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { FieldError } from 'react-hook-form';
 import { VariantProps } from 'class-variance-authority';
 declare const messageViewConfig: (props?: ({
@@ -6,7 +7,7 @@ declare const messageViewConfig: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface IMessageViewProps extends VariantProps<typeof messageViewConfig> {
     as?: 'div' | 'span' | 'p';
-    text?: string | FieldError['message'];
+    text?: string | FieldError['message'] | ReactElement;
     className?: string;
 }
 export declare const MessageView: ({ intent, as: Element, disabled, text, className, ...props }: IMessageViewProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/shared/ui/notification/Notification.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 export interface INotificationProps {
     duration?: number;
     intent: 'info' | 'error';
-    text: string;
+    text: string | ReactElement;
     customIcon?: ReactElement;
     content?: ReactElement;
     closure?: boolean;

package/dist/widgets/banner/Banner.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { IAdvantage } from '../Advantages';
 import { IBannerButtonsGroupClasses } from './ui/BannerButtonsGroup';
 import { IButtonProps } from '../../shared/ui';
@@ -18,8 +19,8 @@ export type TButtonsConfig = {
     secondary?: IButtonProps;
 };
 export interface IBannerProps {
-    headTitle: string;
-    subtitle: string;
+    headTitle: string | ReactElement;
+    subtitle: string | ReactElement;
     img?: string;
     imgSets?: {
         large: string;

package/dist/widgets/longBanner/LongBanner.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { IButtonConfig, ILongBannerClasses, ITextContent, TLongBannerConfig } from './model/types';
 export interface ILongBannerProps extends TLongBannerConfig {
-    title: string;
+    title: string | ReactElement;
     buttonConfig?: IButtonConfig;
     textContent: ITextContent[];
     imageComponent: ReactElement;

package/dist/widgets/longBanner/model/types.d.ts

@@ -1,13 +1,14 @@
+import { ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { itemConfig } from './cva';
 export type TLongBannerConfig = VariantProps<typeof itemConfig>;
 export interface ITextContent {
-    title: string;
-    description: string;
-    popoverText?: string;
+    title: string | ReactElement;
+    description: string | ReactElement;
+    popoverText?: string | ReactElement;
 }
 export interface IButtonConfig {
-    text: string;
+    text: string | ReactElement;
     onClick: () => void;
 }
 export interface ILongBannerClasses {
@@ -22,8 +23,8 @@ export interface ILongBannerClasses {
 }
 export interface ITextItem extends TLongBannerConfig {
     data: {
-        title: string;
-        description: string;
-        popoverText?: string;
+        title: string | ReactElement;
+        description: string | ReactElement;
+        popoverText?: string | ReactElement;
     };
 }

package/dist/widgets/pageHeader/PageHeader.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { TBrandLogoVariant } from '../../shared/ui';
 export interface ICommonHeaderProps {
     logoPath?: string;
@@ -5,8 +6,8 @@ export interface ICommonHeaderProps {
 }
 interface IHeaderWithPhone extends ICommonHeaderProps {
     variant: 'withPhone';
-    phone: string;
-    phoneText: string;
+    phone: string | ReactElement;
+    phoneText: string | ReactElement;
 }
 interface IHeaderWithButton extends ICommonHeaderProps {
     variant: 'withButton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "exports": {
     "./style.css": "./dist/style.css",