@refinedev/core 4.44.12 → 4.45.0

package/dist/interfaces/autoSave.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BaseRecord, HttpError, UpdateResponse } from ".";
 import { UseUpdateReturnType } from "../hooks/data/useUpdate";
 export declare type AutoSaveProps<TVariables> = {
@@ -13,6 +14,7 @@ export declare type AutoSaveReturnType<TData extends BaseRecord = BaseRecord, TE
     autoSaveProps: Pick<UseUpdateReturnType<TData, TError, TVariables>, "data" | "error" | "status">;
     onFinishAutoSave: (values: TVariables) => Promise<UpdateResponse<TData> | void> | void;
 };
+export declare type AutoSaveIndicatorElements = Partial<Record<"success" | "error" | "loading" | "idle", React.ReactNode>>;
 export declare type AutoSaveIndicatorProps<TData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables = {}> = {
     /**
      * The data returned by the update request.
@@ -26,5 +28,9 @@ export declare type AutoSaveIndicatorProps<TData extends BaseRecord = BaseRecord
      * The status of the update request.
      */
     status: UseUpdateReturnType<TData, TError, TVariables>["status"];
+    /**
+     * The elements to display for each status.
+     */
+    elements?: AutoSaveIndicatorElements;
 };
 //# sourceMappingURL=autoSave.d.ts.map

package/dist/interfaces/autoSave.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoSave.d.ts","sourceRoot":"","sources":["../../src/interfaces/autoSave.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,oBAAY,aAAa,CAAC,UAAU,IAAI;IACpC,QAAQ,CAAC,EAAE;QACP,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC;QAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;CACL,CAAC;AAEF,oBAAY,kBAAkB,CAC1B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA,aAAa,EAAE,IAAI,CACf,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAC9C,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC9B,CAAC;IACF,gBAAgB,EAAE,CACd,MAAM,EAAE,UAAU,KACjB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,oBAAY,sBAAsB,CAC9B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9D;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAChE;;OAEG;IACH,MAAM,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;CACpE,CAAC"}
+{"version":3,"file":"autoSave.d.ts","sourceRoot":"","sources":["../../src/interfaces/autoSave.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,oBAAY,aAAa,CAAC,UAAU,IAAI;IACpC,QAAQ,CAAC,EAAE;QACP,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC;QAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;CACL,CAAC;AAEF,oBAAY,kBAAkB,CAC1B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA,aAAa,EAAE,IAAI,CACf,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAC9C,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC9B,CAAC;IACF,gBAAgB,EAAE,CACd,MAAM,EAAE,UAAU,KACjB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,oBAAY,yBAAyB,GAAG,OAAO,CAC3C,MAAM,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CACpE,CAAC;AAEF,oBAAY,sBAAsB,CAC9B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9D;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAChE;;OAEG;IACH,MAAM,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjE;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;CACxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/core",
-  "version": "4.44.12",
+  "version": "4.45.0",
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "private": false,
   "sideEffects": false,

package/refine.config.js

@@ -73,6 +73,16 @@ module.exports = {
                     },
                 ],
             },
+            {
+                group: "Other",
+                label: "AutoSaveIndicator",
+                files: [
+                    {
+                        src: "./src/components/autoSaveIndicator/index.tsx",
+                        dest: "./components/autoSaveIndicator.tsx",
+                    },
+                ],
+            },
         ],
         transform: (content) => {
             let newContent = content;

package/src/components/autoSaveIndicator/index.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import { AutoSaveIndicatorProps } from "../../interfaces";
+import { useTranslate } from "@hooks/translate";
+
+export const AutoSaveIndicator: React.FC<AutoSaveIndicatorProps> = ({
+    status,
+    elements: {
+        success = <Message key="autoSave.success" defaultMessage="saved" />,
+        error = (
+            <Message key="autoSave.error" defaultMessage="auto save failure" />
+        ),
+        loading = <Message key="autoSave.loading" defaultMessage="saving..." />,
+        idle = (
+            <Message key="autoSave.idle" defaultMessage="waiting for changes" />
+        ),
+    } = {},
+}) => {
+    switch (status) {
+        case "success":
+            return <>{success}</>;
+        case "error":
+            return <>{error}</>;
+        case "loading":
+            return <>{loading}</>;
+        default:
+            return <>{idle}</>;
+    }
+};
+
+const Message = ({
+    key,
+    defaultMessage,
+}: {
+    key: string;
+    defaultMessage: string;
+}) => {
+    const translate = useTranslate();
+
+    return <span>{translate(key, defaultMessage)}</span>;
+};

package/src/components/gh-banner/index.tsx

@@ -10,6 +10,9 @@ export const GitHubBanner = () => {
         );
     }, []);
 
+
+    const texts = ["Be a part of our journey. Star Refine on GitHub!", "Join our community. Star Refine on GitHub!", "Let's elevate Refine together. Star us on GitHub!", "Enhance Refine's reach. Give us a star on GitHub!"]
+
     return (
         <div
             className="banner"
@@ -47,19 +50,14 @@ export const GitHubBanner = () => {
                     }}
                 >
                     <span
-                        className="wizard"
                         style={{
                             display: "flex",
                             flexDirection: "row",
                             justifyContent: "center",
                             alignItems: "center",
-                            width: "32px",
-                            height: "32px",
-                            fontSize: "32px",
-                            lineHeight: "32px",
                         }}
                     >
-                        🧙‍♂️
+                        ⭐️
                     </span>
                     <span
                         className="text"
@@ -70,8 +68,17 @@ export const GitHubBanner = () => {
                             textShadow: "0px 0px 4px rgba(255, 255, 255, 0.5)",
                         }}
                     >
-                        refine grants your wishes! Please give us a ⭐️ on
-                        GitHub to keep the magic going.
+                        {texts[Math.floor(Math.random() * texts.length)]}
+                    </span>
+                    <span
+                        style={{
+                            display: "flex",
+                            flexDirection: "row",
+                            justifyContent: "center",
+                            alignItems: "center",
+                        }}
+                    >
+                        ⭐️
                     </span>
                 </div>
             </a>

package/src/components/index.ts

@@ -7,3 +7,4 @@ export { Authenticated } from "./authenticated";
 export { RouteChangeHandler } from "./routeChangeHandler";
 export { CanAccess, CanAccessProps } from "./canAccess";
 export { GitHubBanner } from "./gh-banner";
+export { AutoSaveIndicator } from "./autoSaveIndicator";

package/src/interfaces/autoSave.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BaseRecord, HttpError, UpdateResponse } from ".";
 import { UseUpdateReturnType } from "../hooks/data/useUpdate";
 
@@ -25,6 +26,10 @@ export type AutoSaveReturnType<
     ) => Promise<UpdateResponse<TData> | void> | void;
 };
 
+export type AutoSaveIndicatorElements = Partial<
+    Record<"success" | "error" | "loading" | "idle", React.ReactNode>
+>;
+
 export type AutoSaveIndicatorProps<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
@@ -42,4 +47,8 @@ export type AutoSaveIndicatorProps<
      * The status of the update request.
      */
     status: UseUpdateReturnType<TData, TError, TVariables>["status"];
+    /**
+     * The elements to display for each status.
+     */
+    elements?: AutoSaveIndicatorElements;
 };