@nvs-dynamic-form/react-core 1.5.0 → 2.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 (191) hide show
  1. package/dist/cjs/nvs-dynamic-form/_style.css +40 -0
  2. package/dist/cjs/nvs-dynamic-form/_template.d.ts +2 -2
  3. package/dist/cjs/nvs-dynamic-form/_template.js +24 -62
  4. package/dist/cjs/nvs-dynamic-form/_template.js.map +1 -1
  5. package/dist/cjs/nvs-dynamic-form/_type.d.ts +20 -4
  6. package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.d.ts +3 -0
  7. package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.js +88 -0
  8. package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.js.map +1 -0
  9. package/dist/cjs/nvs-dynamic-form/elements/arrayField/_type.d.ts +12 -0
  10. package/dist/cjs/nvs-dynamic-form/elements/arrayField/_type.js.map +1 -0
  11. package/dist/cjs/nvs-dynamic-form/elements/arrayField/index.js.map +1 -0
  12. package/dist/cjs/nvs-dynamic-form/elements/button/_template.d.ts +3 -0
  13. package/dist/cjs/nvs-dynamic-form/elements/button/_template.js +28 -0
  14. package/dist/cjs/nvs-dynamic-form/elements/button/_template.js.map +1 -0
  15. package/dist/cjs/nvs-dynamic-form/elements/button/_type.d.ts +8 -0
  16. package/dist/cjs/nvs-dynamic-form/elements/button/_type.js +3 -0
  17. package/dist/cjs/nvs-dynamic-form/elements/button/_type.js.map +1 -0
  18. package/dist/cjs/nvs-dynamic-form/elements/button/index.js +19 -0
  19. package/dist/cjs/nvs-dynamic-form/elements/button/index.js.map +1 -0
  20. package/dist/cjs/nvs-dynamic-form/elements/container/_template.d.ts +3 -0
  21. package/dist/cjs/nvs-dynamic-form/elements/container/_template.js +12 -0
  22. package/dist/cjs/nvs-dynamic-form/elements/container/_template.js.map +1 -0
  23. package/dist/cjs/nvs-dynamic-form/elements/container/_type.d.ts +8 -0
  24. package/dist/cjs/nvs-dynamic-form/elements/container/_type.js +3 -0
  25. package/dist/cjs/nvs-dynamic-form/elements/container/_type.js.map +1 -0
  26. package/dist/cjs/nvs-dynamic-form/elements/container/index.d.ts +2 -0
  27. package/dist/cjs/nvs-dynamic-form/elements/container/index.js +19 -0
  28. package/dist/cjs/nvs-dynamic-form/elements/container/index.js.map +1 -0
  29. package/dist/cjs/nvs-dynamic-form/elements/field/_type.d.ts +7 -6
  30. package/dist/cjs/nvs-dynamic-form/elements/groupField/_template.d.ts +2 -0
  31. package/dist/cjs/nvs-dynamic-form/elements/groupField/_template.js +26 -0
  32. package/dist/cjs/nvs-dynamic-form/elements/groupField/_template.js.map +1 -0
  33. package/dist/cjs/nvs-dynamic-form/elements/groupField/_type.d.ts +9 -0
  34. package/dist/cjs/nvs-dynamic-form/elements/groupField/_type.js +3 -0
  35. package/dist/cjs/nvs-dynamic-form/elements/groupField/_type.js.map +1 -0
  36. package/dist/cjs/nvs-dynamic-form/elements/groupField/index.d.ts +2 -0
  37. package/dist/cjs/nvs-dynamic-form/elements/groupField/index.js +19 -0
  38. package/dist/cjs/nvs-dynamic-form/elements/groupField/index.js.map +1 -0
  39. package/dist/cjs/nvs-dynamic-form/formikForm/_template.d.ts +3 -0
  40. package/dist/cjs/nvs-dynamic-form/formikForm/_template.js +87 -0
  41. package/dist/cjs/nvs-dynamic-form/formikForm/_template.js.map +1 -0
  42. package/dist/cjs/nvs-dynamic-form/formikForm/_type.d.ts +8 -0
  43. package/dist/cjs/nvs-dynamic-form/formikForm/_type.js +3 -0
  44. package/dist/cjs/nvs-dynamic-form/formikForm/_type.js.map +1 -0
  45. package/dist/cjs/nvs-dynamic-form/formikForm/index.d.ts +1 -0
  46. package/dist/cjs/nvs-dynamic-form/formikForm/index.js +18 -0
  47. package/dist/cjs/nvs-dynamic-form/formikForm/index.js.map +1 -0
  48. package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.d.ts +44 -0
  49. package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js +96 -0
  50. package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js.map +1 -0
  51. package/dist/cjs/types/array-field-action-button.type.d.ts +14 -0
  52. package/dist/cjs/types/array-field-action-button.type.js +26 -0
  53. package/dist/cjs/types/array-field-action-button.type.js.map +1 -0
  54. package/dist/cjs/types/array-field.type.d.ts +13 -0
  55. package/dist/cjs/types/array-field.type.js +15 -0
  56. package/dist/cjs/types/array-field.type.js.map +1 -0
  57. package/dist/cjs/types/{form-field.type.js → field-base.type.js} +1 -1
  58. package/dist/cjs/types/{form-field.type.js.map → field-base.type.js.map} +1 -1
  59. package/dist/cjs/types/group-field.type.d.ts +10 -0
  60. package/dist/cjs/types/group-field.type.js +13 -0
  61. package/dist/cjs/types/group-field.type.js.map +1 -0
  62. package/dist/cjs/types/index.d.ts +5 -2
  63. package/dist/cjs/types/index.js +5 -2
  64. package/dist/cjs/types/index.js.map +1 -1
  65. package/dist/cjs/types/{submit-button-options.type.d.ts → submit-button-default-options.type.d.ts} +1 -1
  66. package/dist/cjs/types/submit-button-default-options.type.js +3 -0
  67. package/dist/cjs/types/submit-button-default-options.type.js.map +1 -0
  68. package/dist/esm/nvs-dynamic-form/_style.css +40 -0
  69. package/dist/esm/nvs-dynamic-form/_template.d.ts +2 -2
  70. package/dist/esm/nvs-dynamic-form/_template.js +22 -40
  71. package/dist/esm/nvs-dynamic-form/_template.js.map +1 -1
  72. package/dist/esm/nvs-dynamic-form/_type.d.ts +20 -4
  73. package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.d.ts +3 -0
  74. package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.js +61 -0
  75. package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.js.map +1 -0
  76. package/dist/esm/nvs-dynamic-form/elements/arrayField/_type.d.ts +12 -0
  77. package/dist/esm/nvs-dynamic-form/elements/arrayField/_type.js.map +1 -0
  78. package/dist/esm/nvs-dynamic-form/elements/arrayField/index.js.map +1 -0
  79. package/dist/esm/nvs-dynamic-form/elements/button/_template.d.ts +3 -0
  80. package/dist/esm/nvs-dynamic-form/elements/button/_template.js +21 -0
  81. package/dist/esm/nvs-dynamic-form/elements/button/_template.js.map +1 -0
  82. package/dist/esm/nvs-dynamic-form/elements/button/_type.d.ts +8 -0
  83. package/dist/esm/nvs-dynamic-form/elements/button/_type.js +2 -0
  84. package/dist/esm/nvs-dynamic-form/elements/button/_type.js.map +1 -0
  85. package/dist/esm/nvs-dynamic-form/elements/button/index.d.ts +2 -0
  86. package/dist/esm/nvs-dynamic-form/elements/button/index.js +3 -0
  87. package/dist/esm/nvs-dynamic-form/elements/button/index.js.map +1 -0
  88. package/dist/esm/nvs-dynamic-form/elements/container/_template.d.ts +3 -0
  89. package/dist/esm/nvs-dynamic-form/elements/container/_template.js +5 -0
  90. package/dist/esm/nvs-dynamic-form/elements/container/_template.js.map +1 -0
  91. package/dist/esm/nvs-dynamic-form/elements/container/_type.d.ts +8 -0
  92. package/dist/esm/nvs-dynamic-form/elements/container/_type.js +2 -0
  93. package/dist/esm/nvs-dynamic-form/elements/container/_type.js.map +1 -0
  94. package/dist/esm/nvs-dynamic-form/elements/container/index.d.ts +2 -0
  95. package/dist/esm/nvs-dynamic-form/elements/container/index.js +3 -0
  96. package/dist/esm/nvs-dynamic-form/elements/container/index.js.map +1 -0
  97. package/dist/esm/nvs-dynamic-form/elements/field/_type.d.ts +7 -6
  98. package/dist/esm/nvs-dynamic-form/elements/groupField/_template.d.ts +2 -0
  99. package/dist/esm/nvs-dynamic-form/elements/groupField/_template.js +22 -0
  100. package/dist/esm/nvs-dynamic-form/elements/groupField/_template.js.map +1 -0
  101. package/dist/esm/nvs-dynamic-form/elements/groupField/_type.d.ts +9 -0
  102. package/dist/esm/nvs-dynamic-form/elements/groupField/_type.js +2 -0
  103. package/dist/esm/nvs-dynamic-form/elements/groupField/_type.js.map +1 -0
  104. package/dist/esm/nvs-dynamic-form/elements/groupField/index.d.ts +2 -0
  105. package/dist/esm/nvs-dynamic-form/elements/groupField/index.js +3 -0
  106. package/dist/esm/nvs-dynamic-form/elements/groupField/index.js.map +1 -0
  107. package/dist/esm/nvs-dynamic-form/formikForm/_template.d.ts +3 -0
  108. package/dist/esm/nvs-dynamic-form/formikForm/_template.js +60 -0
  109. package/dist/esm/nvs-dynamic-form/formikForm/_template.js.map +1 -0
  110. package/dist/esm/nvs-dynamic-form/formikForm/_type.d.ts +8 -0
  111. package/dist/esm/nvs-dynamic-form/formikForm/_type.js +2 -0
  112. package/dist/esm/nvs-dynamic-form/formikForm/_type.js.map +1 -0
  113. package/dist/esm/nvs-dynamic-form/formikForm/index.d.ts +1 -0
  114. package/dist/esm/nvs-dynamic-form/formikForm/index.js +2 -0
  115. package/dist/esm/nvs-dynamic-form/formikForm/index.js.map +1 -0
  116. package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.d.ts +44 -0
  117. package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.js +89 -0
  118. package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.js.map +1 -0
  119. package/dist/esm/types/array-field-action-button.type.d.ts +14 -0
  120. package/dist/esm/types/array-field-action-button.type.js +20 -0
  121. package/dist/esm/types/array-field-action-button.type.js.map +1 -0
  122. package/dist/esm/types/array-field.type.d.ts +13 -0
  123. package/dist/esm/types/array-field.type.js +11 -0
  124. package/dist/esm/types/array-field.type.js.map +1 -0
  125. package/dist/esm/types/{form-field.type.js → field-base.type.js} +1 -1
  126. package/dist/esm/types/{form-field.type.js.map → field-base.type.js.map} +1 -1
  127. package/dist/esm/types/group-field.type.d.ts +10 -0
  128. package/dist/esm/types/group-field.type.js +9 -0
  129. package/dist/esm/types/group-field.type.js.map +1 -0
  130. package/dist/esm/types/index.d.ts +5 -2
  131. package/dist/esm/types/index.js +5 -2
  132. package/dist/esm/types/index.js.map +1 -1
  133. package/dist/esm/types/{submit-button-options.type.d.ts → submit-button-default-options.type.d.ts} +1 -1
  134. package/dist/esm/types/submit-button-default-options.type.js +2 -0
  135. package/dist/esm/types/submit-button-default-options.type.js.map +1 -0
  136. package/lib/nvs-dynamic-form/_stories.tsx +275 -16
  137. package/lib/nvs-dynamic-form/_style.css +40 -0
  138. package/lib/nvs-dynamic-form/_template.tsx +44 -65
  139. package/lib/nvs-dynamic-form/_type.tsx +27 -4
  140. package/lib/nvs-dynamic-form/elements/arrayField/_template.tsx +149 -0
  141. package/lib/nvs-dynamic-form/elements/arrayField/_type.tsx +18 -0
  142. package/lib/nvs-dynamic-form/elements/arrayField/index.tsx +2 -0
  143. package/lib/nvs-dynamic-form/elements/button/_template.tsx +42 -0
  144. package/lib/nvs-dynamic-form/elements/button/_type.tsx +8 -0
  145. package/lib/nvs-dynamic-form/elements/button/index.tsx +2 -0
  146. package/lib/nvs-dynamic-form/elements/container/_template.tsx +10 -0
  147. package/lib/nvs-dynamic-form/elements/container/_type.tsx +7 -0
  148. package/lib/nvs-dynamic-form/elements/container/index.tsx +2 -0
  149. package/lib/nvs-dynamic-form/elements/field/_type.tsx +8 -6
  150. package/lib/nvs-dynamic-form/elements/groupField/_template.tsx +32 -0
  151. package/lib/nvs-dynamic-form/elements/groupField/_type.tsx +10 -0
  152. package/lib/nvs-dynamic-form/elements/groupField/index.tsx +2 -0
  153. package/lib/nvs-dynamic-form/formikForm/_template.tsx +85 -0
  154. package/lib/nvs-dynamic-form/formikForm/_type.tsx +9 -0
  155. package/lib/nvs-dynamic-form/formikForm/index.tsx +1 -0
  156. package/lib/nvs-dynamic-form/services/generateFormContentUtils.tsx +190 -0
  157. package/lib/types/array-field-action-button.type.tsx +26 -0
  158. package/lib/types/array-field.type.tsx +23 -0
  159. package/lib/types/group-field.type.tsx +15 -0
  160. package/lib/types/index.tsx +5 -2
  161. package/lib/types/submit-button-default-options.type.tsx +5 -0
  162. package/package.json +1 -1
  163. package/dist/cjs/nvs-dynamic-form/elements/submit-button/_template.d.ts +0 -3
  164. package/dist/cjs/nvs-dynamic-form/elements/submit-button/_template.js +0 -30
  165. package/dist/cjs/nvs-dynamic-form/elements/submit-button/_template.js.map +0 -1
  166. package/dist/cjs/nvs-dynamic-form/elements/submit-button/_type.d.ts +0 -11
  167. package/dist/cjs/nvs-dynamic-form/elements/submit-button/_type.js.map +0 -1
  168. package/dist/cjs/nvs-dynamic-form/elements/submit-button/index.js.map +0 -1
  169. package/dist/cjs/types/submit-button-options.type.js +0 -7
  170. package/dist/cjs/types/submit-button-options.type.js.map +0 -1
  171. package/dist/esm/nvs-dynamic-form/elements/submit-button/_template.d.ts +0 -3
  172. package/dist/esm/nvs-dynamic-form/elements/submit-button/_template.js +0 -23
  173. package/dist/esm/nvs-dynamic-form/elements/submit-button/_template.js.map +0 -1
  174. package/dist/esm/nvs-dynamic-form/elements/submit-button/_type.d.ts +0 -11
  175. package/dist/esm/nvs-dynamic-form/elements/submit-button/_type.js.map +0 -1
  176. package/dist/esm/nvs-dynamic-form/elements/submit-button/index.js.map +0 -1
  177. package/dist/esm/types/submit-button-options.type.js +0 -3
  178. package/dist/esm/types/submit-button-options.type.js.map +0 -1
  179. package/lib/nvs-dynamic-form/elements/submit-button/_template.tsx +0 -42
  180. package/lib/nvs-dynamic-form/elements/submit-button/_type.tsx +0 -12
  181. package/lib/types/submit-button-options.type.tsx +0 -5
  182. /package/dist/cjs/nvs-dynamic-form/elements/{submit-button → arrayField}/_type.js +0 -0
  183. /package/dist/cjs/nvs-dynamic-form/elements/{submit-button → arrayField}/index.d.ts +0 -0
  184. /package/dist/cjs/nvs-dynamic-form/elements/{submit-button → arrayField}/index.js +0 -0
  185. /package/dist/{esm/nvs-dynamic-form/elements/submit-button → cjs/nvs-dynamic-form/elements/button}/index.d.ts +0 -0
  186. /package/dist/cjs/types/{form-field.type.d.ts → field-base.type.d.ts} +0 -0
  187. /package/dist/esm/nvs-dynamic-form/elements/{submit-button → arrayField}/_type.js +0 -0
  188. /package/{lib/nvs-dynamic-form/elements/submit-button/index.tsx → dist/esm/nvs-dynamic-form/elements/arrayField/index.d.ts} +0 -0
  189. /package/dist/esm/nvs-dynamic-form/elements/{submit-button → arrayField}/index.js +0 -0
  190. /package/dist/esm/types/{form-field.type.d.ts → field-base.type.d.ts} +0 -0
  191. /package/lib/types/{form-field.type.tsx → field-base.type.tsx} +0 -0
@@ -0,0 +1,5 @@
1
+ export interface ISubmitButtonDefaultOptions {
2
+ label: string;
3
+ isFullWidth: boolean;
4
+ position: "left" | "right" | "center";
5
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nvs-dynamic-form/react-core",
3
- "version": "1.5.0",
3
+ "version": "2.1.0",
4
4
  "types": "dist/cjs/index.d.ts",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -1,3 +0,0 @@
1
- import { ISubmitButton } from "./_type";
2
- import React from "react";
3
- export declare const SubmitButton: ({ submitButton, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, }: ISubmitButton) => React.JSX.Element;
@@ -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,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SubmitButtonOptions = void 0;
4
- class SubmitButtonOptions {
5
- }
6
- exports.SubmitButtonOptions = SubmitButtonOptions;
7
- //# sourceMappingURL=submit-button-options.type.js.map
@@ -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,3 +0,0 @@
1
- import { ISubmitButton } from "./_type";
2
- import React from "react";
3
- export declare const SubmitButton: ({ submitButton, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, }: ISubmitButton) => React.JSX.Element;
@@ -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,3 +0,0 @@
1
- export class SubmitButtonOptions {
2
- }
3
- //# sourceMappingURL=submit-button-options.type.js.map
@@ -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
- }
@@ -1,5 +0,0 @@
1
- export class SubmitButtonOptions {
2
- label!: string;
3
- isFullWidth!: boolean;
4
- position!: "left" | "right" | "center";
5
- }