@nolwenture/formik-jsonschema-form 1.2.2 → 1.2.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 (10) hide show
  1. package/dist/cjs/Form/fields/ArrayField/styledComponents.js +5 -1
  2. package/dist/cjs/FormView/components/Field.js +4 -1
  3. package/dist/cjs/FormView/templates/ObjectFieldTemplate/styledComponents.js +2 -2
  4. package/dist/esm/Form/fields/ArrayField/styledComponents.js +5 -1
  5. package/dist/esm/FormView/components/Field.js +4 -1
  6. package/dist/esm/FormView/templates/ObjectFieldTemplate/styledComponents.js +2 -2
  7. package/dist/types/Form/components/index.d.ts +3 -1
  8. package/dist/types/Form/fields/ArrayField/styledComponents.d.ts +3 -1
  9. package/dist/types/Form/fields/index.d.ts +3 -1
  10. package/package.json +1 -1
package/dist/cjs/Form/fields/ArrayField/styledComponents.js CHANGED
@@ -8,7 +8,11 @@ const styled_components_1 = __importDefault(require("styled-components"));
8
8
  const styledComponents_1 = require("../ObjectField/styledComponents");
9
9
  const common_1 = require("../../styles/common");
10
10
  exports.SelectFieldInputWrapper = (0, styled_components_1.default)(common_1.CommonFieldWrapper) ``;
11
- exports.ArrayFieldItem = styledComponents_1.ObjectFieldItem;
11
+ exports.ArrayFieldItem = (0, styled_components_1.default)(styledComponents_1.ObjectFieldItem) `
12
+ padding: ${(props) => props.theme.spacing.l};
13
+ border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
14
+ margin-bottom: ${(props) => props.theme.spacing.s};
15
+ `;
12
16
  exports.ArrayFieldItemButtons = styledComponents_1.ObjectFieldItemButtons;
13
17
  exports.ArrayFieldButton = (0, styled_components_1.default)(styledComponents_1.ObjectFieldButton) ``;
14
18
  exports.ArrayFieldLineButton = (0, styled_components_1.default)(exports.ArrayFieldButton) ``;
package/dist/cjs/FormView/components/Field.js CHANGED
@@ -54,7 +54,10 @@ exports.ArrayFieldItem = styled_components_1.default.div `
54
54
  color: ${(props) => props.theme.color.text.default};
55
55
  font-family: ${(props) => props.theme.typography.fontFamily.base};
56
56
  font-size: ${(props) => props.theme.typography.size.small};
57
- padding-left: ${(props) => props.theme.spacing.l};
57
+ background-color: ${(props) => props.theme.color.background.default};
58
+ padding: ${(props) => props.theme.spacing.l};
59
+ border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
60
+ margin-bottom: ${(props) => props.theme.spacing.s};
58
61
  `;
59
62
  exports.EJSFieldValue = styled_components_1.default.div `
60
63
  color: ${(props) => props.theme.color.text.default};
package/dist/cjs/FormView/templates/ObjectFieldTemplate/styledComponents.js CHANGED
@@ -30,10 +30,10 @@ exports.ObjectFieldTemplateTitle = styled_components_1.default.div `
30
30
  font-size: ${(props) => props.theme.typography.size.h2};
31
31
  font-weight: ${(props) => props.theme.typography.weight.bold};
32
32
  }
33
- ${exports.ObjectFieldTemplateWrapper}[data-fjsf-level="1"] > & {
33
+ ${exports.ObjectFieldTemplateWrapper}[data-fjsf-level="1"] > & {
34
34
  font-size: ${(props) => props.theme.typography.size.h4};
35
35
  font-weight: ${(props) => props.theme.typography.weight.medium};
36
- margin-top: ${(props) => props.theme.spacing.xxxl};
36
+ margin-top: 0;
37
37
  }
38
38
  ${exports.ObjectFieldTemplateWrapper}[data-fjsf-level="2"] > & {
39
39
  font-size: ${(props) => props.theme.typography.size.large};
package/dist/esm/Form/fields/ArrayField/styledComponents.js CHANGED
@@ -2,7 +2,11 @@ import styled from "styled-components";
2
2
  import { ObjectFieldButton, ObjectFieldItem, ObjectFieldItemButtons, } from "../ObjectField/styledComponents";
3
3
  import { CommonFieldWrapper } from "../../styles/common";
4
4
  export const SelectFieldInputWrapper = styled(CommonFieldWrapper) ``;
5
- export const ArrayFieldItem = ObjectFieldItem;
5
+ export const ArrayFieldItem = styled(ObjectFieldItem) `
6
+ padding: ${(props) => props.theme.spacing.l};
7
+ border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
8
+ margin-bottom: ${(props) => props.theme.spacing.s};
9
+ `;
6
10
  export const ArrayFieldItemButtons = ObjectFieldItemButtons;
7
11
  export const ArrayFieldButton = styled(ObjectFieldButton) ``;
8
12
  export const ArrayFieldLineButton = styled(ArrayFieldButton) ``;
package/dist/esm/FormView/components/Field.js CHANGED
@@ -48,7 +48,10 @@ export const ArrayFieldItem = styled.div `
48
48
  color: ${(props) => props.theme.color.text.default};
49
49
  font-family: ${(props) => props.theme.typography.fontFamily.base};
50
50
  font-size: ${(props) => props.theme.typography.size.small};
51
- padding-left: ${(props) => props.theme.spacing.l};
51
+ background-color: ${(props) => props.theme.color.background.default};
52
+ padding: ${(props) => props.theme.spacing.l};
53
+ border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
54
+ margin-bottom: ${(props) => props.theme.spacing.s};
52
55
  `;
53
56
  export const EJSFieldValue = styled.div `
54
57
  color: ${(props) => props.theme.color.text.default};
package/dist/esm/FormView/templates/ObjectFieldTemplate/styledComponents.js CHANGED
@@ -23,10 +23,10 @@ export const ObjectFieldTemplateTitle = styled.div `
23
23
  font-size: ${(props) => props.theme.typography.size.h2};
24
24
  font-weight: ${(props) => props.theme.typography.weight.bold};
25
25
  }
26
- ${ObjectFieldTemplateWrapper}[data-fjsf-level="1"] > & {
26
+ ${ObjectFieldTemplateWrapper}[data-fjsf-level="1"] > & {
27
27
  font-size: ${(props) => props.theme.typography.size.h4};
28
28
  font-weight: ${(props) => props.theme.typography.weight.medium};
29
- margin-top: ${(props) => props.theme.spacing.xxxl};
29
+ margin-top: 0;
30
30
  }
31
31
  ${ObjectFieldTemplateWrapper}[data-fjsf-level="2"] > & {
32
32
  font-size: ${(props) => props.theme.typography.size.large};
package/dist/types/Form/components/index.d.ts CHANGED
@@ -233,7 +233,9 @@ export declare const components: {
233
233
  SelectFieldInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
234
234
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
235
235
  }, never>> & string;
236
- ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
236
+ ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>, "ref"> & {
237
+ ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
238
+ }, never>> & string;
237
239
  ArrayFieldItemButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
238
240
  ArrayFieldButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Readonly<import("@nolwenture/component-library").ButtonProps>, never>, never>> & string;
239
241
  ArrayFieldLineButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Readonly<import("@nolwenture/component-library").ButtonProps>, never>, never>, never>> & string;
package/dist/types/Form/fields/ArrayField/styledComponents.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export declare const SelectFieldInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
2
2
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
3
  }, never>> & string;
4
- export declare const ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
4
+ export declare const ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>, "ref"> & {
5
+ ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
6
+ }, never>> & string;
5
7
  export declare const ArrayFieldItemButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
8
  export declare const ArrayFieldButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Readonly<import("@nolwenture/component-library").ButtonProps>, never>, never>> & string;
7
9
  export declare const ArrayFieldLineButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Readonly<import("@nolwenture/component-library").ButtonProps>, never>, never>, never>> & string;
package/dist/types/Form/fields/index.d.ts CHANGED
@@ -154,7 +154,9 @@ export declare const fieldComponents: {
154
154
  SelectFieldInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
155
155
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
156
156
  }, never>> & string;
157
- ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
157
+ ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>, "ref"> & {
158
+ ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
159
+ }, never>> & string;
158
160
  ArrayFieldItemButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
159
161
  ArrayFieldButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Readonly<import("@nolwenture/component-library").ButtonProps>, never>, never>> & string;
160
162
  ArrayFieldLineButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Readonly<import("@nolwenture/component-library").ButtonProps>, never>, never>, never>> & string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nolwenture/formik-jsonschema-form",
3
- "version": "1.2.2",
3
+ "version": "1.2.3",
4
4
  "description": "Formik form generation from json schema",
5
5
  "author": "anttivikman <antti.vikman@nolwenture.com>",
6
6
  "contributors": [