ding-react-admin 2.0.0 → 2.0.4

package/src/crud/context/InlineFieldsRegistry.tsx

@@ -1,61 +1,61 @@
-import {
-  createContext,
-  useContext,
-  useEffect,
-  type RefObject,
-  type ReactNode,
-} from "react";
-
-export type InlineFieldRegistration = {
-  field: string;
-  sources: string[];
-  payloadKey?: string;
-  transformRows?: (rows: Record<string, unknown>[]) => unknown;
-};
-
-const InlineFieldsRegistryContext =
-  createContext<RefObject<Map<string, InlineFieldRegistration>> | null>(
-    null,
-  );
-
-export function InlineFieldsRegistryProvider({
-  children,
-  registryRef,
-}: {
-  children: ReactNode;
-  registryRef: RefObject<Map<string, InlineFieldRegistration>>;
-}) {
-  return (
-    <InlineFieldsRegistryContext.Provider value={registryRef}>
-      {children}
-    </InlineFieldsRegistryContext.Provider>
-  );
-}
-
-export function useInlineFieldsRegistryOptional() {
-  return useContext(InlineFieldsRegistryContext);
-}
-
-/** Register an inline field array (`useFieldArray` name) for save payload cleaning. */
-export function useRegisterInlineField(
-  field: string,
-  sources: string[],
-  payloadKey?: string,
-  transformRows?: (rows: Record<string, unknown>[]) => unknown,
-  enabled = true,
-) {
-  const registryRef = useInlineFieldsRegistryOptional();
-
-  useEffect(() => {
-    if (!enabled || !registryRef) return;
-    registryRef.current.set(field, {
-      field,
-      sources,
-      payloadKey,
-      transformRows,
-    });
-    return () => {
-      registryRef.current.delete(field);
-    };
-  }, [registryRef, field, sources, payloadKey, transformRows, enabled]);
-}
+import {
+  createContext,
+  useContext,
+  useEffect,
+  type RefObject,
+  type ReactNode,
+} from "react";
+
+export type InlineFieldRegistration = {
+  field: string;
+  sources: string[];
+  payloadKey?: string;
+  transformRows?: (rows: Record<string, unknown>[]) => unknown;
+};
+
+const InlineFieldsRegistryContext =
+  createContext<RefObject<Map<string, InlineFieldRegistration>> | null>(
+    null,
+  );
+
+export function InlineFieldsRegistryProvider({
+  children,
+  registryRef,
+}: {
+  children: ReactNode;
+  registryRef: RefObject<Map<string, InlineFieldRegistration>>;
+}) {
+  return (
+    <InlineFieldsRegistryContext.Provider value={registryRef}>
+      {children}
+    </InlineFieldsRegistryContext.Provider>
+  );
+}
+
+export function useInlineFieldsRegistryOptional() {
+  return useContext(InlineFieldsRegistryContext);
+}
+
+/** Register an inline field array (`useFieldArray` name) for save payload cleaning. */
+export function useRegisterInlineField(
+  field: string,
+  sources: string[],
+  payloadKey?: string,
+  transformRows?: (rows: Record<string, unknown>[]) => unknown,
+  enabled = true,
+) {
+  const registryRef = useInlineFieldsRegistryOptional();
+
+  useEffect(() => {
+    if (!enabled || !registryRef) return;
+    registryRef.current.set(field, {
+      field,
+      sources,
+      payloadKey,
+      transformRows,
+    });
+    return () => {
+      registryRef.current.delete(field);
+    };
+  }, [registryRef, field, sources, payloadKey, transformRows, enabled]);
+}

package/src/crud/context/ListContext.tsx

@@ -1,93 +1,93 @@
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-  type ReactNode,
-} from "react";
-import type { ColumnDefinition } from "../types";
-import { sortPrioritiesFromSpecs } from "../utils/sortQueryParam";
-
-type ListContextValue = {
-  registerColumn: (def: ColumnDefinition<Record<string, unknown>>) => () => void;
-  columns: ColumnDefinition<Record<string, unknown>>[];
-  toggleSort: (field: string) => void;
-  sortFields: Set<string>;
-  sortOrders: Map<string, "ASC" | "DESC">;
-  sortPriorities: Map<string, number>;
-};
-
-const ListContext = createContext<ListContextValue | null>(null);
-
-export function ListContextProvider({
-  children,
-  toggleSort,
-  sort,
-}: {
-  children: ReactNode;
-  toggleSort: (field: string) => void;
-  sort: { field: string; order: "ASC" | "DESC" }[];
-}) {
-  const [columns, setColumns] = useState<
-    ColumnDefinition<Record<string, unknown>>[]
-  >([]);
-
-  const sortFields = useMemo(() => new Set(sort.map((s) => s.field)), [sort]);
-  const sortOrders = useMemo(
-    () => new Map(sort.map((s) => [s.field, s.order])),
-    [sort],
-  );
-  const sortPriorities = useMemo(() => sortPrioritiesFromSpecs(sort), [sort]);
-
-  const registerColumn = useCallback(
-    (def: ColumnDefinition<Record<string, unknown>>) => {
-      setColumns((prev) => {
-        const idx = prev.findIndex((c) => c.key === def.key);
-        if (idx < 0) return [...prev, def];
-        if (prev[idx] === def) return prev;
-        const next = [...prev];
-        next[idx] = def;
-        return next;
-      });
-      return () => {
-        setColumns((prev) => prev.filter((c) => c.key !== def.key));
-      };
-    },
-    [],
-  );
-
-  const value = useMemo(
-    (): ListContextValue => ({
-      columns,
-      toggleSort,
-      sortFields,
-      sortOrders,
-      sortPriorities,
-      registerColumn,
-    }),
-    [columns, toggleSort, sortFields, sortOrders, sortPriorities, registerColumn],
-  );
-
-  return (
-    <ListContext.Provider value={value}>{children}</ListContext.Provider>
-  );
-}
-
-export function useListContext() {
-  const ctx = useContext(ListContext);
-  if (!ctx) {
-    throw new Error("Column components must be used within ResourceList");
-  }
-  return ctx;
-}
-
-export function useRegisterColumn(
-  def: ColumnDefinition<Record<string, unknown>>,
-) {
-  const { registerColumn } = useListContext();
-  useEffect(() => {
-    return registerColumn(def);
-  }, [registerColumn, def]);
-}
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+  type ReactNode,
+} from "react";
+import type { ColumnDefinition } from "../types";
+import { sortPrioritiesFromSpecs } from "../utils/sortQueryParam";
+
+type ListContextValue = {
+  registerColumn: (def: ColumnDefinition<Record<string, unknown>>) => () => void;
+  columns: ColumnDefinition<Record<string, unknown>>[];
+  toggleSort: (field: string) => void;
+  sortFields: Set<string>;
+  sortOrders: Map<string, "ASC" | "DESC">;
+  sortPriorities: Map<string, number>;
+};
+
+const ListContext = createContext<ListContextValue | null>(null);
+
+export function ListContextProvider({
+  children,
+  toggleSort,
+  sort,
+}: {
+  children: ReactNode;
+  toggleSort: (field: string) => void;
+  sort: { field: string; order: "ASC" | "DESC" }[];
+}) {
+  const [columns, setColumns] = useState<
+    ColumnDefinition<Record<string, unknown>>[]
+  >([]);
+
+  const sortFields = useMemo(() => new Set(sort.map((s) => s.field)), [sort]);
+  const sortOrders = useMemo(
+    () => new Map(sort.map((s) => [s.field, s.order])),
+    [sort],
+  );
+  const sortPriorities = useMemo(() => sortPrioritiesFromSpecs(sort), [sort]);
+
+  const registerColumn = useCallback(
+    (def: ColumnDefinition<Record<string, unknown>>) => {
+      setColumns((prev) => {
+        const idx = prev.findIndex((c) => c.key === def.key);
+        if (idx < 0) return [...prev, def];
+        if (prev[idx] === def) return prev;
+        const next = [...prev];
+        next[idx] = def;
+        return next;
+      });
+      return () => {
+        setColumns((prev) => prev.filter((c) => c.key !== def.key));
+      };
+    },
+    [],
+  );
+
+  const value = useMemo(
+    (): ListContextValue => ({
+      columns,
+      toggleSort,
+      sortFields,
+      sortOrders,
+      sortPriorities,
+      registerColumn,
+    }),
+    [columns, toggleSort, sortFields, sortOrders, sortPriorities, registerColumn],
+  );
+
+  return (
+    <ListContext.Provider value={value}>{children}</ListContext.Provider>
+  );
+}
+
+export function useListContext() {
+  const ctx = useContext(ListContext);
+  if (!ctx) {
+    throw new Error("Column components must be used within ResourceList");
+  }
+  return ctx;
+}
+
+export function useRegisterColumn(
+  def: ColumnDefinition<Record<string, unknown>>,
+) {
+  const { registerColumn } = useListContext();
+  useEffect(() => {
+    return registerColumn(def);
+  }, [registerColumn, def]);
+}

package/src/crud/fields/BooleanField.tsx

@@ -1,38 +1,38 @@
-import { Switch } from "antd";
-import type { BaseSourceProps, FieldRules } from "../types";
-import { FieldWrapper } from "./FieldWrapper";
-
-export type BooleanFieldProps = BaseSourceProps & {
-  name?: string;
-  required?: boolean;
-  rules?: FieldRules;
-  hideLabel?: boolean;
-};
-
-export function BooleanField({
-  source,
-  name,
-  label,
-  required,
-  rules,
-  hideLabel,
-}: BooleanFieldProps) {
-  return (
-    <FieldWrapper
-      source={source}
-      name={name}
-      label={label}
-      required={required}
-      rules={rules}
-      hideLabel={hideLabel}
-    >
-      {({ value, onChange, disabled }) => (
-        <Switch
-          checked={Boolean(value)}
-          onChange={onChange}
-          disabled={disabled}
-        />
-      )}
-    </FieldWrapper>
-  );
-}
+import { Switch } from "antd";
+import type { BaseSourceProps, FieldRules } from "../types";
+import { FieldWrapper } from "./FieldWrapper";
+
+export type BooleanFieldProps = BaseSourceProps & {
+  name?: string;
+  required?: boolean;
+  rules?: FieldRules;
+  hideLabel?: boolean;
+};
+
+export function BooleanField({
+  source,
+  name,
+  label,
+  required,
+  rules,
+  hideLabel,
+}: BooleanFieldProps) {
+  return (
+    <FieldWrapper
+      source={source}
+      name={name}
+      label={label}
+      required={required}
+      rules={rules}
+      hideLabel={hideLabel}
+    >
+      {({ value, onChange, disabled }) => (
+        <Switch
+          checked={Boolean(value)}
+          onChange={onChange}
+          disabled={disabled}
+        />
+      )}
+    </FieldWrapper>
+  );
+}

package/src/crud/fields/DateField.tsx

@@ -1,53 +1,53 @@
-import { DatePicker } from "antd";
-import dayjs from "dayjs";
-import type { BaseSourceProps, FieldRules } from "../types";
-import { FieldWrapper } from "./FieldWrapper";
-
-const DATE_FORMAT = "YYYY-MM-DD";
-
-export type DateFieldProps = BaseSourceProps & {
-  name?: string;
-  required?: boolean;
-  rules?: FieldRules;
-  showTime?: boolean;
-  hideLabel?: boolean;
-};
-
-export function DateField({
-  source,
-  name,
-  label,
-  required,
-  rules,
-  showTime,
-  hideLabel,
-}: DateFieldProps) {
-  return (
-    <FieldWrapper
-      source={source}
-      name={name}
-      label={label}
-      required={required}
-      rules={rules}
-      hideLabel={hideLabel}
-    >
-      {({ value, onChange, onBlur, disabled }) => (
-        <DatePicker
-          value={value ? dayjs(String(value)) : null}
-          onChange={(d) =>
-            onChange(
-              d
-                ? d.format(showTime ? `${DATE_FORMAT} HH:mm:ss` : DATE_FORMAT)
-                : null,
-            )
-          }
-          onBlur={onBlur}
-          showTime={showTime}
-          disabled={disabled}
-          format={showTime ? `${DATE_FORMAT} HH:mm:ss` : DATE_FORMAT}
-          style={{ width: "100%" }}
-        />
-      )}
-    </FieldWrapper>
-  );
-}
+import { DatePicker } from "antd";
+import dayjs from "dayjs";
+import type { BaseSourceProps, FieldRules } from "../types";
+import { FieldWrapper } from "./FieldWrapper";
+
+const DATE_FORMAT = "YYYY-MM-DD";
+
+export type DateFieldProps = BaseSourceProps & {
+  name?: string;
+  required?: boolean;
+  rules?: FieldRules;
+  showTime?: boolean;
+  hideLabel?: boolean;
+};
+
+export function DateField({
+  source,
+  name,
+  label,
+  required,
+  rules,
+  showTime,
+  hideLabel,
+}: DateFieldProps) {
+  return (
+    <FieldWrapper
+      source={source}
+      name={name}
+      label={label}
+      required={required}
+      rules={rules}
+      hideLabel={hideLabel}
+    >
+      {({ value, onChange, onBlur, disabled }) => (
+        <DatePicker
+          value={value ? dayjs(String(value)) : null}
+          onChange={(d) =>
+            onChange(
+              d
+                ? d.format(showTime ? `${DATE_FORMAT} HH:mm:ss` : DATE_FORMAT)
+                : null,
+            )
+          }
+          onBlur={onBlur}
+          showTime={showTime}
+          disabled={disabled}
+          format={showTime ? `${DATE_FORMAT} HH:mm:ss` : DATE_FORMAT}
+          style={{ width: "100%" }}
+        />
+      )}
+    </FieldWrapper>
+  );
+}