math-main-components 0.0.132 → 0.0.133
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/README.md +13 -0
- package/dist/components/Table/Table.d.ts +4 -1
- package/dist/index.cjs.js +26 -19
- package/dist/index.esm.js +26 -19
- package/dist/types/Feedback.d.ts +1 -0
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -5,6 +5,19 @@ Component Library for math-main-app
|
|
|
5
5
|
- reusable ui components
|
|
6
6
|
- math components
|
|
7
7
|
|
|
8
|
+
### Run Locally
|
|
9
|
+
|
|
10
|
+
Install [`yalc`](https://github.com/wclr/yalc) globally by running `yarn global add yalc`
|
|
11
|
+
|
|
12
|
+
In order to make the workflow more efficient, you can link the local package to the main app.
|
|
13
|
+
1. Go to `math-main-components` and run `yalc publish`. (only need to do this once)
|
|
14
|
+
2. Then go to `math-main-components` and run `yarn dev`.
|
|
15
|
+
3. Then go to `math-main-app` and run `yalc link math-main-components`.
|
|
16
|
+
|
|
17
|
+
No need to change anything in the `package.json` file.
|
|
18
|
+
|
|
19
|
+
In order to unlink the packages, run `yarn retreat math-main-components` in app directory.
|
|
20
|
+
|
|
8
21
|
## Notes
|
|
9
22
|
- Do not use any of next.js features like next/link
|
|
10
23
|
|
|
@@ -13,7 +13,7 @@ export type TableItemAction<DataType> = {
|
|
|
13
13
|
onClick: (event: MouseEvent<HTMLDivElement>, item: TableItem<DataType>, index: number) => void;
|
|
14
14
|
type: TableActionType;
|
|
15
15
|
};
|
|
16
|
-
export declare function Table<DataType>({ items, title, actions, moreActions, selected, style, marginTop }: {
|
|
16
|
+
export declare function Table<DataType>({ items, title, actions, moreActions, selected, style, marginTop, emptyTitle, emptySubtitle, emptyIconName }: {
|
|
17
17
|
items: TableItem<DataType>[];
|
|
18
18
|
title: string;
|
|
19
19
|
selected?: number;
|
|
@@ -21,4 +21,7 @@ export declare function Table<DataType>({ items, title, actions, moreActions, se
|
|
|
21
21
|
actions?: TableItemAction<DataType>[];
|
|
22
22
|
moreActions?: ((data: DataType, index: number) => ReactNode)[];
|
|
23
23
|
marginTop?: number;
|
|
24
|
+
emptyTitle?: string;
|
|
25
|
+
emptySubtitle?: string;
|
|
26
|
+
emptyIconName?: string;
|
|
24
27
|
}): React.JSX.Element;
|
package/dist/index.cjs.js
CHANGED
|
@@ -616,28 +616,35 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
|
|
|
616
616
|
text)));
|
|
617
617
|
}
|
|
618
618
|
|
|
619
|
-
var css_248z$3 = ".styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n color: var(--foreground-1);\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid var(--border-1);\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_item_list__FxHkg {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 25px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_default__SexGH:hover {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n background: var(--red-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 {\n color: var(--primary-1) !important;\n border-color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 .styles-module_icon__Jy87z {\n color: var(--primary-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV {\n padding: 10px 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: var(--foreground-1);\n flex-wrap: wrap;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_moreText__-blXb {\n flex: 1;\n margin-bottom: 4px;\n color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n color: var(--foreground-3);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_icon__Jy87z {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--foreground-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_title__nIwzs {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_icon__Jy87z {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(odd) {\n background: var(--background-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n border-bottom: 1px solid var(--border-1);\n}";
|
|
620
|
-
var styles$3 = {"container":"styles-module_container__jNs7m","item_list":"styles-module_item_list__FxHkg","has_children":"styles-module_has_children__Uu-8D","action":"styles-module_action__YYTok","default":"styles-module_default__SexGH","red":"styles-module_red__KD3qJ","item":"styles-module_item__sgyiV","selected":"styles-module_selected__iOu39","icon":"styles-module_icon__Jy87z","moreText":"styles-module_moreText__-blXb","subtitle":"styles-module_subtitle__DT5OF","blue":"styles-module_blue__theVn","title":"styles-module_title__nIwzs"};
|
|
619
|
+
var css_248z$3 = ".styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n color: var(--foreground-1);\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid var(--border-1);\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_item_list__FxHkg {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 25px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_default__SexGH:hover {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n background: var(--red-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 {\n color: var(--primary-1) !important;\n border-color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 .styles-module_icon__Jy87z {\n color: var(--primary-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV {\n padding: 10px 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: var(--foreground-1);\n flex-wrap: wrap;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_moreText__-blXb {\n flex: 1;\n margin-bottom: 4px;\n color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n color: var(--foreground-3);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_icon__Jy87z {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--foreground-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_title__nIwzs {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_icon__Jy87z {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(odd) {\n background: var(--background-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_not_found_container__-flS- {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 20px;\n padding: 100px 0px;\n}\n.styles-module_not_found_container__-flS- h1 {\n margin: 0;\n font-size: 22px;\n font-weight: 500;\n}\n.styles-module_not_found_container__-flS- p {\n margin: 0;\n font-size: 16px;\n}";
|
|
620
|
+
var styles$3 = {"container":"styles-module_container__jNs7m","item_list":"styles-module_item_list__FxHkg","has_children":"styles-module_has_children__Uu-8D","action":"styles-module_action__YYTok","default":"styles-module_default__SexGH","red":"styles-module_red__KD3qJ","item":"styles-module_item__sgyiV","selected":"styles-module_selected__iOu39","icon":"styles-module_icon__Jy87z","moreText":"styles-module_moreText__-blXb","subtitle":"styles-module_subtitle__DT5OF","blue":"styles-module_blue__theVn","title":"styles-module_title__nIwzs","not_found_container":"styles-module_not_found_container__-flS-"};
|
|
621
621
|
styleInject(css_248z$3);
|
|
622
622
|
|
|
623
|
-
function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30 }) {
|
|
623
|
+
function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30, emptyTitle = "Keine Daten", emptySubtitle = "Es sind keine Daten vorhanden.", emptyIconName = "manage_search" }) {
|
|
624
624
|
return (React__default["default"].createElement("div", { className: styles$3.container, style: { marginTop: marginTop } },
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
React__default["default"].createElement(
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
React__default["default"].createElement("
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
625
|
+
items.length == 0 &&
|
|
626
|
+
React__default["default"].createElement("div", { className: styles$3.not_found_container },
|
|
627
|
+
React__default["default"].createElement(SvgIcon, { size: "60px", iconName: emptyIconName }),
|
|
628
|
+
React__default["default"].createElement("h1", null, emptyTitle),
|
|
629
|
+
React__default["default"].createElement("p", null, emptySubtitle)),
|
|
630
|
+
items.length > 0 &&
|
|
631
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
632
|
+
React__default["default"].createElement("h3", null, title),
|
|
633
|
+
React__default["default"].createElement("ul", { className: `${styles$3.item_list} ${items.length > 0 ? styles$3.has_children : styles$3.no_children}` }, items.map((item, index) => React__default["default"].createElement("li", { key: index, className: [styles$3.item, styles$3[style], selected == index ? styles$3.selected : styles$3.not_selected].join(" ") },
|
|
634
|
+
React__default["default"].createElement("div", { className: styles$3.icon },
|
|
635
|
+
React__default["default"].createElement(SvgIcon, { iconName: item.iconName })),
|
|
636
|
+
React__default["default"].createElement("div", { className: styles$3.title }, item.title),
|
|
637
|
+
React__default["default"].createElement("div", { className: styles$3.moreText }, item.moreText),
|
|
638
|
+
React__default["default"].createElement("div", { className: styles$3.subtitle }, item.subtitle),
|
|
639
|
+
moreActions &&
|
|
640
|
+
moreActions.map((moreAction, index) => React__default["default"].createElement("div", { className: styles$3.more_action, key: item.title + index }, moreAction(item.data, index))),
|
|
641
|
+
actions.length > 0 && actions.map((action, idx) => React__default["default"].createElement("div", { key: idx, className: [
|
|
642
|
+
styles$3.action,
|
|
643
|
+
action.type === "red" && styles$3.red,
|
|
644
|
+
action.type === "default" && styles$3.default,
|
|
645
|
+
].join(" "), onClick: (event) => action.onClick(event, item, index) },
|
|
646
|
+
React__default["default"].createElement(SvgIcon, { iconName: action.iconName }),
|
|
647
|
+
action.title))))))));
|
|
641
648
|
}
|
|
642
649
|
|
|
643
650
|
var css_248z$2 = ".styles-module_container__Kl-lB {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_tab__Veki- {\n flex: 1;\n border-radius: 42px;\n border-bottom: 2px;\n border-bottom-style: solid;\n border-bottom-color: var(--border-1);\n background: var(--background-1);\n color: var(--foreground-1);\n padding: 16px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n}\n.styles-module_tab__Veki-.styles-module_selected__geNE7 {\n border-bottom-color: var(--primary-1);\n background: var(--primary-2);\n color: var(--primary-1);\n}\n\n@media (max-width: 750px) {\n .styles-module_container__Kl-lB {\n gap: 0px;\n }\n .styles-module_tab__Veki- {\n border-radius: 0px;\n }\n .styles-module_tab__Veki-:first-child {\n border-top-left-radius: 42px;\n border-bottom-left-radius: 42px;\n }\n .styles-module_tab__Veki-:last-child {\n border-top-right-radius: 42px;\n border-bottom-right-radius: 42px;\n }\n}";
|
package/dist/index.esm.js
CHANGED
|
@@ -608,28 +608,35 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
|
|
|
608
608
|
text)));
|
|
609
609
|
}
|
|
610
610
|
|
|
611
|
-
var css_248z$3 = ".styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n color: var(--foreground-1);\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid var(--border-1);\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_item_list__FxHkg {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 25px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_default__SexGH:hover {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n background: var(--red-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 {\n color: var(--primary-1) !important;\n border-color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 .styles-module_icon__Jy87z {\n color: var(--primary-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV {\n padding: 10px 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: var(--foreground-1);\n flex-wrap: wrap;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_moreText__-blXb {\n flex: 1;\n margin-bottom: 4px;\n color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n color: var(--foreground-3);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_icon__Jy87z {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--foreground-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_title__nIwzs {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_icon__Jy87z {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(odd) {\n background: var(--background-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n border-bottom: 1px solid var(--border-1);\n}";
|
|
612
|
-
var styles$3 = {"container":"styles-module_container__jNs7m","item_list":"styles-module_item_list__FxHkg","has_children":"styles-module_has_children__Uu-8D","action":"styles-module_action__YYTok","default":"styles-module_default__SexGH","red":"styles-module_red__KD3qJ","item":"styles-module_item__sgyiV","selected":"styles-module_selected__iOu39","icon":"styles-module_icon__Jy87z","moreText":"styles-module_moreText__-blXb","subtitle":"styles-module_subtitle__DT5OF","blue":"styles-module_blue__theVn","title":"styles-module_title__nIwzs"};
|
|
611
|
+
var css_248z$3 = ".styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n color: var(--foreground-1);\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid var(--border-1);\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_item_list__FxHkg {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 25px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_default__SexGH:hover {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n background: var(--red-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 {\n color: var(--primary-1) !important;\n border-color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_selected__iOu39 .styles-module_icon__Jy87z {\n color: var(--primary-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV {\n padding: 10px 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: var(--foreground-1);\n flex-wrap: wrap;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_moreText__-blXb {\n flex: 1;\n margin-bottom: 4px;\n color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n color: var(--foreground-3);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_icon__Jy87z {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--foreground-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_title__nIwzs {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV.styles-module_blue__theVn .styles-module_icon__Jy87z {\n color: var(--blue-1) !important;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(odd) {\n background: var(--background-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_not_found_container__-flS- {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 20px;\n padding: 100px 0px;\n}\n.styles-module_not_found_container__-flS- h1 {\n margin: 0;\n font-size: 22px;\n font-weight: 500;\n}\n.styles-module_not_found_container__-flS- p {\n margin: 0;\n font-size: 16px;\n}";
|
|
612
|
+
var styles$3 = {"container":"styles-module_container__jNs7m","item_list":"styles-module_item_list__FxHkg","has_children":"styles-module_has_children__Uu-8D","action":"styles-module_action__YYTok","default":"styles-module_default__SexGH","red":"styles-module_red__KD3qJ","item":"styles-module_item__sgyiV","selected":"styles-module_selected__iOu39","icon":"styles-module_icon__Jy87z","moreText":"styles-module_moreText__-blXb","subtitle":"styles-module_subtitle__DT5OF","blue":"styles-module_blue__theVn","title":"styles-module_title__nIwzs","not_found_container":"styles-module_not_found_container__-flS-"};
|
|
613
613
|
styleInject(css_248z$3);
|
|
614
614
|
|
|
615
|
-
function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30 }) {
|
|
615
|
+
function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30, emptyTitle = "Keine Daten", emptySubtitle = "Es sind keine Daten vorhanden.", emptyIconName = "manage_search" }) {
|
|
616
616
|
return (React.createElement("div", { className: styles$3.container, style: { marginTop: marginTop } },
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
React.createElement(
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
React.createElement(
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
617
|
+
items.length == 0 &&
|
|
618
|
+
React.createElement("div", { className: styles$3.not_found_container },
|
|
619
|
+
React.createElement(SvgIcon, { size: "60px", iconName: emptyIconName }),
|
|
620
|
+
React.createElement("h1", null, emptyTitle),
|
|
621
|
+
React.createElement("p", null, emptySubtitle)),
|
|
622
|
+
items.length > 0 &&
|
|
623
|
+
React.createElement(React.Fragment, null,
|
|
624
|
+
React.createElement("h3", null, title),
|
|
625
|
+
React.createElement("ul", { className: `${styles$3.item_list} ${items.length > 0 ? styles$3.has_children : styles$3.no_children}` }, items.map((item, index) => React.createElement("li", { key: index, className: [styles$3.item, styles$3[style], selected == index ? styles$3.selected : styles$3.not_selected].join(" ") },
|
|
626
|
+
React.createElement("div", { className: styles$3.icon },
|
|
627
|
+
React.createElement(SvgIcon, { iconName: item.iconName })),
|
|
628
|
+
React.createElement("div", { className: styles$3.title }, item.title),
|
|
629
|
+
React.createElement("div", { className: styles$3.moreText }, item.moreText),
|
|
630
|
+
React.createElement("div", { className: styles$3.subtitle }, item.subtitle),
|
|
631
|
+
moreActions &&
|
|
632
|
+
moreActions.map((moreAction, index) => React.createElement("div", { className: styles$3.more_action, key: item.title + index }, moreAction(item.data, index))),
|
|
633
|
+
actions.length > 0 && actions.map((action, idx) => React.createElement("div", { key: idx, className: [
|
|
634
|
+
styles$3.action,
|
|
635
|
+
action.type === "red" && styles$3.red,
|
|
636
|
+
action.type === "default" && styles$3.default,
|
|
637
|
+
].join(" "), onClick: (event) => action.onClick(event, item, index) },
|
|
638
|
+
React.createElement(SvgIcon, { iconName: action.iconName }),
|
|
639
|
+
action.title))))))));
|
|
633
640
|
}
|
|
634
641
|
|
|
635
642
|
var css_248z$2 = ".styles-module_container__Kl-lB {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_tab__Veki- {\n flex: 1;\n border-radius: 42px;\n border-bottom: 2px;\n border-bottom-style: solid;\n border-bottom-color: var(--border-1);\n background: var(--background-1);\n color: var(--foreground-1);\n padding: 16px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n}\n.styles-module_tab__Veki-.styles-module_selected__geNE7 {\n border-bottom-color: var(--primary-1);\n background: var(--primary-2);\n color: var(--primary-1);\n}\n\n@media (max-width: 750px) {\n .styles-module_container__Kl-lB {\n gap: 0px;\n }\n .styles-module_tab__Veki- {\n border-radius: 0px;\n }\n .styles-module_tab__Veki-:first-child {\n border-top-left-radius: 42px;\n border-bottom-left-radius: 42px;\n }\n .styles-module_tab__Veki-:last-child {\n border-top-right-radius: 42px;\n border-bottom-right-radius: 42px;\n }\n}";
|
package/dist/types/Feedback.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "math-main-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.133",
|
|
4
4
|
"author": "Emilian Scheel",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist/**/*"
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
"react-dom": "^18.2.0"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
|
+
"dev": "nodemon --watch src --exec \"npm run build && yalc push\" --ext ts,tsx,scss,js,jsx",
|
|
44
45
|
"clean": "rm -rf dist",
|
|
45
46
|
"increment-version": "npm --no-git-tag-version version patch",
|
|
46
47
|
"git-add-all": "git add .",
|
|
@@ -50,6 +51,7 @@
|
|
|
50
51
|
},
|
|
51
52
|
"dependencies": {
|
|
52
53
|
"@sanity/types": "^3.20.1",
|
|
54
|
+
"nodemon": "^3.0.2",
|
|
53
55
|
"pre-commit": "^1.2.2",
|
|
54
56
|
"sanity": "^3.20.1",
|
|
55
57
|
"stripe": "^14.5.0"
|