@edu-tosel/design 1.0.25 → 1.0.26

package/interface/Overlay.d.ts

@@ -9,7 +9,7 @@ export interface OverlayProps {
 export interface HTMLElementFrame {
     title: string;
     type: HTMLElementType;
-    state: State<string> | State<boolean>;
+    state: State<any>;
     selectOptions?: [string | number, string][];
     labels?: [string | boolean, string][];
     disabled?: Disabled;

package/overlay/template/Manage.js

@@ -11,6 +11,8 @@ export default function Manage({ titles, isVisible, event, elements, buttons, })
         styles: "overflow-y-scroll",
     };
     return (_jsxs(OverlayDesign, { titles: titles, event: event, isVisible: isVisible, children: [_jsx("div", { className: cn(body), children: elements?.map(({ title, type, labels, state, selectOptions, disabled }) => {
+                    if (type === "text")
+                        return (_jsx(Frame, { title: title, children: _jsx("div", { className: "text-base pl-4", children: state[0] }) }, id + title));
                     if (type === "select")
                         return (_jsx(Frame, { title: title, children: _jsx(Select, { state: state, selectOptions: selectOptions }) }, id + title));
                     if (type === "toggle")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/util/createSetter.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from "react";
+export default function createSetter<T, K extends keyof T>(setter: Dispatch<SetStateAction<T>>, key: K): Dispatch<SetStateAction<T[K]>>;

package/util/createSetter.js

@@ -0,0 +1,11 @@
+export default function createSetter(setter, key) {
+    return (updated) => {
+        setter((prev) => ({
+            ...prev,
+            [key]: isFunction(updated) ? updated(prev[key]) : updated,
+        }));
+    };
+}
+function isFunction(value) {
+    return typeof value === "function";
+}

package/util/index.d.ts

@@ -3,6 +3,7 @@ export { default as unixToDate } from "./convertUnixTimestampToDate";
 export { default as isDebug } from "./isDebug";
 export { default as sortByOrder } from "./sortByOrder";
 export { default as checkPathMatch } from "./checkPathMatch";
+export { default as createSetter } from "./createSetter";
 export * from "./colors";
 export * from "./pattern";
 export * from "./shape";

package/util/index.js

@@ -3,6 +3,7 @@ export { default as unixToDate } from "./convertUnixTimestampToDate";
 export { default as isDebug } from "./isDebug";
 export { default as sortByOrder } from "./sortByOrder";
 export { default as checkPathMatch } from "./checkPathMatch";
+export { default as createSetter } from "./createSetter";
 export * from "./colors";
 export * from "./pattern";
 export * from "./shape";

package/version.txt

@@ -1 +1 @@
-1.0.25
+1.0.26