@compill/admin 1.0.100 → 1.0.102

package/dist/lib/page/PageTopBar.jsx

@@ -0,0 +1,92 @@
+import { createContext } from "@soperio/react";
+import { PageTitle } from "./PageTitle";
+import React from "react";
+import { createPortal } from "react-dom";
+import { FlexCenter } from "@compill/components";
+import { Breadcrumbs } from "../breadcrumbs/BreadCrumbs";
+export function PageTopBar({ title, breadcrumbs, children, ...props }) {
+    return (<FlexCenter gap="3" minH="9" {...props}>
+            {title && <PageTitle>{title}</PageTitle>}
+            {breadcrumbs && <Breadcrumbs breadcrumbs={breadcrumbs}/>}
+            <div flexGrow/>
+            {children}
+        </FlexCenter>);
+}
+const [CP, usePageTabbedTopBarContext] = createContext();
+export function PageTabbedTopBarProvider({ children }) {
+    const [containerEl, setContainerEl] = React.useState(null);
+    const r = React.createRef();
+    return (<CP value={{ containerEl, setContainerEl }}>
+            {children}
+        </CP>);
+}
+export function PageTabbedTopBar({ title, breadcrumbs, children, ...props }) {
+    const ref = React.createRef();
+    const { setContainerEl } = usePageTabbedTopBarContext();
+    const [isSet, setIsSet] = React.useState(false);
+    React.useEffect(() => {
+        if (!isSet && ref.current) {
+            setContainerEl(ref.current);
+            setIsSet(true);
+        }
+        return () => setContainerEl(null);
+    }, []);
+    return (<FlexCenter gap="3" minH="9" {...props}>
+            <>
+                {title && <PageTitle>{title}</PageTitle>}
+                {breadcrumbs && <Breadcrumbs breadcrumbs={breadcrumbs}/>}
+                <div flexGrow/>
+                <div ref={ref} dflex flexRow gap="3"/>
+                {children}
+            </>
+        </FlexCenter>);
+}
+export function PageTopBarToolbar({ trackingRef, children }) {
+    const { containerEl } = usePageTabbedTopBarContext();
+    const [visible, setVisible] = React.useState(false);
+    const portal = React.useMemo(() => {
+        const node = containerEl; //?.ownerDocument.createElement("div")
+        // if (node) node.className = PORTAL_CLASSNAME
+        return node;
+    }, [containerEl]);
+    const host = containerEl ?? (typeof window !== "undefined" ? document.body : undefined);
+    React.useLayoutEffect(() => {
+        if (!portal || !host)
+            return;
+        try {
+            if (visible)
+                host.appendChild(portal);
+            else
+                host.removeChild(portal);
+        }
+        catch (e) {
+        }
+        return () => {
+            try {
+                host.removeChild(portal);
+            }
+            catch (e) { }
+        };
+    }, [visible, portal, host]);
+    const callback = React.useCallback((entries) => {
+        // @ts-ignore
+        setVisible(entries[0].isVisible);
+    }, [children]);
+    React.useEffect(() => {
+        const opts = {
+            root: null,
+            rootMargin: '0px',
+            threshold: 0,
+            /* required options*/
+            trackVisibility: true,
+            delay: 100
+        };
+        const observerScroll = new IntersectionObserver(callback, opts);
+        if (trackingRef)
+            observerScroll.observe(trackingRef);
+        return () => observerScroll.disconnect();
+    }, [trackingRef, callback, children]);
+    if (host && portal)
+        return createPortal(children, portal);
+    return null;
+}

package/{src → dist}/lib/status/StatusBadge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SoperioComponent } from "@soperio/react";
 export declare function StatusBadge({ status, ...props }: {
     status: "draft" | "published";

package/dist/lib/status/StatusBadge.jsx

@@ -0,0 +1,20 @@
+import { Badge } from "@valerya/ui";
+const labels = {
+    draft: "Draft",
+    published: "Published",
+    pending: "Pending",
+    approved: "Approved",
+    partially_approved: "Partially Approved",
+    rejected: "Rejected"
+};
+const schemes = {
+    draft: "warning",
+    published: "success",
+    pending: "secondary",
+    approved: "success",
+    partially_approved: "warning",
+    rejected: "danger",
+};
+export function StatusBadge({ status, ...props }) {
+    return (<Badge size="sm" variant="glass" whiteSpace="nowrap" rounded="full" px="3" scheme={schemes[status]} {...props}>{labels[status]}</Badge>);
+}

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

@@ -0,0 +1 @@
+export {};

package/dist/lib/table/TableColumnButton.jsx

@@ -0,0 +1,53 @@
+// import { mdiViewColumn } from "@mdi/js";
+// import { useTableContainerContext } from "./TableContainerContext";
+// import { ColumnDef, ColumnDefResolved } from "@tanstack/react-table";
+// import { ButtonProps } from "@valerya/ui";
+export {};
+// function getColId(column: ColumnDef<any, any>)
+// {
+//     return (column as ColumnDefResolved<any>).accessorKey ?? column.id ?? ""
+// }
+// export function TableColumnButton({ ...props }: ButtonProps)
+// {
+//     const t = useTranslation()
+//     const { columns, isColumnVisible, toggleColumnVisibility } = useTableContainerContext()
+//     const ids = columns.filter(col => isColumnVisible(getColId(col))).map(col => getColId(col))
+//     return (
+//         <Menu isLazy closeOnSelect={false}>
+//             <MenuButton
+//                 as={Button}
+//                 leftIcon={<SVGIcon path={mdiViewColumn} me="-1" w="5" />}
+//                 colorScheme="pink"
+//                 outline="0"
+//                 border="0"
+//                 title={t("toggle-columns-visibility") ?? ""}
+//                 display="flex"
+//                 gap="2"
+//                 alignItems="center"
+//                 placeContent="center"
+//                 {...props}
+//             >
+//                 {ids.length == columns.length && t("columns")}
+//                 {ids.length != columns.length && t("columns-with-count", {visible: ids.length, total: columns.length })}
+//             </MenuButton>
+//             <MenuList minWidth="240px" zIndex={2}>
+//                 <MenuOptionGroup type="checkbox" value={ids}>
+//                     {
+//                         columns.map((col, index) =>
+//                         (
+//                             <MenuItemOption
+//                                 key={getColId(col)}
+//                                 value={getColId(col)}
+//                                 isChecked={isColumnVisible(getColId(col))}
+//                                 onClick={() => toggleColumnVisibility(getColId(col))}
+//                                 isDisabled={col.enableHiding == false}
+//                             >
+//                                 {col.header?.toString() ?? ""}
+//                             </MenuItemOption>
+//                         ))
+//                     }
+//                 </MenuOptionGroup>
+//             </MenuList>
+//         </Menu>
+//     )
+// }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColumnDef } from "@tanstack/react-table";
 import { TileProps } from "@valerya/ui";
 interface TableContainerProps extends TileProps {

package/dist/lib/table/TableContainer.jsx

@@ -0,0 +1,11 @@
+import { TableContextProvider } from "@compill/table";
+import { TableContainerContextProvider } from "./TableContainerContext";
+export function TableContainer({ initialPageSize, initialVisibleColumns, columns, filtersMethod = "reactRouter", children, ...props }) {
+    return (<div w="full" dflex flexCol {...props}>
+            <TableContextProvider initialPageSize={initialPageSize} filtersMethod={filtersMethod}>
+                <TableContainerContextProvider columns={columns} initialVisibleColumns={initialVisibleColumns}>
+                    {children}
+                </TableContainerContextProvider>
+            </TableContextProvider>
+        </div>);
+}

package/dist/lib/table/TableContainerContext.jsx

@@ -0,0 +1,39 @@
+import React from "react";
+import { createContext } from "@soperio/react";
+const [provider, useContext] = createContext();
+function getColId(column) {
+    return column.accessorKey ?? column.id;
+}
+function TableContainerContextProvider({ initialVisibleColumns, columns, children }) {
+    const [showFilters, setShowFilters] = React.useState(false);
+    const [showMassActions, setShowMassActions] = React.useState(false);
+    const [visibleColumnIds, setVisibleColumnIds] = React.useState(initialVisibleColumns ?? columns?.map(col => getColId(col)) ?? []);
+    const filteredColumns = columns?.filter(col => visibleColumnIds.includes(getColId(col))) ?? [];
+    const toggleColumnVisibility = React.useCallback((id) => {
+        const index = visibleColumnIds.indexOf(id);
+        if (index > -1) {
+            const newIds = visibleColumnIds.concat();
+            newIds.splice(index, 1);
+            setVisibleColumnIds(newIds);
+        }
+        else {
+            setVisibleColumnIds(visibleColumnIds.concat(id));
+        }
+    }, [visibleColumnIds, setVisibleColumnIds]);
+    const isColumnVisible = React.useCallback((id) => {
+        return visibleColumnIds.includes(id);
+    }, [visibleColumnIds]);
+    const Provider = provider;
+    const value = {
+        showFilters,
+        setShowFilters,
+        showMassActions,
+        setShowMassActions,
+        columns: columns ?? [],
+        filteredColumns,
+        toggleColumnVisibility,
+        isColumnVisible
+    };
+    return <Provider value={value}>{children}</Provider>;
+}
+export { TableContainerContextProvider, useContext as useTableContainerContext };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DialogButtonProps } from "../buttons/DialogButton";
 export declare function TableCreateButton({ icon, children, ...props }: {
     icon?: string;

package/dist/lib/table/TableCreateButton.jsx

@@ -0,0 +1,9 @@
+import { mdiPlusThick } from "@mdi/js";
+import { Icon } from "@valerya/ui";
+import { ButtonBarDialogButton } from "../layout/ButtonBar";
+export function TableCreateButton({ icon, children, ...props }) {
+    return (<ButtonBarDialogButton {...props}>
+            <Icon path={icon ?? mdiPlusThick}/>
+            {children}
+        </ButtonBarDialogButton>);
+}

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ButtonProps } from "@valerya/ui";
 export declare function TableFilterButton({ ...props }: ButtonProps): JSX.Element;

package/dist/lib/table/TableFilterButton.jsx

@@ -0,0 +1,16 @@
+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 (<Popover side="bottom-end" modal>
+            <Button scheme="dark" size="sm" aspectRatio="square" variant="borderless" corners="square" {...props}>
+                <Icon path={mdiFilter}/>
+            </Button>
+            <div bgColor="white" rounded shadow>
+                <div py="3" hover_bgColor="#ff0000" px="5" hover_textColor="white">First Item</div>
+                <div py="3" hover_bgColor="#ff0000" px="5" hover_textColor="white">Second Item</div>
+                <div py="3" hover_bgColor="#ff0000" px="5" hover_textColor="white">Third Item</div>
+            </div>
+        </Popover>);
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormRendererConfig } from "@compill/form";
 interface TableFiltersProps {
     form: FormRendererConfig;

package/dist/lib/table/TableFilters.jsx

@@ -0,0 +1,46 @@
+import { useTableContext } from "@compill/table";
+import React from "react";
+import { useTableContainerContext } from "./TableContainerContext";
+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 (<Collapse in={showFilters} style={{ overflow: showFilters ? "initial" : "hidden" }}>
+            <div p="8" borderT="px" borderB="px" borderColor="slate-100">
+                <FormProvider initialValues={mergeInitialFormValues(getFilters(), initialValues)} onSubmit={handleSubmit} validationSchema={schema} enableReinitialize>
+                    {(props) => (<div dflex gap="3" placeContent="start">
+                            <FormRenderer flexRow w="auto" form={form}/>
+                            <Buttons handleReset={() => handleReset(props.resetForm)}/>
+                        </div>)}
+
+                </FormProvider>
+            </div>
+        </Collapse>);
+}
+function Buttons({ handleReset }) {
+    return (<div dflex gap="3">
+            <div dflex flexCol>
+                <FieldLabel name="" label="&nbsp;"/>
+                <SubmitButton>Filter</SubmitButton>
+            </div>
+
+            <div dflex flexCol>
+                <FieldLabel name="" label="&nbsp;"/>
+                <Button scheme="neutral" onClick={handleReset}>Reset</Button>
+            </div>
+        </div>);
+}

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.jsx

@@ -0,0 +1,15 @@
+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 (<Collapse in={showMassActions} style={{ overflow: showMassActions ? "initial" : "hidden" }}>
+            <div dflex gap="3" flexWrap alignItems="center" px="8" pt="5">
+                {actions.map((action, index) => (<div key={index}>
+                            {/* {action.type == "custom" && action.render(rows)} */}
+                            {action.type == "button" && !action.showConfirmationDialog && (<ActionButton label={action.label} queryFn={action.queryFn} queryKey={action.queryKey} buttonProps={action.buttonProps}/>)}
+                        </div>))}
+            </div>
+        </Collapse>);
+}

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.jsx

@@ -0,0 +1,14 @@
+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 (<div dflex spaceX="1" placeContent="end" {...props}>
+            {viewPath && <TableRowViewButton path={viewPath}/>}
+            {navigatePath && <TableRowNavigateButton path={navigatePath}/>}
+            {editDialog && <TableRowEditButton buildDialog={editDialog}/>}
+            {deleteDialog && <TableRowDeleteButton buildDialog={deleteDialog}/>}
+
+            {children}
+        </div>);
+}

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.jsx

@@ -0,0 +1,7 @@
+import { Button, Icon } from "@valerya/ui";
+export function TableRowActionButton({ icon, children, ...props }) {
+    return (<Button dflex alignContent="center" placeContent="center" py="2.5" px="3" h="full" size="lg" variant="borderless" corners="square" gap="2" {...props}>
+            {icon && <Icon path={icon} size="sm"/>}
+            {children}
+        </Button>);
+}

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.jsx

@@ -0,0 +1,8 @@
+import { Icon } from "@valerya/ui";
+import { DialogButton } from "../buttons/DialogButton";
+export function TableRowActionDialogButton({ icon, children, ...props }) {
+    return (<DialogButton dflex alignContent="center" placeContent="center" py="2.5" px="3" h="full" size="lg" variant="borderless" corners="square" gap="2" {...props}>
+            {icon && <Icon path={icon} size="sm"/>}
+            {children}
+        </DialogButton>);
+}

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.jsx

@@ -0,0 +1,5 @@
+import { mdiDelete } from "@mdi/js";
+import { TableRowActionDialogButton } from "./TableRowActionDialogButton";
+export function TableRowDeleteButton({ children, ...props }) {
+    return <TableRowActionDialogButton icon={mdiDelete} {...props}>{children}</TableRowActionDialogButton>;
+}

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.jsx

@@ -0,0 +1,7 @@
+import { mdiPencil } from "@mdi/js";
+import { TableRowActionDialogButton } from "./TableRowActionDialogButton";
+export function TableRowEditButton({ children, ...props }) {
+    return (<TableRowActionDialogButton icon={mdiPencil} {...props}>
+            {children}
+        </TableRowActionDialogButton>);
+}

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.jsx

@@ -0,0 +1,13 @@
+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 <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.jsx

@@ -0,0 +1,18 @@
+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 (<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.jsx

@@ -0,0 +1,12 @@
+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 <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.jsx

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

package/package.json

@@ -1,6 +1,62 @@
 {
-    "name": "@compill/admin",
-    "version": "1.0.100",
-    "module": "./index.esm.js",
-    "main": "./index.cjs.js"
+  "name": "@compill/admin",
+  "version": "1.0.102",
+  "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.9",
+    "@compill/admin-api": "1.0.55",
+    "@compill/api": "1.0.57",
+    "@compill/auth": "1.0.77",
+    "@compill/env": "1.0.19",
+    "@compill/components": "1.0.49",
+    "@compill/form": "1.0.67",
+    "@compill/hooks": "1.0.43",
+    "@compill/table": "1.0.80",
+    "@compill/editor": "1.0.79",
+    "@compill/form-editor": "1.0.19"
+  },
+  "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";