@trackunit/react-form-components 0.0.99 → 0.0.101-alpha-c88220cebc.0

package/index.cjs

@@ -13841,7 +13841,7 @@ const TagWithWidth = (_a) => {
  * @param {TagsContainerProps} props - The props for the TagContainer
  * @returns {JSX.Element} TagsContainer
  */
-const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix }) => {
+const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix, disabled }) => {
     const [isReady, setIsReady] = React__default["default"].useState(false);
     const [counterWidth, setCounterWidth] = React__default["default"].useState(0);
     const containerRef = React__default["default"].useRef(null);
@@ -13872,7 +13872,7 @@ const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix }) => {
         const isLast = index === items.length;
         const counterRequired = requiredSpace > availableSpace && counter !== 0;
         if (isLast && counterRequired) {
-            return (jsxRuntime.jsx(TagWithWidth, { onWidthKnown: ({ width: reportedWidth }) => setCounterWidth(reportedWidth), color: "neutral", children: jsxRuntime.jsxs(Counter, { children: ["+", counter] }) }, item.text + index));
+            return (jsxRuntime.jsx(TagWithWidth, { onWidthKnown: ({ width: reportedWidth }) => setCounterWidth(reportedWidth), color: "neutral", disabled: disabled, children: jsxRuntime.jsxs(Counter, { children: ["+", counter] }) }, item.text + index));
         }
         if (isLast) {
             return null;
@@ -13882,7 +13882,7 @@ const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix }) => {
             return (jsxRuntime.jsx(TagWithWidth, { onWidthKnown: onWidthKnownHandler, className: tailwindStyledComponents.tws `shrink-0 inline-flex`, onClose: e => {
                     e.stopPropagation();
                     item.onClick();
-                }, color: item.disabled ? "unknown" : "primary", dataTestId: item.text, children: item.text }, item.text + index));
+                }, color: item.disabled ? "unknown" : "primary", dataTestId: item.text, disabled: disabled, children: item.text }, item.text + index));
         }
         const fromTheItems = item.text !== "";
         if (fromTheItems) {
@@ -13944,7 +13944,7 @@ const useCustomComponents = (componentsProps, disabled, menuIsOpen, refMenuIsEna
                                         disabled: disabled,
                                     };
                                 })
-                                : [], postFix: searchInput })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [tags &&
+                                : [], postFix: searchInput, disabled: disabled })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [tags &&
                                     tags.slice(0, maxSelectedDisplayCount).map(({ props: tagProps }) => {
                                         var _a, _b;
                                         return (jsxRuntime.jsx(reactComponents.Tag, { className: tailwindStyledComponents.tws `shrink-0 inline-flex`, onClose: e => {

package/index.js

@@ -13815,7 +13815,7 @@ const TagWithWidth = (_a) => {
  * @param {TagsContainerProps} props - The props for the TagContainer
  * @returns {JSX.Element} TagsContainer
  */
-const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix }) => {
+const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix, disabled }) => {
     const [isReady, setIsReady] = React__default.useState(false);
     const [counterWidth, setCounterWidth] = React__default.useState(0);
     const containerRef = React__default.useRef(null);
@@ -13846,7 +13846,7 @@ const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix }) => {
         const isLast = index === items.length;
         const counterRequired = requiredSpace > availableSpace && counter !== 0;
         if (isLast && counterRequired) {
-            return (jsx$1(TagWithWidth, { onWidthKnown: ({ width: reportedWidth }) => setCounterWidth(reportedWidth), color: "neutral", children: jsxs(Counter, { children: ["+", counter] }) }, item.text + index));
+            return (jsx$1(TagWithWidth, { onWidthKnown: ({ width: reportedWidth }) => setCounterWidth(reportedWidth), color: "neutral", disabled: disabled, children: jsxs(Counter, { children: ["+", counter] }) }, item.text + index));
         }
         if (isLast) {
             return null;
@@ -13856,7 +13856,7 @@ const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix }) => {
             return (jsx$1(TagWithWidth, { onWidthKnown: onWidthKnownHandler, className: tws `shrink-0 inline-flex`, onClose: e => {
                     e.stopPropagation();
                     item.onClick();
-                }, color: item.disabled ? "unknown" : "primary", dataTestId: item.text, children: item.text }, item.text + index));
+                }, color: item.disabled ? "unknown" : "primary", dataTestId: item.text, disabled: disabled, children: item.text }, item.text + index));
         }
         const fromTheItems = item.text !== "";
         if (fromTheItems) {
@@ -13918,7 +13918,7 @@ const useCustomComponents = (componentsProps, disabled, menuIsOpen, refMenuIsEna
                                         disabled: disabled,
                                     };
                                 })
-                                : [], postFix: searchInput })) : (jsxs(Fragment$1, { children: [tags &&
+                                : [], postFix: searchInput, disabled: disabled })) : (jsxs(Fragment$1, { children: [tags &&
                                     tags.slice(0, maxSelectedDisplayCount).map(({ props: tagProps }) => {
                                         var _a, _b;
                                         return (jsx$1(Tag, { className: tws `shrink-0 inline-flex`, onClose: e => {

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.99",
+  "version": "0.0.101-alpha-c88220cebc.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=18.x"
   },
   "dependencies": {
-    "@trackunit/css-class-variance-utilities": "0.0.11",
-    "@trackunit/i18n-library-translation": "0.0.67",
-    "@trackunit/react-components": "0.1.136",
-    "@trackunit/tailwind-styled-components": "0.0.60",
+    "@trackunit/css-class-variance-utilities": "0.0.12-alpha-c88220cebc.0",
+    "@trackunit/i18n-library-translation": "0.0.68-alpha-c88220cebc.0",
+    "@trackunit/react-components": "0.1.138-alpha-c88220cebc.0",
+    "@trackunit/tailwind-styled-components": "0.0.61-alpha-c88220cebc.0",
     "date-fns": "2.29.3",
     "libphonenumber-js": "1.10.36",
     "react": "18.2.0",

package/src/components/Select/TagsContainer.d.ts

@@ -34,6 +34,10 @@ interface TagsContainerProps {
      */
     itemsGap?: number;
     postFix: JSX.Element;
+    /**
+     * Is the parent dropdown disabled
+     */
+    disabled?: boolean;
 }
 /**
  * TagsContainer component to display tags in limited space when children can't fit space it displays counter
@@ -41,5 +45,5 @@ interface TagsContainerProps {
  * @param {TagsContainerProps} props - The props for the TagContainer
  * @returns {JSX.Element} TagsContainer
  */
-export declare const TagsContainer: ({ items, width, itemsGap, postFix }: TagsContainerProps) => JSX.Element;
+export declare const TagsContainer: ({ items, width, itemsGap, postFix, disabled }: TagsContainerProps) => JSX.Element;
 export {};