@sunggang/ui-lib 0.4.64 → 0.4.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Form.cjs.js +9 -2
- package/Form.esm.js +9 -2
- package/package.json +1 -1
package/Form.cjs.js
CHANGED
|
@@ -7431,6 +7431,7 @@ var EditableCombobox = function(param) {
|
|
|
7431
7431
|
var _useState = _sliced_to_array$3(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
|
|
7432
7432
|
var _useState1 = _sliced_to_array$3(React.useState(value), 2), inputValue = _useState1[0], setInputValue = _useState1[1];
|
|
7433
7433
|
var _useState2 = _sliced_to_array$3(React.useState(false), 2), isTyping = _useState2[0], setIsTyping = _useState2[1];
|
|
7434
|
+
var _useState3 = _sliced_to_array$3(React.useState(false), 2), isHovered = _useState3[0], setIsHovered = _useState3[1];
|
|
7434
7435
|
var dropdownRef = React.useRef(null);
|
|
7435
7436
|
var inputRef = React.useRef(null);
|
|
7436
7437
|
React.useEffect(function() {
|
|
@@ -7502,6 +7503,12 @@ var EditableCombobox = function(param) {
|
|
|
7502
7503
|
children: [
|
|
7503
7504
|
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
7504
7505
|
className: "relative",
|
|
7506
|
+
onMouseEnter: function() {
|
|
7507
|
+
return setIsHovered(true);
|
|
7508
|
+
},
|
|
7509
|
+
onMouseLeave: function() {
|
|
7510
|
+
return setIsHovered(false);
|
|
7511
|
+
},
|
|
7505
7512
|
children: [
|
|
7506
7513
|
/*#__PURE__*/ jsxRuntime.jsx("input", {
|
|
7507
7514
|
ref: inputRef,
|
|
@@ -7512,7 +7519,7 @@ var EditableCombobox = function(param) {
|
|
|
7512
7519
|
placeholder: placeholder,
|
|
7513
7520
|
disabled: disabled,
|
|
7514
7521
|
className: [
|
|
7515
|
-
"w-full h-11 rounded-2xl px-4 pr-20 border border-solid border-[#B4B4B4]",
|
|
7522
|
+
"w-full h-11 rounded-2xl px-4 pr-20 border border-solid border-[#B4B4B4] customInput editable-combobox",
|
|
7516
7523
|
"transition-colors duration-200",
|
|
7517
7524
|
disabled ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f] hover:border-[#6f6f6f] focus:border-[#6f6f6f] focus:outline-none"
|
|
7518
7525
|
].join(" ")
|
|
@@ -7520,7 +7527,7 @@ var EditableCombobox = function(param) {
|
|
|
7520
7527
|
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
7521
7528
|
className: "absolute right-2 top-1/2 -translate-y-1/2 flex items-center gap-1",
|
|
7522
7529
|
children: [
|
|
7523
|
-
inputValue && !disabled && /*#__PURE__*/ jsxRuntime.jsx("button", {
|
|
7530
|
+
inputValue && !disabled && isHovered && /*#__PURE__*/ jsxRuntime.jsx("button", {
|
|
7524
7531
|
onClick: handleClear,
|
|
7525
7532
|
className: "p-1.5 hover:bg-gray-100 rounded-full transition-colors",
|
|
7526
7533
|
type: "button",
|
package/Form.esm.js
CHANGED
|
@@ -7404,6 +7404,7 @@ var EditableCombobox = function(param) {
|
|
|
7404
7404
|
var _useState = _sliced_to_array$3(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
|
|
7405
7405
|
var _useState1 = _sliced_to_array$3(useState(value), 2), inputValue = _useState1[0], setInputValue = _useState1[1];
|
|
7406
7406
|
var _useState2 = _sliced_to_array$3(useState(false), 2), isTyping = _useState2[0], setIsTyping = _useState2[1];
|
|
7407
|
+
var _useState3 = _sliced_to_array$3(useState(false), 2), isHovered = _useState3[0], setIsHovered = _useState3[1];
|
|
7407
7408
|
var dropdownRef = useRef(null);
|
|
7408
7409
|
var inputRef = useRef(null);
|
|
7409
7410
|
useEffect(function() {
|
|
@@ -7475,6 +7476,12 @@ var EditableCombobox = function(param) {
|
|
|
7475
7476
|
children: [
|
|
7476
7477
|
/*#__PURE__*/ jsxs("div", {
|
|
7477
7478
|
className: "relative",
|
|
7479
|
+
onMouseEnter: function() {
|
|
7480
|
+
return setIsHovered(true);
|
|
7481
|
+
},
|
|
7482
|
+
onMouseLeave: function() {
|
|
7483
|
+
return setIsHovered(false);
|
|
7484
|
+
},
|
|
7478
7485
|
children: [
|
|
7479
7486
|
/*#__PURE__*/ jsx$1("input", {
|
|
7480
7487
|
ref: inputRef,
|
|
@@ -7485,7 +7492,7 @@ var EditableCombobox = function(param) {
|
|
|
7485
7492
|
placeholder: placeholder,
|
|
7486
7493
|
disabled: disabled,
|
|
7487
7494
|
className: [
|
|
7488
|
-
"w-full h-11 rounded-2xl px-4 pr-20 border border-solid border-[#B4B4B4]",
|
|
7495
|
+
"w-full h-11 rounded-2xl px-4 pr-20 border border-solid border-[#B4B4B4] customInput editable-combobox",
|
|
7489
7496
|
"transition-colors duration-200",
|
|
7490
7497
|
disabled ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f] hover:border-[#6f6f6f] focus:border-[#6f6f6f] focus:outline-none"
|
|
7491
7498
|
].join(" ")
|
|
@@ -7493,7 +7500,7 @@ var EditableCombobox = function(param) {
|
|
|
7493
7500
|
/*#__PURE__*/ jsxs("div", {
|
|
7494
7501
|
className: "absolute right-2 top-1/2 -translate-y-1/2 flex items-center gap-1",
|
|
7495
7502
|
children: [
|
|
7496
|
-
inputValue && !disabled && /*#__PURE__*/ jsx$1("button", {
|
|
7503
|
+
inputValue && !disabled && isHovered && /*#__PURE__*/ jsx$1("button", {
|
|
7497
7504
|
onClick: handleClear,
|
|
7498
7505
|
className: "p-1.5 hover:bg-gray-100 rounded-full transition-colors",
|
|
7499
7506
|
type: "button",
|