@nvs-dynamic-form/react-core 1.0.0 → 1.1.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.
Files changed (17) hide show
  1. package/dist/cjs/index.d.ts +1 -0
  2. package/dist/cjs/index.js +1 -0
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/nvsDynamicForm/_style.css +5 -0
  5. package/dist/cjs/nvsDynamicForm/_template.d.ts +1 -0
  6. package/dist/cjs/nvsDynamicForm/_template.js +18 -9
  7. package/dist/cjs/nvsDynamicForm/_template.js.map +1 -1
  8. package/dist/cjs/nvsDynamicForm/_type.d.ts +1 -1
  9. package/dist/index.d.ts +1 -0
  10. package/dist/index.js +1 -0
  11. package/dist/index.js.map +1 -1
  12. package/dist/nvsDynamicForm/_style.css +5 -0
  13. package/dist/nvsDynamicForm/_template.d.ts +1 -0
  14. package/dist/nvsDynamicForm/_template.js +18 -9
  15. package/dist/nvsDynamicForm/_template.js.map +1 -1
  16. package/dist/nvsDynamicForm/_type.d.ts +1 -1
  17. package/package.json +4 -2
package/dist/cjs/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from "./nvsDynamicForm";
2
+ export * from "./types";
package/dist/cjs/index.js CHANGED
@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./nvsDynamicForm"), exports);
18
+ __exportStar(require("./types"), exports);
18
19
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB"}
package/dist/cjs/nvsDynamicForm/_style.css ADDED
@@ -0,0 +1,5 @@
1
+ .df-button {
2
+ display: inline-flex;
3
+ margin-top: 8px;
4
+ padding: 0 4px;
5
+ }
package/dist/cjs/nvsDynamicForm/_template.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import "nvs-flexgrid";
1
2
  import "./_style.css";
2
3
  import React from "react";
3
4
  import { INvsDynamicForm } from "./_type";
package/dist/cjs/nvsDynamicForm/_template.js CHANGED
@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.NvsDynamicForm = void 0;
27
+ require("nvs-flexgrid");
27
28
  require("./_style.css");
28
29
  const Yup = __importStar(require("yup"));
29
30
  const formik_1 = require("formik");
@@ -53,13 +54,13 @@ const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, s
53
54
  const createFieldItemClass = (screenSize) => {
54
55
  const className = [];
55
56
  if (typeof screenSize == "number")
56
- className.push("df-col-" + screenSize);
57
+ className.push("nvs-col-" + screenSize);
57
58
  else {
58
- className.push("df-col-" + screenSize?.desktop);
59
+ className.push("nvs-col-md-" + screenSize?.desktop);
59
60
  if (screenSize?.tablet)
60
- className.push("df-col-t-" + screenSize.tablet);
61
+ className.push("nvs-col-sm-" + screenSize.tablet);
61
62
  if (screenSize?.mobile)
62
- className.push("df-col-m-" + screenSize.mobile);
63
+ className.push("nvs-col-xs-" + screenSize.mobile);
63
64
  }
64
65
  return className;
65
66
  };
@@ -78,17 +79,25 @@ const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, s
78
79
  const SubmitButton = submitButton.component;
79
80
  return react_1.default.createElement(SubmitButton, null, submitButtonLabel);
80
81
  };
82
+ const getButtonPositionClass = (position) => {
83
+ const classes = {
84
+ left: "nvs-jc-start",
85
+ right: "nvs-jc-end",
86
+ center: "nvs-jc-center",
87
+ };
88
+ return classes[position];
89
+ };
81
90
  const createSubmitButton = () => {
82
91
  const buttonClasses = ["df-button"];
83
- submitButtonIsFullWidth && buttonClasses.push("df-col-12");
84
- return (react_1.default.createElement("div", { className: `df-row df-flex-${submitButtonPosition}` },
92
+ submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
93
+ return (react_1.default.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
85
94
  react_1.default.createElement("div", { className: buttonClasses.join(" ") }, getSubmitButtonComponent())));
86
95
  };
87
- const createForm = (errors, touched) => (react_1.default.createElement(formik_1.Form, { className: `df-container-fluid${formClass ? ` ${formClass}` : ""}` },
88
- react_1.default.createElement("div", { className: "df-row" }, createFormElements(errors, touched)),
96
+ const createForm = (errors, touched) => (react_1.default.createElement(formik_1.Form, { className: `nvs-container-fluid${formClass ? ` ${formClass}` : ""}` },
97
+ react_1.default.createElement("div", { className: "nvs-row" }, createFormElements(errors, touched)),
89
98
  submitButtonVisible && createSubmitButton()));
90
99
  return (react_1.default.createElement(formik_1.Formik, { initialValues: defaultValues, validationSchema: validateSchema, onSubmit: async (values) => {
91
- await onSubmit(values);
100
+ onSubmit && (await onSubmit(values));
92
101
  } }, ({ errors, touched }) => createForm(errors, touched)));
93
102
  };
94
103
  exports.NvsDynamicForm = NvsDynamicForm;
package/dist/cjs/nvsDynamicForm/_template.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvsDynamicForm/_template.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvsDynamicForm/_template.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/nvsDynamicForm/_type.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FieldBase, SubmitButton } from "../types";
3
3
  export interface INvsDynamicForm {
4
- onSubmit: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
4
+ onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
5
5
  submitButton: SubmitButton;
6
6
  formElements: {
7
7
  [key: string]: {
package/dist/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from "./nvsDynamicForm";
2
+ export * from "./types";
package/dist/index.js CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./nvsDynamicForm";
2
+ export * from "./types";
2
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}
package/dist/nvsDynamicForm/_style.css ADDED
@@ -0,0 +1,5 @@
1
+ .df-button {
2
+ display: inline-flex;
3
+ margin-top: 8px;
4
+ padding: 0 4px;
5
+ }
package/dist/nvsDynamicForm/_template.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import "nvs-flexgrid";
1
2
  import "./_style.css";
2
3
  import React from "react";
3
4
  import { INvsDynamicForm } from "./_type";
package/dist/nvsDynamicForm/_template.js CHANGED
@@ -1,3 +1,4 @@
1
+ import "nvs-flexgrid";
1
2
  import "./_style.css";
2
3
  import * as Yup from "yup";
3
4
  import { Form, Formik } from "formik";
@@ -27,13 +28,13 @@ export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formC
27
28
  const createFieldItemClass = (screenSize) => {
28
29
  const className = [];
29
30
  if (typeof screenSize == "number")
30
- className.push("df-col-" + screenSize);
31
+ className.push("nvs-col-" + screenSize);
31
32
  else {
32
- className.push("df-col-" + screenSize?.desktop);
33
+ className.push("nvs-col-md-" + screenSize?.desktop);
33
34
  if (screenSize?.tablet)
34
- className.push("df-col-t-" + screenSize.tablet);
35
+ className.push("nvs-col-sm-" + screenSize.tablet);
35
36
  if (screenSize?.mobile)
36
- className.push("df-col-m-" + screenSize.mobile);
37
+ className.push("nvs-col-xs-" + screenSize.mobile);
37
38
  }
38
39
  return className;
39
40
  };
@@ -52,17 +53,25 @@ export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formC
52
53
  const SubmitButton = submitButton.component;
53
54
  return React.createElement(SubmitButton, null, submitButtonLabel);
54
55
  };
56
+ const getButtonPositionClass = (position) => {
57
+ const classes = {
58
+ left: "nvs-jc-start",
59
+ right: "nvs-jc-end",
60
+ center: "nvs-jc-center",
61
+ };
62
+ return classes[position];
63
+ };
55
64
  const createSubmitButton = () => {
56
65
  const buttonClasses = ["df-button"];
57
- submitButtonIsFullWidth && buttonClasses.push("df-col-12");
58
- return (React.createElement("div", { className: `df-row df-flex-${submitButtonPosition}` },
66
+ submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
67
+ return (React.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
59
68
  React.createElement("div", { className: buttonClasses.join(" ") }, getSubmitButtonComponent())));
60
69
  };
61
- const createForm = (errors, touched) => (React.createElement(Form, { className: `df-container-fluid${formClass ? ` ${formClass}` : ""}` },
62
- React.createElement("div", { className: "df-row" }, createFormElements(errors, touched)),
70
+ const createForm = (errors, touched) => (React.createElement(Form, { className: `nvs-container-fluid${formClass ? ` ${formClass}` : ""}` },
71
+ React.createElement("div", { className: "nvs-row" }, createFormElements(errors, touched)),
63
72
  submitButtonVisible && createSubmitButton()));
64
73
  return (React.createElement(Formik, { initialValues: defaultValues, validationSchema: validateSchema, onSubmit: async (values) => {
65
- await onSubmit(values);
74
+ onSubmit && (await onSubmit(values));
66
75
  } }, ({ errors, touched }) => createForm(errors, touched)));
67
76
  };
68
77
  //# sourceMappingURL=_template.js.map
package/dist/nvsDynamicForm/_template.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"_template.js","sourceRoot":"","sources":["../../lib/nvsDynamicForm/_template.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"_template.js","sourceRoot":"","sources":["../../lib/nvsDynamicForm/_template.tsx"],"names":[],"mappings":"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"}
package/dist/nvsDynamicForm/_type.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FieldBase, SubmitButton } from "../types";
3
3
  export interface INvsDynamicForm {
4
- onSubmit: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
4
+ onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
5
5
  submitButton: SubmitButton;
6
6
  formElements: {
7
7
  [key: string]: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nvs-dynamic-form/react-core",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -9,7 +9,8 @@
9
9
  "packages.json"
10
10
  ],
11
11
  "scripts": {
12
- "build": "rm -rf dist/ && npm run build:esm && npm run build:cjs",
12
+ "copy-css": "cp ./lib/nvsDynamicForm/_style.css ./dist/cjs/nvsDynamicForm && cp ./lib/nvsDynamicForm/_style.css ./dist/nvsDynamicForm",
13
+ "build": "rm -rf dist/ && npm run build:esm && npm run build:cjs && npm run copy-css",
13
14
  "build:esm": "tsc",
14
15
  "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
15
16
  "start": "cd example && npm start",
@@ -62,6 +63,7 @@
62
63
  "packageManager": "pnpm@9.1.2+sha512.127dc83b9ea10c32be65d22a8efb4a65fb952e8fefbdfded39bdc3c97efc32d31b48b00420df2c1187ace28c921c902f0cb5a134a4d032b8b5295cbfa2c681e2",
63
64
  "dependencies": {
64
65
  "formik": "^2.4.6",
66
+ "nvs-flexgrid": "^1.0.3",
65
67
  "yup": "^1.4.0"
66
68
  }
67
69
  }