@ioca/react 1.5.29 → 1.5.30

package/lib/es/components/select/select.js

@@ -9,7 +9,7 @@ import Helpericon from '../utils/helpericon/helpericon.js';
 import { displayValue, Options } from './options.js';
 
 const Select = (props) => {
-    const { ref, type = "text", name, label, value = "", placeholder, required, options = [], multiple, prepend, append, labelInline, style, className, message, status = "normal", hideClear, hideArrow, maxDisplay, border, filter, tip, filterPlaceholder = "...", popupProps, onSelect, onChange, ...restProps } = props;
+    const { ref, type = "text", name, label, value = "", placeholder, required, options = [], multiple, prepend, append, labelInline, style, className, message, status = "normal", hideClear, hideArrow, maxDisplay, border = true, filter, tip, filterPlaceholder = "...", popupProps, onSelect, onChange, ...restProps } = props;
     const [filterValue, setFilterValue] = useState("");
     const [selectedValue, setSelectedValue] = useState(value);
     const [active, setActive] = useState(false);
@@ -24,9 +24,7 @@ const Select = (props) => {
         if (!fv || !filter)
             return formattedOptions;
         const lowerFv = fv.toLowerCase();
-        const filterFn = typeof filter === "function"
-            ? filter
-            : (opt) => opt._value.includes(lowerFv) || opt._label.includes(lowerFv);
+        const filterFn = typeof filter === "function" ? filter : (opt) => opt._value.includes(lowerFv) || opt._label.includes(lowerFv);
         return formattedOptions.filter(filterFn);
     }, [formattedOptions, filter, filterValue]);
     const changeValue = (v) => {
@@ -75,9 +73,7 @@ const Select = (props) => {
     useEffect(() => {
         setSelectedValue(value);
     }, [value]);
-    const hasValue = multiple
-        ? selectedValue.length > 0
-        : !!selectedValue;
+    const hasValue = multiple ? selectedValue.length > 0 : !!selectedValue;
     const clearable = !hideClear && active && hasValue;
     const text = message ?? tip;
     return (jsxs("label", { className: classNames("i-input-label", className, {
@@ -94,7 +90,7 @@ const Select = (props) => {
                                 multiple,
                                 maxDisplay,
                                 onSelect: handleSelect,
-                            }) })) : (jsx("input", { className: "i-input i-select", placeholder: placeholder, readOnly: true }))) : null, !multiple && (jsx("input", { value: active ? filterValue : displayLabel, className: "i-input i-select", placeholder: displayLabel || placeholder, onChange: handleInputChange, readOnly: !filter })), jsx(Helpericon, { active: !hideArrow, icon: clearable ? undefined : jsx(UnfoldMoreRound, {}), onClick: handleHelperClick }), append] }) }), text && jsx("span", { className: "i-input-message", children: text })] }));
+                            }) })) : (jsx("input", { className: "i-input i-select", placeholder: placeholder, readOnly: true }))) : null, !multiple && jsx("input", { value: active ? filterValue : displayLabel, className: "i-input i-select", placeholder: displayLabel || placeholder, onChange: handleInputChange, readOnly: !filter }), jsx(Helpericon, { active: !hideArrow, icon: clearable ? undefined : jsx(UnfoldMoreRound, {}), onClick: handleHelperClick }), append] }) }), text && jsx("span", { className: "i-input-message", children: text })] }));
 };
 
 export { Select as default };

package/lib/es/index.js

@@ -1,10 +1,8 @@
 export { default as Affix } from './components/affix/affix.js';
 export { default as Badge } from './components/badge/badge.js';
 export { default as Button } from './components/button/button.js';
-export { default as Card } from './components/card/card.js';
 export { default as Checkbox } from './components/checkbox/checkbox.js';
 export { default as Collapse } from './components/collapse/collapse.js';
-export { default as Pill } from './components/pill/pill.js';
 export { default as Datagrid } from './components/datagrid/datagrid.js';
 export { default as Description } from './components/description/description.js';
 export { default as Drawer } from './components/drawer/drawer.js';
@@ -24,6 +22,7 @@ export { default as ColorPicker } from './components/picker/colors/index.js';
 export { default as DatePicker } from './components/picker/dates/index.js';
 export { default as TimePicker } from './components/picker/time/index.js';
 export { default as DateRange } from './components/picker/daterange/daterange.js';
+export { default as Pill } from './components/pill/pill.js';
 export { default as Popconfirm } from './components/popconfirm/popconfirm.js';
 export { default as Popup } from './components/popup/popup.js';
 export { default as Progress } from './components/progress/progress.js';