@dashadmin/dash-auto-admin 1.3.24 → 1.3.26

package/src/utils/isComponent.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+
+export function isClassComponent(component) {
+  return (
+    typeof component === 'function' && !!component.prototype.isReactComponent
+  );
+}
+
+export function isFunctionComponent(component) {
+  return (
+    typeof component === 'function' &&
+    String(component).includes('return React.createElement')
+  );
+}
+
+export function isReactComponent(component) {
+  return isClassComponent(component) || isFunctionComponent(component);
+}
+
+export function isElement(element) {
+  return React.isValidElement(element);
+}
+
+export function isDOMTypeElement(element) {
+  return isElement(element) && typeof element.type === 'string';
+}
+
+export function isCompositeTypeElement(element) {
+  return isElement(element) && typeof element.type === 'function';
+}
+
+export default isReactComponent;
+
+/*const isComponent = (Component) => {
+    
+    if (typeof Component === "undefined") return false;
+    return !!Component.name
+    return (
+        typeof Component === 'function' // can be various things
+        && !(
+            Component.prototype // native arrows don't have prototypes
+            && Component.prototype.isReactComponent // special property
+        )
+    );
+}*/

package/src/utils/isEnum.tsx

@@ -0,0 +1,3 @@
+const isEnum = (type: any) =>
+	typeof type === 'object' && !(type.attribute && type.type);
+export default isEnum;

package/src/utils/isFC.tsx

@@ -0,0 +1,6 @@
+const isFC = (Component) => {
+	if (typeof Component === 'undefined') return false;
+	return !!Component.name;
+};
+
+export default isFC;

package/src/utils/replaceParams.tsx

@@ -0,0 +1,6 @@
+function replaceParams(params: { [key: string]: string }, str: string): string {
+  delete params["*"];
+  const regex = new RegExp(`{(${Object.keys(params).join("|")})+}`, "g");
+  return str.replace(regex, (match, param) => params[param]);
+}
+export default replaceParams;

package/src/utils/validate.tsx

@@ -0,0 +1,24 @@
+import { JSX } from 'react';
+import IDashAutoAdminAttribute from '../interfaces/IDashAutoAdminAttribute';
+
+const validate =
+	(schema: IDashAutoAdminAttribute[]) =>
+	(values: { [field: string]: string | JSX.Element }) => {
+		const errors: { [field: string]: string | JSX.Element } = {};
+		schema.forEach((field) => {
+			if (field.validate) {
+				try {
+					field.validate(values[field.attribute], values);
+				} catch (error) {
+					let message = 'Error';
+					if (error instanceof Error) message = error.message;
+
+					errors[field.attribute] = message;
+				}
+			}
+		});
+
+		return errors;
+	};
+
+export default validate;

package/src/wrappers/UserAction.tsx

@@ -0,0 +1,67 @@
+import { WithRecord, Button } from 'react-admin';
+import IDashAutoAdminAttribute from '../interfaces/IDashAutoAdminAttribute';
+import IDashAutoAdminCustomFieldComponent from '../interfaces/IDashAutoAdminCustomFieldComponent';
+import ActionCallback from '../types/ActionCallback';
+
+import React from 'react';
+import isFC from '../utils/isFC';
+
+/**
+ * A React functional component that renders a user action based on the provided attribute.
+ * 
+ * If the attribute has a custom component, it will render that component with the provided props.
+ * If the attribute has an action callback, it will render a button that calls the callback when clicked.
+ * 
+ * @param param0 - An object containing the following properties:
+ *   - attribute: An IDashAutoAdminAttribute object that defines the user action.
+ *   - method: The method type ('list', 'view', 'edit', or 'create') for the user action.
+ *   - record: An optional record object to pass to the custom component or action callback.
+ * @returns A React element representing the user action, or null if the attribute is not valid.
+ */
+
+
+const UserAction: React.FC<IDashAutoAdminCustomFieldComponent> = (props) => {
+    const { method, attribute, resourceConfig, record, options } = props;
+    const DEBUG = false;
+   
+   DEBUG &&  console.log('🔧 UserAction - component:', attribute.component);
+   DEBUG &&  console.log('🔧 UserAction - isFC(attribute.component):', isFC(attribute.component));
+   DEBUG &&  console.log('🔧 UserAction - method:', method);
+   
+    const locale = options?.locale || (props as any).locale;
+    
+    if (attribute.component && isFC(attribute.component)) {
+       DEBUG &&  console.log('🔧 UserAction - Rendering custom component');
+     
+        const Action = attribute.component as React.FC<IDashAutoAdminCustomFieldComponent>;
+
+        return <Action
+                method={method}
+                attribute={attribute}
+                resourceConfig={resourceConfig}
+                {...record && { record: record }}
+                {...attribute?.componentProps}
+                locale={locale}
+                options={options}
+            />
+    }
+
+    if (typeof attribute.action === 'function') {
+        
+        const callback = attribute.action as ActionCallback;
+        return (
+            <WithRecord
+                label={attribute.label}
+                render={(record) => (
+                    <Button value={attribute.label} onClick={() => callback(record.id)}>
+                        <>{attribute.label}</>
+                    </Button>
+                )}
+            />
+        );
+    }
+
+    return null;
+};
+
+export default UserAction;

package/src/wrappers/index.tsx

@@ -0,0 +1 @@
+export { default as UserAction } from './UserAction';