fastapi-rtk 0.1.22 → 0.1.24

package/dist/core/lib/Tables/NextGenDataGrid/NextGenDataGrid.d.ts

@@ -8,6 +8,92 @@ export type NextGenDataGridChildrenProps = {
      */
     table: Record<string, any>;
 };
+export type NextGenDataGridFilterStateProps = {
+    /**
+     * - Filter value
+     */
+    value: any;
+    /**
+     * - Callback when the filter value changes
+     */
+    onChange: (value: any) => void;
+    /**
+     * - Callback when the operator changes.
+     */
+    onOprChange?: ({ value: any, opr: string }: any) => void;
+};
+export type NextGenDataGridFilterSyncProps = {
+    /**
+     * - Function to compare values for synchronization. Defaults to strict equality (`===`).
+     */
+    equals?: (a: any, b: any) => boolean;
+    /**
+     * - Debounce delay in milliseconds for synchronization. Defaults to `DEBOUNCE_DELAY`.
+     */
+    delay?: number;
+};
+export type NextGenDataGridHeaderProps = {
+    /**
+     * - Customize the header that is shown above the filter
+     */
+    component?: JSX.Element | (({ api, auth, mrtProps }: any) => JSX.Element);
+    /**
+     * - Enables the filter menu that can change the filter mode. Located on the right side of the filter
+     */
+    enableFilterModes?: boolean;
+    /**
+     * - Enables the advanced filter by showing a segmented control to switch between `Basic` and `Advanced` filters in the filter menu
+     */
+    enableAdvancedFilters?: boolean;
+    /**
+     * - Customize the filter component. When `enableFilterModes` is enabled, this will be a key-value pair object where the key is the filter operator and the value is the filter component
+     */
+    filterComponent?: JSX.Element | (({ api, auth, mrtProps }: any) => JSX.Element | Record<string, JSX.Element | (({ api, auth, mrtProps }: any) => JSX.Element)>);
+    /**
+     * - Props for the filter component. When `enableFilterModes` is enabled, this will be a key-value pair object where the key is the filter operator and the value is the filter component props
+     */
+    filterProps?: Record<string, any> | (({ api, auth, mrtProps }: any) => Record<string, any> | Record<string, Record<string, any> | (({ api, auth, mrtProps }: any) => Record<string, any>)>);
+    /**
+     * - Manage filter state externally
+     */
+    filterState?: NextGenDataGridFilterStateProps;
+    /**
+     * - Options for synchronizing filter state with other components. Defaults to:
+     * - `equals`: A function to compare values, defaults to strict equality (`===`).
+     * - `delay`: A debounce delay in milliseconds, defaults to `DEBOUNCE_DELAY`. It is recommended to use the default value for `delay` to avoid performance issues.
+     */
+    filterSync?: NextGenDataGridFilterSyncProps;
+    /**
+     * - Customize the filter menu action icon beside the filter. Defaults to `Filter Menu` with icon `IconFilterCog`
+     */
+    filterMenu?: JSX.Element | (({ api, auth, mrtProps, componentProps: { label: string, disabled: boolean, indicator: number, actionIconProps: Object, onClick: Function } }: any) => JSX.Element);
+    /**
+     * - Customize the description below the filter when `enableFilterModes` is enabled. Defaults to `Filter Mode: {Filter name}`
+     */
+    filterModeDescription?: JSX.Element | (({ api, auth, mrtProps, componentProps: { value: string } }: any) => JSX.Element);
+    /**
+     * - Whether to update the query params when the filter is applied. Default is true
+     */
+    updateQueryParams?: boolean;
+    /**
+     * - Sets the default operator for the filter. The filter componenet may change based on the operator
+     */
+    defaultOpr?: string;
+};
+export type NextGenDataGridBodyProps = {
+    /**
+     * - Customize the component within the body
+     */
+    component?: JSX.Element | (({ api, auth, mrtProps }: any) => JSX.Element);
+    /**
+     * - Separate the value of a column into multiple rows
+     */
+    separator?: string;
+    /**
+     * - Truncate the value of a column to a certain length. Will be shown as `...` when it exceeds the length with a tooltip containing the full value
+     */
+    truncate?: number;
+};
 export type NextGenDataGridProps = {
     /**
      * - Children to render inside the DataGrid
@@ -73,11 +159,11 @@ export type NextGenDataGridProps = {
     /**
      * - Header props for the table
      */
-    header?: Record<string, Record<string, any>>;
+    header?: Record<string, NextGenDataGridHeaderProps>;
     /**
      * - Body props for the table
      */
-    body?: Record<string, Record<string, any>>;
+    body?: Record<string, NextGenDataGridBodyProps>;
     /**
      * - Form props for the table
      */

package/dist/core/lib/Tables/NextGenDataGrid/hooks/useColumns/Body.d.ts

@@ -0,0 +1,6 @@
+export function Body({ body, col, textFilterSeparator, mrtProps }: {
+    body: any;
+    col: any;
+    textFilterSeparator: any;
+    mrtProps: any;
+}): import("react").JSX.Element;

package/dist/core/lib/Tables/NextGenDataGrid/hooks/useColumns/{ColumnHeaderFilter/ColumnHeaderFilter.d.ts → ColumnHeaderFilter.d.ts}

@@ -1,13 +1,14 @@
-export function ColumnHeaderFilter({ children, enableFilterModes, enableAdvancedFilters, filterProps, filterModeDescription, filterMenu, onFilterClear, onFilterMount, filters, filterFn, mrtProps, }: {
+export function ColumnHeaderFilter({ children, enableFilterModes, enableAdvancedFilters, filters, filterFn, filterProps, filterState, filterSync, filterMenu, filterModeDescription, updateQueryParams, mrtProps, }: {
     children: any;
     enableFilterModes: any;
     enableAdvancedFilters: any;
-    filterProps: any;
-    filterModeDescription: any;
-    filterMenu: any;
-    onFilterClear: any;
-    onFilterMount: any;
     filters: any;
     filterFn: any;
+    filterProps: any;
+    filterState: any;
+    filterSync: any;
+    filterMenu: any;
+    filterModeDescription: any;
+    updateQueryParams: any;
     mrtProps: any;
 }): import("react").JSX.Element;

package/dist/core/lib/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/ColumnHeaderFilterInput.d.ts

@@ -0,0 +1,13 @@
+export function ColumnHeaderFilterInput({ children, opr, enableFilterModes, filters, filterProps, filterState, filterSync, updateQueryParams, actionIconProps, functionProps, mrtProps, }: {
+    children: any;
+    opr: any;
+    enableFilterModes: any;
+    filters: any;
+    filterProps: any;
+    filterState: any;
+    filterSync: any;
+    updateQueryParams: any;
+    actionIconProps: any;
+    functionProps: any;
+    mrtProps: any;
+}): import("react").JSX.Element;

package/dist/core/lib/Tables/NextGenDataGrid/hooks/useColumns/FilterMenuButton.d.ts

@@ -0,0 +1,10 @@
+export function FilterMenuButton({ table, column, opr, filters, enableAdvancedFilters, filterMenu, actionIconProps, functionProps, }: {
+    table: any;
+    column: any;
+    opr: any;
+    filters: any;
+    enableAdvancedFilters: any;
+    filterMenu: any;
+    actionIconProps: any;
+    functionProps: any;
+}): import("react").JSX.Element;

package/dist/core/lib/Tables/NextGenDataGrid/hooks/useColumns/FilterModeDescription.d.ts

@@ -0,0 +1,8 @@
+export function FilterModeDescription({ table, column, opr, filters, filterModeDescription, functionProps }: {
+    table: any;
+    column: any;
+    opr: any;
+    filters: any;
+    filterModeDescription: any;
+    functionProps: any;
+}): import("react").JSX.Element;

package/dist/hooks/cjs/index.cjs

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useActionIcon = require("./useActionIcon/useActionIcon.cjs");
 const useCustomFetch = require("./useCustomFetch/useCustomFetch.cjs");
+const useSyncValues = require("./useSyncValues/useSyncValues.cjs");
 const useTrueOnce = require("./useTrueOnce/useTrueOnce.cjs");
 exports.useActionIcon = useActionIcon.useActionIcon;
 exports.useCustomFetch = useCustomFetch.useCustomFetch;
+exports.useSyncValues = useSyncValues.useSyncValues;
 exports.useTrueOnce = useTrueOnce.useTrueOnce;

package/dist/hooks/cjs/useSyncValues/useSyncValues.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("fastapi-rtk/constants");
+const react = require("react");
+const useSyncValues = (states, { equals = (a, b) => a === b, delay = constants.DEBOUNCE_DELAY } = {}) => {
+  const lastValueRef = react.useRef(states[0].value);
+  const timeoutRef = react.useRef(null);
+  react.useEffect(
+    () => {
+      const changed = states.find((state) => !equals(state.value, lastValueRef.current));
+      if (!changed) {
+        return;
+      }
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => {
+        lastValueRef.current = changed.value;
+        states.forEach((state) => {
+          if (!equals(state.value, lastValueRef.current)) {
+            state.onChange(lastValueRef.current);
+          }
+        });
+      }, delay);
+      return () => clearTimeout(timeoutRef.current);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    states.map((state) => state.value)
+  );
+  return null;
+};
+exports.useSyncValues = useSyncValues;

package/dist/hooks/esm/index.mjs

@@ -1,8 +1,10 @@
 import { useActionIcon } from "./useActionIcon/useActionIcon.mjs";
 import { useCustomFetch } from "./useCustomFetch/useCustomFetch.mjs";
+import { useSyncValues } from "./useSyncValues/useSyncValues.mjs";
 import { useTrueOnce } from "./useTrueOnce/useTrueOnce.mjs";
 export {
   useActionIcon,
   useCustomFetch,
+  useSyncValues,
   useTrueOnce
 };

package/dist/hooks/esm/useSyncValues/useSyncValues.mjs

@@ -0,0 +1,30 @@
+import { DEBOUNCE_DELAY } from "fastapi-rtk/constants";
+import { useRef, useEffect } from "react";
+const useSyncValues = (states, { equals = (a, b) => a === b, delay = DEBOUNCE_DELAY } = {}) => {
+  const lastValueRef = useRef(states[0].value);
+  const timeoutRef = useRef(null);
+  useEffect(
+    () => {
+      const changed = states.find((state) => !equals(state.value, lastValueRef.current));
+      if (!changed) {
+        return;
+      }
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => {
+        lastValueRef.current = changed.value;
+        states.forEach((state) => {
+          if (!equals(state.value, lastValueRef.current)) {
+            state.onChange(lastValueRef.current);
+          }
+        });
+      }, delay);
+      return () => clearTimeout(timeoutRef.current);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    states.map((state) => state.value)
+  );
+  return null;
+};
+export {
+  useSyncValues
+};

package/dist/hooks/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useActionIcon/index';
 export * from './useCustomFetch/index';
+export * from './useSyncValues/index';
 export * from './useTrueOnce/index';

package/dist/hooks/lib/useSyncValues/index.d.ts

@@ -0,0 +1 @@
+export * from './useSyncValues';

package/dist/hooks/lib/useSyncValues/useSyncValues.d.ts

@@ -0,0 +1,7 @@
+export function useSyncValues(states: {
+    value: any;
+    onChange: (value: any) => void;
+}[], { equals, delay }?: {
+    equals: (a: any, b: any) => boolean;
+    delay: number;
+}): void;

package/dist/jsonforms/cjs/MantineInputs/MantineBooleanInput.cjs

@@ -6,16 +6,16 @@ const React = require("react");
 const useBooleanProps = require("../hooks/useBooleanProps.cjs");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
-function MantineBooleanInput(props) {
+function MantineBooleanInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data, schema } = props;
   const isCheckbox = React.useMemo(() => schema.format === "checkbox", [schema.format]);
   const booleanProps = useBooleanProps.useBooleanProps(isCheckbox, { data, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...booleanProps }), [booleanProps, commonProps]);
   const [Component, _props] = useContextProps.useContextProps("Boolean", path, componentProps, props);
-  if (Component === void 0) {
-    return isCheckbox ? /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, { ..._props }) : /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? isCheckbox ? /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, { ..._props }) : /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props }) : Component });
 }
 exports.MantineBooleanInput = MantineBooleanInput;

package/dist/jsonforms/cjs/MantineInputs/MantineDateInput.cjs

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
 const dates = require("@mantine/dates");
 const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useDateProps = require("../hooks/useDateProps.cjs");
-function MantineDateInput(props) {
+function MantineDateInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data } = props;
   const dateProps = useDateProps.useDateProps("date", true, { data, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...dateProps }), [commonProps, dateProps]);
   const [Component, _props] = useContextProps.useContextProps("Date", path, componentProps, props);
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(dates.DateInput, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(dates.DateInput, { ..._props }) : Component });
 }
 exports.MantineDateInput = MantineDateInput;

package/dist/jsonforms/cjs/MantineInputs/MantineDateTimeInput.cjs

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
 const dates = require("@mantine/dates");
 const hooks = require("@mantine/hooks");
 const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useDateProps = require("../hooks/useDateProps.cjs");
-function MantineDateTimeInput(props) {
+function MantineDateTimeInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data } = props;
   const _dateProps = useDateProps.useDateProps("date-time", false, { data, toggle: () => null, onChange: commonProps.onChange });
@@ -20,9 +21,9 @@ function MantineDateTimeInput(props) {
   });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...dateProps }), [commonProps, dateProps]);
   const [Component, _props] = useContextProps.useContextProps("DateTime", path, componentProps, props);
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(dates.DateTimePicker, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(dates.DateTimePicker, { ..._props }) : Component });
 }
 exports.MantineDateTimeInput = MantineDateTimeInput;

package/dist/jsonforms/cjs/MantineInputs/MantineEnumArrayInput.cjs

@@ -6,15 +6,15 @@ const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useMultiSelectProps = require("../hooks/useMultiSelectProps.cjs");
-function MantineEnumArrayInput(props) {
+function MantineEnumArrayInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data } = props;
   const multiSelectProps = useMultiSelectProps.useMultiSelectProps(data, props.schema.items, { onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...multiSelectProps }), [commonProps, multiSelectProps]);
   const [Component, _props] = useContextProps.useContextProps("EnumArray", path, componentProps, props);
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(core.MultiSelect, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.MultiSelect, { ..._props }) : Component });
 }
 exports.MantineEnumArrayInput = MantineEnumArrayInput;

package/dist/jsonforms/cjs/MantineInputs/MantineEnumInput.cjs

@@ -6,15 +6,15 @@ const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useSelectProps = require("../hooks/useSelectProps.cjs");
-function MantineEnumInput(props) {
+function MantineEnumInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data } = props;
   const selectProps = useSelectProps.useSelectProps(data, props.schema);
   const componentProps = React.useMemo(() => ({ ...commonProps, ...selectProps }), [commonProps, selectProps]);
   const [Component, _props] = useContextProps.useContextProps("Enum", path, componentProps, props);
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props }) : Component });
 }
 exports.MantineEnumInput = MantineEnumInput;

package/dist/jsonforms/cjs/MantineInputs/MantineJsonInput.cjs

@@ -6,15 +6,15 @@ const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useJsonProps = require("../hooks/useJsonProps.cjs");
-function MantineJsonInput(props) {
+function MantineJsonInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data } = props;
   const jsonProps = useJsonProps.useJsonProps({ data, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...jsonProps }), [commonProps, jsonProps]);
   const [Component, _props] = useContextProps.useContextProps("Text", path, componentProps, props);
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(core.JsonInput, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.JsonInput, { ..._props }) : Component });
 }
 exports.MantineJsonInput = MantineJsonInput;

package/dist/jsonforms/cjs/MantineInputs/MantineNumberInput.cjs

@@ -6,15 +6,15 @@ const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useNumberProps = require("../hooks/useNumberProps.cjs");
-function MantineNumberInput(props) {
+function MantineNumberInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data } = props;
   const numberProps = useNumberProps.useNumberProps("number", { data, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...numberProps }), [commonProps, numberProps]);
   const [Component, _props] = useContextProps.useContextProps("Number", path, componentProps, props);
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(core.NumberInput, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.NumberInput, { ..._props }) : Component });
 }
 exports.MantineNumberInput = MantineNumberInput;

package/dist/jsonforms/cjs/MantineInputs/MantineOneOfEnumInput.cjs

@@ -6,7 +6,7 @@ const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useSelectProps = require("../hooks/useSelectProps.cjs");
-function MantineOneOfEnumInput(props) {
+function MantineOneOfEnumInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data, schema } = props;
   const selectProps = useSelectProps.useSelectProps(data, schema);
@@ -23,9 +23,9 @@ function MantineOneOfEnumInput(props) {
     [commonProps, errorProps, selectProps]
   );
   const [Component, _props] = useContextProps.useContextProps("OneOfEnum", path, componentProps, props);
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props }) : Component });
 }
 exports.MantineOneOfEnumInput = MantineOneOfEnumInput;

package/dist/jsonforms/cjs/MantineInputs/MantineTextInput.cjs

@@ -6,18 +6,15 @@ const React = require("react");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useTextProps = require("../hooks/useTextProps.cjs");
-function MantineTextInput(props) {
+function MantineTextInput({ margin, ...props }) {
   const commonProps = useCommonProps.useCommonProps(props);
   const { path, data, schema } = props;
   const textProps = useTextProps.useTextProps({ data, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...textProps }), [commonProps, textProps]);
   const [Component, _props] = useContextProps.useContextProps("Text", path, componentProps, props);
-  if (Component === void 0) {
-    if (schema.format === "password") {
-      return /* @__PURE__ */ jsxRuntime.jsx(core.PasswordInput, { ..._props });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { ..._props });
+  if (!props.visible) {
+    return null;
   }
-  return Component;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? schema.format === "password" ? /* @__PURE__ */ jsxRuntime.jsx(core.PasswordInput, { ..._props }) : /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { ..._props }) : Component });
 }
 exports.MantineTextInput = MantineTextInput;

package/dist/jsonforms/cjs/complex/MantineArrayControl/MantineArrayControl.cjs

@@ -3,9 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
+const core$1 = require("@mantine/core");
 const React = require("react");
 const isEnumArrayArrayControl = require("../../testers/isEnumArrayArrayControl.cjs");
 const isJsonArrayControl = require("../../testers/isJsonArrayControl.cjs");
+const constants = require("../../utils/constants.cjs");
 const MantineTableControl = require("../MantineTableControl/MantineTableControl.cjs");
 const DeleteDialog = require("./DeleteDialog.cjs");
 const Component = (props) => {
@@ -32,7 +34,7 @@ const Component = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(MantineTableControl.MantineTableControl, { ...props, openDeleteDialog }),
+    /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { m: constants.DEFAULT_MARGIN, children: /* @__PURE__ */ jsxRuntime.jsx(MantineTableControl.MantineTableControl, { ...props, openDeleteDialog }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       DeleteDialog.DeleteDialog,
       {

package/dist/jsonforms/cjs/complex/MantineEnumArrayControl.cjs

@@ -5,7 +5,8 @@ const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineEnumArrayInput = require("../MantineInputs/MantineEnumArrayInput.cjs");
 const isEnumArrayControl = require("../testers/isEnumArrayControl.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineEnumArrayRendererTester = core.rankWith(1, isEnumArrayControl.isEnumArrayControl);
-const MantineEnumArrayRenderer = react.withJsonFormsMultiEnumProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineEnumArrayInput.MantineEnumArrayInput, { ...props }));
+const MantineEnumArrayRenderer = react.withJsonFormsMultiEnumProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineEnumArrayInput.MantineEnumArrayInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineEnumArrayRenderer = MantineEnumArrayRenderer;
 exports.mantineEnumArrayRendererTester = mantineEnumArrayRendererTester;

package/dist/jsonforms/cjs/controls/MantineBooleanControl.cjs

@@ -4,7 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineBooleanInput = require("../MantineInputs/MantineBooleanInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineBooleanControlTester = core.rankWith(1, core.isBooleanControl);
-const MantineBooleanControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineBooleanInput.MantineBooleanInput, { ...props }));
+const MantineBooleanControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineBooleanInput.MantineBooleanInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineBooleanControl = MantineBooleanControl;
 exports.mantineBooleanControlTester = mantineBooleanControlTester;

package/dist/jsonforms/cjs/controls/MantineDateControl.cjs

@@ -4,7 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineDateInput = require("../MantineInputs/MantineDateInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineDateControlTester = core.rankWith(1, core.isDateControl);
-const MantineDateControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineDateInput.MantineDateInput, { ...props }));
+const MantineDateControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineDateInput.MantineDateInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineDateControl = MantineDateControl;
 exports.mantineDateControlTester = mantineDateControlTester;

package/dist/jsonforms/cjs/controls/MantineDateTimeControl.cjs

@@ -4,7 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineDateTimeInput = require("../MantineInputs/MantineDateTimeInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineDateTimeControlTester = core.rankWith(1, core.isDateTimeControl);
-const MantineDateTimeControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineDateTimeInput.MantineDateTimeInput, { ...props }));
+const MantineDateTimeControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineDateTimeInput.MantineDateTimeInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineDateTimeControl = MantineDateTimeControl;
 exports.mantineDateTimeControlTester = mantineDateTimeControlTester;

package/dist/jsonforms/cjs/controls/MantineEnumControl.cjs

@@ -4,9 +4,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineEnumInput = require("../MantineInputs/MantineEnumInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineEnumControlTester = core.rankWith(2, core.isEnumControl);
 const MantineEnumControl = react.withJsonFormsEnumProps(
-  react.withTranslateProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineEnumInput.MantineEnumInput, { ...props })),
+  react.withTranslateProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineEnumInput.MantineEnumInput, { margin: constants.DEFAULT_MARGIN, ...props })),
   false
 );
 exports.MantineEnumControl = MantineEnumControl;

package/dist/jsonforms/cjs/controls/MantineIntegerControl.cjs

@@ -4,7 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineNumberInput = require("../MantineInputs/MantineNumberInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineIntegerControlTester = core.rankWith(1, core.isIntegerControl);
-const MantineIntegerControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineNumberInput.MantineNumberInput, { ...props }));
+const MantineIntegerControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineNumberInput.MantineNumberInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineIntegerControl = MantineIntegerControl;
 exports.mantineIntegerControlTester = mantineIntegerControlTester;

package/dist/jsonforms/cjs/controls/MantineJsonControl.cjs

@@ -5,7 +5,8 @@ const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineJsonInput = require("../MantineInputs/MantineJsonInput.cjs");
 const isJsonControl = require("../testers/isJsonControl.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineJsonControlTester = core.rankWith(2, isJsonControl.isJsonControl);
-const MantineJsonControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineJsonInput.MantineJsonInput, { ...props }));
+const MantineJsonControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineJsonInput.MantineJsonInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineJsonControl = MantineJsonControl;
 exports.mantineJsonControlTester = mantineJsonControlTester;

package/dist/jsonforms/cjs/controls/MantineNumberControl.cjs

@@ -4,7 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineNumberInput = require("../MantineInputs/MantineNumberInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineNumberControlTester = core.rankWith(1, core.isNumberControl);
-const MantineNumberControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineNumberInput.MantineNumberInput, { ...props }));
+const MantineNumberControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineNumberInput.MantineNumberInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineNumberControl = MantineNumberControl;
 exports.mantineNumberControlTester = mantineNumberControlTester;

package/dist/jsonforms/cjs/controls/MantineOneOfEnumControl.cjs

@@ -4,9 +4,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineOneOfEnumInput = require("../MantineInputs/MantineOneOfEnumInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineOneOfEnumControlTester = core.rankWith(2, core.isOneOfControl);
 const MantineOneOfEnumControl = react.withJsonFormsOneOfEnumProps(
-  react.withTranslateProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineOneOfEnumInput.MantineOneOfEnumInput, { ...props })),
+  react.withTranslateProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineOneOfEnumInput.MantineOneOfEnumInput, { margin: constants.DEFAULT_MARGIN, ...props })),
   false
 );
 exports.MantineOneOfEnumControl = MantineOneOfEnumControl;

package/dist/jsonforms/cjs/controls/MantineTextControl.cjs

@@ -4,7 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineTextInput = require("../MantineInputs/MantineTextInput.cjs");
+const constants = require("../utils/constants.cjs");
 const mantineTextControlTester = core.rankWith(1, core.isStringControl);
-const MantineTextControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineTextInput.MantineTextInput, { ...props }));
+const MantineTextControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineTextInput.MantineTextInput, { margin: constants.DEFAULT_MARGIN, ...props }));
 exports.MantineTextControl = MantineTextControl;
 exports.mantineTextControlTester = mantineTextControlTester;