@true-engineering/true-react-common-ui-kit 4.0.0-alpha38 → 4.0.0-alpha39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "4.0.0-alpha38",
+  "version": "4.0.0-alpha39",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [
@@ -39,11 +39,12 @@
   },
   "scripts": {
     "build": "tsc && vite build",
+    "build:pr": "vite build",
     "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
     "format": "prettier --write \"**/*.{js,jsx,css,json,ts,tsx}\"",
     "format:check": "prettier --check \"**/*.{js,jsx,css,json,ts,tsx}\"",
-    "full-check": "yarn format:check && yarn lint",
-    "types-check": "tsc --noEmit"
+    "types-check": "tsc --noEmit",
+    "full-check": "yarn types-check && yarn format:check && yarn lint"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.13",

package/src/components/FiltersPane/FiltersPane.stories.tsx

@@ -79,6 +79,7 @@ interface IFiltersPaneWithCustomProps<Values extends Record<string, unknown>, Co
   isGroupingEnabled: boolean;
   checkboxPosition: 'left' | 'right';
   isClearableFields: boolean;
+  isSearchAutoSized: boolean;
 }
 
 function FiltersPaneWithCustomProps<Values extends Record<string, unknown>, Content>({
@@ -89,6 +90,7 @@ function FiltersPaneWithCustomProps<Values extends Record<string, unknown>, Cont
   isGroupingEnabled,
   checkboxPosition,
   isClearableFields,
+  isSearchAutoSized,
   ...args
 }: IFiltersPaneWithCustomProps<Values, Content>) {
   const config: ConfigType<ConfigValues> = {
@@ -239,6 +241,7 @@ function FiltersPaneWithCustomProps<Values extends Record<string, unknown>, Cont
           getValueView: convertFieldToString,
           onChange: setSearchValue,
           isDisabled: isSearchDisabled,
+          isAutoSized: isSearchAutoSized,
         }}
         enabledFilters={[
           'name',
@@ -294,4 +297,5 @@ Default.args = {
   withFieldNameInLabel: true,
   isGroupingEnabled: true,
   checkboxPosition: 'left',
+  isSearchAutoSized: false,
 };

package/src/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.tsx

@@ -36,6 +36,7 @@ export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPan
   hasClearSelectButton?: boolean;
   isDisabled?: boolean;
   isSelectSearchEnabled?: boolean;
+  isAutoSized?: boolean;
 }
 
 export function FiltersPaneSearch<Value>({
@@ -51,6 +52,7 @@ export function FiltersPaneSearch<Value>({
   hasClearSelectButton,
   isDisabled = false,
   isSelectSearchEnabled = true,
+  isAutoSized = false,
   maxLength,
   data,
   tweakStyles,
@@ -116,6 +118,7 @@ export function FiltersPaneSearch<Value>({
         testId={getTestId(testId, 'input')}
         maxLength={maxLength}
         isDisabled={isDisabled}
+        isAutoSized={isAutoSized}
       />
 
       <div className={classes.selectWrapper}>