math-main-components 0.0.131 → 0.0.133

package/README.md

@@ -5,6 +5,19 @@ Component Library for math-main-app
 - reusable ui components
 - math components
 
+### Run Locally
+
+Install [`yalc`](https://github.com/wclr/yalc) globally by running `yarn global add yalc`
+
+In order to make the workflow more efficient, you can link the local package to the main app.
+1. Go to `math-main-components` and run `yalc publish`. (only need to do this once)
+2. Then go to `math-main-components` and run `yarn dev`.
+3. Then go to `math-main-app` and run `yalc link math-main-components`.
+
+No need to change anything in the `package.json` file.
+
+In order to unlink the packages, run `yarn retreat math-main-components` in app directory.
+
 ## Notes
 - Do not use any of next.js features like next/link
 

package/dist/components/Table/Table.d.ts

@@ -13,7 +13,7 @@ export type TableItemAction<DataType> = {
     onClick: (event: MouseEvent<HTMLDivElement>, item: TableItem<DataType>, index: number) => void;
     type: TableActionType;
 };
-export declare function Table<DataType>({ items, title, actions, moreActions, selected, style, marginTop }: {
+export declare function Table<DataType>({ items, title, actions, moreActions, selected, style, marginTop, emptyTitle, emptySubtitle, emptyIconName }: {
     items: TableItem<DataType>[];
     title: string;
     selected?: number;
@@ -21,4 +21,7 @@ export declare function Table<DataType>({ items, title, actions, moreActions, se
     actions?: TableItemAction<DataType>[];
     moreActions?: ((data: DataType, index: number) => ReactNode)[];
     marginTop?: number;
+    emptyTitle?: string;
+    emptySubtitle?: string;
+    emptyIconName?: string;
 }): React.JSX.Element;

package/dist/index.cjs.js

@@ -616,28 +616,35 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
             text)));
 }
 
-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}";
-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"};
+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}";
+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-"};
 styleInject(css_248z$3);
 
-function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30 }) {
+function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30, emptyTitle = "Keine Daten", emptySubtitle = "Es sind keine Daten vorhanden.", emptyIconName = "manage_search" }) {
     return (React__default["default"].createElement("div", { className: styles$3.container, style: { marginTop: marginTop } },
-        React__default["default"].createElement("h3", null, title),
-        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(" ") },
-            React__default["default"].createElement("div", { className: styles$3.icon },
-                React__default["default"].createElement(SvgIcon, { iconName: item.iconName })),
-            React__default["default"].createElement("div", { className: styles$3.title }, item.title),
-            React__default["default"].createElement("div", { className: styles$3.moreText }, item.moreText),
-            React__default["default"].createElement("div", { className: styles$3.subtitle }, item.subtitle),
-            moreActions &&
-                moreActions.map((moreAction, index) => React__default["default"].createElement("div", { className: styles$3.more_action, key: item.title + index }, moreAction(item.data, index))),
-            actions.length > 0 && actions.map((action, idx) => React__default["default"].createElement("div", { key: idx, className: [
-                    styles$3.action,
-                    action.type === "red" && styles$3.red,
-                    action.type === "default" && styles$3.default,
-                ].join(" "), onClick: (event) => action.onClick(event, item, index) },
-                React__default["default"].createElement(SvgIcon, { iconName: action.iconName }),
-                action.title)))))));
+        items.length == 0 &&
+            React__default["default"].createElement("div", { className: styles$3.not_found_container },
+                React__default["default"].createElement(SvgIcon, { size: "60px", iconName: emptyIconName }),
+                React__default["default"].createElement("h1", null, emptyTitle),
+                React__default["default"].createElement("p", null, emptySubtitle)),
+        items.length > 0 &&
+            React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("h3", null, title),
+                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(" ") },
+                    React__default["default"].createElement("div", { className: styles$3.icon },
+                        React__default["default"].createElement(SvgIcon, { iconName: item.iconName })),
+                    React__default["default"].createElement("div", { className: styles$3.title }, item.title),
+                    React__default["default"].createElement("div", { className: styles$3.moreText }, item.moreText),
+                    React__default["default"].createElement("div", { className: styles$3.subtitle }, item.subtitle),
+                    moreActions &&
+                        moreActions.map((moreAction, index) => React__default["default"].createElement("div", { className: styles$3.more_action, key: item.title + index }, moreAction(item.data, index))),
+                    actions.length > 0 && actions.map((action, idx) => React__default["default"].createElement("div", { key: idx, className: [
+                            styles$3.action,
+                            action.type === "red" && styles$3.red,
+                            action.type === "default" && styles$3.default,
+                        ].join(" "), onClick: (event) => action.onClick(event, item, index) },
+                        React__default["default"].createElement(SvgIcon, { iconName: action.iconName }),
+                        action.title))))))));
 }
 
 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}";
@@ -1040,16 +1047,6 @@ exports.S3FileCategory = void 0;
     S3FileCategory["default"] = "file";
 })(exports.S3FileCategory || (exports.S3FileCategory = {}));
 
-exports.ManagerPermission = void 0;
-(function (ManagerPermission) {
-    ManagerPermission["content"] = "content";
-    ManagerPermission["subsription"] = "subscription";
-    ManagerPermission["manager"] = "manager";
-    ManagerPermission["license"] = "license";
-    ManagerPermission["file"] = "file";
-    ManagerPermission["feedback"] = "feedback";
-})(exports.ManagerPermission || (exports.ManagerPermission = {}));
-
 exports.Accordeon = Accordeon;
 exports.AuthButton = AuthButton;
 exports.CardButton = CardButton;

package/dist/index.esm.js

@@ -608,28 +608,35 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
             text)));
 }
 
-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}";
-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"};
+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}";
+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-"};
 styleInject(css_248z$3);
 
-function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30 }) {
+function Table({ items, title = "Titel", actions = [], moreActions, selected, style = "default", marginTop = 30, emptyTitle = "Keine Daten", emptySubtitle = "Es sind keine Daten vorhanden.", emptyIconName = "manage_search" }) {
     return (React.createElement("div", { className: styles$3.container, style: { marginTop: marginTop } },
-        React.createElement("h3", null, title),
-        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(" ") },
-            React.createElement("div", { className: styles$3.icon },
-                React.createElement(SvgIcon, { iconName: item.iconName })),
-            React.createElement("div", { className: styles$3.title }, item.title),
-            React.createElement("div", { className: styles$3.moreText }, item.moreText),
-            React.createElement("div", { className: styles$3.subtitle }, item.subtitle),
-            moreActions &&
-                moreActions.map((moreAction, index) => React.createElement("div", { className: styles$3.more_action, key: item.title + index }, moreAction(item.data, index))),
-            actions.length > 0 && actions.map((action, idx) => React.createElement("div", { key: idx, className: [
-                    styles$3.action,
-                    action.type === "red" && styles$3.red,
-                    action.type === "default" && styles$3.default,
-                ].join(" "), onClick: (event) => action.onClick(event, item, index) },
-                React.createElement(SvgIcon, { iconName: action.iconName }),
-                action.title)))))));
+        items.length == 0 &&
+            React.createElement("div", { className: styles$3.not_found_container },
+                React.createElement(SvgIcon, { size: "60px", iconName: emptyIconName }),
+                React.createElement("h1", null, emptyTitle),
+                React.createElement("p", null, emptySubtitle)),
+        items.length > 0 &&
+            React.createElement(React.Fragment, null,
+                React.createElement("h3", null, title),
+                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(" ") },
+                    React.createElement("div", { className: styles$3.icon },
+                        React.createElement(SvgIcon, { iconName: item.iconName })),
+                    React.createElement("div", { className: styles$3.title }, item.title),
+                    React.createElement("div", { className: styles$3.moreText }, item.moreText),
+                    React.createElement("div", { className: styles$3.subtitle }, item.subtitle),
+                    moreActions &&
+                        moreActions.map((moreAction, index) => React.createElement("div", { className: styles$3.more_action, key: item.title + index }, moreAction(item.data, index))),
+                    actions.length > 0 && actions.map((action, idx) => React.createElement("div", { key: idx, className: [
+                            styles$3.action,
+                            action.type === "red" && styles$3.red,
+                            action.type === "default" && styles$3.default,
+                        ].join(" "), onClick: (event) => action.onClick(event, item, index) },
+                        React.createElement(SvgIcon, { iconName: action.iconName }),
+                        action.title))))))));
 }
 
 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}";
@@ -1032,14 +1039,4 @@ var S3FileCategory;
     S3FileCategory["default"] = "file";
 })(S3FileCategory || (S3FileCategory = {}));
 
-var ManagerPermission;
-(function (ManagerPermission) {
-    ManagerPermission["content"] = "content";
-    ManagerPermission["subsription"] = "subscription";
-    ManagerPermission["manager"] = "manager";
-    ManagerPermission["license"] = "license";
-    ManagerPermission["file"] = "file";
-    ManagerPermission["feedback"] = "feedback";
-})(ManagerPermission || (ManagerPermission = {}));
-
-export { Accordeon, AuthButton, CardButton, Checkbox, ChooseRole, ChooseRoleItem, CopyCode, CourseAnnouncementAssetType, Dialog, FormButton, FormText, ForwardButton, Gap, InputArea, InputMail, InputNames, InputNumber, InputPassword, InputPin, InputText, ManagerPermission, OptionField, OptionFieldHorizontal, PrimaryButton, ProgressBar, RadioButtons, RadioOption, RedirectButton, S3FileCategory, SearchChip, SearchChips, Searchbar, Slider, SliderCard, StepBack, SvgIcon, Table, Tabs, TextWithIcon, UsageCard };
+export { Accordeon, AuthButton, CardButton, Checkbox, ChooseRole, ChooseRoleItem, CopyCode, CourseAnnouncementAssetType, Dialog, FormButton, FormText, ForwardButton, Gap, InputArea, InputMail, InputNames, InputNumber, InputPassword, InputPin, InputText, OptionField, OptionFieldHorizontal, PrimaryButton, ProgressBar, RadioButtons, RadioOption, RedirectButton, S3FileCategory, SearchChip, SearchChips, Searchbar, Slider, SliderCard, StepBack, SvgIcon, Table, Tabs, TextWithIcon, UsageCard };

package/dist/types/Feedback.d.ts

@@ -7,6 +7,7 @@ export interface Feedback {
     answers: FeedbackAnswer[];
     createdAt: Date;
     updatedAt: Date;
+    hallo: string;
 }
 export interface FeedbackAnswer {
     message: string;

package/dist/types/Manager.d.ts

@@ -1,4 +1,4 @@
-export interface Manager {
+export type Manager = {
     id: string;
     username: string;
     firstName: string;
@@ -6,12 +6,5 @@ export interface Manager {
     permissions: string[];
     createdAt: Date;
     updateAt: Date;
-}
-export declare enum ManagerPermission {
-    content = "content",
-    subsription = "subscription",
-    manager = "manager",
-    license = "license",
-    file = "file",
-    feedback = "feedback"
-}
+};
+export type ManagerPermission = "content" | "subscription" | "manager" | "license" | "file" | "feedback";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "math-main-components",
-    "version": "0.0.131",
+    "version": "0.0.133",
     "author": "Emilian Scheel",
     "files": [
         "dist/**/*"
@@ -41,6 +41,7 @@
         "react-dom": "^18.2.0"
     },
     "scripts": {
+        "dev": "nodemon --watch src --exec \"npm run build && yalc push\" --ext ts,tsx,scss,js,jsx",
         "clean": "rm -rf dist",
         "increment-version": "npm --no-git-tag-version version patch",
         "git-add-all": "git add .",
@@ -50,6 +51,7 @@
     },
     "dependencies": {
         "@sanity/types": "^3.20.1",
+        "nodemon": "^3.0.2",
         "pre-commit": "^1.2.2",
         "sanity": "^3.20.1",
         "stripe": "^14.5.0"