@true-engineering/true-react-common-ui-kit 3.4.0 → 3.6.0

package/README.md

@@ -10,6 +10,16 @@
 
 # Release Notes
 
+## v3.6.0
+
+- **Select**: Добавлена возможность передавать `defaultOptionLabel` как `ReactNode`
+
+## v3.5.0
+
+### Fixed
+
+- Исправлена ошибка порядка вызова хуков при добавлении/удалении `tweakStyles` во время жизни компонента
+
 ## v3.4.0
 
 - **Input**: Добавляет пропс onInput

package/dist/components/FiltersPane/FiltersPane.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IFiltersPaneSearchProps } from './components';
 import { ConfigType, IFilterLocaleKey, IPartialFilterLocale } from './types';

package/dist/components/FiltersPane/FiltersPane.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
 import { IFiltersPaneProps } from './FiltersPane';
 interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps<Values, Content> {

package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IMultiSelectListProps } from '../../../MultiSelectList';
 import { IFilterMultiSelectValues } from '../../types';
 export type IFilterMultiSelectProps<Value, Option = string> = IMultiSelectListProps<Value, Option>;

package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ICommonProps } from '../../../../types';
 import type { IFilterWrapperProps } from '../FilterWrapper';
 import { IFilterValueViewStyles } from './FilterValueView.styles';

package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
 import { FlexibleTable } from './FlexibleTable';
 declare const _default: {

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IMultiSelectListValues, IMultiSelectLocale, IMultiSelectLocaleKey } from '../MultiSelectList';
 import { IHorizontalCornerConnection } from './types';

package/dist/components/Select/CustomSelect.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { type ComponentMeta, type ComponentStory } from '@storybook/react';
+import { type ISelectProps } from './Select';
+interface ISelectWithCustomProps<T> extends ISelectProps<T> {
+    shouldUsePopper?: boolean;
+    shouldRenderInBody?: boolean;
+    shouldHideOnScroll?: boolean;
+    canBeFlipped?: boolean;
+    scrollParent?: 'document' | 'auto';
+}
+declare function SelectWithCustomProps({ noMatchesLabel, shouldUsePopper, shouldRenderInBody, shouldHideOnScroll, canBeFlipped, scrollParent, ...restProps }: ISelectWithCustomProps<string>): JSX.Element;
+declare const _default: ComponentMeta<typeof SelectWithCustomProps>;
+export default _default;
+export declare const CustomSelect: ComponentStory<typeof SelectWithCustomProps>;

package/dist/components/Select/MultiSelect.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import { ISelectProps } from './Select';
 interface ISelectWithCustomProps<T> extends ISelectProps<T> {

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

@@ -6,7 +6,7 @@ import { ISearchInputProps } from '../SearchInput';
 import { IMultipleSelectValue } from './types';
 import { ISelectStyles } from './Select.styles';
 export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChange' | 'onBlur' | 'type' | 'tweakStyles'>, ICommonProps<ISelectStyles> {
-    defaultOptionLabel?: string;
+    defaultOptionLabel?: ReactNode;
     allOptionsLabel?: string;
     noMatchesLabel?: string;
     loadingLabel?: ReactNode;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import { ISelectProps } from './Select';
 interface ISelectWithCustomProps<T> extends ISelectProps<T> {

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

@@ -8,7 +8,7 @@ export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>
     noMatchesLabel?: string;
     isLoading?: boolean;
     loadingLabel?: ReactNode;
-    defaultOptionLabel?: string;
+    defaultOptionLabel?: ReactNode;
     allOptionsLabel?: string;
     areAllOptionsSelected?: boolean;
     shouldScrollToList?: boolean;

package/dist/components/Selector/Selector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { ISelectorOption, ISelectorValue } from './types';
 import { ISelectorStyles } from './Selector.styles';

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

@@ -1921,13 +1921,14 @@ function _object_spread_props$L(target, source) {
   }
   return target;
 }
+var EMPTY_STYLES = {};
 var isTweakStyle = function(key) {
   return key.startsWith("tweak");
 };
 var cleanStyles = function(tweakStyles) {
   return isNotEmpty(tweakStyles) && Object.keys(tweakStyles).some(function(key) {
     return !isTweakStyle(key);
-  }) ? tweakStyles : void 0;
+  }) ? tweakStyles : EMPTY_STYLES;
 };
 var checkStyles = function(componentName, styles) {
   var invalidClasses = Object.keys(styles).reduce(function(acc, key) {
@@ -10961,7 +10962,7 @@ function SelectList(param) {
           children: loadingLabel
         }) : /* @__PURE__ */ jsxs(Fragment, {
           children: [
-            isStringNotEmpty(defaultOptionLabel) && /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
+            isReactNodeNotEmpty(defaultOptionLabel) && /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
               active: focusedIndex === DEFAULT_OPTION_INDEX,
               options: {
                 block: "nearest"
@@ -11480,7 +11481,7 @@ function Select(props) {
   var isMounted = useIsMounted();
   var _useState = _sliced_to_array$k(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
   var _useState1 = _sliced_to_array$k(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
-  var hasDefaultOption = isStringNotEmpty(defaultOptionLabel);
+  var hasDefaultOption = isReactNodeNotEmpty(defaultOptionLabel);
   var _useState2 = _sliced_to_array$k(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
   var _useState3 = _sliced_to_array$k(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
   var _useState4 = _sliced_to_array$k(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];