@edu-tosel/design 1.0.75 → 1.0.76

package/layout/design/Row.design/SelectRoll.js

@@ -35,12 +35,12 @@ export default function SelectRoll({ item, entry, data, }) {
     return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(body), onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: [values[index], _jsx("button", { onClick: () => {
                         if (index > 0) {
                             setIndex(index - 1);
-                            updateItem({ ...item, [key]: keys[index - 1] });
+                            updateItem({ ...item, [key]: keys[index - 1] }, key);
                         }
                     }, className: cn(toggle, "-left-4 group-hover:left-1"), children: "-" }), _jsx("button", { onClick: () => {
                         if (index < keys.length - 1) {
                             setIndex(index + 1);
-                            updateItem({ ...item, [key]: keys[index + 1] });
+                            updateItem({ ...item, [key]: keys[index + 1] }, key);
                         }
                     }, className: cn(toggle, "-right-4 group-hover:right-1"), children: "+" })] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.75",
+  "version": "1.0.76",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",
@@ -17,6 +17,7 @@
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.1",
     "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
     "react-datepicker": "^6.4.0",
     "react-daum-postcode": "^3.1.3",
     "react-dom": "^18.2.0",

package/store/index.d.ts

@@ -23,7 +23,7 @@ interface ActionProps<T = any> {
     setDark: () => void;
     items: T[];
     setItems: (prop: T[]) => void;
-    updateItem: (prop: T) => void;
+    updateItem: (prop: T, key: string) => void;
 }
 export declare const useActionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ActionProps<any>>>;
 export {};

package/store/index.js

@@ -69,7 +69,7 @@ export const useActionStore = create((set) => ({
     setDark: () => set((state) => ({ isDark: !state.isDark })),
     items: [],
     setItems: (prop) => set({ items: prop }),
-    updateItem: (item) => set((state) => ({
-        items: state.items.map((prevItem) => prevItem.id === item.id ? item : prevItem),
+    updateItem: (item, key) => set((state) => ({
+        items: state.items.map((prevItem) => prevItem.id === item.id ? { ...prevItem, [key]: item[key] } : prevItem),
     })),
 }));

package/version.txt

@@ -1 +1 @@
-1.0.75
+1.0.76