Merge pull request #490 from layer5io/489-remove-packages-path

fix: remove packages path, and move to src directory

Author: nebula-aac

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@layer5/sistent",
-  "version": "0.14.6",
+  "version": "0.14.7",
   "description": "Reusable React Components and SVG Icons library",
   "repository": {
     "type": "git",

package.json

@@ -10,10 +10,10 @@ import {
   FilteringState,
   filterReducer
 } from '../../utils/typing.state';
+import { getFilters } from '../../utils/typing.utils';
 import TypingFilterInput from './TypingFIlterInput';
 import { TypingFilters } from './TypingFIlters';
 import { TypingFilterValueSuggestions } from './TypingFilterSuggestions';
-import { getFilters } from '../../utils/typing.utils';
 
 interface TypingFilterType {
   filterSchema: FilterSchema;
@@ -79,29 +79,31 @@ export function TypingFilter({ filterSchema, handleFilter, autoFilter = false }:
       return;
     }
 
+    const inputField = inputFieldRef.current; // Copy the value to a variable
+
     const handleKeyDown = (e: KeyboardEvent) => {
       if (e.key === 'Enter') {
-        // Perform nullish check before accessing inputFieldRef.current.value
-        const inputValue = inputFieldRef.current?.value ?? '';
+        // Perform nullish check before accessing inputField.value
+        const inputValue = inputField?.value ?? '';
         handleFilter(getFilters(inputValue, filterSchema));
         setAnchorEl(null);
       }
     };
 
-    inputFieldRef.current?.addEventListener('keydown', handleKeyDown);
+    inputField?.addEventListener('keydown', handleKeyDown);
 
     return () => {
-      inputFieldRef.current?.removeEventListener('keydown', handleKeyDown);
+      inputField?.removeEventListener('keydown', handleKeyDown);
     };
-  }, []);
+  }, [filterSchema, handleFilter]);
 
   React.useEffect(() => {
     if (autoFilter && filterState.state === FilteringState.SELECTING_FILTER) {
       // Perform nullish check before accessing filterState.context
       const filterValue = filterState.context?.value ?? '';
       handleFilter(getFilters(filterValue, filterSchema));
     }
-  }, [filterState.state]);
+  }, [filterState.state, autoFilter, filterSchema, filterState.context?.value, handleFilter]);
 
   return (
     <React.Fragment>

packages/components/src/utils/typing.utils.ts

@@ -35,10 +35,9 @@ This custom React component, `ResponsiveDataTable`, is a wrapper around the Mate
 
 ### Standard Props
 
-| Property | Type     | Description                                                                                                 |
-| -------- | -------- | ----------------------------------------------------------------------------------------------------------- |
-| `rowsPerPageOptions`  | `number[]` | (Optional) Array of numbers representing the number of rows per page. If not provided, the default values will be used(20, 50, 100). |
-
+| Property             | Type       | Description                                                                                                                          |
+| -------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| `rowsPerPageOptions` | `number[]` | (Optional) Array of numbers representing the number of rows per page. If not provided, the default values will be used(20, 50, 100). |
 
 ### Customization
 

…ustom/TypingFilter/TypingFIlterInput.tsx …ustom/TypingFilter/TypingFIlterInput.tsxpackages/components/src/custom/TypingFilter/TypingFIlterInput.tsx renamed to src/custom/TypingFilter/TypingFIlterInput.tsx packages/components/src/custom/TypingFilter/TypingFIlterInput.tsx renamed to src/custom/TypingFilter/TypingFIlterInput.tsx

@@ -2,4 +2,5 @@ export * from './base';
 export * from './colors';
 export * from './custom';
 export * from './icons';
+export * from './schemas';
 export * from './theme';

…rc/custom/TypingFilter/TypingFIlters.tsx src/custom/TypingFilter/TypingFIlters.tsxpackages/components/src/custom/TypingFilter/TypingFIlters.tsx renamed to src/custom/TypingFilter/TypingFIlters.tsx packages/components/src/custom/TypingFilter/TypingFIlters.tsx renamed to src/custom/TypingFilter/TypingFIlters.tsx

@@ -9,15 +9,16 @@ const createAndEditEnvironmentSchema = {
       'x-rjsf-grid-area': '12'
     },
     name: {
-      description: "Enter a unique and meaningful name for the environment. Remember you can change name of environment after it's creation too",
+      description:
+        "Enter a unique and meaningful name for the environment. Remember you can change name of environment after it's creation too",
       title: 'Name',
       type: 'string',
       'x-rjsf-grid-area': '12'
     },
     organization: {
       type: 'string',
       title: 'Organization',
-      description: "Select a organization in whic",
+      description: 'Select a organization in whic',
       enum: [],
       enumNames: [],
       'x-rjsf-grid-area': '12'