x-ui-design 1.0.8 → 1.0.10-beta.1

package/.github/workflows/x-ui-design.yml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Run xUIDesign
-        uses: gabboyajyan/xUIDesign@main
+        uses: gabboyajyan/xUIDesign@master
         env:
-          DEFAULT_BRANCH: main
+          DEFAULT_BRANCH: master
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/compile.sh

@@ -9,7 +9,7 @@ git commit -m  "Push command from compile"
 
 npm version patch
 
-git push origin main
+git push origin master
 git push spring-origin main
 
 npm publish

package/dist/index.esm.js

@@ -4191,7 +4191,8 @@ const Option = ({
       disabled: disabled
     }]),
     style: style,
-    onClick: handleClick
+    onClick: handleClick,
+    "data-testid": value || children
   }, title ? {
     title
   } : {}), render ? render(value) : children || value);
@@ -4628,11 +4629,12 @@ const Select = ({
   };
   const selectedOption = useMemo(() => {
     const option = extractedOptions.find(e => e.value === selected || e.label === selected || e.children === selected) || selected;
+    const title = typeof option === 'string' ? option : option?.children || option?.label || option?.value || null;
     return /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'contents'
       }
-    }, typeof option === 'string' ? option : option?.children || option?.label || option?.value || null);
+    }, title);
   }, [extractedOptions, selected]) || selected || null;
   const hasMaxTagCount = hasMode && (typeof maxTagCount === 'number' || maxTagCount === 'responsive');
   const container = tagtriggerRef.current;
@@ -4699,7 +4701,8 @@ const Select = ({
       [`${prefixCls}-tag-container-fixHeight ${prefixClsV3}-tag-container-fixHeight`]: !tagtriggerRef.current
     }])
   }, hasMode ? /*#__PURE__*/React.createElement(React.Fragment, null, selectedTags.length ? /*#__PURE__*/React.createElement(React.Fragment, null, tagsToDisplay.map((tag, index) => tagRender ? /*#__PURE__*/React.createElement("div", {
-    key: `${index}_${tag}`
+    key: `${index}_${tag}`,
+    "data-testid": tag
   }, tagRender?.({
     label: (() => {
       const option = extractedOptions.find(e => e.value === tag || e.label === tag || e.children === tag);
@@ -4747,18 +4750,30 @@ const Select = ({
   } : {}, {
     id: `${prefixCls}-search-tag-input`,
     className: `${prefixCls}-tag-input`
-  })), !hasMode && !searchQuery.length ? selected === '' ? placeholder : selectedOption : null) : !hasMode ? /*#__PURE__*/React.createElement("div", {
+  })), !hasMode && !searchQuery.length ? selected === '' ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'contents'
+    }
+  }, placeholder) : selectedOption : null) : !hasMode ? /*#__PURE__*/React.createElement("div", {
     className: `${prefixCls}-input ${prefixClsV3}-input globalEllipsis`,
     style: {
       opacity: isOpen || selected === '' ? '0.6' : '1'
     }
-  }, selected === '' ? placeholder : selectedOption) : null) : !hasMode ? /*#__PURE__*/React.createElement("div", {
+  }, selected === '' ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'contents'
+    }
+  }, placeholder) : selectedOption) : null) : !hasMode ? /*#__PURE__*/React.createElement("div", {
     className: `${prefixCls}-input ${prefixClsV3}-input globalEllipsis`,
     onClick: () => !disabled && setIsOpen(!isOpen || defaultOpen),
     style: {
       opacity: isOpen || selected === '' ? '0.6' : '1'
     }
-  }, selected === '' ? placeholder : selectedOption) : null, isHover && !loading ? allowClear && selected ? /*#__PURE__*/React.createElement("button", {
+  }, selected === '' ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'contents'
+    }
+  }, placeholder) : selectedOption) : null, isHover && !loading ? allowClear && selected ? /*#__PURE__*/React.createElement("button", {
     className: `${prefixCls}-clear-btn ${prefixClsV3}-clear-btn`,
     onClick: handleClear
   }, removeIcon || /*#__PURE__*/React.createElement(ClearIcon, null)) : /*#__PURE__*/React.createElement("span", {
@@ -4809,7 +4824,8 @@ const Select = ({
     onClick: e => {
       handleSelect(e, searchQuery);
     },
-    "data-value": searchQuery
+    "data-value": searchQuery,
+    "data-testid": searchQuery
   }, searchQuery), filteredOptions.length ? filteredOptions.map(({
     children,
     className = '',
@@ -4835,7 +4851,8 @@ const Select = ({
           key: `${index}`
         });
       },
-      "data-value": props.value
+      "data-value": props.value,
+      "data-testid": props.value
     }), children || props.label || props.value, menuItemSelectedIcon && hasMode && isSelected && /*#__PURE__*/React.createElement("span", {
       className: `${prefixCls}-selected-icon ${prefixClsV3}-selected-icon`
     }, menuItemSelectedIcon === true ? /*#__PURE__*/React.createElement(CheckIcon, null) : menuItemSelectedIcon));