@contentful/field-editor-boolean 1.1.10 → 1.2.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/CHANGELOG.md +10 -0
- package/dist/field-editor-boolean.cjs.development.js +17 -15
- package/dist/field-editor-boolean.cjs.development.js.map +1 -1
- package/dist/field-editor-boolean.cjs.production.min.js +1 -1
- package/dist/field-editor-boolean.cjs.production.min.js.map +1 -1
- package/dist/field-editor-boolean.esm.js +17 -15
- package/dist/field-editor-boolean.esm.js.map +1 -1
- package/package.json +4 -14
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.2.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-boolean@1.1.11...@contentful/field-editor-boolean@1.2.0) (2023-04-19)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- upgrade cypress [TOL-1036] ([#1391](https://github.com/contentful/field-editors/issues/1391)) ([9c1aec9](https://github.com/contentful/field-editors/commit/9c1aec98aabbe464cdc3f1236c3bb1cc29b8208d))
|
|
11
|
+
|
|
12
|
+
## [1.1.11](https://github.com/contentful/field-editors/compare/@contentful/field-editor-boolean@1.1.10...@contentful/field-editor-boolean@1.1.11) (2023-03-14)
|
|
13
|
+
|
|
14
|
+
**Note:** Version bump only for package @contentful/field-editor-boolean
|
|
15
|
+
|
|
6
16
|
## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-boolean@1.1.9...@contentful/field-editor-boolean@1.1.10) (2023-03-10)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @contentful/field-editor-boolean
|
|
@@ -5,14 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
7
|
var React = require('react');
|
|
8
|
+
var f36Components = require('@contentful/f36-components');
|
|
9
|
+
var fieldEditorShared = require('@contentful/field-editor-shared');
|
|
8
10
|
var get = _interopDefault(require('lodash/get'));
|
|
9
11
|
var nanoid = require('nanoid');
|
|
10
|
-
var fieldEditorShared = require('@contentful/field-editor-shared');
|
|
11
|
-
var f36Components = require('@contentful/f36-components');
|
|
12
12
|
|
|
13
13
|
function BooleanEditor(props) {
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
const {
|
|
15
|
+
field
|
|
16
|
+
} = props;
|
|
17
|
+
const options = [{
|
|
16
18
|
value: true,
|
|
17
19
|
label: get(props.parameters, ['instance', 'trueLabel'], 'Yes'),
|
|
18
20
|
id: nanoid.nanoid(6)
|
|
@@ -25,16 +27,16 @@ function BooleanEditor(props) {
|
|
|
25
27
|
throttle: 0,
|
|
26
28
|
field: field,
|
|
27
29
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
28
|
-
},
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
}, ({
|
|
31
|
+
disabled,
|
|
32
|
+
value,
|
|
33
|
+
setValue
|
|
34
|
+
}) => {
|
|
35
|
+
const setOption = value => {
|
|
34
36
|
setValue(value === 'true' ? true : false);
|
|
35
37
|
};
|
|
36
38
|
|
|
37
|
-
|
|
39
|
+
const clearOption = () => {
|
|
38
40
|
setValue(null);
|
|
39
41
|
};
|
|
40
42
|
|
|
@@ -42,9 +44,9 @@ function BooleanEditor(props) {
|
|
|
42
44
|
testId: "boolean-editor",
|
|
43
45
|
alignItems: "center",
|
|
44
46
|
marginTop: "spacingS"
|
|
45
|
-
}, options.map(
|
|
46
|
-
|
|
47
|
-
|
|
47
|
+
}, options.map(item => {
|
|
48
|
+
const id = ['entity', field.id, field.locale, item.value, item.id].join('.');
|
|
49
|
+
const checked = value === item.value;
|
|
48
50
|
return React.createElement(f36Components.Flex, {
|
|
49
51
|
marginRight: "spacingM",
|
|
50
52
|
key: id
|
|
@@ -53,7 +55,7 @@ function BooleanEditor(props) {
|
|
|
53
55
|
isDisabled: disabled,
|
|
54
56
|
value: item.value === undefined ? '' : String(item.value),
|
|
55
57
|
isChecked: checked,
|
|
56
|
-
onChange:
|
|
58
|
+
onChange: e => {
|
|
57
59
|
if (e.target.checked) {
|
|
58
60
|
setOption(e.target.value);
|
|
59
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-editor-boolean.cjs.development.js","sources":["../src/BooleanEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"field-editor-boolean.cjs.development.js","sources":["../src/BooleanEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { TextLink, Flex, Radio } from '@contentful/f36-components';\nimport { FieldAPI, ParametersAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport get from 'lodash/get';\nimport { nanoid } from 'nanoid';\n\n\nexport interface BooleanEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance: {\n trueLabel?: string;\n falseLabel?: string;\n };\n };\n}\n\nexport function BooleanEditor(props: BooleanEditorProps) {\n const { field } = props;\n\n const options = [\n { value: true, label: get(props.parameters, ['instance', 'trueLabel'], 'Yes'), id: nanoid(6) },\n { value: false, label: get(props.parameters, ['instance', 'falseLabel'], 'No'), id: nanoid(6) },\n ];\n\n return (\n <FieldConnector<boolean>\n throttle={0}\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}>\n {({ disabled, value, setValue }) => {\n const setOption = (value: string) => {\n setValue(value === 'true' ? true : false);\n };\n\n const clearOption = () => {\n setValue(null);\n };\n\n return (\n <Flex testId=\"boolean-editor\" alignItems=\"center\" marginTop=\"spacingS\">\n {options.map((item) => {\n const id = ['entity', field.id, field.locale, item.value, item.id].join('.');\n const checked = value === item.value;\n return (\n <Flex marginRight=\"spacingM\" key={id}>\n <Radio\n id={id}\n isDisabled={disabled}\n value={item.value === undefined ? '' : String(item.value)}\n isChecked={checked}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n if (e.target.checked) {\n setOption(e.target.value);\n }\n }}>\n {item.label}\n </Radio>\n </Flex>\n );\n })}\n {value !== undefined && (\n <TextLink\n as=\"button\"\n testId=\"boolean-editor-clear\"\n isDisabled={disabled}\n onClick={clearOption}>\n Clear\n </TextLink>\n )}\n </Flex>\n );\n }}\n </FieldConnector>\n );\n}\n\nBooleanEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["BooleanEditor","props","field","options","value","label","get","parameters","id","nanoid","React","FieldConnector","throttle","isInitiallyDisabled","disabled","setValue","setOption","clearOption","Flex","testId","alignItems","marginTop","map","item","locale","join","checked","marginRight","key","Radio","isDisabled","undefined","String","isChecked","onChange","e","target","TextLink","as","onClick","defaultProps"],"mappings":";;;;;;;;;;;;SA8BgBA,cAAcC;AAC5B,QAAM;AAAEC,IAAAA;AAAF,MAAYD,KAAlB;AAEA,QAAME,OAAO,GAAG,CACd;AAAEC,IAAAA,KAAK,EAAE,IAAT;AAAeC,IAAAA,KAAK,EAAEC,GAAG,CAACL,KAAK,CAACM,UAAP,EAAmB,CAAC,UAAD,EAAa,WAAb,CAAnB,EAA8C,KAA9C,CAAzB;AAA+EC,IAAAA,EAAE,EAAEC,aAAM,CAAC,CAAD;AAAzF,GADc,EAEd;AAAEL,IAAAA,KAAK,EAAE,KAAT;AAAgBC,IAAAA,KAAK,EAAEC,GAAG,CAACL,KAAK,CAACM,UAAP,EAAmB,CAAC,UAAD,EAAa,YAAb,CAAnB,EAA+C,IAA/C,CAA1B;AAAgFC,IAAAA,EAAE,EAAEC,aAAM,CAAC,CAAD;AAA1F,GAFc,CAAhB;AAKA,SACEC,mBAAA,CAACC,gCAAD;AACEC,IAAAA,QAAQ,EAAE;AACVV,IAAAA,KAAK,EAAEA;AACPW,IAAAA,mBAAmB,EAAEZ,KAAK,CAACY;GAH7B,EAIG,CAAC;AAAEC,IAAAA,QAAF;AAAYV,IAAAA,KAAZ;AAAmBW,IAAAA;AAAnB,GAAD;AACC,UAAMC,SAAS,GAAIZ,KAAD;AAChBW,MAAAA,QAAQ,CAACX,KAAK,KAAK,MAAV,GAAmB,IAAnB,GAA0B,KAA3B,CAAR;AACD,KAFD;;AAIA,UAAMa,WAAW,GAAG;AAClBF,MAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,KAFD;;AAIA,WACEL,mBAAA,CAACQ,kBAAD;AAAMC,MAAAA,MAAM,EAAC;AAAiBC,MAAAA,UAAU,EAAC;AAASC,MAAAA,SAAS,EAAC;KAA5D,EACGlB,OAAO,CAACmB,GAAR,CAAaC,IAAD;AACX,YAAMf,EAAE,GAAG,CAAC,QAAD,EAAWN,KAAK,CAACM,EAAjB,EAAqBN,KAAK,CAACsB,MAA3B,EAAmCD,IAAI,CAACnB,KAAxC,EAA+CmB,IAAI,CAACf,EAApD,EAAwDiB,IAAxD,CAA6D,GAA7D,CAAX;AACA,YAAMC,OAAO,GAAGtB,KAAK,KAAKmB,IAAI,CAACnB,KAA/B;AACA,aACEM,mBAAA,CAACQ,kBAAD;AAAMS,QAAAA,WAAW,EAAC;AAAWC,QAAAA,GAAG,EAAEpB;OAAlC,EACEE,mBAAA,CAACmB,mBAAD;AACErB,QAAAA,EAAE,EAAEA;AACJsB,QAAAA,UAAU,EAAEhB;AACZV,QAAAA,KAAK,EAAEmB,IAAI,CAACnB,KAAL,KAAe2B,SAAf,GAA2B,EAA3B,GAAgCC,MAAM,CAACT,IAAI,CAACnB,KAAN;AAC7C6B,QAAAA,SAAS,EAAEP;AACXQ,QAAAA,QAAQ,EAAGC,CAAD;AACR,cAAIA,CAAC,CAACC,MAAF,CAASV,OAAb,EAAsB;AACpBV,YAAAA,SAAS,CAACmB,CAAC,CAACC,MAAF,CAAShC,KAAV,CAAT;AACD;AACF;OATH,EAUGmB,IAAI,CAAClB,KAVR,CADF,CADF;AAgBD,KAnBA,CADH,EAqBGD,KAAK,KAAK2B,SAAV,IACCrB,mBAAA,CAAC2B,sBAAD;AACEC,MAAAA,EAAE,EAAC;AACHnB,MAAAA,MAAM,EAAC;AACPW,MAAAA,UAAU,EAAEhB;AACZyB,MAAAA,OAAO,EAAEtB;KAJX,SAAA,CAtBJ,CADF;AAiCD,GA9CH,CADF;AAkDD;AAEDjB,aAAa,CAACwC,YAAd,GAA6B;AAC3B3B,EAAAA,mBAAmB,EAAE;AADM,CAA7B;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=require("lodash/get"))&&"object"==typeof e&&"default"in e?e.default:e,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=require("@contentful/f36-components"),l=require("@contentful/field-editor-shared"),i=(e=require("lodash/get"))&&"object"==typeof e&&"default"in e?e.default:e,n=require("nanoid");function r(e){const{field:r}=e,o=[{value:!0,label:i(e.parameters,["instance","trueLabel"],"Yes"),id:n.nanoid(6)},{value:!1,label:i(e.parameters,["instance","falseLabel"],"No"),id:n.nanoid(6)}];return t.createElement(l.FieldConnector,{throttle:0,field:r,isInitiallyDisabled:e.isInitiallyDisabled},({disabled:e,value:l,setValue:i})=>t.createElement(a.Flex,{testId:"boolean-editor",alignItems:"center",marginTop:"spacingS"},o.map(n=>{const o=["entity",r.id,r.locale,n.value,n.id].join("."),d=l===n.value;return t.createElement(a.Flex,{marginRight:"spacingM",key:o},t.createElement(a.Radio,{id:o,isDisabled:e,value:void 0===n.value?"":String(n.value),isChecked:d,onChange:e=>{e.target.checked&&(e=>{i("true"===e)})(e.target.value)}},n.label))}),void 0!==l&&t.createElement(a.TextLink,{as:"button",testId:"boolean-editor-clear",isDisabled:e,onClick:()=>{i(null)}},"Clear")))}r.defaultProps={isInitiallyDisabled:!0},exports.BooleanEditor=r;
|
|
2
2
|
//# sourceMappingURL=field-editor-boolean.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-editor-boolean.cjs.production.min.js","sources":["../src/BooleanEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"field-editor-boolean.cjs.production.min.js","sources":["../src/BooleanEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { TextLink, Flex, Radio } from '@contentful/f36-components';\nimport { FieldAPI, ParametersAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport get from 'lodash/get';\nimport { nanoid } from 'nanoid';\n\n\nexport interface BooleanEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance: {\n trueLabel?: string;\n falseLabel?: string;\n };\n };\n}\n\nexport function BooleanEditor(props: BooleanEditorProps) {\n const { field } = props;\n\n const options = [\n { value: true, label: get(props.parameters, ['instance', 'trueLabel'], 'Yes'), id: nanoid(6) },\n { value: false, label: get(props.parameters, ['instance', 'falseLabel'], 'No'), id: nanoid(6) },\n ];\n\n return (\n <FieldConnector<boolean>\n throttle={0}\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}>\n {({ disabled, value, setValue }) => {\n const setOption = (value: string) => {\n setValue(value === 'true' ? true : false);\n };\n\n const clearOption = () => {\n setValue(null);\n };\n\n return (\n <Flex testId=\"boolean-editor\" alignItems=\"center\" marginTop=\"spacingS\">\n {options.map((item) => {\n const id = ['entity', field.id, field.locale, item.value, item.id].join('.');\n const checked = value === item.value;\n return (\n <Flex marginRight=\"spacingM\" key={id}>\n <Radio\n id={id}\n isDisabled={disabled}\n value={item.value === undefined ? '' : String(item.value)}\n isChecked={checked}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n if (e.target.checked) {\n setOption(e.target.value);\n }\n }}>\n {item.label}\n </Radio>\n </Flex>\n );\n })}\n {value !== undefined && (\n <TextLink\n as=\"button\"\n testId=\"boolean-editor-clear\"\n isDisabled={disabled}\n onClick={clearOption}>\n Clear\n </TextLink>\n )}\n </Flex>\n );\n }}\n </FieldConnector>\n );\n}\n\nBooleanEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["BooleanEditor","props","field","options","value","label","get","parameters","id","nanoid","React","FieldConnector","throttle","isInitiallyDisabled","disabled","setValue","Flex","testId","alignItems","marginTop","map","item","locale","join","checked","marginRight","key","Radio","isDisabled","undefined","String","isChecked","onChange","e","target","setOption","TextLink","as","onClick","defaultProps"],"mappings":"0RA8BgBA,EAAcC,SACtBC,MAAEA,GAAUD,EAEZE,EAAU,CACd,CAAEC,OAAO,EAAMC,MAAOC,EAAIL,EAAMM,WAAY,CAAC,WAAY,aAAc,OAAQC,GAAIC,SAAO,IAC1F,CAAEL,OAAO,EAAOC,MAAOC,EAAIL,EAAMM,WAAY,CAAC,WAAY,cAAe,MAAOC,GAAIC,SAAO,YAI3FC,gBAACC,kBACCC,SAAU,EACVV,MAAOA,EACPW,oBAAqBZ,EAAMY,qBAC1B,EAAGC,SAAAA,EAAUV,MAAAA,EAAOW,SAAAA,KAUjBL,gBAACM,QAAKC,OAAO,iBAAiBC,WAAW,SAASC,UAAU,YACzDhB,EAAQiB,IAAKC,UACNb,EAAK,CAAC,SAAUN,EAAMM,GAAIN,EAAMoB,OAAQD,EAAKjB,MAAOiB,EAAKb,IAAIe,KAAK,KAClEC,EAAUpB,IAAUiB,EAAKjB,aAE7BM,gBAACM,QAAKS,YAAY,WAAWC,IAAKlB,GAChCE,gBAACiB,SACCnB,GAAIA,EACJoB,WAAYd,EACZV,WAAsByB,IAAfR,EAAKjB,MAAsB,GAAK0B,OAAOT,EAAKjB,OACnD2B,UAAWP,EACXQ,SAAWC,IACLA,EAAEC,OAAOV,SArBRpB,CAAAA,IACjBW,EAAmB,SAAVX,IAqBK+B,CAAUF,EAAEC,OAAO9B,SAGtBiB,EAAKhB,eAKHwB,IAAVzB,GACCM,gBAAC0B,YACCC,GAAG,SACHpB,OAAO,uBACPW,WAAYd,EACZwB,QA/BY,KAClBvB,EAAS,mBAyCnBf,EAAcuC,aAAe,CAC3B1B,qBAAqB"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { createElement } from 'react';
|
|
2
|
+
import { Flex, Radio, TextLink } from '@contentful/f36-components';
|
|
3
|
+
import { FieldConnector } from '@contentful/field-editor-shared';
|
|
2
4
|
import get from 'lodash-es/get';
|
|
3
5
|
import { nanoid } from 'nanoid';
|
|
4
|
-
import { FieldConnector } from '@contentful/field-editor-shared';
|
|
5
|
-
import { Flex, Radio, TextLink } from '@contentful/f36-components';
|
|
6
6
|
|
|
7
7
|
function BooleanEditor(props) {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const {
|
|
9
|
+
field
|
|
10
|
+
} = props;
|
|
11
|
+
const options = [{
|
|
10
12
|
value: true,
|
|
11
13
|
label: get(props.parameters, ['instance', 'trueLabel'], 'Yes'),
|
|
12
14
|
id: nanoid(6)
|
|
@@ -19,16 +21,16 @@ function BooleanEditor(props) {
|
|
|
19
21
|
throttle: 0,
|
|
20
22
|
field: field,
|
|
21
23
|
isInitiallyDisabled: props.isInitiallyDisabled
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
}, ({
|
|
25
|
+
disabled,
|
|
26
|
+
value,
|
|
27
|
+
setValue
|
|
28
|
+
}) => {
|
|
29
|
+
const setOption = value => {
|
|
28
30
|
setValue(value === 'true' ? true : false);
|
|
29
31
|
};
|
|
30
32
|
|
|
31
|
-
|
|
33
|
+
const clearOption = () => {
|
|
32
34
|
setValue(null);
|
|
33
35
|
};
|
|
34
36
|
|
|
@@ -36,9 +38,9 @@ function BooleanEditor(props) {
|
|
|
36
38
|
testId: "boolean-editor",
|
|
37
39
|
alignItems: "center",
|
|
38
40
|
marginTop: "spacingS"
|
|
39
|
-
}, options.map(
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
}, options.map(item => {
|
|
42
|
+
const id = ['entity', field.id, field.locale, item.value, item.id].join('.');
|
|
43
|
+
const checked = value === item.value;
|
|
42
44
|
return createElement(Flex, {
|
|
43
45
|
marginRight: "spacingM",
|
|
44
46
|
key: id
|
|
@@ -47,7 +49,7 @@ function BooleanEditor(props) {
|
|
|
47
49
|
isDisabled: disabled,
|
|
48
50
|
value: item.value === undefined ? '' : String(item.value),
|
|
49
51
|
isChecked: checked,
|
|
50
|
-
onChange:
|
|
52
|
+
onChange: e => {
|
|
51
53
|
if (e.target.checked) {
|
|
52
54
|
setOption(e.target.value);
|
|
53
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-editor-boolean.esm.js","sources":["../src/BooleanEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"field-editor-boolean.esm.js","sources":["../src/BooleanEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { TextLink, Flex, Radio } from '@contentful/f36-components';\nimport { FieldAPI, ParametersAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport get from 'lodash/get';\nimport { nanoid } from 'nanoid';\n\n\nexport interface BooleanEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance: {\n trueLabel?: string;\n falseLabel?: string;\n };\n };\n}\n\nexport function BooleanEditor(props: BooleanEditorProps) {\n const { field } = props;\n\n const options = [\n { value: true, label: get(props.parameters, ['instance', 'trueLabel'], 'Yes'), id: nanoid(6) },\n { value: false, label: get(props.parameters, ['instance', 'falseLabel'], 'No'), id: nanoid(6) },\n ];\n\n return (\n <FieldConnector<boolean>\n throttle={0}\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}>\n {({ disabled, value, setValue }) => {\n const setOption = (value: string) => {\n setValue(value === 'true' ? true : false);\n };\n\n const clearOption = () => {\n setValue(null);\n };\n\n return (\n <Flex testId=\"boolean-editor\" alignItems=\"center\" marginTop=\"spacingS\">\n {options.map((item) => {\n const id = ['entity', field.id, field.locale, item.value, item.id].join('.');\n const checked = value === item.value;\n return (\n <Flex marginRight=\"spacingM\" key={id}>\n <Radio\n id={id}\n isDisabled={disabled}\n value={item.value === undefined ? '' : String(item.value)}\n isChecked={checked}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n if (e.target.checked) {\n setOption(e.target.value);\n }\n }}>\n {item.label}\n </Radio>\n </Flex>\n );\n })}\n {value !== undefined && (\n <TextLink\n as=\"button\"\n testId=\"boolean-editor-clear\"\n isDisabled={disabled}\n onClick={clearOption}>\n Clear\n </TextLink>\n )}\n </Flex>\n );\n }}\n </FieldConnector>\n );\n}\n\nBooleanEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["BooleanEditor","props","field","options","value","label","get","parameters","id","nanoid","React","FieldConnector","throttle","isInitiallyDisabled","disabled","setValue","setOption","clearOption","Flex","testId","alignItems","marginTop","map","item","locale","join","checked","marginRight","key","Radio","isDisabled","undefined","String","isChecked","onChange","e","target","TextLink","as","onClick","defaultProps"],"mappings":";;;;;;SA8BgBA,cAAcC;AAC5B,QAAM;AAAEC,IAAAA;AAAF,MAAYD,KAAlB;AAEA,QAAME,OAAO,GAAG,CACd;AAAEC,IAAAA,KAAK,EAAE,IAAT;AAAeC,IAAAA,KAAK,EAAEC,GAAG,CAACL,KAAK,CAACM,UAAP,EAAmB,CAAC,UAAD,EAAa,WAAb,CAAnB,EAA8C,KAA9C,CAAzB;AAA+EC,IAAAA,EAAE,EAAEC,MAAM,CAAC,CAAD;AAAzF,GADc,EAEd;AAAEL,IAAAA,KAAK,EAAE,KAAT;AAAgBC,IAAAA,KAAK,EAAEC,GAAG,CAACL,KAAK,CAACM,UAAP,EAAmB,CAAC,UAAD,EAAa,YAAb,CAAnB,EAA+C,IAA/C,CAA1B;AAAgFC,IAAAA,EAAE,EAAEC,MAAM,CAAC,CAAD;AAA1F,GAFc,CAAhB;AAKA,SACEC,aAAA,CAACC,cAAD;AACEC,IAAAA,QAAQ,EAAE;AACVV,IAAAA,KAAK,EAAEA;AACPW,IAAAA,mBAAmB,EAAEZ,KAAK,CAACY;GAH7B,EAIG,CAAC;AAAEC,IAAAA,QAAF;AAAYV,IAAAA,KAAZ;AAAmBW,IAAAA;AAAnB,GAAD;AACC,UAAMC,SAAS,GAAIZ,KAAD;AAChBW,MAAAA,QAAQ,CAACX,KAAK,KAAK,MAAV,GAAmB,IAAnB,GAA0B,KAA3B,CAAR;AACD,KAFD;;AAIA,UAAMa,WAAW,GAAG;AAClBF,MAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,KAFD;;AAIA,WACEL,aAAA,CAACQ,IAAD;AAAMC,MAAAA,MAAM,EAAC;AAAiBC,MAAAA,UAAU,EAAC;AAASC,MAAAA,SAAS,EAAC;KAA5D,EACGlB,OAAO,CAACmB,GAAR,CAAaC,IAAD;AACX,YAAMf,EAAE,GAAG,CAAC,QAAD,EAAWN,KAAK,CAACM,EAAjB,EAAqBN,KAAK,CAACsB,MAA3B,EAAmCD,IAAI,CAACnB,KAAxC,EAA+CmB,IAAI,CAACf,EAApD,EAAwDiB,IAAxD,CAA6D,GAA7D,CAAX;AACA,YAAMC,OAAO,GAAGtB,KAAK,KAAKmB,IAAI,CAACnB,KAA/B;AACA,aACEM,aAAA,CAACQ,IAAD;AAAMS,QAAAA,WAAW,EAAC;AAAWC,QAAAA,GAAG,EAAEpB;OAAlC,EACEE,aAAA,CAACmB,KAAD;AACErB,QAAAA,EAAE,EAAEA;AACJsB,QAAAA,UAAU,EAAEhB;AACZV,QAAAA,KAAK,EAAEmB,IAAI,CAACnB,KAAL,KAAe2B,SAAf,GAA2B,EAA3B,GAAgCC,MAAM,CAACT,IAAI,CAACnB,KAAN;AAC7C6B,QAAAA,SAAS,EAAEP;AACXQ,QAAAA,QAAQ,EAAGC,CAAD;AACR,cAAIA,CAAC,CAACC,MAAF,CAASV,OAAb,EAAsB;AACpBV,YAAAA,SAAS,CAACmB,CAAC,CAACC,MAAF,CAAShC,KAAV,CAAT;AACD;AACF;OATH,EAUGmB,IAAI,CAAClB,KAVR,CADF,CADF;AAgBD,KAnBA,CADH,EAqBGD,KAAK,KAAK2B,SAAV,IACCrB,aAAA,CAAC2B,QAAD;AACEC,MAAAA,EAAE,EAAC;AACHnB,MAAAA,MAAM,EAAC;AACPW,MAAAA,UAAU,EAAEhB;AACZyB,MAAAA,OAAO,EAAEtB;KAJX,SAAA,CAtBJ,CADF;AAiCD,GA9CH,CADF;AAkDD;AAEDjB,aAAa,CAACwC,YAAd,GAA6B;AAC3B3B,EAAAA,mBAAmB,EAAE;AADM,CAA7B;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-boolean",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/field-editor-boolean.esm.js",
|
|
6
6
|
"typings": "dist/index.d.ts",
|
|
@@ -23,27 +23,17 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@contentful/f36-components": "^4.0.27",
|
|
25
25
|
"@contentful/f36-tokens": "^4.0.0",
|
|
26
|
-
"@contentful/field-editor-shared": "^1.
|
|
26
|
+
"@contentful/field-editor-shared": "^1.2.0",
|
|
27
27
|
"emotion": "^10.0.17",
|
|
28
28
|
"lodash": "^4.17.15",
|
|
29
29
|
"lodash-es": "^4.17.15",
|
|
30
30
|
"nanoid": "^3.1.3"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@contentful/field-editor-test-utils": "^1.
|
|
33
|
+
"@contentful/field-editor-test-utils": "^1.3.0"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": ">=16.8.0"
|
|
37
37
|
},
|
|
38
|
-
"
|
|
39
|
-
"testMatch": [
|
|
40
|
-
"**/?(*.)+(spec|test).[jt]s?(x)"
|
|
41
|
-
],
|
|
42
|
-
"globals": {
|
|
43
|
-
"ts-jest": {
|
|
44
|
-
"diagnostics": false
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
"gitHead": "1e4a7d92c48f0e1949f2b48b3c9974da1602fd5c"
|
|
38
|
+
"gitHead": "de7e74e3485dd69c240cfe9c545e6e50e41fb295"
|
|
49
39
|
}
|