react-core-ts 1.8.6 → 1.8.8

package/dist/utilities/filterSuggestions.d.ts

@@ -1,5 +1,5 @@
 interface Item {
     [key: string]: string;
 }
-export declare const filterSuggestions: (data: Item[], query: string, type: string, desc: string, inputValue?: any[] | string, async?: boolean, isTreeDropdown?: boolean, withoutSort?: boolean) => Item[];
+export declare const filterSuggestions: (data: Item[], query: string, type: string, desc: string, inputValue?: any[] | string, async?: boolean, isTreeDropdown?: boolean, withoutSort?: boolean, matchFromStart?: boolean) => Item[];
 export {};

package/dist/utilities/filterSuggestions.js

@@ -12,16 +12,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterSuggestions = void 0;
 var filterSuggestions = function (data, query, type, desc, inputValue, async, // API filter
 isTreeDropdown, // Tree dropdowns
-withoutSort // Don't show selected items on top of the suggections
-) {
-    if ((type === "custom_search_select" ||
-        type === "auto_complete" ||
-        type === "auto_suggestion") &&
+withoutSort, // Don't show selected items on top of the suggections
+matchFromStart) {
+    if ((type === 'custom_search_select' ||
+        type === 'auto_complete' ||
+        type === 'auto_suggestion') &&
         !async &&
         query &&
         !isTreeDropdown) {
         return data === null || data === void 0 ? void 0 : data.filter(function (item) {
-            return item[desc].toLowerCase().includes(query.toLowerCase());
+            return matchFromStart
+                ? item[desc].toLowerCase().startsWith(query.toLowerCase())
+                : item[desc].toLowerCase().includes(query.toLowerCase());
         });
     }
     return isTreeDropdown || withoutSort

package/dist/utilities/filterSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterSuggestions.js","sourceRoot":"","sources":["../../src/utilities/filterSuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;AAIO,IAAM,iBAAiB,GAAG,UAC/B,IAAY,EACZ,KAAa,EACb,IAAY,EACZ,IAAY,EACZ,UAA2B,EAC3B,KAAe,EAAE,aAAa;AAC9B,cAAwB,EAAE,iBAAiB;AAC3C,WAAqB,CAAC,sDAAsD;;IAE5E,IACE,CAAC,IAAI,KAAK,sBAAsB;QAC9B,IAAI,KAAK,eAAe;QACxB,IAAI,KAAK,iBAAiB,CAAC;QAC7B,CAAC,KAAK;QACN,KAAK;QACL,CAAC,cAAc,EACf;QACA,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,UAAC,IAAI;YACvB,OAAA,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAAtD,CAAsD,CACvD,CAAC;KACH;IACD,OAAO,cAAc,IAAI,WAAW;QAClC,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AAC9C,CAAC,CAAC;AAzBW,QAAA,iBAAiB,qBAyB5B;AAEF,IAAM,eAAe,GAAG,UACtB,YAAmB,EACnB,aAA6B,EAC7B,IAAS;IAET,OAAO,kBAAI,YAAY,QAAE,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;QACjC,IAAI,WAAoB,CAAC;QACzB,IAAI,WAAoB,CAAC;QAEzB,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAChC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;YACnE,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;SACpE;aAAM;YACL,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;YACxC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;SACzC;QAED,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"filterSuggestions.js","sourceRoot":"","sources":["../../src/utilities/filterSuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;AAIO,IAAM,iBAAiB,GAAG,UAC/B,IAAY,EACZ,KAAa,EACb,IAAY,EACZ,IAAY,EACZ,UAA2B,EAC3B,KAAe,EAAE,aAAa;AAC9B,cAAwB,EAAE,iBAAiB;AAC3C,WAAqB,EAAE,sDAAsD;AAC7E,cAAwB;IAExB,IACE,CAAC,IAAI,KAAK,sBAAsB;QAC9B,IAAI,KAAK,eAAe;QACxB,IAAI,KAAK,iBAAiB,CAAC;QAC7B,CAAC,KAAK;QACN,KAAK;QACL,CAAC,cAAc,EACf;QACA,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,UAAC,IAAI;YACvB,OAAA,cAAc;gBACZ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gBAC1D,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAF1D,CAE0D,CAC3D,CAAC;KACH;IACD,OAAO,cAAc,IAAI,WAAW;QAClC,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AAC9C,CAAC,CAAC;AA5BW,QAAA,iBAAiB,qBA4B5B;AAEF,IAAM,eAAe,GAAG,UACtB,YAAmB,EACnB,aAA6B,EAC7B,IAAS;IAET,OAAO,kBAAI,YAAY,QAAE,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;QACjC,IAAI,WAAoB,CAAC;QACzB,IAAI,WAAoB,CAAC;QAEzB,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAChC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;YACnE,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;SACpE;aAAM;YACL,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;YACxC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;SACzC;QAED,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "1.8.6",
+  "version": "1.8.8",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/AutoCompleteWithSelectedList.tsx

@@ -70,6 +70,7 @@ const AutoCompleteWithSelectedList = forwardRef<
       shortCode = '',
       labelCode = '',
       tabInlineSearch = true,
+      matchFromStart = false
     },
     ref
   ) => {
@@ -398,7 +399,8 @@ const AutoCompleteWithSelectedList = forwardRef<
       selected,
       async,
       false,
-      true
+      true,
+      matchFromStart
     );
 
     useEffect(() => {

package/src/ReactCheckbox.tsx

@@ -1,7 +1,7 @@
-import React from 'react'
+import React from 'react';
 
-import { CheckboxProps } from './commontypes'
-import CustomIcons from './components/customIcons'
+import { CheckboxProps } from './commontypes';
+import CustomIcons from './components/customIcons';
 
 const Checkbox: React.FC<CheckboxProps> = ({
   name,
@@ -13,21 +13,21 @@ const Checkbox: React.FC<CheckboxProps> = ({
   checked,
   className: propsClassName,
   value,
-  labalClass
+  labalClass,
 }) => {
   const getIconName = () => {
     if (checked) {
       if (disabled) {
         return intermediate
           ? 'input_intermediate_check_disabled'
-          : 'input_checked_disabled'
+          : 'input_checked_disabled';
       } else {
-        return intermediate ? 'input_intermediate_check' : 'input_checked'
+        return intermediate ? 'input_intermediate_check' : 'input_checked';
       }
     } else {
-      return disabled ? 'input_unchecked_disabled' : 'input_unchecked'
+      return disabled ? 'input_unchecked_disabled' : 'input_unchecked';
     }
-  }
+  };
 
   return (
     <div
@@ -63,11 +63,9 @@ const Checkbox: React.FC<CheckboxProps> = ({
           </div>
         </label>
       </div>
-      <div className={labalClass} title={label}>
-        {label}
-      </div>
+      <div className={labalClass}>{label}</div>
     </div>
   );
-}
+};
 
-export default Checkbox
+export default Checkbox;

package/src/commontypes.ts

@@ -80,6 +80,7 @@ export interface AutoSuggestionInputProps {
   shortCode?: string
   labelCode?: string,
   tabInlineSearch?: boolean // tab dropdown search
+  matchFromStart?: boolean // match data's from the starting position
 }
 export interface IconsProps {
   name: any;

package/src/utilities/filterSuggestions.ts

@@ -10,18 +10,21 @@ export const filterSuggestions = (
   inputValue?: any[] | string,
   async?: boolean, // API filter
   isTreeDropdown?: boolean, // Tree dropdowns
-  withoutSort?: boolean // Don't show selected items on top of the suggections
+  withoutSort?: boolean, // Don't show selected items on top of the suggections
+  matchFromStart?: boolean
 ): Item[] => {
   if (
-    (type === "custom_search_select" ||
-      type === "auto_complete" ||
-      type === "auto_suggestion") &&
+    (type === 'custom_search_select' ||
+      type === 'auto_complete' ||
+      type === 'auto_suggestion') &&
     !async &&
     query &&
     !isTreeDropdown
   ) {
     return data?.filter((item) =>
-      item[desc].toLowerCase().includes(query.toLowerCase())
+      matchFromStart
+        ? item[desc].toLowerCase().startsWith(query.toLowerCase())
+        : item[desc].toLowerCase().includes(query.toLowerCase())
     );
   }
   return isTreeDropdown || withoutSort