@compill/admin 1.0.104 → 1.0.106

package/dist/lib/table/TableFilterButton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { Icon } from "@valerya/ui";
-import { Button, Popover } from "@valerya/ui";
-import { mdiFilter } from "@mdi/js";
-export function TableFilterButton({ ...props }) {
-    // return <Button scheme="secondary" {...props}><Icon path={mdiFilter} /></Button>
-    return (_jsxs(Popover, { side: "bottom-end", modal: true, children: [_jsx(Button, { scheme: "dark", size: "sm", aspectRatio: "square", variant: "borderless", corners: "square", ...props, children: _jsx(Icon, { path: mdiFilter }) }), _jsxs("div", { bgColor: "white", rounded: true, shadow: true, children: [_jsx("div", { py: "3", hover_bgColor: "#ff0000", px: "5", hover_textColor: "white", children: "First Item" }), _jsx("div", { py: "3", hover_bgColor: "#ff0000", px: "5", hover_textColor: "white", children: "Second Item" }), _jsx("div", { py: "3", hover_bgColor: "#ff0000", px: "5", hover_textColor: "white", children: "Third Item" })] })] }));
-}

package/dist/lib/table/TableFilters.d.ts

@@ -1,9 +0,0 @@
-import { FormRendererConfig } from "@compill/form";
-interface TableFiltersProps {
-    form: FormRendererConfig;
-    initialValues: any;
-    schema?: any;
-    processInput?: (input: any) => any;
-}
-export declare function TableFilters({ form, initialValues, schema, processInput }: TableFiltersProps): JSX.Element;
-export {};

package/dist/lib/table/TableFilters.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { useTableContext } from "@compill/table";
-import React from "react";
-import { useTableContainerContext } from "./TableContainerContext.js";
-import { FieldLabel, FormProvider, FormRenderer, mergeInitialFormValues, SubmitButton } from "@compill/form";
-import { Button, Collapse } from "@valerya/ui";
-import { isEqual } from "es-toolkit";
-export function TableFilters({ form, initialValues, schema, processInput }) {
-    const { showFilters } = useTableContainerContext();
-    const { getFilters, setFilters } = useTableContext();
-    const handleSubmit = React.useCallback((values, actions) => {
-        const params = processInput?.(values) ?? values;
-        if (!isEqual(params, getFilters()))
-            setFilters(params);
-        // setFilters(processInput?.(values) ?? values)
-        actions.setSubmitting(false);
-    }, [setFilters, processInput]);
-    const handleReset = React.useCallback((resetForm) => {
-        setFilters(initialValues);
-        resetForm();
-    }, [setFilters, initialValues]);
-    React.useEffect(() => setFilters(initialValues), []);
-    return (_jsx(Collapse, { in: showFilters, style: { overflow: showFilters ? "initial" : "hidden" }, children: _jsx("div", { p: "8", borderT: "px", borderB: "px", borderColor: "slate-100", children: _jsx(FormProvider, { initialValues: mergeInitialFormValues(getFilters(), initialValues), onSubmit: handleSubmit, validationSchema: schema, enableReinitialize: true, children: (props) => (_jsxs("div", { dflex: true, gap: "3", placeContent: "start", children: [_jsx(FormRenderer, { flexRow: true, w: "auto", form: form }), _jsx(Buttons, { handleReset: () => handleReset(props.resetForm) })] })) }) }) }));
-}
-function Buttons({ handleReset }) {
-    return (_jsxs("div", { dflex: true, gap: "3", children: [_jsxs("div", { dflex: true, flexCol: true, children: [_jsx(FieldLabel, { name: "", label: "\u00A0" }), _jsx(SubmitButton, { children: "Filter" })] }), _jsxs("div", { dflex: true, flexCol: true, children: [_jsx(FieldLabel, { name: "", label: "\u00A0" }), _jsx(Button, { scheme: "neutral", onClick: handleReset, children: "Reset" })] })] }));
-}

package/dist/lib/table/TableMassActions.d.ts

@@ -1,6 +0,0 @@
-import { MassAction } from "../json/types/TableView.js";
-interface TableMassActionsProps {
-    actions: MassAction[];
-}
-export declare function TableMassActions({ actions }: TableMassActionsProps): JSX.Element;
-export {};

package/dist/lib/table/TableMassActions.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "@soperio/jsx-runtime";
-import { useTableContext } from "@compill/table";
-import { Collapse } from "@valerya/ui";
-import { ActionButton } from "../json/buttons/ActionButton.js";
-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/dist/lib/table/TableRowActionBar.d.ts

@@ -1,10 +0,0 @@
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-interface TableRowActionBarProps extends SoperioComponent, ParentComponent {
-    publishId?: string;
-    viewPath?: string;
-    navigatePath?: string;
-    editDialog?: (onClose: () => void) => React.ReactNode;
-    deleteDialog?: (onClose: () => void) => React.ReactNode;
-}
-export declare function TableRowActionBar({ publishId, viewPath, navigatePath, editDialog, deleteDialog, children, ...props }: TableRowActionBarProps): JSX.Element;
-export {};

package/dist/lib/table/TableRowActionBar.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { TableRowViewButton } from "./TableRowViewButton.js";
-import { TableRowNavigateButton } from "./TableRowNavigateButton.js";
-import { TableRowEditButton } from "./TableRowEditButton.js";
-import { TableRowDeleteButton } from "./TableRowDeleteButton.js";
-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/dist/lib/table/TableRowActionButton.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps } from "@valerya/ui";
-export declare function TableRowActionButton({ icon, children, ...props }: {
-    icon?: string;
-} & ButtonProps): JSX.Element;

package/dist/lib/table/TableRowActionButton.js

@@ -1,5 +0,0 @@
-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/dist/lib/table/TableRowActionDialogButton.d.ts

@@ -1,4 +0,0 @@
-import { DialogButtonProps } from "../buttons/DialogButton.js";
-export declare function TableRowActionDialogButton({ icon, children, ...props }: {
-    icon?: string;
-} & DialogButtonProps): JSX.Element;

package/dist/lib/table/TableRowActionDialogButton.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { Icon } from "@valerya/ui";
-import { DialogButton } from "../buttons/DialogButton.js";
-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/dist/lib/table/TableRowDeleteButton.d.ts

@@ -1,2 +0,0 @@
-import { DialogButtonProps } from "../buttons/DialogButton.js";
-export declare function TableRowDeleteButton({ children, ...props }: DialogButtonProps): JSX.Element;

package/dist/lib/table/TableRowDeleteButton.js

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

package/dist/lib/table/TableRowEditButton.d.ts

@@ -1,2 +0,0 @@
-import { DialogButtonProps } from "../buttons/DialogButton.js";
-export declare function TableRowEditButton({ children, ...props }: DialogButtonProps): JSX.Element;

package/dist/lib/table/TableRowEditButton.js

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

package/dist/lib/table/TableRowNavigateButton.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps } from "@valerya/ui";
-export declare function TableRowNavigateButton({ path, ...props }: {
-    path: string;
-} & ButtonProps): JSX.Element;

package/dist/lib/table/TableRowNavigateButton.js

@@ -1,14 +0,0 @@
-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.js";
-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/dist/lib/table/TableRowPublishPostButton.d.ts

@@ -1,8 +0,0 @@
-import { API } from "@compill/admin-api";
-import { ButtonProps } from "@valerya/ui";
-export declare function TableRowPublishPostButton({ id, api, status, invalidateQueryKey, ...props }: {
-    id: string;
-    api: API<any>;
-    status: "draft" | "published";
-    invalidateQueryKey?: string[];
-} & ButtonProps): JSX.Element;

package/dist/lib/table/TableRowPublishPostButton.js

@@ -1,19 +0,0 @@
-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.js";
-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/dist/lib/table/TableRowViewButton.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps } from "@valerya/ui";
-export declare function TableRowViewButton({ path, ...props }: {
-    path: string;
-} & ButtonProps): JSX.Element;

package/dist/lib/table/TableRowViewButton.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "@soperio/jsx-runtime";
-import { mdiOpenInNew } from "@mdi/js";
-import React from "react";
-import { TableRowActionButton } from "./TableRowActionButton.js";
-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/dist/lib/table/TableTopBar.d.ts

@@ -1,8 +0,0 @@
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-import { Breadcrumb, QueryBreadcrumbs } from "../breadcrumbs/BreadCrumbs.js";
-interface TableTopBarProps extends SoperioComponent, ParentComponent {
-    title?: string;
-    breadcrumbs?: Breadcrumb[] | QueryBreadcrumbs;
-}
-export declare function TableTopBar({ title, breadcrumbs, children, ...props }: TableTopBarProps): JSX.Element;
-export {};

package/dist/lib/table/TableTopBar.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { Breadcrumbs } from "../breadcrumbs/BreadCrumbs.js";
-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] }));
-}