@compill/admin 1.0.55 → 1.0.57

package/index.cjs.js

@@ -179,7 +179,7 @@ function ButtonBar(_a) {
     children: children
   }));
 }
-function ButtonBarButton(_a) {
+const ButtonBarButton = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
   var {
       icon,
       children
@@ -196,11 +196,12 @@ function ButtonBarButton(_a) {
     corners: "square",
     gap: "2"
   }, props, {
+    ref: ref,
     children: [icon && jsxRuntime.jsx(ui.Icon, {
       path: icon
     }), children]
   }));
-}
+});
 function ButtonBarDialogButton(_a) {
   var {
       icon,
@@ -1442,12 +1443,13 @@ function TableContainer(_a) {
 
 function TableCreateButton(_a) {
   var {
+      icon,
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest$1(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(admin.ButtonBarDialogButton, Object.assign({}, props, {
     children: [jsxRuntime.jsx(ui.Icon, {
-      path: mdiPlusThick
+      path: icon !== null && icon !== void 0 ? icon : mdiPlusThick
     }), children]
   }));
 }
@@ -2678,6 +2680,7 @@ function TableButtonBar({
     }), buttonBar && buttonBar.map((button, index) => jsxRuntime.jsxs(React__default["default"].Fragment, {
       children: [button.type === "create" && editView && jsxRuntime.jsx(TableCreateButton, {
         buildDialog: createDialogFn(button.data),
+        icon: button.icon,
         children: button.label
       }), button.type === "invalidate" && jsxRuntime.jsx(InvalidateButton, {
         pathOrPermalink: button.pathOrPermalink

package/index.esm.js

@@ -170,7 +170,7 @@ function ButtonBar(_a) {
     children: children
   }));
 }
-function ButtonBarButton(_a) {
+const ButtonBarButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var {
       icon,
       children
@@ -187,11 +187,12 @@ function ButtonBarButton(_a) {
     corners: "square",
     gap: "2"
   }, props, {
+    ref: ref,
     children: [icon && jsx(Icon, {
       path: icon
     }), children]
   }));
-}
+});
 function ButtonBarDialogButton(_a) {
   var {
       icon,
@@ -1433,12 +1434,13 @@ function TableContainer(_a) {
 
 function TableCreateButton(_a) {
   var {
+      icon,
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest$1(_a, ["icon", "children"]);
   return jsxs(ButtonBarDialogButton$1, Object.assign({}, props, {
     children: [jsx(Icon, {
-      path: mdiPlusThick
+      path: icon !== null && icon !== void 0 ? icon : mdiPlusThick
     }), children]
   }));
 }
@@ -2669,6 +2671,7 @@ function TableButtonBar({
     }), buttonBar && buttonBar.map((button, index) => jsxs(React.Fragment, {
       children: [button.type === "create" && editView && jsx(TableCreateButton, {
         buildDialog: createDialogFn(button.data),
+        icon: button.icon,
         children: button.label
       }), button.type === "invalidate" && jsx(InvalidateButton, {
         pathOrPermalink: button.pathOrPermalink

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@compill/admin",
-    "version": "1.0.55",
+    "version": "1.0.57",
     "module": "./index.esm.js",
     "main": "./index.cjs.js"
 }

package/src/lib/json/types/TableView.d.ts

@@ -67,6 +67,7 @@ type TableViewButtonConfig = {
     type: "create";
     data?: any;
     label?: string;
+    icon?: string;
 } | {
     type: "invalidate";
     pathOrPermalink: string;

package/src/lib/layout/ButtonBar.d.ts

@@ -1,12 +1,14 @@
-/// <reference types="react" />
 import { DialogButtonProps } from "../buttons/DialogButton";
 import { ParentComponent, SoperioComponent } from "@soperio/react";
 import { ButtonProps } from "@valerya/ui";
+import React from "react";
 export declare function ButtonBar({ children, ...props }: ParentComponent & SoperioComponent): JSX.Element;
 export type ButtonBarButtonProps = {
     icon?: string;
 } & ButtonProps;
-export declare function ButtonBarButton({ icon, children, ...props }: ButtonBarButtonProps): JSX.Element;
+export declare const ButtonBarButton: React.ForwardRefExoticComponent<{
+    icon?: string | undefined;
+} & ButtonProps & React.RefAttributes<HTMLDivElement>>;
 export type ButtonBarDialogButtonProps = {
     icon?: string;
 } & DialogButtonProps;

package/src/lib/table/TableCreateButton.d.ts

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