chore: cleanup

sagold · Dec 22, 2024 · e6d5ee4 · e6d5ee4
1 parent 43532c2
commit e6d5ee4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 15 deletions.
diff --git a/packages/rje-mantine-widgets/src/docs/Widgets.stories.tsx b/packages/rje-mantine-widgets/src/docs/Widgets.stories.tsx
@@ -86,9 +86,10 @@ const schema: JsonSchema = {
         string: {
             type: 'string',
             title: 'string',
-            description: 'standard mantine **TextInput**',
+            description: 'standard mantine text **Input**',
             maxLength: 10,
             options: {
+                clearable: true,
                 icon: 'gesture',
                 tag: '👍'
             }
@@ -115,7 +116,7 @@ const schema: JsonSchema = {
             title: 'time',
             type: 'string',
             format: 'time',
-            description: 'mantine time input',
+            description: 'mantine **TimeInput**',
             minLength: 1
         },
         date: {
@@ -212,6 +213,9 @@ const schema: JsonSchema = {
             description: 'standard mantine multi-select',
             type: 'array',
             uniqueItems: true,
+            options: {
+                liveUpdate: true
+            },
             items: {
                 type: 'string',
                 enum: ['yes', 'maybe', 'no']

diff --git a/packages/rje-mantine-widgets/src/widgets/useLiveUpdate.tsx b/packages/rje-mantine-widgets/src/widgets/useLiveUpdate.tsx
@@ -12,29 +12,19 @@ export function useLiveUpdate<T = unknown>(
      * ------------------------------*/
     // track current state and expose value to input
     const [state, setState] = useState(currentValue);
-    const onChange = useCallback(
-        (event) => {
-            setState(retrieveValue(event) as T);
-        },
-        [setState, retrieveValue]
-    );
+    const onChange = useCallback((event) => setState(retrieveValue(event) as T), [setState, retrieveValue]);
 
     // track initial value for changes and update internal state accordingly
     const [previousValue, setPreviousValue] = useState(currentValue);
     if (!deepEqual(previousValue, currentValue)) {
-        setState(currentValue);
         setPreviousValue(currentValue);
+        setState(currentValue);
     }
 
     /* --------------------------------
      * update on change (live)
      * ------------------------------*/
-    const onLiveChange = useCallback(
-        (event) => {
-            setValue(retrieveValue(event) as T);
-        },
-        [setValue, retrieveValue]
-    );
+    const onLiveChange = useCallback((event) => setValue(retrieveValue(event) as T), [setValue, retrieveValue]);
     if (liveUpdate === true) {
         return { value: currentValue, onChange: onLiveChange };
     }