@nvs-dynamic-form/react-core 1.4.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/nvs-dynamic-form/_style.css +40 -0
- package/dist/cjs/nvs-dynamic-form/_template.d.ts +2 -2
- package/dist/cjs/nvs-dynamic-form/_template.js +22 -62
- package/dist/cjs/nvs-dynamic-form/_template.js.map +1 -1
- package/dist/cjs/nvs-dynamic-form/_type.d.ts +18 -4
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.d.ts +3 -0
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.js +62 -0
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_type.d.ts +10 -0
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_type.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/index.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/_template.d.ts +3 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/_template.js +28 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/_template.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/_type.d.ts +8 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/_type.js +3 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/_type.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/index.js +19 -0
- package/dist/cjs/nvs-dynamic-form/elements/button/index.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/_template.d.ts +3 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/_template.js +12 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/_template.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/_type.d.ts +8 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/_type.js +3 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/_type.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/index.d.ts +2 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/index.js +19 -0
- package/dist/cjs/nvs-dynamic-form/elements/container/index.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/field/_template.js +9 -3
- package/dist/cjs/nvs-dynamic-form/elements/field/_template.js.map +1 -1
- package/dist/cjs/nvs-dynamic-form/elements/field/_type.d.ts +7 -6
- package/dist/cjs/nvs-dynamic-form/elements/groupField/_template.d.ts +2 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/_template.js +26 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/_template.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/_type.d.ts +9 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/_type.js +3 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/_type.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/index.d.ts +2 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/index.js +19 -0
- package/dist/cjs/nvs-dynamic-form/elements/groupField/index.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/_template.d.ts +3 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/_template.js +87 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/_template.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/_type.d.ts +8 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/_type.js +3 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/_type.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/index.d.ts +1 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/index.js +18 -0
- package/dist/cjs/nvs-dynamic-form/formikForm/index.js.map +1 -0
- package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.d.ts +39 -0
- package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js +92 -0
- package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js.map +1 -0
- package/dist/cjs/types/array-field-action-button.type.d.ts +14 -0
- package/dist/cjs/types/array-field-action-button.type.js +26 -0
- package/dist/cjs/types/array-field-action-button.type.js.map +1 -0
- package/dist/cjs/types/array-field.type.d.ts +13 -0
- package/dist/cjs/types/array-field.type.js +16 -0
- package/dist/cjs/types/array-field.type.js.map +1 -0
- package/dist/cjs/types/{form-field.type.d.ts → field-base.type.d.ts} +1 -1
- package/dist/cjs/types/{form-field.type.js → field-base.type.js} +1 -1
- package/dist/cjs/types/{form-field.type.js.map → field-base.type.js.map} +1 -1
- package/dist/cjs/types/group-field.type.d.ts +10 -0
- package/dist/cjs/types/group-field.type.js +13 -0
- package/dist/cjs/types/group-field.type.js.map +1 -0
- package/dist/cjs/types/index.d.ts +4 -2
- package/dist/cjs/types/index.js +4 -2
- package/dist/cjs/types/index.js.map +1 -1
- package/dist/cjs/types/{submit-button-options.type.d.ts → submit-button-default-options.type.d.ts} +1 -1
- package/dist/cjs/types/submit-button-default-options.type.js +3 -0
- package/dist/cjs/types/submit-button-default-options.type.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/_style.css +40 -0
- package/dist/esm/nvs-dynamic-form/_template.d.ts +2 -2
- package/dist/esm/nvs-dynamic-form/_template.js +20 -40
- package/dist/esm/nvs-dynamic-form/_template.js.map +1 -1
- package/dist/esm/nvs-dynamic-form/_type.d.ts +18 -4
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.d.ts +3 -0
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.js +55 -0
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_type.d.ts +10 -0
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_type.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/arrayField/index.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/button/_template.d.ts +3 -0
- package/dist/esm/nvs-dynamic-form/elements/button/_template.js +21 -0
- package/dist/esm/nvs-dynamic-form/elements/button/_template.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/button/_type.d.ts +8 -0
- package/dist/esm/nvs-dynamic-form/elements/button/_type.js +2 -0
- package/dist/esm/nvs-dynamic-form/elements/button/_type.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/button/index.d.ts +2 -0
- package/dist/esm/nvs-dynamic-form/elements/button/index.js +3 -0
- package/dist/esm/nvs-dynamic-form/elements/button/index.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/container/_template.d.ts +3 -0
- package/dist/esm/nvs-dynamic-form/elements/container/_template.js +5 -0
- package/dist/esm/nvs-dynamic-form/elements/container/_template.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/container/_type.d.ts +8 -0
- package/dist/esm/nvs-dynamic-form/elements/container/_type.js +2 -0
- package/dist/esm/nvs-dynamic-form/elements/container/_type.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/container/index.d.ts +2 -0
- package/dist/esm/nvs-dynamic-form/elements/container/index.js +3 -0
- package/dist/esm/nvs-dynamic-form/elements/container/index.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/field/_template.js +9 -3
- package/dist/esm/nvs-dynamic-form/elements/field/_template.js.map +1 -1
- package/dist/esm/nvs-dynamic-form/elements/field/_type.d.ts +7 -6
- package/dist/esm/nvs-dynamic-form/elements/groupField/_template.d.ts +2 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/_template.js +22 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/_template.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/_type.d.ts +9 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/_type.js +2 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/_type.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/index.d.ts +2 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/index.js +3 -0
- package/dist/esm/nvs-dynamic-form/elements/groupField/index.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/formikForm/_template.d.ts +3 -0
- package/dist/esm/nvs-dynamic-form/formikForm/_template.js +60 -0
- package/dist/esm/nvs-dynamic-form/formikForm/_template.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/formikForm/_type.d.ts +8 -0
- package/dist/esm/nvs-dynamic-form/formikForm/_type.js +2 -0
- package/dist/esm/nvs-dynamic-form/formikForm/_type.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/formikForm/index.d.ts +1 -0
- package/dist/esm/nvs-dynamic-form/formikForm/index.js +2 -0
- package/dist/esm/nvs-dynamic-form/formikForm/index.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.d.ts +39 -0
- package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.js +85 -0
- package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.js.map +1 -0
- package/dist/esm/types/array-field-action-button.type.d.ts +14 -0
- package/dist/esm/types/array-field-action-button.type.js +20 -0
- package/dist/esm/types/array-field-action-button.type.js.map +1 -0
- package/dist/esm/types/array-field.type.d.ts +13 -0
- package/dist/esm/types/array-field.type.js +12 -0
- package/dist/esm/types/array-field.type.js.map +1 -0
- package/dist/esm/types/{form-field.type.d.ts → field-base.type.d.ts} +1 -1
- package/dist/esm/types/{form-field.type.js → field-base.type.js} +1 -1
- package/dist/esm/types/{form-field.type.js.map → field-base.type.js.map} +1 -1
- package/dist/esm/types/group-field.type.d.ts +10 -0
- package/dist/esm/types/group-field.type.js +9 -0
- package/dist/esm/types/group-field.type.js.map +1 -0
- package/dist/esm/types/index.d.ts +4 -2
- package/dist/esm/types/index.js +4 -2
- package/dist/esm/types/index.js.map +1 -1
- package/dist/esm/types/{submit-button-options.type.d.ts → submit-button-default-options.type.d.ts} +1 -1
- package/dist/esm/types/submit-button-default-options.type.js +2 -0
- package/dist/esm/types/submit-button-default-options.type.js.map +1 -0
- package/lib/nvs-dynamic-form/_stories.tsx +276 -16
- package/lib/nvs-dynamic-form/_style.css +40 -0
- package/lib/nvs-dynamic-form/_template.tsx +40 -65
- package/lib/nvs-dynamic-form/_type.tsx +23 -4
- package/lib/nvs-dynamic-form/elements/arrayField/_template.tsx +123 -0
- package/lib/nvs-dynamic-form/elements/arrayField/_type.tsx +11 -0
- package/lib/nvs-dynamic-form/elements/arrayField/index.tsx +2 -0
- package/lib/nvs-dynamic-form/elements/button/_template.tsx +42 -0
- package/lib/nvs-dynamic-form/elements/button/_type.tsx +8 -0
- package/lib/nvs-dynamic-form/elements/button/index.tsx +2 -0
- package/lib/nvs-dynamic-form/elements/container/_template.tsx +10 -0
- package/lib/nvs-dynamic-form/elements/container/_type.tsx +7 -0
- package/lib/nvs-dynamic-form/elements/container/index.tsx +2 -0
- package/lib/nvs-dynamic-form/elements/field/_template.tsx +9 -4
- package/lib/nvs-dynamic-form/elements/field/_type.tsx +8 -6
- package/lib/nvs-dynamic-form/elements/groupField/_template.tsx +32 -0
- package/lib/nvs-dynamic-form/elements/groupField/_type.tsx +10 -0
- package/lib/nvs-dynamic-form/elements/groupField/index.tsx +2 -0
- package/lib/nvs-dynamic-form/formikForm/_template.tsx +85 -0
- package/lib/nvs-dynamic-form/formikForm/_type.tsx +9 -0
- package/lib/nvs-dynamic-form/formikForm/index.tsx +1 -0
- package/lib/nvs-dynamic-form/services/generateFormContentUtils.tsx +173 -0
- package/lib/types/array-field-action-button.type.tsx +26 -0
- package/lib/types/array-field.type.tsx +27 -0
- package/lib/types/{form-field.type.tsx → field-base.type.tsx} +1 -1
- package/lib/types/group-field.type.tsx +15 -0
- package/lib/types/index.tsx +4 -2
- package/lib/types/submit-button-default-options.type.tsx +5 -0
- package/package.json +1 -1
- package/dist/cjs/nvs-dynamic-form/elements/submit-button/_template.d.ts +0 -3
- package/dist/cjs/nvs-dynamic-form/elements/submit-button/_template.js +0 -30
- package/dist/cjs/nvs-dynamic-form/elements/submit-button/_template.js.map +0 -1
- package/dist/cjs/nvs-dynamic-form/elements/submit-button/_type.d.ts +0 -11
- package/dist/cjs/nvs-dynamic-form/elements/submit-button/_type.js.map +0 -1
- package/dist/cjs/nvs-dynamic-form/elements/submit-button/index.js.map +0 -1
- package/dist/cjs/types/submit-button-options.type.js +0 -7
- package/dist/cjs/types/submit-button-options.type.js.map +0 -1
- package/dist/esm/nvs-dynamic-form/elements/submit-button/_template.d.ts +0 -3
- package/dist/esm/nvs-dynamic-form/elements/submit-button/_template.js +0 -23
- package/dist/esm/nvs-dynamic-form/elements/submit-button/_template.js.map +0 -1
- package/dist/esm/nvs-dynamic-form/elements/submit-button/_type.d.ts +0 -11
- package/dist/esm/nvs-dynamic-form/elements/submit-button/_type.js.map +0 -1
- package/dist/esm/nvs-dynamic-form/elements/submit-button/index.js.map +0 -1
- package/dist/esm/types/submit-button-options.type.js +0 -3
- package/dist/esm/types/submit-button-options.type.js.map +0 -1
- package/lib/nvs-dynamic-form/elements/submit-button/_template.tsx +0 -42
- package/lib/nvs-dynamic-form/elements/submit-button/_type.tsx +0 -12
- package/lib/types/submit-button-options.type.tsx +0 -5
- /package/dist/cjs/nvs-dynamic-form/elements/{submit-button → arrayField}/_type.js +0 -0
- /package/dist/cjs/nvs-dynamic-form/elements/{submit-button → arrayField}/index.d.ts +0 -0
- /package/dist/cjs/nvs-dynamic-form/elements/{submit-button → arrayField}/index.js +0 -0
- /package/dist/{esm/nvs-dynamic-form/elements/submit-button → cjs/nvs-dynamic-form/elements/button}/index.d.ts +0 -0
- /package/dist/esm/nvs-dynamic-form/elements/{submit-button → arrayField}/_type.js +0 -0
- /package/{lib/nvs-dynamic-form/elements/submit-button/index.tsx → dist/esm/nvs-dynamic-form/elements/arrayField/index.d.ts} +0 -0
- /package/dist/esm/nvs-dynamic-form/elements/{submit-button → arrayField}/index.js +0 -0
package/package.json
CHANGED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.SubmitButton = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const SubmitButton = ({ submitButton, submitButtonVisible = true, submitButtonLabel = submitButton.defaultOptions.label, submitButtonIsFullWidth = submitButton.defaultOptions.isFullWidth, submitButtonPosition = submitButton.defaultOptions.position, }) => {
|
|
9
|
-
const getSubmitButtonComponent = () => {
|
|
10
|
-
const SubmitButton = submitButton.component;
|
|
11
|
-
return react_1.default.createElement(SubmitButton, null, submitButtonLabel);
|
|
12
|
-
};
|
|
13
|
-
const getButtonPositionClass = (position) => {
|
|
14
|
-
const classes = {
|
|
15
|
-
left: "nvs-jc-start",
|
|
16
|
-
right: "nvs-jc-end",
|
|
17
|
-
center: "nvs-jc-center",
|
|
18
|
-
};
|
|
19
|
-
return classes[position];
|
|
20
|
-
};
|
|
21
|
-
const getSubmitButtonClasses = () => {
|
|
22
|
-
const buttonClasses = ["df-button"];
|
|
23
|
-
submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
|
|
24
|
-
return buttonClasses.join(" ");
|
|
25
|
-
};
|
|
26
|
-
return submitButtonVisible ? (react_1.default.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
|
|
27
|
-
react_1.default.createElement("div", { className: getSubmitButtonClasses() }, getSubmitButtonComponent()))) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
28
|
-
};
|
|
29
|
-
exports.SubmitButton = SubmitButton;
|
|
30
|
-
//# sourceMappingURL=_template.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/_template.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAEnB,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,YAAY,CAAC,cAAc,CAAC,KAAK,EACrD,uBAAuB,GAAG,YAAY,CAAC,cAAc,CAAC,WAAW,EACjE,oBAAoB,GAAG,YAAY,CAAC,cAAc,CAAC,QAAQ,GAC7C,EAAE,EAAE;IAClB,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC;QAC5C,OAAO,8BAAC,YAAY,QAAE,iBAAiB,CAAgB,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,QAAqC,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,eAAe;SACxB,CAAC;QACF,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,MAAM,aAAa,GAAG,CAAC,WAAW,CAAC,CAAC;QAEpC,uBAAuB,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5D,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAC3B,uCAAK,SAAS,EAAE,WAAW,sBAAsB,CAAC,oBAAoB,CAAC,EAAE;QACvE,uCAAK,SAAS,EAAE,sBAAsB,EAAE,IACrC,wBAAwB,EAAE,CACvB,CACF,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,YAAY,gBAsCvB"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { SubmitButtonOptions } from "../../../types";
|
|
2
|
-
export interface ISubmitButton {
|
|
3
|
-
submitButton: {
|
|
4
|
-
component: React.FC<any>;
|
|
5
|
-
defaultOptions: SubmitButtonOptions;
|
|
6
|
-
};
|
|
7
|
-
submitButtonVisible?: boolean;
|
|
8
|
-
submitButtonLabel?: string;
|
|
9
|
-
submitButtonPosition?: "left" | "center" | "right";
|
|
10
|
-
submitButtonIsFullWidth?: boolean;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_type.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/_type.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"submit-button-options.type.js","sourceRoot":"","sources":["../../../lib/types/submit-button-options.type.tsx"],"names":[],"mappings":";;;AAAA,MAAa,mBAAmB;CAI/B;AAJD,kDAIC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export const SubmitButton = ({ submitButton, submitButtonVisible = true, submitButtonLabel = submitButton.defaultOptions.label, submitButtonIsFullWidth = submitButton.defaultOptions.isFullWidth, submitButtonPosition = submitButton.defaultOptions.position, }) => {
|
|
3
|
-
const getSubmitButtonComponent = () => {
|
|
4
|
-
const SubmitButton = submitButton.component;
|
|
5
|
-
return React.createElement(SubmitButton, null, submitButtonLabel);
|
|
6
|
-
};
|
|
7
|
-
const getButtonPositionClass = (position) => {
|
|
8
|
-
const classes = {
|
|
9
|
-
left: "nvs-jc-start",
|
|
10
|
-
right: "nvs-jc-end",
|
|
11
|
-
center: "nvs-jc-center",
|
|
12
|
-
};
|
|
13
|
-
return classes[position];
|
|
14
|
-
};
|
|
15
|
-
const getSubmitButtonClasses = () => {
|
|
16
|
-
const buttonClasses = ["df-button"];
|
|
17
|
-
submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
|
|
18
|
-
return buttonClasses.join(" ");
|
|
19
|
-
};
|
|
20
|
-
return submitButtonVisible ? (React.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
|
|
21
|
-
React.createElement("div", { className: getSubmitButtonClasses() }, getSubmitButtonComponent()))) : (React.createElement(React.Fragment, null));
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=_template.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/_template.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,YAAY,CAAC,cAAc,CAAC,KAAK,EACrD,uBAAuB,GAAG,YAAY,CAAC,cAAc,CAAC,WAAW,EACjE,oBAAoB,GAAG,YAAY,CAAC,cAAc,CAAC,QAAQ,GAC7C,EAAE,EAAE;IAClB,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC;QAC5C,OAAO,oBAAC,YAAY,QAAE,iBAAiB,CAAgB,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,QAAqC,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,eAAe;SACxB,CAAC;QACF,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,MAAM,aAAa,GAAG,CAAC,WAAW,CAAC,CAAC;QAEpC,uBAAuB,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5D,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAC3B,6BAAK,SAAS,EAAE,WAAW,sBAAsB,CAAC,oBAAoB,CAAC,EAAE;QACvE,6BAAK,SAAS,EAAE,sBAAsB,EAAE,IACrC,wBAAwB,EAAE,CACvB,CACF,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { SubmitButtonOptions } from "../../../types";
|
|
2
|
-
export interface ISubmitButton {
|
|
3
|
-
submitButton: {
|
|
4
|
-
component: React.FC<any>;
|
|
5
|
-
defaultOptions: SubmitButtonOptions;
|
|
6
|
-
};
|
|
7
|
-
submitButtonVisible?: boolean;
|
|
8
|
-
submitButtonLabel?: string;
|
|
9
|
-
submitButtonPosition?: "left" | "center" | "right";
|
|
10
|
-
submitButtonIsFullWidth?: boolean;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_type.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/_type.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"submit-button-options.type.js","sourceRoot":"","sources":["../../../lib/types/submit-button-options.type.tsx"],"names":[],"mappings":"AAAA,MAAM,OAAO,mBAAmB;CAI/B"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { ISubmitButton } from "./_type";
|
|
2
|
-
import React from "react";
|
|
3
|
-
|
|
4
|
-
export const SubmitButton = ({
|
|
5
|
-
submitButton,
|
|
6
|
-
submitButtonVisible = true,
|
|
7
|
-
submitButtonLabel = submitButton.defaultOptions.label,
|
|
8
|
-
submitButtonIsFullWidth = submitButton.defaultOptions.isFullWidth,
|
|
9
|
-
submitButtonPosition = submitButton.defaultOptions.position,
|
|
10
|
-
}: ISubmitButton) => {
|
|
11
|
-
const getSubmitButtonComponent = () => {
|
|
12
|
-
const SubmitButton = submitButton.component;
|
|
13
|
-
return <SubmitButton>{submitButtonLabel}</SubmitButton>;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const getButtonPositionClass = (position: "left" | "right" | "center") => {
|
|
17
|
-
const classes = {
|
|
18
|
-
left: "nvs-jc-start",
|
|
19
|
-
right: "nvs-jc-end",
|
|
20
|
-
center: "nvs-jc-center",
|
|
21
|
-
};
|
|
22
|
-
return classes[position];
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const getSubmitButtonClasses = () => {
|
|
26
|
-
const buttonClasses = ["df-button"];
|
|
27
|
-
|
|
28
|
-
submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
|
|
29
|
-
|
|
30
|
-
return buttonClasses.join(" ");
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
return submitButtonVisible ? (
|
|
34
|
-
<div className={`nvs-row ${getButtonPositionClass(submitButtonPosition)}`}>
|
|
35
|
-
<div className={getSubmitButtonClasses()}>
|
|
36
|
-
{getSubmitButtonComponent()}
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
) : (
|
|
40
|
-
<></>
|
|
41
|
-
);
|
|
42
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { SubmitButtonOptions } from "../../../types";
|
|
2
|
-
|
|
3
|
-
export interface ISubmitButton {
|
|
4
|
-
submitButton: {
|
|
5
|
-
component: React.FC<any>;
|
|
6
|
-
defaultOptions: SubmitButtonOptions;
|
|
7
|
-
};
|
|
8
|
-
submitButtonVisible?: boolean;
|
|
9
|
-
submitButtonLabel?: string;
|
|
10
|
-
submitButtonPosition?: "left" | "center" | "right";
|
|
11
|
-
submitButtonIsFullWidth?: boolean;
|
|
12
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|