@majoo-ui/react 1.61.16-rc.3 → 1.61.16-rc.5

package/components/form/components/InputResourceList/InputResourceList.d.ts

@@ -33,6 +33,7 @@ export interface InputResourceListProps {
     renderSelectAll?: JSX.Element;
     customHeader?: JSX.Element;
     expandable?: boolean;
+    searchable?: boolean;
 }
-declare function InputResourceList({ data: dataProp, disabled, onChange, searchPlaceholder, counterFooter, counterFooterText, isLoading, disabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, customHeader, expandable, renderSelectAll, }: InputResourceListProps): JSX.Element;
+declare function InputResourceList({ data: dataProp, disabled, onChange, searchPlaceholder, counterFooter, counterFooterText, isLoading, disabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, renderSelectAll, customHeader, expandable, searchable, }: InputResourceListProps): JSX.Element;
 export default InputResourceList;

package/index.esm.js

@@ -15865,9 +15865,10 @@ function InputResourceList({
   defaultSort,
   title,
   hideSelectAll,
+  renderSelectAll,
   customHeader,
   expandable,
-  renderSelectAll
+  searchable
 }) {
   const {
     t
@@ -15906,7 +15907,7 @@ function InputResourceList({
   }, [defaultSort]);
   const availableData = useMemo(() => {
     if (!data) return [];
-    const filteredData = data.filter(item => item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
+    const filteredData = data.filter(item => !!onQueryChange || item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
     const checkedValues = new Set(checkedItems.map(item => item.value));
     return [...filteredData].sort((a, b) => {
       const aIsChecked = checkedValues.has(a.value);
@@ -16067,7 +16068,7 @@ function InputResourceList({
       position: 'relative'
     }, css)
   }, {
-    children: [customHeader, onQueryChange && jsx(InputSearchbox, Object.assign({
+    children: [customHeader, (searchable || !!onQueryChange) && jsx(InputSearchbox, Object.assign({
       size: "lg",
       placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'),
       onChange: debounce(query => {
@@ -16108,7 +16109,7 @@ function InputResourceList({
       css: Object.assign({
         position: 'absolute',
         inset: 0,
-        top: onQueryChange ? 48 : 0,
+        top: onQueryChange || searchable ? 48 : 0,
         width: '100%',
         height: 285,
         backgroundColor: '$bgWhite',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.16-rc.3",
+  "version": "1.61.16-rc.5",
   "main": "./index.esm.js",
   "exports": {
     ".": {