feat(FE): add drawer ui store

src/stores/ui/slices/drawer.slice.ts

@@ -0,0 +1,40 @@
+import { StateCreator } from 'zustand';
+import { DrawerUiSlice } from '@/types/stores';
+
+export const createFormDrawerUiSlice: StateCreator<
+  DrawerUiSlice,
+  [],
+  [],
+  DrawerUiSlice
+> = (set, get, api) => ({
+  // event flag untuk memicu formik validate
+  triggerValidate: false,
+
+  // dibalik untuk memicu event
+  toggleValidate: () => {
+    const current = get().triggerValidate;
+    set({ triggerValidate: !current });
+  },
+
+  // sistem subscriber sederhana agar form bisa listen perubahan flag
+  subscribeValidate: (callback: () => void) => {
+    let prev = get().triggerValidate;
+
+    const unsub = api.subscribe((state) => {
+      if (state.triggerValidate !== prev) {
+        prev = state.triggerValidate;
+        callback();
+      }
+    });
+
+    return unsub;
+  },
+
+  isValid: false,
+  setIsValid: (isValid: boolean) => set({ isValid }),
+  subscribeIsValid: (callback: (isValid: boolean) => void) => {
+    return api.subscribe((state) => {
+      callback(Boolean(state.isValid));
+    });
+  },
+});

src/stores/ui/ui.store.ts

@@ -5,11 +5,13 @@ import { devtools } from 'zustand/middleware';
 
 import { UIStore } from '@/types/stores';
 import { createMainUiSlice } from '@/stores/ui/slices/main.slice';
+import { createFormDrawerUiSlice } from '@/stores/ui/slices/drawer.slice';
 
 export const useUiStore = create<UIStore>()(
   devtools(
     (...args) => ({
       ...createMainUiSlice(...args),
+      ...createFormDrawerUiSlice(...args),
     }),
     {
       name: 'UIStore',