@ahmadmubarak98/namozaj 1.8.20 → 1.10.0

package/dist/main.d.ts

@@ -1,3 +1,4 @@
+import { ButtonOwnProps } from '@mui/material';
 import { ButtonPropsSizeOverrides } from '@mui/material';
 import { ButtonPropsVariantOverrides } from '@mui/material';
 import { CountryIso2 } from 'react-international-phone';
@@ -50,8 +51,42 @@ export declare type BaseFormFieldProps = {
     locale?: string | undefined;
 };
 
+export declare type BaseFormRepresentationalBlockProps = {
+    id?: string;
+    name: string;
+    config: NamozajRepresentationalBlock;
+};
+
 export declare type BasePlacement = "top" | "bottom" | "right" | "left";
 
+export declare type BaseRepresentationalBlockConfig = {
+    name: string;
+    type: "button";
+    meta: {
+        style?: React.CSSProperties;
+        className?: string;
+        hidden?: boolean;
+        fullRow?: boolean;
+        grid?: GridColumnConfig;
+    };
+};
+
+export declare type ButtonConfig = BaseRepresentationalBlockConfig & {
+    type: "button";
+    meta: BaseRepresentationalBlockConfig['meta'] & {
+        label: string;
+        variant?: ButtonOwnProps['variant'];
+        startIcon?: React.ReactNode | string;
+        size?: ButtonOwnProps['size'];
+        color?: ButtonOwnProps['color'];
+        endIcon?: React.ReactNode | string;
+        onClick: (formMethods: RHFFormMethods) => void | Promise<void>;
+        disabled?: boolean;
+        hidden?: boolean;
+        fullWidth?: boolean;
+    };
+};
+
 export declare type ButtonFieldConfig = BaseFieldConfig & {
     type: "button";
     meta: BaseFieldConfig["meta"] & {
@@ -158,7 +193,7 @@ export declare type FieldOptionFetchFunction = (() => Promise<FieldOption[]>) |
 
 export declare type FieldSize = 'small' | 'medium';
 
-export declare type FieldType = "text" | "phone" | "number" | "slider" | "select" | "multi-select" | "checkbox-group" | "radio-group" | "checkbox" | "switch" | "date" | "time" | "datetime" | "file" | "repeater" | "field-array" | "group";
+export declare type FieldType = "text" | "phone" | "number" | "slider" | "select" | "multi-select" | "checkbox-group" | "radio-group" | "checkbox" | "switch" | "date" | "time" | "datetime" | "file" | "repeater" | "field-array" | "group" | "button";
 
 export declare type FieldValueType = string | number | boolean | Date | File | (string | undefined)[] | ({
     [x: string]: any;
@@ -276,6 +311,8 @@ export declare type MultiSelectFieldConfig = BaseFieldConfig & {
 
 export declare const Namozaj: default_2.ForwardRefExoticComponent<NamozajProps & default_2.RefAttributes<any>>;
 
+export declare type NamozajBlock = NamozajField | NamozajRepresentationalBlock;
+
 export declare type NamozajField = TextFieldConfig | NumberFieldConfig | SliderFieldConfig | PhoneFieldConfig | GroupFieldConfig | SelectFieldConfig | MultiSelectFieldConfig | CheckBoxGroupFieldConfig | RadioGroupFieldConfig | SwitchFieldConfig | CheckboxFieldConfig | DateFieldConfig | FileFieldConfig | ComputedFieldConfig | SectionFieldConfig | ButtonFieldConfig | RepeaterFieldConfig | FieldArrayFieldConfig;
 
 export declare type NamozajFormMethods = RHFFormMethods & {
@@ -330,6 +367,8 @@ export declare interface NamozajProps {
     onChange?: (data: any) => void;
 }
 
+export declare type NamozajRepresentationalBlock = ButtonConfig;
+
 export declare type NamozajStepItem = {
     label: string;
     description?: React.ReactNode;

package/dist/namozaj.js

@@ -1248,7 +1248,9 @@ function useForm(e = {}) {
 }
 const DEFAULT_LOCALE_PICKER_FIELD_NAME = "localePicker_Field", DEFAULT_GRID_SIZE = 12, DEFAULT_FIELD_VARIANT = "outlined", DEFAULT_FIELD_SIZE = "medium", DEFAULT_TEXT_AREA_ROWS = 4, FIELDS_EXCLUDE_VALIDATION = [
   "group"
-], FIELDS_TO_FLATTEN = ["group"], FIELDS_EXCLUDE_LABEL = [
+], FIELDS_TO_FLATTEN = ["group"], FIELDS_EXCLUDE_AS_VALUE = [
+  "button"
+], FIELDS_EXCLUDE_LABEL = [
   "checkbox",
   "switch",
   "repeater",
@@ -6048,7 +6050,7 @@ addMethod(create$6, YUP_PHONE_METHOD, function(t, a) {
   });
 });
 const createYupSchema = (e) => {
-  const l = flattenFields(e).filter(
+  const l = flattenFields(e).filter((c) => !FIELDS_EXCLUDE_AS_VALUE.includes(c.type) && c.name).filter(
     (c) => !FIELDS_EXCLUDE_VALIDATION.includes(c.type)
   ).reduce((c, p) => (c[p.name] = createFieldValidator(p), c), {});
   return create$3().shape(l);
@@ -86051,6 +86053,8 @@ const ConfirmationDialog = ({
         return /* @__PURE__ */ jsx(FieldArrayField, { ...D });
       case "group":
         return /* @__PURE__ */ jsx(GroupField, { ...D });
+      case "button":
+        return /* @__PURE__ */ jsx(GroupField, { ...D });
       default:
         return null;
     }
@@ -87614,7 +87618,12 @@ const Form = React__default.forwardRef(
     const { selectedLocales: a } = useLocalNamozajProvider(), [l, c] = useState(!0), [p, d] = useState(0), u = useMemo(
       () => createYupSchema(e.fields),
       [e, e.fields, (V = e.localization) == null ? void 0 : V.locales, createYupSchema]
-    ), b = useMemo(() => e.defaultValues ? e.defaultValues : getDefaultValues(e.fields), [e.fields, e.defaultValues]), h = useForm({
+    ), b = useMemo(() => {
+      let Z = e.fields.filter(
+        (ce) => !FIELDS_EXCLUDE_AS_VALUE.includes(ce.type)
+      );
+      return e.defaultValues ? e.defaultValues : getDefaultValues(Z);
+    }, [e.fields, e.defaultValues]), h = useForm({
       resolver: o(u),
       defaultValues: b,
       mode: e.validationMode || "onChange"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ahmadmubarak98/namozaj",
   "private": false,
-  "version": "1.8.20",
+  "version": "1.10.0",
   "type": "module",
   "main": "dist/namozaj.js",
   "types": "dist/main.d.ts",