@nolwenture/formik-jsonschema-form 2.0.2 → 2.0.3

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 (7) hide show
  1. package/dist/cjs/FormView/components/Field.js +2 -2
  2. package/dist/cjs/FormView/fields/BooleanField.js +3 -2
  3. package/dist/esm/FormView/components/Field.js +2 -2
  4. package/dist/esm/FormView/fields/BooleanField.js +3 -2
  5. package/dist/types/FormView/components/Field.d.ts +2 -0
  6. package/dist/types/FormView/components/index.d.ts +2 -0
  7. package/package.json +1 -1
package/dist/cjs/FormView/components/Field.js CHANGED
@@ -121,8 +121,8 @@ exports.MultipleChoiceFieldWrapper = styled_components_1.default.div `
121
121
  page-break-inside: auto;
122
122
  break-inside: auto;
123
123
  `;
124
- const BooleanFieldValue = ({ name, className, value, label, }) => {
125
- return ((0, jsx_runtime_1.jsx)("div", { className: className, children: value === true ? ((0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(SelectedBox, { children: (0, jsx_runtime_1.jsx)(exports.SelectedIcon, {}) }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Selected" })] })) : ((0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(NotSelectedBox, {}), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Not selected" })] })) }));
124
+ const BooleanFieldValue = ({ name, className, value, label, selectedLabel, notSelectedLabel, }) => {
125
+ return ((0, jsx_runtime_1.jsx)("div", { className: className, children: value === true ? ((0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(SelectedBox, { children: (0, jsx_runtime_1.jsx)(exports.SelectedIcon, {}) }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: label !== undefined ? label : (selectedLabel ?? "Selected") })] })) : ((0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(NotSelectedBox, {}), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: label !== undefined ? label : (notSelectedLabel ?? "Not selected") })] })) }));
126
126
  };
127
127
  exports.BooleanFieldValue = BooleanFieldValue;
128
128
  const MultipleChoiceFieldValue = ({ inputProps, name, className, style, values }) => {
package/dist/cjs/FormView/fields/BooleanField.js CHANGED
@@ -7,10 +7,11 @@ const formik_1 = require("formik");
7
7
  const utils_1 = require("../../utils");
8
8
  const FormViewRegistry_1 = require("../FormViewRegistry");
9
9
  const BooleanField = (props) => {
10
- const { templates, components: { BooleanFieldValue, BooleanFieldWrapper }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
10
+ const { templates, components: { BooleanFieldValue, BooleanFieldWrapper }, formLocalization, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
11
11
  const { name, uiSchema } = props;
12
12
  const { label } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
13
13
  const { values } = (0, formik_1.useFormikContext)();
14
+ const loc = formLocalization?.fields?.BooleanField ?? {};
14
15
  const value = (0, formik_1.getIn)(values, name);
15
16
  function findLabel(label) {
16
17
  if (typeof label === "object" && label !== null) {
@@ -28,6 +29,6 @@ const BooleanField = (props) => {
28
29
  const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
29
30
  templates[props.uiSchema?.["ui:template"]]) ??
30
31
  templates.FieldTemplate;
31
- return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(BooleanFieldWrapper, { children: (0, jsx_runtime_1.jsx)(BooleanFieldValue, { name: name, value: value, label: findLabel(label) }) }) }));
32
+ return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(BooleanFieldWrapper, { children: (0, jsx_runtime_1.jsx)(BooleanFieldValue, { name: name, value: value, label: findLabel(label), selectedLabel: loc.selectedLabel, notSelectedLabel: loc.notSelectedLabel }) }) }));
32
33
  };
33
34
  exports.BooleanField = BooleanField;
package/dist/esm/FormView/components/Field.js CHANGED
@@ -115,8 +115,8 @@ export const MultipleChoiceFieldWrapper = styled.div `
115
115
  page-break-inside: auto;
116
116
  break-inside: auto;
117
117
  `;
118
- export const BooleanFieldValue = ({ name, className, value, label, }) => {
119
- return (_jsx("div", { className: className, children: value === true ? (_jsxs(Selected, { children: [_jsx(SelectedBox, { children: _jsx(SelectedIcon, {}) }), _jsx(MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Selected" })] })) : (_jsxs(Selected, { children: [_jsx(NotSelectedBox, {}), _jsx(MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Not selected" })] })) }));
118
+ export const BooleanFieldValue = ({ name, className, value, label, selectedLabel, notSelectedLabel, }) => {
119
+ return (_jsx("div", { className: className, children: value === true ? (_jsxs(Selected, { children: [_jsx(SelectedBox, { children: _jsx(SelectedIcon, {}) }), _jsx(MultipleChoiceFieldLabel, { children: label !== undefined ? label : (selectedLabel ?? "Selected") })] })) : (_jsxs(Selected, { children: [_jsx(NotSelectedBox, {}), _jsx(MultipleChoiceFieldLabel, { children: label !== undefined ? label : (notSelectedLabel ?? "Not selected") })] })) }));
120
120
  };
121
121
  export const MultipleChoiceFieldValue = ({ inputProps, name, className, style, values }) => {
122
122
  return (_jsx(MultipleChoiceFieldWrapper, { children: _jsx(MultipleChoiceFieldContainer, { className: className, style: getStyle(style ?? ""), children: values.map((item) => (_jsx(MultipleChoiceFieldElement, { "data-fjsf-enum-value-view": item.const, children: item.selected ? (_jsxs(Selected, { children: [_jsx(SelectedBox, { children: _jsx(SelectedIcon, {}) }), _jsx(MultipleChoiceFieldLabel, { children: item.title })] })) : (_jsxs(NotSelected, { children: [_jsx(NotSelectedBox, {}), _jsx(MultipleChoiceFieldLabel, { children: item.title })] })) }, item.const))) }) }));
package/dist/esm/FormView/fields/BooleanField.js CHANGED
@@ -4,10 +4,11 @@ import { getIn, useFormikContext } from "formik";
4
4
  import { extractUiSchema } from "../../utils";
5
5
  import { FormViewRegistry } from "../FormViewRegistry";
6
6
  export const BooleanField = (props) => {
7
- const { templates, components: { BooleanFieldValue, BooleanFieldWrapper }, } = useContext(FormViewRegistry);
7
+ const { templates, components: { BooleanFieldValue, BooleanFieldWrapper }, formLocalization, } = useContext(FormViewRegistry);
8
8
  const { name, uiSchema } = props;
9
9
  const { label } = useMemo(() => extractUiSchema(uiSchema), [uiSchema]);
10
10
  const { values } = useFormikContext();
11
+ const loc = formLocalization?.fields?.BooleanField ?? {};
11
12
  const value = getIn(values, name);
12
13
  function findLabel(label) {
13
14
  if (typeof label === "object" && label !== null) {
@@ -25,5 +26,5 @@ export const BooleanField = (props) => {
25
26
  const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
26
27
  templates[props.uiSchema?.["ui:template"]]) ??
27
28
  templates.FieldTemplate;
28
- return (_jsx(SelectedFieldTemplate, { ...props, children: _jsx(BooleanFieldWrapper, { children: _jsx(BooleanFieldValue, { name: name, value: value, label: findLabel(label) }) }) }));
29
+ return (_jsx(SelectedFieldTemplate, { ...props, children: _jsx(BooleanFieldWrapper, { children: _jsx(BooleanFieldValue, { name: name, value: value, label: findLabel(label), selectedLabel: loc.selectedLabel, notSelectedLabel: loc.notSelectedLabel }) }) }));
29
30
  };
package/dist/types/FormView/components/Field.d.ts CHANGED
@@ -16,6 +16,8 @@ type BooleanValueFieldProps = {
16
16
  className?: string;
17
17
  value: boolean;
18
18
  label?: string;
19
+ selectedLabel?: string;
20
+ notSelectedLabel?: string;
19
21
  };
20
22
  export declare const BooleanFieldValue: React.FC<BooleanValueFieldProps>;
21
23
  type MultipleChoiceFieldValueProps = {
package/dist/types/FormView/components/index.d.ts CHANGED
@@ -21,6 +21,8 @@ export declare const components: {
21
21
  className?: string;
22
22
  value: boolean;
23
23
  label?: string;
24
+ selectedLabel?: string;
25
+ notSelectedLabel?: string;
24
26
  }>;
25
27
  MultipleChoiceFieldValue: React.FC<{
26
28
  values: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nolwenture/formik-jsonschema-form",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "description": "Formik form generation from json schema",
5
5
  "author": "anttivikman <antti.vikman@nolwenture.com>",
6
6
  "contributors": [