@compill/admin 1.0.102 → 1.0.103

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/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/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/dist/lib/table/{TableRowDeleteButton.jsx → TableRowDeleteButton.js}

@@ -1,5 +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 <TableRowActionDialogButton icon={mdiDelete} {...props}>{children}</TableRowActionDialogButton>;
+    return _jsx(TableRowActionDialogButton, { icon: mdiDelete, ...props, children: children });
 }

package/dist/lib/table/{TableRowEditButton.jsx → TableRowEditButton.js}

@@ -1,7 +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 (<TableRowActionDialogButton icon={mdiPencil} {...props}>
-            {children}
-        </TableRowActionDialogButton>);
+    return (_jsx(TableRowActionDialogButton, { icon: mdiPencil, ...props, children: children }));
 }

package/dist/lib/table/{TableRowNavigateButton.jsx → TableRowNavigateButton.js}

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

package/dist/lib/table/{TableRowPublishPostButton.jsx → TableRowPublishPostButton.js}

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
 import { useInvalidateParentMutation } from "@compill/api";
 import { mdiPublish, mdiPublishOff } from "@mdi/js";
 import React from "react";
@@ -14,5 +15,5 @@ export function TableRowPublishPostButton({ id, api, status, invalidateQueryKey,
             .then(() => toast.success(isDraft ? "Published!" : "Unpublished!"))
             .catch(error => toast.error(`Error: ${error}`));
     }, [mutation, id]);
-    return (<TableRowActionButton icon={isDraft ? mdiPublish : mdiPublishOff} onClick={publish} {...props}/>);
+    return (_jsx(TableRowActionButton, { icon: isDraft ? mdiPublish : mdiPublishOff, onClick: publish, ...props }));
 }

package/dist/lib/table/{TableRowViewButton.jsx → TableRowViewButton.js}

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "@soperio/jsx-runtime";
 import { mdiOpenInNew } from "@mdi/js";
 import React from "react";
 import { TableRowActionButton } from "./TableRowActionButton";
@@ -8,5 +9,5 @@ export function TableRowViewButton({ path, ...props }) {
         event?.stopPropagation();
         window.open(`${AppEnv.websiteUrl()}/${path}`, '_blank');
     }, [path]);
-    return <TableRowActionButton icon={mdiOpenInNew} onClick={openPage} {...props}/>;
+    return _jsx(TableRowActionButton, { icon: mdiOpenInNew, onClick: openPage, ...props });
 }

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,6 @@
 {
   "name": "@compill/admin",
-  "version": "1.0.102",
+  "version": "1.0.103",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -35,17 +35,17 @@
     "yup": "^1.1.0",
     "@soperio/react": "1.0.14",
     "@soperio/jsx-runtime": "1.0.14",
-    "@valerya/ui": "1.0.9",
-    "@compill/admin-api": "1.0.55",
+    "@valerya/ui": "1.0.11",
+    "@compill/admin-api": "1.0.56",
     "@compill/api": "1.0.57",
-    "@compill/auth": "1.0.77",
+    "@compill/auth": "1.0.78",
     "@compill/env": "1.0.19",
-    "@compill/components": "1.0.49",
-    "@compill/form": "1.0.67",
+    "@compill/components": "1.0.51",
+    "@compill/editor": "1.0.80",
+    "@compill/form": "1.0.68",
     "@compill/hooks": "1.0.43",
-    "@compill/table": "1.0.80",
-    "@compill/editor": "1.0.79",
-    "@compill/form-editor": "1.0.19"
+    "@compill/form-editor": "1.0.20",
+    "@compill/table": "1.0.81"
   },
   "publishConfig": {
     "access": "public"

package/dist/lib/SectionTitle.jsx

@@ -1,3 +0,0 @@
-export function SectionTitle({ children, ...props }) {
-    return <h2 textSize="xl" fontWeight="600" textColor="slate-800" {...props}>{children}</h2>;
-}

package/dist/lib/breadcrumbs/BreadCrumbs.jsx

@@ -1,43 +0,0 @@
-import { useApiQuery } from "@compill/api";
-import { Shimmer } from "@compill/components";
-import { mdiCircleSmall } from "@mdi/js";
-import { Icon } from "@valerya/ui";
-import { isArray } from "es-toolkit/compat";
-import Link from "next/link";
-import { useParams } from "react-router-dom";
-export function Breadcrumbs({ breadcrumbs, ...props }) {
-    if (isArray(breadcrumbs)) {
-        return (<div dflex alignItems="center" trait="typo.h5" {...props}>
-                {breadcrumbs.map((b, index) => <BreadcrumbItem key={index} breadcrumb={b} showSeparator={index > 0}/>)}
-            </div>);
-    }
-    return <QueryBreadcrumbs queryFn={breadcrumbs.queryFn} queryField={breadcrumbs.queryField} generate={breadcrumbs.generate}/>;
-}
-function QueryBreadcrumbs({ queryFn, queryField, generate, ...props }) {
-    const params = useParams();
-    const id = queryField ? params[queryField] : undefined;
-    const { data, isLoading, isError } = useApiQuery([""], queryFn, id);
-    if (isLoading || isError) {
-        return (<div dflex alignItems="center">
-                <Shimmer h="8" w="24"/>
-                <Icon path={mdiCircleSmall} mx="1"/>
-                <Shimmer h="8" w="20"/>
-            </div>);
-    }
-    const breadcrumbs = generate(data);
-    return (<div dflex alignItems="center" trait="typo.h5" {...props}>
-            {breadcrumbs.map((b, index) => <BreadcrumbItem key={index} breadcrumb={b} showSeparator={index > 0}/>)}
-        </div>);
-}
-function BreadcrumbItem({ breadcrumb, showSeparator }) {
-    return (<>
-            {showSeparator && <Icon path={mdiCircleSmall} mx="1"/>}
-            <Link href={`/${breadcrumb.path || "#"}`}>
-                <span 
-    // onClick={breadcrumb.path ? handleClick : undefined}
-    hover_textDecoration={breadcrumb.path ? "underline" : undefined} cursor={breadcrumb.path ? "pointer" : undefined}>
-                    {breadcrumb.label}
-                </span>
-            </Link>
-        </>);
-}

package/dist/lib/json/ScreenTopBar.jsx

@@ -1,39 +0,0 @@
-import { API } from "@compill/admin-api";
-import { InvalidateButton } from "../buttons/InvalidateButton";
-import { PublishButton } from "../buttons/PublishButton";
-import { UpdateButton } from "../buttons/UpdateButton";
-import { ViewButton } from "../buttons/ViewButton";
-import { PageTopBar, PageTopBarToolbar } from "../page/PageTopBar";
-import React from "react";
-import { ButtonBar } from "../layout/ButtonBar";
-export function ScreenTopBar({ tabbed, breadcrumbs, api, item, isLoading, buttonBar, trackingRef }) {
-    return (<>
-            {tabbed &&
-            (<PageTopBarToolbar trackingRef={trackingRef}>
-                        <Buttons api={api} item={item} isLoading={isLoading} buttonBar={buttonBar}/>
-                    </PageTopBarToolbar>)}
-
-            {!tabbed &&
-            (<PageTopBar breadcrumbs={breadcrumbs}>
-                        <Buttons api={api} item={item} isLoading={isLoading} buttonBar={buttonBar}/>
-                    </PageTopBar>)}
-        </>);
-}
-function Buttons({ api, item, isLoading, buttonBar }) {
-    return (<>
-            {buttonBar && buttonBar.length > 0 &&
-            (<ButtonBar>
-                        {buttonBar.map((button, index) => (<React.Fragment key={index}>
-                                    {button.type === "link" && <ViewButton label={button.label} path={button.path} icon={button.icon}/>}
-                                    {button.type === "invalidate" && <InvalidateButton pathOrPermalink={button.pathOrPermalink}/>}
-                                    {button.type == "custom" && button.render(item)}
-                                </React.Fragment>))}
-                    </ButtonBar>)}
-
-            <ButtonBar>
-                {api instanceof API && <PublishButton api={api} queryId={item.id} status={item.status} disabled={isLoading}/>}
-
-                <UpdateButton disabled={isLoading}/>
-            </ButtonBar>
-        </>);
-}

package/dist/lib/json/dialog/DialogRenderer.jsx

@@ -1,13 +0,0 @@
-import { ItemEditDialog } from "./ItemEditDialog";
-import { QueryWrapperDialog } from "./QueryWrapperDialog";
-import { MultiQueryWrapperDialog } from "./MultiQueryWrapperDialog";
-export function DialogRenderer({ config, onClose, invalidateQueryKey, queryId }) {
-    const { type, ...props } = config;
-    if (config.type === "dialog")
-        return <ItemEditDialog {...props} queryId={queryId} invalidateQueryKey={invalidateQueryKey} show onClose={onClose}/>;
-    if (config.type === "query")
-        return <QueryWrapperDialog {...props} queryId={queryId} invalidateQueryKey={invalidateQueryKey} onClose={onClose}/>;
-    if (config.type === "multiQuery")
-        return <MultiQueryWrapperDialog {...props} queryId={queryId} invalidateQueryKey={invalidateQueryKey} onClose={onClose}/>;
-    return null;
-}

package/dist/lib/json/dialog/ItemDeleteDialog.jsx

@@ -1,36 +0,0 @@
-import { useApiMutation, useInvalidateParentMutation, useMutate } from "@compill/api";
-import { ModalLoadingOverlay } from "@compill/components";
-import { runIfFn } from "@soperio/react";
-import { Button, Modal } from "@valerya/ui";
-import React from "react";
-export function ItemDeleteDialog({ title, actionButtonLabel, closeActionButtonLabel = "Cancel", itemLabel, queryId = "", api, apiFn, invalidateQueriesOnSuccess = true, invalidateQueryKey, size = "lg", md_boxSizing, msg, show, onClose, onSuccess, ...props }) {
-    const fn = apiFn ? api[apiFn] : api.delete;
-    const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(fn, invalidateQueryKey ?? api.queryKey)
-        : useApiMutation(fn, api.queryKey);
-    const mutate = useMutate(mutation, { onSuccess: () => { onClose?.(); onSuccess?.(); } });
-    const handleDelete = React.useCallback(() => mutate(queryId), [mutate, queryId]);
-    return (<Modal size={size} show={show} onClose={onClose} scheme="danger" variant="glass" transition 
-    // closeOnMaskClick={false}
-    {...props}>
-            <Modal.Header>
-                {title || `Delete ${itemLabel}`}
-            </Modal.Header>
-
-
-            <Modal.Body pb="6">
-                {!msg && `Do you really want to delete ${itemLabel}?`}
-                {msg && runIfFn(msg, itemLabel)}
-            </Modal.Body>
-
-            <Modal.Footer dflex placeContent="end" spaceX="3">
-                <Button disabled={mutation.isPending} onClick={onClose} variant="borderless" scheme="dark" me="2">
-                    {closeActionButtonLabel}
-                </Button>
-                <Button scheme="danger" disabled={mutation.isPending} onClick={handleDelete}>
-                    {actionButtonLabel || "Delete"}
-                </Button>
-            </Modal.Footer>
-
-            {mutation.isPending && <ModalLoadingOverlay />}
-        </Modal>);
-}

package/dist/lib/json/dialog/ItemEditDialog.jsx

@@ -1,124 +0,0 @@
-import { useApiMutation, useApiQuery, useInvalidateParentMutation } from "@compill/api";
-import { ModalLoadingOverlay, QueryLoadingState, RetryOnError } from "@compill/components";
-import { FormRenderer } from "@compill/form";
-import { isFunction } from "@soperio/react";
-import { Button, Modal } from "@valerya/ui";
-import { Form, Formik } from "formik";
-import React from "react";
-import { toast } from "react-toastify";
-const defaultErrorMsg = "Oops, something went wrong...";
-function nonNullValues(data) {
-    if (data) {
-        const nonNullData = { ...data };
-        for (const key in data)
-            nonNullData[key] = nonNullData[key] ?? "";
-        return nonNullData;
-    }
-    return data;
-}
-export function ItemEditDialog({ initialValues, itemLabel, queryId = "", api, queryFetchOptions, querySaveOptions, onSuccess, onFetchError, fetchErrorMsg = defaultErrorMsg, onSaveError, saveErrorMsg = defaultErrorMsg, fetchToFormData, formToQueryData, invalidateQueriesOnSuccess = true, invalidateQueryKey, retryText = "Retry", cancelLabel = "Cancel", saveLabel, size = "lg", title, form, show, onClose, formikProps, ...props }) {
-    const { isInitialLoading, isFetching, data, isError, error /*, error*/, refetch } = useApiQuery(api.queryKey, api.get, queryId, {
-        enabled: !( /*queryId == 0 || */queryId == "" || queryId == null || queryId == undefined), // means than this query is only enabled if the id is defined
-        onError: onFetchError,
-        ...queryFetchOptions
-    });
-    // const [activeTab, setActiveTab] = React.useState(form && Array.isArray(form) ? form[0].key : "");
-    // const [showTab, setShowTab] = React.useState(true);
-    const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(api.upsert, invalidateQueryKey ?? api.queryKey, querySaveOptions)
-        : useApiMutation(api.upsert, api.queryKey, queryId, querySaveOptions);
-    const retry = React.useCallback(() => refetch(), [refetch]);
-    const saveItem = React.useCallback(async (item, actions) => {
-        // Clear mutation error if any
-        mutation.reset();
-        const formItem = formToQueryData ? formToQueryData(item) : { ...item };
-        await mutation.mutateAsync(formItem)
-            .then((response) => {
-            if (onSuccess)
-                onSuccess(formItem, response);
-            else
-                toast.success(`${title ? title(formItem) : formItem.name ?? formItem.title} ${queryId ? "saved" : "created"}`);
-            // closing delete modal
-            onClose?.();
-        })
-            .catch(error => {
-            console.error("on error", error);
-            if (onSaveError)
-                onSaveError(item);
-            else
-                toast.error(`Couldn't save ${title ? title(formItem) : formItem.name ?? formItem.title}`);
-            actions.setSubmitting(false);
-        });
-    }, [mutation, formToQueryData, onSuccess, onSaveError, onClose]);
-    // const switchTab = React.useCallback((tab: string) =>
-    // {
-    // setActiveTab(tab);
-    // setShowTab(false);
-    // setTimeout(function ()
-    // {
-    //     setActiveTab(tab);
-    //     setShowTab(true);
-    // }, 150);
-    // }, [setActiveTab])
-    return (<Modal size={size} show={show} onClose={onClose} scheme="light" transition 
-    // closeOnMaskClick={false}
-    {...props}>
-            <Modal.Header>
-                {!isInitialLoading && queryId && `Edit ${title ? title(data) : data?.["name"] ?? data?.["title"] ?? data?.["name"] ?? ""}`}
-
-                {!queryId && `Create new ${itemLabel ?? "item"}`}
-
-                {Array.isArray(form) && (<></>
-        // <ul className="nav nav-bold nav-pills">
-        //     {form.map(item =>
-        //         <li key={item.key} className="nav-item cursor-pointer bg-hover-light rounded" onClick={() => switchTab(item.key)}>
-        //             <span className={clsx("nav-link", activeTab === item.key && "active")} data-toggle="tab">{item.label}</span>
-        //         </li>
-        //     )}
-        // </ul>
-        )}
-                {/* <ModalCloseButton /> */}
-            </Modal.Header>
-
-            {isInitialLoading && (<Modal.Body>
-                    <QueryLoadingState minW="72"/>
-                </Modal.Body>)}
-
-            {isError && (<Modal.Body>
-                    <RetryOnError label={`${fetchErrorMsg} ${error}`} onClick={retry}/>
-                </Modal.Body>)}
-
-            {!isInitialLoading && !isError &&
-            (<>
-                        <Formik 
-            // initialValues={fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : nonNullValues(data) ?? initialValues(data) ?? {}}
-            initialValues={fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : nonNullValues(initialValues(data)) ?? {}} onSubmit={saveItem} {...formikProps}>
-                            {({ setFieldValue, dirty, handleSubmit, isValid, values }) => (<>
-                                    <Modal.Body pb="6">
-                                        <Form>
-                                            {React.isValidElement(form) && form}
-
-                                            {Array.isArray(form) && <FormRenderer form={form}/>}
-                                            {isFunction(form) && <FormRenderer form={form(data ?? values)}/>}
-                                            {/* {Array.isArray(form) && form.map(item =>
-                        <div key={item.key} className={clsx("tab-pane fade", showTab && "show", activeTab === item.key && "active")}>
-                            {item.form}
-                        </div>
-                    )} */}
-                                        </Form>
-                                    </Modal.Body>
-
-                                    <Modal.Footer dflex placeContent="end" spaceX="3">
-                                        <Button disabled={mutation.isLoading} onClick={onClose} variant="borderless" me="2">
-                                            {cancelLabel}
-                                        </Button>
-                                        <Button type="submit" disabled={!dirty || mutation.isLoading /* || !isValid*/} onClick={() => handleSubmit()}>
-                                            {saveLabel ? saveLabel : (queryId ? "Update" : "Create")}
-                                        </Button>
-                                    </Modal.Footer>
-                                </>)}
-                        </Formik>
-                    </>)}
-
-            {mutation.isLoading && <ModalLoadingOverlay />}
-        </Modal>);
-}

package/dist/lib/json/table/TableView.jsx

@@ -1,100 +0,0 @@
-import { Table, useTableContext } from "@compill/table";
-import { isFunction, runIfFn } from "@soperio/react";
-import React from "react";
-import { useParams } from "react-router-dom";
-import { InvalidateButton } from "../../buttons/InvalidateButton";
-import { PageContainer } from "../../page/PageContainer";
-import { TableContainer } from "../../table/TableContainer";
-import { TableCreateButton } from "../../table/TableCreateButton";
-import { TableFilterButton } from "../../table/TableFilterButton";
-import { TableTopBar } from "../../table/TableTopBar";
-import { ButtonBar } from "../../layout/ButtonBar";
-import { TableFilters } from "../../table/TableFilters";
-import { TableMassActions } from "../../table/TableMassActions";
-import { DialogRenderer } from "../dialog/DialogRenderer";
-import { RefreshButton } from "./RefreshButton";
-import { TableViewProvider, useTableViewContext } from "./TableViewContext";
-import { useTableProps } from "./useTableProps";
-function useId(queryField) {
-    const params = useParams();
-    if (queryField === undefined)
-        return undefined;
-    const { [queryField]: id } = params;
-    return id;
-}
-export function TableView({ queryField, title, subtitle, screen, ...props }) {
-    const id = useId(queryField);
-    const _screen = runIfFn(screen, id);
-    return (<PageContainer bgColor="white" {...props}>
-            <TableContainer columns={_screen.table.columns} initialVisibleColumns={_screen.table.initialVisibleColumns} filtersMethod={_screen.table.filtersMethod}>
-                <TT id={id} title={title} subtitle={subtitle} screen={_screen}/>
-            </TableContainer>
-        </PageContainer>);
-}
-function TT({ id, title, subtitle, screen }) {
-    const { setRowSelection } = useTableContext();
-    const { api, table, filters, massActions, buttonBar, rowActions, createView, editView, deleteItem, breadcrumbs } = screen;
-    const tableApi = runIfFn(api, id ?? "");
-    return (<>
-            {/* {breadcrumbs && <PageTopBar breadcrumbs={breadcrumbs} />} */}
-            <TableTopBar title={title} breadcrumbs={breadcrumbs}>
-                <TableButtonBar buttonBar={buttonBar} createView={createView} editView={editView} api={tableApi} queryKey={tableApi.queryKey}>
-                    {filters && <TableFilterButton />}
-                </TableButtonBar>
-                {/* <TableColumnButton /> */}
-            </TableTopBar>
-
-            {filters &&
-            (<TableFilters form={filters.form} initialValues={filters.initialValues} schema={filters.schema} processInput={filters.processInput}/>)}
-            {massActions && <TableMassActions actions={massActions.items}/>}
-
-            <TableViewProvider queryKey={tableApi.queryKey} editView={editView} deleteItem={deleteItem}>
-                <TableWrapper table={{ ...table, onSelectionChange: setRowSelection }} rowActions={rowActions} api={tableApi} subtitle={subtitle} queryParams={screen.queryParams}/>
-                <TableDialogManager />
-            </TableViewProvider>
-        </>);
-}
-function TableButtonBar({ buttonBar, queryKey, createView, editView, api, children }) {
-    const createDialogFn = React.useCallback((data) => {
-        return (onClose) => {
-            const view = runIfFn(createView, data) ?? runIfFn(editView, null);
-            if (view.type == "customDialog")
-                return view.render({ show: true, onClose });
-            else
-                return <DialogRenderer config={view} onClose={onClose} invalidateQueryKey={api.queryKey}/>;
-        };
-    }, [createView, editView, api]);
-    return (<ButtonBar>
-            <RefreshButton queryKey={queryKey}/>
-
-            {buttonBar && buttonBar.map((button, index) => <React.Fragment key={index}>
-                        {button.type === "create" && editView &&
-                (<TableCreateButton buildDialog={createDialogFn(button.data)} icon={button.icon}>
-                                    {button.label}
-                                </TableCreateButton>)}
-
-                        {button.type === "invalidate" && <InvalidateButton pathOrPermalink={button.pathOrPermalink}/>}
-
-                        {button.type === "custom" && button.render()}
-                    </React.Fragment>)}
-
-            {children}
-        </ButtonBar>);
-}
-function TableWrapper({ table, subtitle, rowActions, api, queryParams }) {
-    const tableProps = useTableProps(api, table, rowActions, queryParams);
-    const _subtitle = React.useMemo(() => {
-        if (!subtitle)
-            return undefined;
-        return (data) => {
-            return (<div textSize="lg" textColor="#475569" fontWeight="600">
-                    {isFunction(subtitle) ? subtitle(data) : subtitle}
-                </div>);
-        };
-    }, [subtitle]);
-    return <Table {...tableProps} p="8" title={_subtitle}/>;
-}
-function TableDialogManager() {
-    const { dialog } = useTableViewContext();
-    return dialog;
-}

package/dist/lib/layout/AdminLayout.jsx

@@ -1,24 +0,0 @@
-import { useBoolean } from "@compill/hooks";
-import { mdiArrowLeft } from "@mdi/js";
-import { IconButton } from "@valerya/ui";
-import { useHotkeys } from "react-hotkeys-hook";
-import Content from "./Content";
-import { Sidebar } from "./Sidebar";
-export function AdminLayout({ color, darkMode, logo, title, menuConfig, userMenuConfig, userSettingsPath, ...props }) {
-    return (<div w="full" h="screen" dflex flexRow bgColor={`${color}-${darkMode ? "900" : "100"}`} {...props}>
-            <LeftPanel color={color} darkMode={darkMode} logo={logo} title={title} menuConfig={menuConfig} userMenuConfig={userMenuConfig} userSettingsPath={userSettingsPath}/>
-
-            <div w="screen" py="2" pe="2">
-                <Content bgColor="white" rounded="lg" shadow/>
-            </div>
-        </div>);
-}
-function LeftPanel({ color, darkMode, logo, title, menuConfig, userMenuConfig, userSettingsPath }) {
-    const [isOpen, __, toggle] = useBoolean(true);
-    useHotkeys('ctrl+t', () => toggle(), [toggle]);
-    return (<div ms={isOpen ? "0" : "-14.5rem"} transition="all" duration="500" transform>
-            <Sidebar flexShrink="0" color={color} darkMode={darkMode} logo={logo} title={title} menuConfig={menuConfig} userMenuConfig={userMenuConfig} userSettingsPath={userSettingsPath}/>
-
-            <IconButton icon={mdiArrowLeft} transition="all" duration="500" transform rotate={isOpen ? "0" : "180"} position="absolute" bottom="14" end="-5" size="lg" corners="pill" onClick={toggle} z="100"/>
-        </div>);
-}

package/dist/lib/layout/ButtonBar.jsx

@@ -1,29 +0,0 @@
-import { DialogButton } from "../buttons/DialogButton";
-import { Button, Icon } from "@valerya/ui";
-import { useFormikContext } from "formik";
-import React from "react";
-export function ButtonBar({ children, ...props }) {
-    return (<div dflex border="1px" borderColor="zinc-200" divideX="1px" divideColor="zinc-200" rounded="lg" overflow="hidden" {...props}>
-            {children}
-        </div>);
-}
-export const ButtonBarButton = React.forwardRef(function ({ icon, children, ...props }, ref) {
-    return (<Button scheme="dark" size="sm" aspectRatio={icon && !children ? "square" : undefined} variant="borderless" dflex alignItems="center" placeContent="center" corners="square" gap="2" {...props} ref={ref}>
-                {icon && <Icon path={icon}/>}
-                {children}
-            </Button>);
-});
-export const ButtonBarSubmitButton = React.forwardRef(function ({ useDirty, disabled, icon, children, ...props }, ref) {
-    const { dirty, handleSubmit } = useFormikContext() ?? { dirty: false, handleSubmit: undefined, values: {} };
-    const onSubmit = React.useCallback(() => handleSubmit(), [handleSubmit]);
-    return (<Button scheme="dark" size="sm" aspectRatio={icon && !children ? "square" : undefined} variant="borderless" dflex alignItems="center" placeContent="center" corners="square" gap="2" disabled={(useDirty && !dirty) || disabled} onClick={onSubmit} {...props} ref={ref}>
-                {icon && <Icon path={icon}/>}
-                {children}
-            </Button>);
-});
-export function ButtonBarDialogButton({ icon, children, ...props }) {
-    return (<DialogButton scheme="dark" size="sm" aspectRatio={icon && !children ? "square" : undefined} variant="borderless" dflex alignItems="center" placeContent="center" corners="square" gap="2" {...props}>
-            {icon && <Icon path={icon}/>}
-            {children}
-        </DialogButton>);
-}

package/dist/lib/layout/Content.jsx

@@ -1,10 +0,0 @@
-import { Outlet } from "react-router-dom";
-/**
- *
- *
- */
-export default function Content({ ...props }) {
-    return (<div w="100%" h="100%" overflowY="auto" {...props}>
-            <Outlet />
-        </div>);
-}

package/dist/lib/layout/PageTitleBar.jsx

@@ -1,12 +0,0 @@
-export function PageTitleBar({ title, children, ...props }) {
-    return (<div dflex flexRow alignItems="center" gap="3" p="8" 
-    // borderB="0.5"
-    // borderBColor="--bg-2"
-    {...props}>
-            {title && <h2 textSize="x2" fontWeight="600" textColor="#3f4254" textTransform="capitalize">{title}</h2>}
-
-            <div flexGrow>&nbsp;</div>
-
-            {children}
-        </div>);
-}

package/dist/lib/layout/Sidebar.jsx

@@ -1,24 +0,0 @@
-import { FlexCenter } from "@compill/components";
-import { Menu } from "./menu/Menu";
-import { AppEnv } from "@compill/env";
-import Image from "next/image";
-import { UserBlock } from "./menu/UserBlock";
-export function Sidebar({ show, logo, title, menuConfig, userMenuConfig, userSettingsPath, color, darkMode, ...props }) {
-    return (<div dflex flexCol w="full" md_w="64" minH="screen" p="0" textColor={darkMode ? "white" : "slate-800"} {...props}>
-            <FlexCenter placeContent="start" p="4" font="title" gap="3" borderB="px" borderBColor="slate-900" borderOpacity="5">
-                {logo ?? <Logo width={40} height={40} darkMode={darkMode}/>}
-                <h1 textSize="md">{title || AppEnv.appName()}</h1>
-            </FlexCenter>
-
-            <Menu overflowY="auto" flexGrow="1" p="4" darkMode={darkMode} config={menuConfig}/>
-
-            <div p="2">
-                <UserBlock darkMode={darkMode} color={color} menuConfig={userMenuConfig} path={userSettingsPath}/>
-            </div>
-        </div>);
-}
-export default function Logo({ width, height, darkMode, ...props }) {
-    return (<div {...props}>
-            <Image src={`/logo_${darkMode ? "light" : "dark"}.png`} alt={AppEnv.appName() || ""} width={width} height={height} priority unoptimized/>
-        </div>);
-}

package/dist/lib/layout/menu/Menu.jsx

@@ -1,30 +0,0 @@
-import { MenuItem } from "./MenuItem";
-import { NextMenuItem } from "./NextMenuItem";
-/**
- *
- *
- */
-export function Menu({ darkMode, config, useNextRouter, ...props }) {
-    const Comp = useNextRouter ? NextMenuItem : MenuItem;
-    return (<ul {...props}>
-            {config.map((item, index) => {
-            if (item.type == "divider")
-                return <Divider key={index} title={item.label}/>;
-            if (item.type == "item") {
-                return (<Comp key={index} icon={item.icon} path={item.path} depth={0} darkMode={darkMode} subMenu={item.children}>
-                                {item.label}
-                            </Comp>);
-            }
-        })}
-        </ul>);
-}
-function Divider({ title }) {
-    return (<div px="2" mt="5" mb="2" opacity="75" textTransform="capitalize" letterSpacing="widest" fontWeight="700" textSize="xs">
-            {title}
-        </div>);
-}
-function CategoryItem({ children, ...props }) {
-    return (<li ps="5" py="2" mt="5" textSize="sm" textColor="white" textOpacity="80" fontWeight="600" textTransform="uppercase">
-            {children}
-        </li>);
-}