@bodynarf/react.components 1.4.20 → 1.4.21

package/components/form/components/container/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormState } from "../../redux";
 import { FormModuleProps } from "../../component";
 /** Form container props type */
@@ -12,11 +11,12 @@ interface FormContainerComponentProps extends Omit<FormState, 'initialConfig' |
     submitForm: () => void;
 }
 /** Form container component */
-declare const FormContainer: import("react-redux").ConnectedComponent<({ items, state, valuesStorage, formCfg, submitForm }: FormContainerComponentProps) => JSX.Element, {
+declare const FormContainer: import("react-redux").ConnectedComponent<({ items, state, valuesStorage, formCfg, submitForm, }: FormContainerComponentProps) => JSX.Element, {
     onSubmit: (values: import("../../redux").FieldValue[]) => void;
     name: string;
     caption?: string | undefined;
     items: import("../../types").Field<any>[];
+    submitButtonConfiguration: import("../../types").SubmitButtonConfiguration;
     context?: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
     store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
 }>;

package/components/form/components/container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/container/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAmC,SAAS,EAAE,MAAM,aAAa,CAAC;AAGzE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAuClD,gCAAgC;AAChC,UAAU,2BAA4B,SAAQ,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,aAAa,CAAC;IAE1F,iCAAiC;IACjC,OAAO,EAAE,eAAe,CAAC;IAEzB;;;OAGG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,+BAA+B;AAC/B,QAAA,MAAM,aAAa,kGA7ChB,2BAA2B,KAAG,WAAW;;;;;;;EAmDnB,CAAC;AAE1B,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/container/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAmC,SAAS,EAAE,MAAM,aAAa,CAAC;AAGzE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAwClD,gCAAgC;AAChC,UAAU,2BAA4B,SAAQ,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,aAAa,CAAC;IAE1F,iCAAiC;IACjC,OAAO,EAAE,eAAe,CAAC;IAEzB;;;OAGG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,+BAA+B;AAC/B,QAAA,MAAM,aAAa,mGA9ChB,2BAA2B,KAAG,WAAW;;;;;;;;EAoDnB,CAAC;AAE1B,eAAe,aAAa,CAAC"}

package/components/form/components/container/index.js

@@ -5,7 +5,7 @@ import Form from "../form";
 import { getInitAction, getSetFormStatus } from "../../redux";
 import { submitFormAsync } from "../../redux/actions";
 import Button from "../../../button";
-const FormContainerComponent = ({ items, state, valuesStorage, formCfg, submitForm }) => {
+const FormContainerComponent = ({ items, state, valuesStorage, formCfg, submitForm, }) => {
     const dispatch = useDispatch();
     useEffect(() => {
         if (state === "init") {
@@ -17,7 +17,8 @@ const FormContainerComponent = ({ items, state, valuesStorage, formCfg, submitFo
         }
     }, [state]);
     const onSubmitClick = useCallback(submitForm, [submitForm]);
-    return (_jsxs(_Fragment, { children: [_jsx(Form, { items: items, name: formCfg.name, caption: formCfg.caption }), _jsx(Button, { onClick: onSubmitClick, caption: "Submit", type: "success", disabled: state === "validating" })] }));
+    const buttonDisabled = formCfg.submitButtonConfiguration.disabled || state === "validating";
+    return (_jsxs(_Fragment, { children: [_jsx(Form, { items: items, name: formCfg.name, caption: formCfg.caption }), _jsx(Button, { ...formCfg.submitButtonConfiguration, onClick: onSubmitClick, disabled: buttonDisabled })] }));
 };
 /** Form container component */
 const FormContainer = connect(({ items, state, valuesStorage }, props) => ({ items, state, valuesStorage, formCfg: props }), {

package/components/form/components/form/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { FormConfig, FormItem } from "../../types";
 /** Form component props type */
-interface FormProps extends Omit<FormConfig, 'items'> {
+interface FormProps extends Omit<FormConfig, 'items' | 'submitButtonConfiguration'> {
     /** Form caption */
     items: Array<FormItem<any>>;
 }

package/components/form/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/form/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAInD,gCAAgC;AAChC,UAAU,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IACjD,mBAAmB;IACnB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CAC/B;AAED,wBAAwB;AACxB,QAAA,MAAM,IAAI,6BAA8B,SAAS,KAAG,WAuBnD,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/form/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAInD,gCAAgC;AAChC,UAAU,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,2BAA2B,CAAC;IAC/E,mBAAmB;IACnB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CAC/B;AAED,wBAAwB;AACxB,QAAA,MAAM,IAAI,6BAA8B,SAAS,KAAG,WAuBnD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/components/form/types/model/form.config.d.ts

@@ -1,4 +1,4 @@
-import { Field } from ".";
+import { Field, SubmitButtonConfiguration } from ".";
 /** Form configuration */
 export interface FormConfig {
     /** Form name */
@@ -12,5 +12,9 @@ export interface FormConfig {
      * To see possible extensions - see `model/extensions/items` interfaces with `..Extension` name template
     */
     items: Array<Field<any>>;
+    /**
+     * Configuration for submit button
+     */
+    submitButtonConfiguration: SubmitButtonConfiguration;
 }
 //# sourceMappingURL=form.config.d.ts.map

package/components/form/types/model/form.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.config.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/types/model/form.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,yBAAyB;AACzB,MAAM,WAAW,UAAU;IACvB,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IAEb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;MAKE;IACF,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;CAC5B"}
+{"version":3,"file":"form.config.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/types/model/form.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAC;AAErD,yBAAyB;AACzB,MAAM,WAAW,UAAU;IACvB,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IAEb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;MAKE;IACF,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAEzB;;OAEG;IACH,yBAAyB,EAAE,yBAAyB,CAAC;CACxD"}

package/components/form/types/model/form.submitButtonCfg.d.ts

@@ -0,0 +1,26 @@
+import { ButtonType } from "../../../button/types";
+import { ElementIcon, ElementSize } from "../../../types";
+/** Form submit button configuration */
+export interface SubmitButtonConfiguration {
+    /** Button displaying text */
+    caption?: string;
+    /** Type of button (color)  */
+    type: ButtonType;
+    /** Configuration of inner icon */
+    icon?: ElementIcon;
+    /** Button size  */
+    size?: ElementSize;
+    /** Title on hover */
+    title?: string;
+    /** Is button uses light version of color  */
+    light?: boolean;
+    /** Is button outlined */
+    outlined?: boolean;
+    /** Should button corners be rounded  */
+    rounded?: boolean;
+    /** Display loading icon */
+    isLoading?: boolean;
+    /** Is button disabled */
+    disabled?: boolean;
+}
+//# sourceMappingURL=form.submitButtonCfg.d.ts.map

package/components/form/types/model/form.submitButtonCfg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.submitButtonCfg.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/types/model/form.submitButtonCfg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE1D,uCAAuC;AACvC,MAAM,WAAW,yBAAyB;IACtC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/components/form/types/model/form.submitButtonCfg.js

@@ -0,0 +1 @@
+export {};

package/components/form/types/model/index.d.ts

@@ -6,4 +6,5 @@ export * from "./formItemValidationState";
 export * from "./validationResult";
 export * from "./extensions";
 export * from "./form.config";
+export * from "./form.submitButtonCfg";
 //# sourceMappingURL=index.d.ts.map

package/components/form/types/model/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/types/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/types/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}

package/components/form/types/model/index.js

@@ -6,3 +6,4 @@ export * from "./formItemValidationState";
 export * from "./validationResult";
 export * from "./extensions";
 export * from "./form.config";
+export * from "./form.submitButtonCfg";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bodynarf/react.components",
-    "version": "1.4.20",
+    "version": "1.4.21",
     "author": {
         "name": "Artem",
         "email": "bodynar@gmail.com"