@compill/admin 1.0.101 → 1.0.103

package/{src → dist}/lib/table/TableMassActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MassAction } from "../json/types/TableView";
 interface TableMassActionsProps {
     actions: MassAction[];

package/dist/lib/table/TableMassActions.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
+import { useTableContext } from "@compill/table";
+import { Collapse } from "@valerya/ui";
+import { ActionButton } from "../json/buttons/ActionButton";
+export function TableMassActions({ actions }) {
+    const { ids } = useTableContext();
+    const showMassActions = ids && ids.length > 0;
+    return (_jsx(Collapse, { in: showMassActions, style: { overflow: showMassActions ? "initial" : "hidden" }, children: _jsx("div", { dflex: true, gap: "3", flexWrap: true, alignItems: "center", px: "8", pt: "5", children: actions.map((action, index) => (_jsx("div", { children: action.type == "button" && !action.showConfirmationDialog && (_jsx(ActionButton, { label: action.label, queryFn: action.queryFn, queryKey: action.queryKey, buttonProps: action.buttonProps })) }, index))) }) }));
+}

package/{src → dist}/lib/table/TableRowActionBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ParentComponent, SoperioComponent } from "@soperio/react";
 interface TableRowActionBarProps extends SoperioComponent, ParentComponent {
     publishId?: string;

package/dist/lib/table/TableRowActionBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
+import { TableRowViewButton } from "./TableRowViewButton";
+import { TableRowNavigateButton } from "./TableRowNavigateButton";
+import { TableRowEditButton } from "./TableRowEditButton";
+import { TableRowDeleteButton } from "./TableRowDeleteButton";
+export function TableRowActionBar({ publishId, viewPath, navigatePath, editDialog, deleteDialog, children, ...props }) {
+    return (_jsxs("div", { dflex: true, spaceX: "1", placeContent: "end", ...props, children: [viewPath && _jsx(TableRowViewButton, { path: viewPath }), navigatePath && _jsx(TableRowNavigateButton, { path: navigatePath }), editDialog && _jsx(TableRowEditButton, { buildDialog: editDialog }), deleteDialog && _jsx(TableRowDeleteButton, { buildDialog: deleteDialog }), children] }));
+}

package/{src → dist}/lib/table/TableRowActionButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@valerya/ui";
 export declare function TableRowActionButton({ icon, children, ...props }: {
     icon?: string;

package/dist/lib/table/TableRowActionButton.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
+import { Button, Icon } from "@valerya/ui";
+export function TableRowActionButton({ icon, children, ...props }) {
+    return (_jsxs(Button, { dflex: true, alignContent: "center", placeContent: "center", py: "2.5", px: "3", h: "full", size: "lg", variant: "borderless", corners: "square", gap: "2", ...props, children: [icon && _jsx(Icon, { path: icon, size: "sm" }), children] }));
+}

package/{src → dist}/lib/table/TableRowActionDialogButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { DialogButtonProps } from "@compill/admin";
+import { DialogButtonProps } from "../buttons/DialogButton";
 export declare function TableRowActionDialogButton({ icon, children, ...props }: {
     icon?: string;
 } & DialogButtonProps): JSX.Element;

package/dist/lib/table/TableRowActionDialogButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
+import { Icon } from "@valerya/ui";
+import { DialogButton } from "../buttons/DialogButton";
+export function TableRowActionDialogButton({ icon, children, ...props }) {
+    return (_jsxs(DialogButton, { dflex: true, alignContent: "center", placeContent: "center", py: "2.5", px: "3", h: "full", size: "lg", variant: "borderless", corners: "square", gap: "2", ...props, children: [icon && _jsx(Icon, { path: icon, size: "sm" }), children] }));
+}

package/{src → dist}/lib/table/TableRowDeleteButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DialogButtonProps } from "../buttons/DialogButton";
 export declare function TableRowDeleteButton({ children, ...props }: DialogButtonProps): JSX.Element;

package/dist/lib/table/TableRowDeleteButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
+import { mdiDelete } from "@mdi/js";
+import { TableRowActionDialogButton } from "./TableRowActionDialogButton";
+export function TableRowDeleteButton({ children, ...props }) {
+    return _jsx(TableRowActionDialogButton, { icon: mdiDelete, ...props, children: children });
+}

package/{src → dist}/lib/table/TableRowEditButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DialogButtonProps } from "../buttons/DialogButton";
 export declare function TableRowEditButton({ children, ...props }: DialogButtonProps): JSX.Element;

package/dist/lib/table/TableRowEditButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
+import { mdiPencil } from "@mdi/js";
+import { TableRowActionDialogButton } from "./TableRowActionDialogButton";
+export function TableRowEditButton({ children, ...props }) {
+    return (_jsx(TableRowActionDialogButton, { icon: mdiPencil, ...props, children: children }));
+}

package/{src → dist}/lib/table/TableRowNavigateButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@valerya/ui";
 export declare function TableRowNavigateButton({ path, ...props }: {
     path: string;

package/dist/lib/table/TableRowNavigateButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
+import { mdiEye } from "@mdi/js";
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import { TableRowActionButton } from "./TableRowActionButton";
+export function TableRowNavigateButton({ path, ...props }) {
+    const navigate = useNavigate();
+    const handleClick = React.useCallback((event) => {
+        event?.preventDefault();
+        event?.stopPropagation();
+        navigate(`${path}`);
+    }, [navigate, path]);
+    return _jsx(TableRowActionButton, { icon: mdiEye, onClick: handleClick, ...props });
+}

package/{src → dist}/lib/table/TableRowPublishPostButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { API } from "@compill/admin-api";
 import { ButtonProps } from "@valerya/ui";
 export declare function TableRowPublishPostButton({ id, api, status, invalidateQueryKey, ...props }: {

package/dist/lib/table/TableRowPublishPostButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
+import { useInvalidateParentMutation } from "@compill/api";
+import { mdiPublish, mdiPublishOff } from "@mdi/js";
+import React from "react";
+import { toast } from "react-toastify";
+import { TableRowActionButton } from "./TableRowActionButton";
+export function TableRowPublishPostButton({ id, api, status, invalidateQueryKey, ...props }) {
+    const isDraft = status == "draft";
+    const mutation = useInvalidateParentMutation(isDraft ? api.publish : api.unpublish, invalidateQueryKey ?? api.queryKey, { networkMode: "always" });
+    const publish = React.useCallback((event) => {
+        event?.preventDefault();
+        event?.stopPropagation();
+        mutation.reset();
+        mutation.mutateAsync(id)
+            .then(() => toast.success(isDraft ? "Published!" : "Unpublished!"))
+            .catch(error => toast.error(`Error: ${error}`));
+    }, [mutation, id]);
+    return (_jsx(TableRowActionButton, { icon: isDraft ? mdiPublish : mdiPublishOff, onClick: publish, ...props }));
+}

package/{src → dist}/lib/table/TableRowViewButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@valerya/ui";
 export declare function TableRowViewButton({ path, ...props }: {
     path: string;

package/dist/lib/table/TableRowViewButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
+import { mdiOpenInNew } from "@mdi/js";
+import React from "react";
+import { TableRowActionButton } from "./TableRowActionButton";
+import { AppEnv } from "@compill/env";
+export function TableRowViewButton({ path, ...props }) {
+    const openPage = React.useCallback((event) => {
+        event?.preventDefault();
+        event?.stopPropagation();
+        window.open(`${AppEnv.websiteUrl()}/${path}`, '_blank');
+    }, [path]);
+    return _jsx(TableRowActionButton, { icon: mdiOpenInNew, onClick: openPage, ...props });
+}

package/{src → dist}/lib/table/TableTopBar.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { Breadcrumb, QueryBreadcrumbs } from "@compill/admin";
 import { ParentComponent, SoperioComponent } from "@soperio/react";
+import { Breadcrumb, QueryBreadcrumbs } from "../breadcrumbs/BreadCrumbs";
 interface TableTopBarProps extends SoperioComponent, ParentComponent {
     title?: string;
     breadcrumbs?: Breadcrumb[] | QueryBreadcrumbs;

package/dist/lib/table/TableTopBar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
+import { Breadcrumbs } from "../breadcrumbs/BreadCrumbs";
+export function TableTopBar({ title, breadcrumbs, children, ...props }) {
+    return (_jsxs("div", { dflex: true, flexRow: true, alignItems: "center", gap: "3", p: "8", ...props, children: [_jsxs("div", { children: [title && _jsx("h2", { textSize: "x2", fontWeight: "600", textColor: "#3f4254", textTransform: "capitalize", children: title }), breadcrumbs && _jsx(Breadcrumbs, { breadcrumbs: breadcrumbs })] }), _jsx("div", { flexGrow: true, children: "\u00A0" }), children] }));
+}

package/package.json

@@ -1,6 +1,62 @@
 {
-    "name": "@compill/admin",
-    "version": "1.0.101",
-    "module": "./index.esm.js",
-    "main": "./index.cjs.js"
+  "name": "@compill/admin",
+  "version": "1.0.103",
+  "private": false,
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "devDependencies": {
+    "eslint": "^9.38.0",
+    "typescript": "5.9.2",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "next": "^15.5.4"
+  },
+  "dependencies": {
+    "@mdi/js": "^7.4.47",
+    "es-toolkit": "^1.41.0",
+    "formik": "^2.4.6",
+    "react-toastify": "^11.0.2",
+    "@tanstack/react-query": "^4.36.1",
+    "@tanstack/react-table": "^8.17.3",
+    "react-router-dom": "^6.11.2",
+    "react-hotkeys-hook": "^5.0.1",
+    "yup": "^1.1.0",
+    "@soperio/react": "1.0.14",
+    "@soperio/jsx-runtime": "1.0.14",
+    "@valerya/ui": "1.0.11",
+    "@compill/admin-api": "1.0.56",
+    "@compill/api": "1.0.57",
+    "@compill/auth": "1.0.78",
+    "@compill/env": "1.0.19",
+    "@compill/components": "1.0.51",
+    "@compill/editor": "1.0.80",
+    "@compill/form": "1.0.68",
+    "@compill/hooks": "1.0.43",
+    "@compill/form-editor": "1.0.20",
+    "@compill/table": "1.0.81"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "tsup src/index.ts --format esm --dts --watch",
+    "lint": "eslint . --max-warnings 0",
+    "check-types": "tsc --noEmit"
+  }
 }

package/README.md

@@ -1,7 +0,0 @@
-# ui-table
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test ui-table` to execute the unit tests via [Jest](https://jestjs.io).

package/index.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";