@sydsoft/base 1.39.0 → 1.41.0

package/dist/esm/form/SearchableInput.d.ts

@@ -17,10 +17,13 @@ interface Props extends PropsInput {
     onText?: (text: string) => void;
     onSelect?: (item: any) => void;
     onLoad?: (value: string | number) => void;
+    ilkSec?: boolean;
     newCreate?: boolean;
     style?: React.CSSProperties;
     disabled?: boolean;
     listPositionRelative?: boolean;
+    loadingMessage?: string;
+    notFoundMessage?: string;
 }
 type handle = {
     open: () => void;

package/dist/esm/form/SearchableInput.js

@@ -7,17 +7,17 @@ import { Icon } from '../icon';
 import { Button } from './Button';
 import styles from './styles/SearchableInput.module.css';
 var Component = function (_a, forwardedRef) {
-    var _b = _a.autoCompleteList, autoCompleteList = _b === void 0 ? [] : _b, _c = _a.isDataFromApi, isDataFromApi = _c === void 0 ? false : _c, onText = _a.onText, onSelect = _a.onSelect, onLoad = _a.onLoad, onChange = _a.onChange, _d = _a.newCreate, newCreate = _d === void 0 ? false : _d, name = _a.name, value = _a.value, itemComponent = _a.itemComponent, inputRef = _a.inputRef, _e = _a.valueKey, valueKey = _e === void 0 ? 'value' : _e, _f = _a.labelKey, labelKey = _f === void 0 ? 'label' : _f, placeholder = _a.placeholder, endAdornment = _a.endAdornment, style = _a.style, disabled = _a.disabled, parentInputValue = _a.parentInputValue, _g = _a.listPositionRelative, listPositionRelative = _g === void 0 ? false : _g, other = __rest(_a, ["autoCompleteList", "isDataFromApi", "onText", "onSelect", "onLoad", "onChange", "newCreate", "name", "value", "itemComponent", "inputRef", "valueKey", "labelKey", "placeholder", "endAdornment", "style", "disabled", "parentInputValue", "listPositionRelative"]);
+    var _b = _a.autoCompleteList, autoCompleteList = _b === void 0 ? [] : _b, _c = _a.isDataFromApi, isDataFromApi = _c === void 0 ? false : _c, onText = _a.onText, onSelect = _a.onSelect, onLoad = _a.onLoad, onChange = _a.onChange, _d = _a.newCreate, newCreate = _d === void 0 ? false : _d, name = _a.name, value = _a.value, itemComponent = _a.itemComponent, inputRef = _a.inputRef, _e = _a.valueKey, valueKey = _e === void 0 ? 'value' : _e, _f = _a.labelKey, labelKey = _f === void 0 ? 'label' : _f, placeholder = _a.placeholder, endAdornment = _a.endAdornment, style = _a.style, disabled = _a.disabled, parentInputValue = _a.parentInputValue, _g = _a.listPositionRelative, listPositionRelative = _g === void 0 ? false : _g, _h = _a.loadingMessage, loadingMessage = _h === void 0 ? 'Lütfen bekleyiniz...' : _h, _j = _a.notFoundMessage, notFoundMessage = _j === void 0 ? 'Kayıt bulunamadı...' : _j, _k = _a.ilkSec, ilkSec = _k === void 0 ? false : _k, other = __rest(_a, ["autoCompleteList", "isDataFromApi", "onText", "onSelect", "onLoad", "onChange", "newCreate", "name", "value", "itemComponent", "inputRef", "valueKey", "labelKey", "placeholder", "endAdornment", "style", "disabled", "parentInputValue", "listPositionRelative", "loadingMessage", "notFoundMessage", "ilkSec"]);
     var refMain = useRef(null);
     var refInput = useRef(null);
     var refComponentInput = useRef(null);
     var refList = useRef(null);
-    var _h = useState([]), data = _h[0], setData = _h[1];
-    var _j = useState(''), text = _j[0], setText = _j[1]; //Inputta görünen
-    var _k = useState(''), filter = _k[0], setFilter = _k[1]; // Filtrelemeye tabi tutulan
-    var _l = useState(false), open = _l[0], setOpen = _l[1];
-    var _m = useState(isDataFromApi && autoCompleteList.length === 0), loading = _m[0], setLoading = _m[1];
-    var _o = useState({ created: false }), newItemCreate = _o[0], setNewItemCreate = _o[1];
+    var _l = useState([]), data = _l[0], setData = _l[1];
+    var _m = useState(''), text = _m[0], setText = _m[1]; //Inputta görünen
+    var _o = useState(''), filter = _o[0], setFilter = _o[1]; // Filtrelemeye tabi tutulan
+    var _p = useState(false), open = _p[0], setOpen = _p[1];
+    var _q = useState(isDataFromApi && autoCompleteList.length === 0), loading = _q[0], setLoading = _q[1];
+    var _r = useState({ created: false }), newItemCreate = _r[0], setNewItemCreate = _r[1];
     useImperativeHandle(forwardedRef, function () { return ({
         open: function () {
             setOpen(true);
@@ -68,8 +68,16 @@ var Component = function (_a, forwardedRef) {
         }
     }, [autoCompleteList]);
     useEffect(function () {
-        if (!isDataFromApi && data.length > 0)
-            checkByValue(value, open);
+        if (data.length > 0) {
+            if (value && value.toString().length > 0) {
+                if (!isDataFromApi)
+                    checkByValue(value, open);
+            }
+            else {
+                if (ilkSec)
+                    checkByValue(data[0][valueKey], false);
+            }
+        }
     }, [data]);
     useEffect(function () {
         if (data.length > 0) {
@@ -314,7 +322,7 @@ var Component = function (_a, forwardedRef) {
         }
         setScrollPosition();
     };
-    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, __assign({}, other, { name: name, value: text, inputRef: refInput, componentRef: refComponentInput, onFocus: function () { return setOpen(true); }, onChange: Change, endAdornment: !disabled && (_jsxs("div", { style: { marginRight: 5 }, tabIndex: -1, children: [_jsx(Button, { title: 'Temizle', tabIndex: -1, hidden: !(text && text.length > 0), onClick: function () { return clear(true, true); }, onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !(data.length > 0), onClick: function () { return setOpen(!open); }, onlyIcon: _jsx(Icon, { name: open ? 'keyboard_arrow_up' : 'keyboard_arrow_down', style: { color: '#444' } }) })] })), placeholder: loading ? 'Lütfen bekleyiniz...' : placeholder, loading: loading, disabled: disabled, propsInput: __assign(__assign({}, other === null || other === void 0 ? void 0 : other.propsInput), { autoComplete: 'off' }) })), open && (_jsx("div", { className: 'listDiv', "data-relative": listPositionRelative, children: _jsxs("ul", { ref: refList, className: "list ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && _jsx("div", { className: "message ".concat(loading ? 'loading' : ''), children: loading ? 'Lütfen bekleyiniz...' : 'Kayıt bulunamadı...' }), filteredData.map(function (item, key) {
+    return (_jsxs("div", { ref: refMain, className: styles.searchableInputComponent, onKeyDown: onKeyDown, style: style, children: [_jsx(Input, __assign({}, other, { name: name, value: text, inputRef: refInput, componentRef: refComponentInput, onFocus: function () { return setOpen(true); }, onChange: Change, endAdornment: !disabled && (_jsxs("div", { style: { marginRight: 5 }, tabIndex: -1, children: [_jsx(Button, { title: 'Temizle', tabIndex: -1, hidden: !(text && text.length > 0), onClick: function () { return clear(true, true); }, onlyIcon: _jsx(Icon, { name: 'close', style: { color: '#444' } }) }), endAdornment, _jsx(Button, { tabIndex: -1, hidden: !(data.length > 0), onClick: function () { return setOpen(!open); }, onlyIcon: _jsx(Icon, { name: open ? 'keyboard_arrow_up' : 'keyboard_arrow_down', style: { color: '#444' } }) })] })), placeholder: loading ? 'Lütfen bekleyiniz...' : placeholder, loading: loading, disabled: disabled, propsInput: __assign(__assign({}, other === null || other === void 0 ? void 0 : other.propsInput), { autoComplete: 'off' }) })), open && (_jsx("div", { className: 'listDiv', "data-relative": listPositionRelative, children: _jsxs("ul", { ref: refList, className: "list ".concat(open ? 'open' : ''), children: [(filteredData.length === 0 || loading) && _jsx("div", { className: "message ".concat(loading ? 'loading' : ''), children: loading ? loadingMessage : notFoundMessage }), filteredData.map(function (item, key) {
                             var itemValue = item[valueKey];
                             var itemLabel = item[labelKey];
                             return (_jsxs("li", { className: "item ".concat(itemValue === value ? 'active' : ''), "data-value": itemValue, "data-label": itemLabel, onClick: function () { return setValue(item, false); }, children: [item.create && _jsx("span", { className: 'newCreate', children: "Yeni Olu\u015Ftur: " }), itemComponent ? itemComponent(item) : itemLabel] }, key));

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@sydsoft/base",
     "private": false,
-    "version": "1.39.0",
+    "version": "1.41.0",
     "description": "",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",