@true-engineering/true-react-common-ui-kit 3.19.0 → 3.20.1

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Provider';
-export * from './common';
-export * from './types';
-export * from './helpers';
+export * from './Provider';
+export * from './common';
+export * from './types';
+export * from './helpers';

package/dist/theme/types.d.ts

@@ -1,80 +1,80 @@
-import { Styles } from 'react-jss';
-import { Classes, JssValue } from 'jss';
-import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, INewMoreMenuStyles } from '../components';
-export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
-export type IUseStyles<C extends string, P = unknown> = (data?: P & {
-    theme?: Partial<Styles<C, P>>;
-}) => Classes<C>;
-export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
-export interface IComponentStyles {
-    AccountInfo: IAccountInfoStyles;
-    AddButton: IAddButtonStyles;
-    Button: IButtonStyles;
-    CloseButton: ICloseButtonStyles;
-    Checkbox: ICheckboxStyles;
-    CssBaseline: ICssBaselineStyles;
-    DateInput: IDateInputStyles;
-    DatePicker: IDatePickerStyles;
-    DatePickerHeader: IDatePickerHeaderStyles;
-    Description: IDescriptionStyles;
-    DotsPreloader: IDotsPreloaderStyles;
-    SvgPreloader: ISvgPreloaderStyles;
-    FilterValueView: IFilterValueViewStyles;
-    FiltersPane: IFiltersPaneStyles;
-    FilterInterval: IFilterIntervalStyles;
-    FilterSelect: IFilterSelectStyles;
-    FilterWithDates: IFilterWithDatesStyles;
-    FilterWithPeriod: IFilterWithPeriodStyles;
-    FilterWrapper: IFilterWrapperStyles;
-    FiltersPaneSearch: IFiltersPaneSearchStyles;
-    Flag: IFlagStyles;
-    FlexibleTable: IFlexibleTableStyles;
-    FlexibleTableRow: IFlexibleTableRowStyles;
-    FlexibleTableCell: IFlexibleTableCellStyles;
-    Icon: IIconStyles;
-    IconButton: IIconButtonStyles;
-    IncrementInput: IIncrementInputStyles;
-    Input: IInputStyles;
-    List: IListStyles;
-    ListItem: IListItemStyles;
-    Modal: IModalStyles;
-    MoreMenu: IMoreMenuStyles;
-    MultiSelect: IMultiSelectStyles;
-    MultiSelectInput: IMultiSelectInputStyles;
-    MultiSelectList: IMultiSelectListStyles;
-    Notification: INotificationStyles;
-    PhoneInput: IPhoneInputStyles;
-    PhoneInputCountryList: IPhoneInputCountryListStyles;
-    RadioButton: IRadioButtonStyles;
-    SearchInput: ISearchInputStyles;
-    Select: ISelectStyles;
-    SelectList: ISelectListStyles;
-    Selector: ISelectorStyles;
-    Skeleton: ISkeletonStyles;
-    Switch: ISwitchStyles;
-    TextButton: ITextButtonStyles;
-    TextArea: ITextAreaStyles;
-    TextWithInfo: ITextWithInfoStyles;
-    TextWithTooltip: ITextWithTooltipStyles;
-    Status: IStatusStyles;
-    ThemedPreloader: IThemedPreloaderStyles;
-    Tooltip: ITooltipStyles;
-    Toaster: IToasterStyles;
-    WithPopup: IWithPopupStyles;
-    NewMoreMenu: INewMoreMenuStyles;
-}
-export type IComponentName = keyof IComponentStyles;
-export type IUiKitAnimations = Record<string, any>;
-export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
-export interface IUiKitTheme {
-    name: string;
-    components?: Partial<IComponentStyles>;
-    icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
-    complexIcons?: Partial<Record<IComplexIcon, string>>;
-    preloaders?: Partial<Record<IPreloaderSvgType, string>>;
-    animations?: IUiKitAnimations;
-    colors?: Record<string, string>;
-    dimensions?: Record<string, number>;
-    boxShadows?: Record<string, JssValue>;
-    helpers?: IUiKitHelpers;
-}
+import { Styles } from 'react-jss';
+import { Classes, JssValue } from 'jss';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, INewMoreMenuStyles } from '../components';
+export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
+export type IUseStyles<C extends string, P = unknown> = (data?: P & {
+    theme?: Partial<Styles<C, P>>;
+}) => Classes<C>;
+export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
+export interface IComponentStyles {
+    AccountInfo: IAccountInfoStyles;
+    AddButton: IAddButtonStyles;
+    Button: IButtonStyles;
+    CloseButton: ICloseButtonStyles;
+    Checkbox: ICheckboxStyles;
+    CssBaseline: ICssBaselineStyles;
+    DateInput: IDateInputStyles;
+    DatePicker: IDatePickerStyles;
+    DatePickerHeader: IDatePickerHeaderStyles;
+    Description: IDescriptionStyles;
+    DotsPreloader: IDotsPreloaderStyles;
+    SvgPreloader: ISvgPreloaderStyles;
+    FilterValueView: IFilterValueViewStyles;
+    FiltersPane: IFiltersPaneStyles;
+    FilterInterval: IFilterIntervalStyles;
+    FilterSelect: IFilterSelectStyles;
+    FilterWithDates: IFilterWithDatesStyles;
+    FilterWithPeriod: IFilterWithPeriodStyles;
+    FilterWrapper: IFilterWrapperStyles;
+    FiltersPaneSearch: IFiltersPaneSearchStyles;
+    Flag: IFlagStyles;
+    FlexibleTable: IFlexibleTableStyles;
+    FlexibleTableRow: IFlexibleTableRowStyles;
+    FlexibleTableCell: IFlexibleTableCellStyles;
+    Icon: IIconStyles;
+    IconButton: IIconButtonStyles;
+    IncrementInput: IIncrementInputStyles;
+    Input: IInputStyles;
+    List: IListStyles;
+    ListItem: IListItemStyles;
+    Modal: IModalStyles;
+    MoreMenu: IMoreMenuStyles;
+    MultiSelect: IMultiSelectStyles;
+    MultiSelectInput: IMultiSelectInputStyles;
+    MultiSelectList: IMultiSelectListStyles;
+    Notification: INotificationStyles;
+    PhoneInput: IPhoneInputStyles;
+    PhoneInputCountryList: IPhoneInputCountryListStyles;
+    RadioButton: IRadioButtonStyles;
+    SearchInput: ISearchInputStyles;
+    Select: ISelectStyles;
+    SelectList: ISelectListStyles;
+    Selector: ISelectorStyles;
+    Skeleton: ISkeletonStyles;
+    Switch: ISwitchStyles;
+    TextButton: ITextButtonStyles;
+    TextArea: ITextAreaStyles;
+    TextWithInfo: ITextWithInfoStyles;
+    TextWithTooltip: ITextWithTooltipStyles;
+    Status: IStatusStyles;
+    ThemedPreloader: IThemedPreloaderStyles;
+    Tooltip: ITooltipStyles;
+    Toaster: IToasterStyles;
+    WithPopup: IWithPopupStyles;
+    NewMoreMenu: INewMoreMenuStyles;
+}
+export type IComponentName = keyof IComponentStyles;
+export type IUiKitAnimations = Record<string, any>;
+export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
+export interface IUiKitTheme {
+    name: string;
+    components?: Partial<IComponentStyles>;
+    icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
+    complexIcons?: Partial<Record<IComplexIcon, string>>;
+    preloaders?: Partial<Record<IPreloaderSvgType, string>>;
+    animations?: IUiKitAnimations;
+    colors?: Record<string, string>;
+    dimensions?: Record<string, number>;
+    boxShadows?: Record<string, JssValue>;
+    helpers?: IUiKitHelpers;
+}

package/dist/true-react-common-ui-kit.js

@@ -28932,9 +28932,7 @@ var useStyles$6 = createThemedStyles("TextArea", {
   invalid: {
     borderColor: "red"
   },
-  invalidLabel: {
-    color: "red"
-  },
+  invalidLabel: {},
   error: {
     fontSize: 12,
     paddingTop: 4,
@@ -29087,7 +29085,7 @@ function _unsupported_iterable_to_array$1(o, minLen) {
 }
 var DEFAULT_VALUE = "";
 var TextArea = /* @__PURE__ */ forwardRef(function(param, ref) {
-  var _param_value = param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, label = param.label, placeholder = param.placeholder, isDisabled = param.isDisabled, _param_hasFloatingLabel = param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, infoMessage = param.infoMessage, errorMessage = param.errorMessage, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, name = param.name, _param_hasRequiredLabel = param.hasRequiredLabel, hasRequiredLabel = _param_hasRequiredLabel === void 0 ? false : _param_hasRequiredLabel, _param_shouldFocusOnMount = param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, _param_hasCounter = param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, _param_shouldTrimAfterMaxLength = param.shouldTrimAfterMaxLength, shouldTrimAfterMaxLength = _param_shouldTrimAfterMaxLength === void 0 ? false : _param_shouldTrimAfterMaxLength, _param_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, maxLength = param.maxLength, rows = param.rows, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur;
+  var _param_value = param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, label = param.label, placeholder = param.placeholder, isDisabled = param.isDisabled, _param_hasFloatingLabel = param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, infoMessage = param.infoMessage, errorMessage = param.errorMessage, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, name = param.name, _param_hasRequiredLabel = param.hasRequiredLabel, hasRequiredLabel = _param_hasRequiredLabel === void 0 ? false : _param_hasRequiredLabel, _param_shouldFocusOnMount = param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, _param_hasCounter = param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, _param_shouldTrimAfterMaxLength = param.shouldTrimAfterMaxLength, shouldTrimAfterMaxLength = _param_shouldTrimAfterMaxLength === void 0 ? false : _param_shouldTrimAfterMaxLength, _param_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, _param_shouldAlwaysShowPlaceholder = param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, maxLength = param.maxLength, rows = param.rows, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur;
   var classes = useStyles$6({
     theme: tweakStyles
   });
@@ -29112,7 +29110,7 @@ var TextArea = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasFocus = isFocused || isActive;
   var hasValue = value !== void 0 && value !== "";
   var hasLabel = isReactNodeNotEmpty(label);
-  var hasPlaceholder = (!hasLabel || hasFocus) && isStringNotEmpty(placeholder);
+  var hasPlaceholder = (!hasLabel || hasFocus || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
   var props = _object_spread$6({
     className: classes.textarea,
     onFocus: handleOnFocus,