forstok-ui-lib 8.5.19 → 8.5.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "8.5.19",
+  "version": "8.5.21",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/stylesheets/shares.styles.ts

@@ -477,6 +477,15 @@ const getTabsColumnModFunc = ({
       align-items: start;
       gap: 8px;
     `;
+  } else if ($mode === "store-chat") {
+    style += `
+      width: 100%;
+      min-width: 0;
+      display: grid;
+      grid-template-columns: 28px minmax(0, 1fr);
+      align-items: center;
+      grid-gap: 8px;
+    `;
   }
   if ($content === "right") {
     style += `

package/src/components/select/asyncPaginate.tsx

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { AsyncPaginate } from "react-select-async-paginate";
 import type { LoadOptions } from "react-select-async-paginate";
 import {
+  SingleValueProps,
   ActionMeta,
   ControlProps,
   CSSObjectWithLabel,
@@ -19,6 +20,7 @@ type TSelect = {
   type?: string;
   mode?: string;
   isError?: boolean;
+  customLabel?: (arg0: SingleValueProps) => void;
   customOption?: (arg0: OptionProps) => void;
   MenuList?: any;
   reset?: boolean;
@@ -54,6 +56,7 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
     isError = false,
     mode,
     type,
+    customLabel,
     customOption,
     MenuList,
     defaultValue,
@@ -358,7 +361,12 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
           onMenuOpen: onMenuOpen,
           onMenuClose: onMenuClose,
         })}
+        {...(customLabel && { components: { SingleValue: customLabel } })}
         {...(customOption && { components: { Option: customOption } })}
+        {...(customLabel &&
+          customOption && {
+            components: { SingleValue: customLabel, Option: customOption },
+          })}
         {...(MenuList && { components: { MenuList } })}
         {...(isMulti && { isMulti: true })}
         {...rest}