@edu-tosel/design 1.0.35 → 1.0.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/board/template/ManageBoard.js +1 -1
- package/card/design/Card.design.js +1 -0
- package/card/design/InfoCard.design.d.ts +1 -1
- package/card/design/InfoCard.design.js +6 -5
- package/card/design/TableCard.design.d.ts +1 -3
- package/card/design/TableCard.design.js +2 -2
- package/card/template/InfoCard/Finance.d.ts +24 -1
- package/card/template/InfoCard/Finance.js +47 -4
- package/card/template/TableCard.d.ts +2 -4
- package/globals.css +17 -5
- package/hook/useFlag.d.ts +4 -1
- package/hook/useFlag.js +5 -2
- package/html/design/Select.design.js +17 -19
- package/html/widget/CheckBox.d.ts +2 -0
- package/html/widget/CheckBox.js +20 -0
- package/html/widget/Toggle.js +1 -1
- package/interface/Board.d.ts +3 -10
- package/interface/Card.d.ts +4 -10
- package/interface/HTMLElement.d.ts +6 -0
- package/interface/Layout.d.ts +1 -0
- package/interface/Property.d.ts +19 -2
- package/interface/Widget.d.ts +3 -6
- package/layout/design/Row.design.d.ts +1 -1
- package/layout/design/Row.design.js +6 -2
- package/layout/design/Shelf.design.js +4 -2
- package/layout/template/Row.d.ts +9 -10
- package/layout/template/Row.js +11 -5
- package/layout/widget/dashboard/Header.js +3 -3
- package/overlay/widget/Overlay.design.js +1 -1
- package/package.json +1 -1
- package/store/index.d.ts +4 -2
- package/store/index.js +2 -0
- package/tailwind.config.ts +557 -553
- package/util/sortByOrder.d.ts +4 -3
- package/util/sortByOrder.js +6 -6
- package/version.txt +1 -1
|
@@ -6,7 +6,7 @@ import { Events } from "../..";
|
|
|
6
6
|
import Notification from "./Notification";
|
|
7
7
|
export function Header({ title, logo, notification, options, }) {
|
|
8
8
|
const { setView, setIsOwn } = useWidgetStore();
|
|
9
|
-
const { notifications, flag, onClick } = notification;
|
|
9
|
+
const { notifications, flag, onClick, bgColor } = notification;
|
|
10
10
|
const { text, background, className } = options ?? {};
|
|
11
11
|
const container = {
|
|
12
12
|
positions: "fixed xl:static top-0 left-0 z-40",
|
|
@@ -24,8 +24,8 @@ export function Header({ title, logo, notification, options, }) {
|
|
|
24
24
|
setIsOwn(true);
|
|
25
25
|
onClick && onClick();
|
|
26
26
|
return setView("notification");
|
|
27
|
-
}, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: _jsx("path", { d: "M15.4759 17.7938C17.4168 17.564 19.3237 17.1059 21.1572 16.4292C19.6044 14.7092 18.7465 12.4734 18.7499 10.1562V9.375C18.7499 7.7174 18.0914 6.12769 16.9193 4.95558C15.7472 3.78348 14.1575 3.125 12.4999 3.125C10.8423 3.125 9.25257 3.78348 8.08047 4.95558C6.90837 6.12769 6.24989 7.7174 6.24989 9.375V10.1562C6.25303 12.4736 5.39466 14.7093 3.84155 16.4292C5.64676 17.0958 7.54989 17.5594 9.52384 17.7938M15.4759 17.7938C13.4988 18.0283 11.5009 18.0283 9.52384 17.7938M15.4759 17.7938C15.626 18.2624 15.6634 18.7598 15.5849 19.2455C15.5064 19.7313 15.3143 20.1917 15.0242 20.5891C14.7342 20.9866 14.3544 21.31 13.9157 21.5329C13.4771 21.7559 12.9919 21.8721 12.4999 21.8721C12.0078 21.8721 11.5227 21.7559 11.0841 21.5329C10.6454 21.31 10.2656 20.9866 9.97553 20.5891C9.68548 20.1917 9.49339 19.7313 9.4149 19.2455C9.33641 18.7598 9.37374 18.2624 9.52384 17.7938", stroke: "#910023", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), flag && (_jsxs("div", { className: "absolute top-0 right-0", children: [_jsx("div", { className: "absolute w-2 h-2 rounded-full bg-red-500" }), _jsx("div", { className: " w-2 h-2 rounded-full bg-red-400 animate-ping duration-1000" })] }))] }), _jsx("svg", { className: "cursor-pointer", onClick: () => {
|
|
27
|
+
}, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: _jsx("path", { d: "M15.4759 17.7938C17.4168 17.564 19.3237 17.1059 21.1572 16.4292C19.6044 14.7092 18.7465 12.4734 18.7499 10.1562V9.375C18.7499 7.7174 18.0914 6.12769 16.9193 4.95558C15.7472 3.78348 14.1575 3.125 12.4999 3.125C10.8423 3.125 9.25257 3.78348 8.08047 4.95558C6.90837 6.12769 6.24989 7.7174 6.24989 9.375V10.1562C6.25303 12.4736 5.39466 14.7093 3.84155 16.4292C5.64676 17.0958 7.54989 17.5594 9.52384 17.7938M15.4759 17.7938C13.4988 18.0283 11.5009 18.0283 9.52384 17.7938M15.4759 17.7938C15.626 18.2624 15.6634 18.7598 15.5849 19.2455C15.5064 19.7313 15.3143 20.1917 15.0242 20.5891C14.7342 20.9866 14.3544 21.31 13.9157 21.5329C13.4771 21.7559 12.9919 21.8721 12.4999 21.8721C12.0078 21.8721 11.5227 21.7559 11.0841 21.5329C10.6454 21.31 10.2656 20.9866 9.97553 20.5891C9.68548 20.1917 9.49339 19.7313 9.4149 19.2455C9.33641 18.7598 9.37374 18.2624 9.52384 17.7938", stroke: bgColor ?? "#910023", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), flag && (_jsxs("div", { className: "absolute top-0 right-0", children: [_jsx("div", { className: "absolute w-2 h-2 rounded-full bg-red-500" }), _jsx("div", { className: " w-2 h-2 rounded-full bg-red-400 animate-ping duration-1000" })] }))] }), _jsx("svg", { className: "cursor-pointer", onClick: () => {
|
|
28
28
|
setIsOwn(true);
|
|
29
29
|
return setView("menu");
|
|
30
|
-
}, xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: _jsx("path", { d: "M18.7313 19.5053C18.0034 18.5416 17.0618 17.7601 15.9804 17.2223C14.8991 16.6846 13.7077 16.4052 12.5 16.4063C11.2924 16.4052 10.101 16.6846 9.01964 17.2223C7.93832 17.7601 6.99664 18.5416 6.26878 19.5053M18.7313 19.5053C20.1516 18.2419 21.1533 16.5767 21.6054 14.7304C22.0576 12.884 21.9378 10.9439 21.262 9.16722C20.5862 7.39055 19.3862 5.86128 17.8213 4.78224C16.2564 3.7032 14.4004 3.12537 12.4995 3.12537C10.5986 3.12537 8.74267 3.7032 7.17775 4.78224C5.61282 5.86128 4.41288 7.39055 3.73705 9.16722C3.06122 10.9439 2.94144 12.884 3.3936 14.7304C3.84575 16.5767 4.84847 18.2419 6.26878 19.5053M18.7313 19.5053C17.0167 21.0346 14.7976 21.8783 12.5 21.8751C10.2021 21.8786 7.98361 21.0349 6.26878 19.5053M15.625 10.1563C15.625 10.9851 15.2958 11.78 14.7097 12.366C14.1237 12.9521 13.3288 13.2813 12.5 13.2813C11.6712 13.2813 10.8764 12.9521 10.2903 12.366C9.70427 11.78 9.37503 10.9851 9.37503 10.1563C9.37503 9.32751 9.70427 8.53265 10.2903 7.9466C10.8764 7.36055 11.6712 7.03131 12.5 7.03131C13.3288 7.03131 14.1237 7.36055 14.7097 7.9466C15.2958 8.53265 15.625 9.32751 15.625 10.1563Z", stroke: "#910023", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }) })] }));
|
|
30
|
+
}, xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: _jsx("path", { d: "M18.7313 19.5053C18.0034 18.5416 17.0618 17.7601 15.9804 17.2223C14.8991 16.6846 13.7077 16.4052 12.5 16.4063C11.2924 16.4052 10.101 16.6846 9.01964 17.2223C7.93832 17.7601 6.99664 18.5416 6.26878 19.5053M18.7313 19.5053C20.1516 18.2419 21.1533 16.5767 21.6054 14.7304C22.0576 12.884 21.9378 10.9439 21.262 9.16722C20.5862 7.39055 19.3862 5.86128 17.8213 4.78224C16.2564 3.7032 14.4004 3.12537 12.4995 3.12537C10.5986 3.12537 8.74267 3.7032 7.17775 4.78224C5.61282 5.86128 4.41288 7.39055 3.73705 9.16722C3.06122 10.9439 2.94144 12.884 3.3936 14.7304C3.84575 16.5767 4.84847 18.2419 6.26878 19.5053M18.7313 19.5053C17.0167 21.0346 14.7976 21.8783 12.5 21.8751C10.2021 21.8786 7.98361 21.0349 6.26878 19.5053M15.625 10.1563C15.625 10.9851 15.2958 11.78 14.7097 12.366C14.1237 12.9521 13.3288 13.2813 12.5 13.2813C11.6712 13.2813 10.8764 12.9521 10.2903 12.366C9.70427 11.78 9.37503 10.9851 9.37503 10.1563C9.37503 9.32751 9.70427 8.53265 10.2903 7.9466C10.8764 7.36055 11.6712 7.03131 12.5 7.03131C13.3288 7.03131 14.1237 7.36055 14.7097 7.9466C15.2958 8.53265 15.625 9.32751 15.625 10.1563Z", stroke: bgColor ?? "#910023", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }) })] }));
|
|
31
31
|
}
|
|
@@ -27,5 +27,5 @@ export default function OverlayDesign({ titles, children, event, isVisible, }) {
|
|
|
27
27
|
leave: { width: "10%", opacity: 0 },
|
|
28
28
|
config: { duration: 300 },
|
|
29
29
|
});
|
|
30
|
-
return transitions((styles, item) => item && (_jsxs(animated.div, { style: styles, className: cn(container), onClick: () => setIsOwn(
|
|
30
|
+
return transitions((styles, item) => item && (_jsxs(animated.div, { style: styles, className: cn(container), onClick: () => setIsOwn("overlay"), children: [_jsxs("div", { className: cn(body), children: [_jsx("div", { className: "font-pretendard-bold text-2xl", children: title }), _jsx("div", { className: "flex flex-col gap-3", children: children })] }), event && (_jsx("button", { onClick: () => removeView(event), className: cn(button), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M6.28003 5.22C6.13786 5.08752 5.94981 5.0154 5.75551 5.01882C5.56121 5.02225 5.37582 5.10096 5.23841 5.23838C5.101 5.37579 5.02228 5.56118 5.01886 5.75548C5.01543 5.94978 5.08755 6.13782 5.22003 6.28L8.94003 10L5.22003 13.72C5.14634 13.7887 5.08724 13.8715 5.04625 13.9635C5.00526 14.0555 4.98322 14.1548 4.98144 14.2555C4.97966 14.3562 4.99819 14.4562 5.03591 14.5496C5.07363 14.643 5.12977 14.7278 5.20099 14.799C5.27221 14.8703 5.35705 14.9264 5.45043 14.9641C5.54382 15.0018 5.64385 15.0204 5.74455 15.0186C5.84526 15.0168 5.94457 14.9948 6.03657 14.9538C6.12857 14.9128 6.21137 14.8537 6.28003 14.78L10 11.06L13.72 14.78C13.7887 14.8537 13.8715 14.9128 13.9635 14.9538C14.0555 14.9948 14.1548 15.0168 14.2555 15.0186C14.3562 15.0204 14.4562 15.0018 14.5496 14.9641C14.643 14.9264 14.7279 14.8703 14.7991 14.799C14.8703 14.7278 14.9264 14.643 14.9642 14.5496C15.0019 14.4562 15.0204 14.3562 15.0186 14.2555C15.0168 14.1548 14.9948 14.0555 14.9538 13.9635C14.9128 13.8715 14.8537 13.7887 14.78 13.72L11.06 10L14.78 6.28C14.9125 6.13782 14.9846 5.94978 14.9812 5.75548C14.9778 5.56118 14.8991 5.37579 14.7617 5.23838C14.6242 5.10096 14.4389 5.02225 14.2446 5.01882C14.0503 5.0154 13.8622 5.08752 13.72 5.22L10 8.94L6.28003 5.22Z", fill: "#7F7F7F" }) }) }))] })));
|
|
31
31
|
}
|
package/package.json
CHANGED
package/store/index.d.ts
CHANGED
|
@@ -14,8 +14,10 @@ interface WidgetProps {
|
|
|
14
14
|
clearTempData: () => void;
|
|
15
15
|
flag: boolean;
|
|
16
16
|
setFlag: () => void;
|
|
17
|
-
isOwn: boolean;
|
|
18
|
-
setIsOwn: (prop: boolean) => void;
|
|
17
|
+
isOwn: boolean | string;
|
|
18
|
+
setIsOwn: (prop: boolean | string) => void;
|
|
19
|
+
isOwnId: string;
|
|
20
|
+
setIsOwnId: (prop: string) => void;
|
|
19
21
|
isDark: boolean;
|
|
20
22
|
setDark: () => void;
|
|
21
23
|
}
|
package/store/index.js
CHANGED
|
@@ -62,6 +62,8 @@ export const useWidgetStore = create((set) => ({
|
|
|
62
62
|
setFlag: () => set((state) => ({ flag: !state.flag })),
|
|
63
63
|
isOwn: false,
|
|
64
64
|
setIsOwn: (prop) => set({ isOwn: prop }),
|
|
65
|
+
isOwnId: "",
|
|
66
|
+
setIsOwnId: (prop) => set({ isOwnId: prop }),
|
|
65
67
|
isDark: false,
|
|
66
68
|
setDark: () => set((state) => ({ isDark: !state.isDark })),
|
|
67
69
|
}));
|