@ahmadmubarak98/namozaj 1.9.0 → 1.10.0

package/dist/main.d.ts

@@ -51,11 +51,30 @@ 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 ButtonConfig = BaseFieldConfig & {
-    type: "text";
-    meta: Omit<BaseFieldConfig["meta"], 'defaultValue, placeholder, translated, validations, renderLabelRightSide, dependencies, onValueChange, compute'> & {
+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'];
@@ -292,7 +311,9 @@ export declare type MultiSelectFieldConfig = BaseFieldConfig & {
 
 export declare const Namozaj: default_2.ForwardRefExoticComponent<NamozajProps & default_2.RefAttributes<any>>;
 
-export declare type NamozajField = ButtonConfig | TextFieldConfig | NumberFieldConfig | SliderFieldConfig | PhoneFieldConfig | GroupFieldConfig | SelectFieldConfig | MultiSelectFieldConfig | CheckBoxGroupFieldConfig | RadioGroupFieldConfig | SwitchFieldConfig | CheckboxFieldConfig | DateFieldConfig | FileFieldConfig | ComputedFieldConfig | SectionFieldConfig | ButtonFieldConfig | RepeaterFieldConfig | FieldArrayFieldConfig;
+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 & {
     validateForm: () => Promise<boolean>;
@@ -346,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);
@@ -87616,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.9.0",
+  "version": "1.10.0",
   "type": "module",
   "main": "dist/namozaj.js",
   "types": "dist/main.d.ts",