@atlaskit/editor-core 189.4.17 → 189.4.19
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 +35 -0
- package/dist/cjs/composable-editor/editor-internal.js +11 -11
- package/dist/cjs/composable-editor/editor.js +7 -8
- package/dist/cjs/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/cjs/composable-editor/hooks/useMeasureEditorMountTime.js +0 -2
- package/dist/cjs/editor.js +3 -4
- package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js +10 -11
- package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +2 -3
- package/dist/cjs/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +1 -2
- package/dist/cjs/plugins/breakout/ui/LayoutButton.js +5 -6
- package/dist/cjs/plugins/collab-edit/ui/avatars.js +2 -5
- package/dist/cjs/plugins/collab-edit/ui/colored-avatar-item.js +1 -4
- package/dist/cjs/plugins/collab-edit/ui/invite-to-edit.js +4 -7
- package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js +11 -13
- package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/index.js +4 -5
- package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js +8 -9
- package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -4
- package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.js +6 -7
- package/dist/cjs/plugins/find-replace/ui/Find.js +13 -14
- package/dist/cjs/plugins/find-replace/ui/FindReplace.js +5 -6
- package/dist/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js +7 -8
- package/dist/cjs/plugins/find-replace/ui/Replace.js +5 -6
- package/dist/cjs/plugins/find-replace/ui/styles.js +0 -1
- package/dist/cjs/plugins/jira-issue/nodeviews/jira-issue.js +4 -5
- package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -11
- package/dist/cjs/ui/Addon/ClickAreaBlock/index.js +1 -2
- package/dist/cjs/ui/Addon/ClickAreaInline/index.js +1 -2
- package/dist/cjs/ui/Addon/ClickAreaMobile/index.js +1 -2
- package/dist/cjs/ui/Addon/Dropdown/index.js +2 -3
- package/dist/cjs/ui/Addon/DropdownItem/index.js +2 -5
- package/dist/cjs/ui/Alignment/index.js +6 -7
- package/dist/cjs/ui/Appearance/Chromeless.js +6 -7
- package/dist/cjs/ui/Appearance/Comment/Comment.js +16 -17
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +4 -5
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +3 -6
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +10 -12
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/cjs/ui/AppearanceComponents/Mobile.js +5 -6
- package/dist/cjs/ui/ChromeCollapsed/index.js +2 -3
- package/dist/cjs/ui/ConfigPanel/ErrorMessage/ErrorImage.js +15 -16
- package/dist/cjs/ui/ConfigPanel/Fields/Boolean.js +19 -14
- package/dist/cjs/ui/ConfigPanel/Fields/CheckboxGroup.js +6 -7
- package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js +8 -8
- package/dist/cjs/ui/ConfigPanel/Fields/DateRange.js +17 -18
- package/dist/cjs/ui/ConfigPanel/Fields/Expand.js +8 -9
- package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js +9 -10
- package/dist/cjs/ui/ConfigPanel/Fields/SelectItem.js +5 -6
- package/dist/cjs/ui/ConfigPanel/Fields/TabGroup.js +6 -7
- package/dist/cjs/ui/ConfigPanel/FormContent.js +2 -2
- package/dist/cjs/ui/ConfigPanel/Header.js +13 -14
- package/dist/cjs/ui/ConfigPanel/LoadingState.js +2 -3
- package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js +4 -5
- package/dist/cjs/ui/ConfigPanel/utils.js +16 -0
- package/dist/cjs/ui/ContentStyles/index.js +1 -2
- package/dist/cjs/ui/ContextPanel/index.js +10 -11
- package/dist/cjs/ui/PluginSlot/index.js +3 -4
- package/dist/cjs/ui/Toolbar/ToolbarInner.js +1 -2
- package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +4 -5
- package/dist/cjs/ui/ToolbarFeedback/index.js +15 -16
- package/dist/cjs/ui/WithFlash/index.js +1 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/editor-internal.js +11 -12
- package/dist/es2019/composable-editor/editor.js +6 -8
- package/dist/es2019/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/es2019/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
- package/dist/es2019/editor.js +2 -4
- package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
- package/dist/es2019/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
- package/dist/es2019/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
- package/dist/es2019/plugins/breakout/ui/LayoutButton.js +6 -7
- package/dist/es2019/plugins/collab-edit/ui/avatars.js +2 -4
- package/dist/es2019/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
- package/dist/es2019/plugins/collab-edit/ui/invite-to-edit.js +4 -6
- package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js +11 -14
- package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
- package/dist/es2019/plugins/extension/ui/Extension/Lozenge.js +5 -7
- package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
- package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
- package/dist/es2019/plugins/find-replace/ui/Find.js +12 -14
- package/dist/es2019/plugins/find-replace/ui/FindReplace.js +4 -6
- package/dist/es2019/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
- package/dist/es2019/plugins/find-replace/ui/Replace.js +4 -6
- package/dist/es2019/plugins/find-replace/ui/styles.js +0 -1
- package/dist/es2019/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
- package/dist/es2019/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
- package/dist/es2019/ui/Addon/ClickAreaBlock/index.js +2 -3
- package/dist/es2019/ui/Addon/ClickAreaInline/index.js +2 -3
- package/dist/es2019/ui/Addon/ClickAreaMobile/index.js +2 -3
- package/dist/es2019/ui/Addon/Dropdown/index.js +1 -3
- package/dist/es2019/ui/Addon/DropdownItem/index.js +2 -4
- package/dist/es2019/ui/Alignment/index.js +3 -5
- package/dist/es2019/ui/Appearance/Chromeless.js +7 -8
- package/dist/es2019/ui/Appearance/Comment/Comment.js +17 -18
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +5 -7
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +3 -5
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/es2019/ui/AppearanceComponents/Mobile.js +6 -7
- package/dist/es2019/ui/ChromeCollapsed/index.js +1 -3
- package/dist/es2019/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
- package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js +20 -15
- package/dist/es2019/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
- package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
- package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js +18 -19
- package/dist/es2019/ui/ConfigPanel/Fields/Expand.js +9 -10
- package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js +10 -11
- package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js +6 -7
- package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js +7 -8
- package/dist/es2019/ui/ConfigPanel/FormContent.js +3 -1
- package/dist/es2019/ui/ConfigPanel/Header.js +14 -15
- package/dist/es2019/ui/ConfigPanel/LoadingState.js +3 -4
- package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
- package/dist/es2019/ui/ConfigPanel/utils.js +10 -0
- package/dist/es2019/ui/ContentStyles/index.js +2 -3
- package/dist/es2019/ui/ContextPanel/index.js +11 -12
- package/dist/es2019/ui/PluginSlot/index.js +4 -5
- package/dist/es2019/ui/Toolbar/ToolbarInner.js +2 -3
- package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
- package/dist/es2019/ui/ToolbarFeedback/index.js +12 -14
- package/dist/es2019/ui/WithFlash/index.js +2 -3
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor-internal.js +11 -12
- package/dist/esm/composable-editor/editor.js +6 -8
- package/dist/esm/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/esm/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
- package/dist/esm/editor.js +2 -4
- package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
- package/dist/esm/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
- package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
- package/dist/esm/plugins/breakout/ui/LayoutButton.js +6 -7
- package/dist/esm/plugins/collab-edit/ui/avatars.js +2 -4
- package/dist/esm/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
- package/dist/esm/plugins/collab-edit/ui/invite-to-edit.js +4 -6
- package/dist/esm/plugins/extension/ui/Extension/Extension/index.js +11 -14
- package/dist/esm/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
- package/dist/esm/plugins/extension/ui/Extension/Lozenge.js +5 -7
- package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
- package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
- package/dist/esm/plugins/find-replace/ui/Find.js +12 -14
- package/dist/esm/plugins/find-replace/ui/FindReplace.js +4 -6
- package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
- package/dist/esm/plugins/find-replace/ui/Replace.js +4 -6
- package/dist/esm/plugins/find-replace/ui/styles.js +0 -1
- package/dist/esm/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
- package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
- package/dist/esm/ui/Addon/ClickAreaBlock/index.js +2 -3
- package/dist/esm/ui/Addon/ClickAreaInline/index.js +2 -3
- package/dist/esm/ui/Addon/ClickAreaMobile/index.js +2 -3
- package/dist/esm/ui/Addon/Dropdown/index.js +1 -3
- package/dist/esm/ui/Addon/DropdownItem/index.js +2 -4
- package/dist/esm/ui/Alignment/index.js +3 -5
- package/dist/esm/ui/Appearance/Chromeless.js +7 -8
- package/dist/esm/ui/Appearance/Comment/Comment.js +17 -18
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +5 -7
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +3 -5
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/esm/ui/AppearanceComponents/Mobile.js +6 -7
- package/dist/esm/ui/ChromeCollapsed/index.js +1 -3
- package/dist/esm/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
- package/dist/esm/ui/ConfigPanel/Fields/Boolean.js +20 -15
- package/dist/esm/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
- package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
- package/dist/esm/ui/ConfigPanel/Fields/DateRange.js +18 -19
- package/dist/esm/ui/ConfigPanel/Fields/Expand.js +9 -10
- package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js +10 -11
- package/dist/esm/ui/ConfigPanel/Fields/SelectItem.js +6 -7
- package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js +7 -8
- package/dist/esm/ui/ConfigPanel/FormContent.js +2 -2
- package/dist/esm/ui/ConfigPanel/Header.js +14 -15
- package/dist/esm/ui/ConfigPanel/LoadingState.js +3 -4
- package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
- package/dist/esm/ui/ConfigPanel/utils.js +16 -0
- package/dist/esm/ui/ContentStyles/index.js +2 -3
- package/dist/esm/ui/ContextPanel/index.js +11 -12
- package/dist/esm/ui/PluginSlot/index.js +4 -5
- package/dist/esm/ui/Toolbar/ToolbarInner.js +2 -3
- package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
- package/dist/esm/ui/ToolbarFeedback/index.js +12 -14
- package/dist/esm/ui/WithFlash/index.js +2 -3
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ConfigPanel/Fields/Boolean.d.ts +2 -2
- package/dist/types/ui/ConfigPanel/FormContent.d.ts +1 -1
- package/dist/types/ui/ConfigPanel/utils.d.ts +2 -1
- package/dist/types-ts4.5/ui/ConfigPanel/Fields/Boolean.d.ts +2 -2
- package/dist/types-ts4.5/ui/ConfigPanel/FormContent.d.ts +1 -1
- package/dist/types-ts4.5/ui/ConfigPanel/utils.d.ts +2 -1
- package/package.json +10 -6
|
@@ -20,7 +20,6 @@ var _RequiredIndicator = require("./common/RequiredIndicator");
|
|
|
20
20
|
var _excluded = ["value"],
|
|
21
21
|
_excluded2 = ["id", "value"];
|
|
22
22
|
var _templateObject, _templateObject2;
|
|
23
|
-
/** @jsx jsx */
|
|
24
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
26
25
|
var toggleFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
|
|
@@ -30,6 +29,12 @@ function _validate(value, isRequired) {
|
|
|
30
29
|
return _types.ValidationError.Required;
|
|
31
30
|
}
|
|
32
31
|
}
|
|
32
|
+
function parseBoolean(value) {
|
|
33
|
+
if (typeof value === 'boolean') {
|
|
34
|
+
return value;
|
|
35
|
+
}
|
|
36
|
+
return value === 'true';
|
|
37
|
+
}
|
|
33
38
|
function handleOnChange(onChange, onFieldChange, event) {
|
|
34
39
|
var _event$target;
|
|
35
40
|
onChange((event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.checked) || false);
|
|
@@ -51,7 +56,7 @@ function Checkbox(_ref) {
|
|
|
51
56
|
isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
|
|
52
57
|
_field$defaultValue = field.defaultValue,
|
|
53
58
|
defaultValue = _field$defaultValue === void 0 ? false : _field$defaultValue;
|
|
54
|
-
return
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement(_form.Field, {
|
|
55
60
|
name: name,
|
|
56
61
|
isRequired: isRequired,
|
|
57
62
|
validate: function validate(value) {
|
|
@@ -63,13 +68,13 @@ function Checkbox(_ref) {
|
|
|
63
68
|
error = _ref2.error;
|
|
64
69
|
var isChecked = fieldProps.value,
|
|
65
70
|
restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded);
|
|
66
|
-
return
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, restFieldProps, {
|
|
67
72
|
label: label,
|
|
68
73
|
onChange: function onChange(event) {
|
|
69
74
|
return handleOnChange(fieldProps.onChange, onFieldChange, event);
|
|
70
75
|
},
|
|
71
|
-
isChecked: isChecked
|
|
72
|
-
})),
|
|
76
|
+
isChecked: parseBoolean(isChecked)
|
|
77
|
+
})), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, {
|
|
73
78
|
error: error,
|
|
74
79
|
description: description
|
|
75
80
|
}));
|
|
@@ -85,7 +90,7 @@ function Toggle(_ref3) {
|
|
|
85
90
|
isRequired = _field$isRequired2 === void 0 ? false : _field$isRequired2,
|
|
86
91
|
_field$defaultValue2 = field.defaultValue,
|
|
87
92
|
defaultValue = _field$defaultValue2 === void 0 ? false : _field$defaultValue2;
|
|
88
|
-
return
|
|
93
|
+
return /*#__PURE__*/_react.default.createElement(_form.Field, {
|
|
89
94
|
name: name,
|
|
90
95
|
isRequired: isRequired,
|
|
91
96
|
validate: function validate(value) {
|
|
@@ -98,21 +103,21 @@ function Toggle(_ref3) {
|
|
|
98
103
|
var id = fieldProps.id,
|
|
99
104
|
isChecked = fieldProps.value,
|
|
100
105
|
restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded2);
|
|
101
|
-
return
|
|
106
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
102
107
|
css: toggleFieldWrapper
|
|
103
|
-
},
|
|
108
|
+
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
104
109
|
css: toggleLabel,
|
|
105
110
|
id: id,
|
|
106
111
|
htmlFor: id
|
|
107
|
-
}, label, isRequired ?
|
|
112
|
+
}, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
|
|
108
113
|
css: _RequiredIndicator.requiredIndicator,
|
|
109
114
|
"aria-hidden": "true"
|
|
110
|
-
}, "*") : null),
|
|
115
|
+
}, "*") : null), /*#__PURE__*/_react.default.createElement(_toggle.default, (0, _extends2.default)({}, restFieldProps, {
|
|
111
116
|
onChange: function onChange(event) {
|
|
112
117
|
return handleOnChange(fieldProps.onChange, onFieldChange, event);
|
|
113
118
|
},
|
|
114
|
-
isChecked: isChecked
|
|
115
|
-
}))),
|
|
119
|
+
isChecked: parseBoolean(isChecked)
|
|
120
|
+
}))), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, {
|
|
116
121
|
error: error,
|
|
117
122
|
description: description
|
|
118
123
|
}));
|
|
@@ -123,13 +128,13 @@ function Boolean(_ref5) {
|
|
|
123
128
|
field = _ref5.field,
|
|
124
129
|
onFieldChange = _ref5.onFieldChange;
|
|
125
130
|
if (field.style === 'toggle') {
|
|
126
|
-
return
|
|
131
|
+
return /*#__PURE__*/_react.default.createElement(Toggle, {
|
|
127
132
|
name: name,
|
|
128
133
|
field: field,
|
|
129
134
|
onFieldChange: onFieldChange
|
|
130
135
|
});
|
|
131
136
|
}
|
|
132
|
-
return
|
|
137
|
+
return /*#__PURE__*/_react.default.createElement(Checkbox, {
|
|
133
138
|
name: name,
|
|
134
139
|
field: field,
|
|
135
140
|
onFieldChange: onFieldChange
|
|
@@ -17,7 +17,6 @@ var _types = require("../types");
|
|
|
17
17
|
var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
|
|
18
18
|
var _excluded = ["onChange", "value"];
|
|
19
19
|
var _templateObject;
|
|
20
|
-
/** @jsx jsx */
|
|
21
20
|
function _validate(value, isRequired) {
|
|
22
21
|
if (isRequired && !(value !== null && value !== void 0 && value.length)) {
|
|
23
22
|
return _types.ValidationError.Required;
|
|
@@ -44,7 +43,7 @@ function CheckboxGroupInner(_ref) {
|
|
|
44
43
|
onChange((0, _toConsumableArray2.default)(active));
|
|
45
44
|
onFieldChange();
|
|
46
45
|
}
|
|
47
|
-
return
|
|
46
|
+
return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_form.Fieldset, {
|
|
48
47
|
legend: label
|
|
49
48
|
}, options.map(function (_ref2, i) {
|
|
50
49
|
var optionLabel = _ref2.label,
|
|
@@ -53,7 +52,7 @@ function CheckboxGroupInner(_ref) {
|
|
|
53
52
|
var onOptionChange = function onOptionChange(event) {
|
|
54
53
|
_onChange(optionValue, event.target.checked);
|
|
55
54
|
};
|
|
56
|
-
return
|
|
55
|
+
return /*#__PURE__*/React.createElement(_checkbox.Checkbox, (0, _extends2.default)({
|
|
57
56
|
key: i
|
|
58
57
|
}, restFieldProps, {
|
|
59
58
|
isRequired: false,
|
|
@@ -61,7 +60,7 @@ function CheckboxGroupInner(_ref) {
|
|
|
61
60
|
isChecked: isChecked,
|
|
62
61
|
onChange: onOptionChange
|
|
63
62
|
}));
|
|
64
|
-
})),
|
|
63
|
+
})), /*#__PURE__*/React.createElement(_FieldMessages.default, {
|
|
65
64
|
error: error,
|
|
66
65
|
description: description
|
|
67
66
|
}));
|
|
@@ -76,14 +75,14 @@ function CheckboxGroup(_ref3) {
|
|
|
76
75
|
_field$isRequired = field.isRequired,
|
|
77
76
|
isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
|
|
78
77
|
options = field.items;
|
|
79
|
-
var label =
|
|
78
|
+
var label = /*#__PURE__*/React.createElement(_react.Fragment, null, labelBase, isRequired ? /*#__PURE__*/React.createElement("span", {
|
|
80
79
|
css: requiredIndicator,
|
|
81
80
|
"aria-hidden": "true"
|
|
82
81
|
}, ' ', "*") : null);
|
|
83
82
|
var _onFieldChange = (0, _react.useCallback)(function () {
|
|
84
83
|
onFieldChange(name, true);
|
|
85
84
|
}, [name, onFieldChange]);
|
|
86
|
-
return
|
|
85
|
+
return /*#__PURE__*/React.createElement(_form.Field, {
|
|
87
86
|
name: name,
|
|
88
87
|
isRequired: isRequired,
|
|
89
88
|
defaultValue: defaultValue,
|
|
@@ -91,7 +90,7 @@ function CheckboxGroup(_ref3) {
|
|
|
91
90
|
return _validate(value, isRequired);
|
|
92
91
|
}
|
|
93
92
|
}, function (props) {
|
|
94
|
-
return
|
|
93
|
+
return /*#__PURE__*/React.createElement(CheckboxGroupInner, (0, _extends2.default)({
|
|
95
94
|
label: label,
|
|
96
95
|
description: description,
|
|
97
96
|
options: options,
|
|
@@ -18,7 +18,7 @@ var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
|
|
|
18
18
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
19
19
|
var _templateObject, _templateObject2;
|
|
20
20
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
22
|
/*
|
|
23
23
|
NOTE: color used here are not yet in atlaskit code
|
|
24
24
|
this is part of extended color pack from ADG, which is yet to be release
|
|
@@ -341,7 +341,7 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
341
341
|
onChange(colorValue);
|
|
342
342
|
onFieldChange(name, currentColor !== colorValue);
|
|
343
343
|
};
|
|
344
|
-
return
|
|
344
|
+
return /*#__PURE__*/React.createElement(_uiMenu.ColorPickerButton, {
|
|
345
345
|
title: title,
|
|
346
346
|
currentColor: currentColor,
|
|
347
347
|
onChange: onColorChange,
|
|
@@ -364,7 +364,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
|
|
|
364
364
|
var label = field.label,
|
|
365
365
|
defaultValue = field.defaultValue,
|
|
366
366
|
isRequired = field.isRequired;
|
|
367
|
-
return
|
|
367
|
+
return /*#__PURE__*/React.createElement(_form.Field, {
|
|
368
368
|
name: name,
|
|
369
369
|
isRequired: isRequired,
|
|
370
370
|
defaultValue: defaultValue,
|
|
@@ -374,21 +374,21 @@ var ColorPickerField = function ColorPickerField(_ref) {
|
|
|
374
374
|
}, function (_ref2) {
|
|
375
375
|
var fieldProps = _ref2.fieldProps,
|
|
376
376
|
error = _ref2.error;
|
|
377
|
-
return
|
|
377
|
+
return /*#__PURE__*/React.createElement(_react2.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
378
378
|
css: colorPickerWrapper
|
|
379
|
-
},
|
|
379
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
380
380
|
css: colorPickerLabel
|
|
381
|
-
}, label, isRequired &&
|
|
381
|
+
}, label, isRequired && /*#__PURE__*/React.createElement("span", {
|
|
382
382
|
css: _RequiredIndicator.requiredIndicator,
|
|
383
383
|
"aria-hidden": "true"
|
|
384
|
-
}, "*")),
|
|
384
|
+
}, "*")), /*#__PURE__*/React.createElement(ColorPicker, {
|
|
385
385
|
name: name,
|
|
386
386
|
title: label,
|
|
387
387
|
currentColor: fieldProps.value,
|
|
388
388
|
onChange: fieldProps.onChange,
|
|
389
389
|
onFieldChange: onFieldChange,
|
|
390
390
|
featureFlags: featureFlags
|
|
391
|
-
})), error &&
|
|
391
|
+
})), error && /*#__PURE__*/React.createElement(_FieldMessages.default, {
|
|
392
392
|
error: error,
|
|
393
393
|
description: ""
|
|
394
394
|
}));
|
|
@@ -21,7 +21,6 @@ var _messages = require("../messages");
|
|
|
21
21
|
var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
|
|
22
22
|
var _utils = require("../utils");
|
|
23
23
|
var _templateObject, _templateObject2, _templateObject3;
|
|
24
|
-
/** @jsx jsx */
|
|
25
24
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
26
25
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
27
26
|
var horizontalFields = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n"])));
|
|
@@ -39,10 +38,10 @@ var DateField = function DateField(_ref) {
|
|
|
39
38
|
onFieldChange = _ref.onFieldChange,
|
|
40
39
|
intl = _ref.intl,
|
|
41
40
|
isRequired = _ref.isRequired;
|
|
42
|
-
return
|
|
41
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
43
42
|
css: horizontalFieldWrapper,
|
|
44
43
|
key: fieldName
|
|
45
|
-
},
|
|
44
|
+
}, /*#__PURE__*/React.createElement(_form.Field, {
|
|
46
45
|
name: "".concat(scope, ".").concat(fieldName),
|
|
47
46
|
label: intl.formatMessage(_messages.messages[fieldName]),
|
|
48
47
|
defaultValue: getFromDefaultValue(parentField, fieldName),
|
|
@@ -55,13 +54,13 @@ var DateField = function DateField(_ref) {
|
|
|
55
54
|
}, function (_ref2) {
|
|
56
55
|
var fieldProps = _ref2.fieldProps,
|
|
57
56
|
error = _ref2.error;
|
|
58
|
-
return
|
|
57
|
+
return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_datetimePicker.DatePicker, (0, _extends2.default)({}, fieldProps, {
|
|
59
58
|
onChange: function onChange(date) {
|
|
60
59
|
fieldProps.onChange(date);
|
|
61
60
|
onFieldChange(parentField.name, true);
|
|
62
61
|
},
|
|
63
62
|
locale: intl.locale
|
|
64
|
-
})),
|
|
63
|
+
})), /*#__PURE__*/React.createElement(_FieldMessages.default, {
|
|
65
64
|
error: error
|
|
66
65
|
}));
|
|
67
66
|
}));
|
|
@@ -90,17 +89,17 @@ var DateRange = function DateRange(_ref3) {
|
|
|
90
89
|
// get the most up to date value after the form has been rendered
|
|
91
90
|
onFieldChange(name, true);
|
|
92
91
|
}, [currentValue, onFieldChange, name]);
|
|
93
|
-
var element =
|
|
92
|
+
var element = /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
94
93
|
css: hidden
|
|
95
|
-
},
|
|
94
|
+
}, /*#__PURE__*/React.createElement(_form.Field, {
|
|
96
95
|
name: "".concat(name, ".type"),
|
|
97
96
|
defaultValue: 'date-range'
|
|
98
97
|
}, function (_ref4) {
|
|
99
98
|
var fieldProps = _ref4.fieldProps;
|
|
100
|
-
return
|
|
99
|
+
return /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
|
|
101
100
|
type: "hidden"
|
|
102
101
|
}));
|
|
103
|
-
})),
|
|
102
|
+
})), /*#__PURE__*/React.createElement(_form.Field, {
|
|
104
103
|
name: "".concat(name, ".value"),
|
|
105
104
|
label: field.label,
|
|
106
105
|
defaultValue: currentValue,
|
|
@@ -111,42 +110,42 @@ var DateRange = function DateRange(_ref3) {
|
|
|
111
110
|
}, function (_ref5) {
|
|
112
111
|
var fieldProps = _ref5.fieldProps,
|
|
113
112
|
error = _ref5.error;
|
|
114
|
-
return
|
|
113
|
+
return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
|
|
115
114
|
options: items,
|
|
116
115
|
onChange: function onChange(event) {
|
|
117
116
|
fieldProps.onChange(event.target.value);
|
|
118
117
|
setCurrentValue(event.target.value);
|
|
119
118
|
}
|
|
120
|
-
})),
|
|
119
|
+
})), /*#__PURE__*/React.createElement(_FieldMessages.default, {
|
|
121
120
|
error: error
|
|
122
121
|
}));
|
|
123
|
-
}), currentValue !== 'custom' ?
|
|
122
|
+
}), currentValue !== 'custom' ? /*#__PURE__*/React.createElement("div", {
|
|
124
123
|
css: hidden
|
|
125
|
-
},
|
|
124
|
+
}, /*#__PURE__*/React.createElement(_form.Field, {
|
|
126
125
|
name: "".concat(name, ".from"),
|
|
127
126
|
defaultValue: currentValue
|
|
128
127
|
}, function (_ref6) {
|
|
129
128
|
var fieldProps = _ref6.fieldProps;
|
|
130
|
-
return
|
|
129
|
+
return /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
|
|
131
130
|
type: "hidden"
|
|
132
131
|
}));
|
|
133
|
-
})) :
|
|
132
|
+
})) : /*#__PURE__*/React.createElement("div", {
|
|
134
133
|
css: horizontalFields
|
|
135
|
-
},
|
|
134
|
+
}, /*#__PURE__*/React.createElement(DateField, {
|
|
136
135
|
scope: name,
|
|
137
136
|
parentField: field,
|
|
138
137
|
fieldName: "from",
|
|
139
138
|
onFieldChange: onFieldChange,
|
|
140
139
|
intl: intl,
|
|
141
140
|
isRequired: field.isRequired
|
|
142
|
-
}),
|
|
141
|
+
}), /*#__PURE__*/React.createElement(DateField, {
|
|
143
142
|
scope: name,
|
|
144
143
|
parentField: field,
|
|
145
144
|
fieldName: "to",
|
|
146
145
|
onFieldChange: onFieldChange,
|
|
147
146
|
intl: intl,
|
|
148
147
|
isRequired: field.isRequired
|
|
149
|
-
})),
|
|
148
|
+
})), /*#__PURE__*/React.createElement(_FieldMessages.default, {
|
|
150
149
|
description: field.description
|
|
151
150
|
}));
|
|
152
151
|
return element;
|
|
@@ -17,7 +17,6 @@ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron
|
|
|
17
17
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
18
18
|
var _messages = require("../messages");
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
20
|
-
/** @jsx jsx */
|
|
21
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
21
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
22
|
var expandContainer = exports.expandContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border-bottom: 1px solid ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"));
|
|
@@ -37,26 +36,26 @@ function Expand(_ref) {
|
|
|
37
36
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
38
37
|
expanded = _useState2[0],
|
|
39
38
|
setExpanded = _useState2[1];
|
|
40
|
-
return
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
41
40
|
"data-testid": "expand-config-field",
|
|
42
41
|
css: expandContainer
|
|
43
|
-
},
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
44
43
|
css: expandControl
|
|
45
|
-
},
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
46
45
|
css: labelContainer
|
|
47
|
-
}, field.label),
|
|
46
|
+
}, field.label), /*#__PURE__*/_react.default.createElement("div", {
|
|
48
47
|
css: chevronContainer
|
|
49
|
-
},
|
|
48
|
+
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
50
49
|
onClick: function onClick() {
|
|
51
50
|
setExpanded(!expanded);
|
|
52
51
|
},
|
|
53
52
|
testId: "form-expand-toggle",
|
|
54
|
-
iconBefore: expanded ?
|
|
53
|
+
iconBefore: expanded ? /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
|
|
55
54
|
label: intl.formatMessage(_messages.messages.collapse)
|
|
56
|
-
}) :
|
|
55
|
+
}) : /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
|
|
57
56
|
label: intl.formatMessage(_messages.messages.expand)
|
|
58
57
|
})
|
|
59
|
-
}))),
|
|
58
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
60
59
|
"data-testid": "expand-content-container",
|
|
61
60
|
css: expandContentContainer(!expanded)
|
|
62
61
|
}, children));
|
|
@@ -27,7 +27,6 @@ var _messages = require("../messages");
|
|
|
27
27
|
var _utils = require("../utils");
|
|
28
28
|
var _colors = require("@atlaskit/theme/colors");
|
|
29
29
|
var _templateObject, _templateObject2;
|
|
30
|
-
/** @jsx jsx */
|
|
31
30
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
32
31
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
32
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -184,7 +183,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
184
183
|
if (selectOptions.length === 0) {
|
|
185
184
|
return null;
|
|
186
185
|
}
|
|
187
|
-
return
|
|
186
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isAdding ? /*#__PURE__*/_react.default.createElement(_select.default, {
|
|
188
187
|
testId: "field-picker",
|
|
189
188
|
defaultMenuIsOpen: true,
|
|
190
189
|
autoFocus: true,
|
|
@@ -195,10 +194,10 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
195
194
|
_this.onSelectItem(option);
|
|
196
195
|
}
|
|
197
196
|
}
|
|
198
|
-
}) :
|
|
197
|
+
}) : /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
|
|
199
198
|
testId: "add-more",
|
|
200
199
|
appearance: "subtle",
|
|
201
|
-
iconBefore:
|
|
200
|
+
iconBefore: /*#__PURE__*/_react.default.createElement(_addCircle.default, {
|
|
202
201
|
size: "small",
|
|
203
202
|
label: intl.formatMessage(_messages.messages.addField)
|
|
204
203
|
}),
|
|
@@ -235,9 +234,9 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
235
234
|
currentParameters = _this$state3.currentParameters,
|
|
236
235
|
visibleFields = _this$state3.visibleFields;
|
|
237
236
|
var children = this.renderActions();
|
|
238
|
-
return
|
|
237
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, error && /*#__PURE__*/_react.default.createElement(FieldsetError, {
|
|
239
238
|
message: error
|
|
240
|
-
}),
|
|
239
|
+
}), /*#__PURE__*/_react.default.createElement("div", null, options.showTitle && /*#__PURE__*/_react.default.createElement("h5", null, label), /*#__PURE__*/_react.default.createElement(FormComponent, {
|
|
241
240
|
fields: selectedFields,
|
|
242
241
|
parentName: name,
|
|
243
242
|
extensionManifest: extensionManifest,
|
|
@@ -246,7 +245,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
246
245
|
onClickRemove: this.onClickRemove,
|
|
247
246
|
onFieldChange: onFieldChange,
|
|
248
247
|
firstVisibleFieldName: firstVisibleFieldName
|
|
249
|
-
}), children &&
|
|
248
|
+
}), children && /*#__PURE__*/_react.default.createElement("div", {
|
|
250
249
|
css: actionsWrapper,
|
|
251
250
|
"data-testId": "fieldset-actions"
|
|
252
251
|
}, children)));
|
|
@@ -256,11 +255,11 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
256
255
|
}(_react.default.Component);
|
|
257
256
|
function FieldsetError(_ref) {
|
|
258
257
|
var message = _ref.message;
|
|
259
|
-
return
|
|
258
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
260
259
|
css: sectionMessageWrapper
|
|
261
|
-
},
|
|
260
|
+
}, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
|
|
262
261
|
appearance: "error"
|
|
263
|
-
},
|
|
262
|
+
}, /*#__PURE__*/_react.default.createElement("p", null, message)));
|
|
264
263
|
}
|
|
265
264
|
var sectionMessageWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: 24px;\n"])));
|
|
266
265
|
var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldsetField);
|
|
@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
11
11
|
var _templateObject, _templateObject2, _templateObject3;
|
|
12
|
-
/** @jsx jsx */
|
|
13
12
|
var itemWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n\n small {\n margin: 0;\n display: block;\n color: currentColor;\n }\n"])));
|
|
14
13
|
var iconWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 1;\n"])));
|
|
15
14
|
var iconWrapperMenu = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n align-self: flex-start;\n margin-top: 3px;\n"])));
|
|
@@ -24,17 +23,17 @@ var formatOptionLabel = exports.formatOptionLabel = function formatOptionLabel(_
|
|
|
24
23
|
icon = _ref.icon,
|
|
25
24
|
description = _ref.description;
|
|
26
25
|
var context = _ref2.context;
|
|
27
|
-
return
|
|
26
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
28
27
|
css: itemWrapper
|
|
29
|
-
},
|
|
28
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
30
29
|
css: [iconWrapper, context === 'menu' && iconWrapperMenu]
|
|
31
|
-
}, typeof icon === 'string' ?
|
|
30
|
+
}, typeof icon === 'string' ? /*#__PURE__*/React.createElement(_avatar.default, {
|
|
32
31
|
src: icon,
|
|
33
32
|
size: getIconSize(context, description),
|
|
34
33
|
appearance: "square"
|
|
35
|
-
}) : icon),
|
|
34
|
+
}) : icon), /*#__PURE__*/React.createElement("div", {
|
|
36
35
|
style: {
|
|
37
36
|
paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
|
|
38
37
|
}
|
|
39
|
-
},
|
|
38
|
+
}, /*#__PURE__*/React.createElement("p", null, label, description && context !== 'value' && /*#__PURE__*/React.createElement("small", null, description))));
|
|
40
39
|
};
|
|
@@ -13,7 +13,6 @@ var _react2 = require("@emotion/react");
|
|
|
13
13
|
var _reactIntlNext = require("react-intl-next");
|
|
14
14
|
var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
|
|
15
15
|
var _templateObject, _templateObject2;
|
|
16
|
-
/** @jsx jsx */
|
|
17
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
18
|
var tabWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n // increase specificity to make sure the tab style is overridden\n &&& [role='tabpanel'][tabindex] {\n padding: 0;\n }\n\n &&& [role='tablist']::before {\n left: 0;\n right: 0;\n }\n"])));
|
|
@@ -35,22 +34,22 @@ var TabGroupImpl = function TabGroupImpl(props) {
|
|
|
35
34
|
var onChange = _react.default.useCallback(function (index) {
|
|
36
35
|
setActiveTab(index);
|
|
37
36
|
}, [setActiveTab]);
|
|
38
|
-
return
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
38
|
css: tabWrapper
|
|
40
|
-
},
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement(_tabs.default, {
|
|
41
40
|
id: "configPanelTabs-".concat(field.name),
|
|
42
41
|
onChange: onChange,
|
|
43
42
|
selected: activeTab
|
|
44
|
-
},
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, fields.map(function (_ref) {
|
|
45
44
|
var name = _ref.name,
|
|
46
45
|
label = _ref.label;
|
|
47
|
-
return
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
|
|
48
47
|
key: "tab-".concat(name)
|
|
49
48
|
}, label);
|
|
50
49
|
})), fields.map(function (field) {
|
|
51
|
-
return
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
|
|
52
51
|
key: "panel-".concat(field.name)
|
|
53
|
-
},
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
54
53
|
css: panelWrapper
|
|
55
54
|
}, renderPanel(field)));
|
|
56
55
|
})));
|
|
@@ -45,9 +45,9 @@ function FieldComponent(_ref) {
|
|
|
45
45
|
var parentedName = (0, _utils.getSafeParentedName)(name, parentName);
|
|
46
46
|
var fieldDefaultValue = field.type === 'enum' ? field.defaultValue : undefined;
|
|
47
47
|
if (name in parameters && !(0, _extensions.isFieldset)(field)) {
|
|
48
|
-
field = _objectSpread(_objectSpread({}, field),
|
|
48
|
+
field = _objectSpread(_objectSpread({}, field), defaultValue != null ? {
|
|
49
49
|
defaultValue: defaultValue
|
|
50
|
-
});
|
|
50
|
+
} : {});
|
|
51
51
|
}
|
|
52
52
|
switch (field.type) {
|
|
53
53
|
case 'string':
|
|
@@ -17,7 +17,6 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
17
17
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
18
18
|
var _messages = require("./messages");
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
20
|
-
/** @jsx jsx */
|
|
21
20
|
var iconWidth = 40;
|
|
22
21
|
var buttonWidth = 40;
|
|
23
22
|
var margin = 16;
|
|
@@ -43,35 +42,35 @@ var Header = function Header(_ref) {
|
|
|
43
42
|
return null;
|
|
44
43
|
}
|
|
45
44
|
});
|
|
46
|
-
return
|
|
45
|
+
return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
47
46
|
css: item
|
|
48
|
-
},
|
|
47
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
49
48
|
css: itemIcon
|
|
50
|
-
},
|
|
49
|
+
}, /*#__PURE__*/React.createElement(ResolvedIcon, {
|
|
51
50
|
label: title
|
|
52
|
-
})),
|
|
51
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
53
52
|
css: itemBody
|
|
54
|
-
}, summary ?
|
|
53
|
+
}, summary ? /*#__PURE__*/React.createElement("div", {
|
|
55
54
|
css: itemText
|
|
56
|
-
},
|
|
55
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
57
56
|
className: "item-title",
|
|
58
57
|
id: "context-panel-title"
|
|
59
|
-
}, title),
|
|
58
|
+
}, title), /*#__PURE__*/React.createElement("div", {
|
|
60
59
|
className: "item-summary"
|
|
61
|
-
}, summary)) :
|
|
60
|
+
}, summary)) : /*#__PURE__*/React.createElement("div", {
|
|
62
61
|
css: centeredItemTitle,
|
|
63
62
|
id: "context-panel-title"
|
|
64
|
-
}, title)),
|
|
63
|
+
}, title)), /*#__PURE__*/React.createElement("div", {
|
|
65
64
|
css: closeButtonWrapper
|
|
66
|
-
},
|
|
65
|
+
}, /*#__PURE__*/React.createElement(_customThemeButton.default, {
|
|
67
66
|
appearance: "subtle",
|
|
68
|
-
iconBefore:
|
|
67
|
+
iconBefore: /*#__PURE__*/React.createElement(_cross.default, {
|
|
69
68
|
label: intl.formatMessage(_messages.messages.close)
|
|
70
69
|
}),
|
|
71
70
|
onClick: onClose
|
|
72
|
-
}))), (description || documentationUrl) &&
|
|
71
|
+
}))), (description || documentationUrl) && /*#__PURE__*/React.createElement("p", {
|
|
73
72
|
css: descriptionStyle
|
|
74
|
-
}, description &&
|
|
73
|
+
}, description && /*#__PURE__*/React.createElement(_react.Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && /*#__PURE__*/React.createElement("a", {
|
|
75
74
|
target: "_blank",
|
|
76
75
|
rel: "noopener noreferrer",
|
|
77
76
|
href: documentationUrl
|
|
@@ -9,13 +9,12 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
11
11
|
var _templateObject;
|
|
12
|
-
/** @jsx jsx */
|
|
13
12
|
var spinnerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
|
|
14
13
|
var LoadingState = function LoadingState() {
|
|
15
|
-
return
|
|
14
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
15
|
css: spinnerWrapper,
|
|
17
16
|
"data-testid": "ConfigPanelLoading"
|
|
18
|
-
},
|
|
17
|
+
}, /*#__PURE__*/React.createElement(_spinner.default, {
|
|
19
18
|
size: "small"
|
|
20
19
|
}));
|
|
21
20
|
};
|
|
@@ -14,7 +14,6 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
|
14
14
|
var _colors = require("@atlaskit/theme/colors");
|
|
15
15
|
var _messages = require("../messages");
|
|
16
16
|
var _templateObject, _templateObject2, _templateObject3;
|
|
17
|
-
/** @jsx jsx */
|
|
18
17
|
var removableFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n margin-bottom: 0;\n"])));
|
|
19
18
|
var wrapperWithMarginBottom = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: ", ";\n"])), "var(--ds-space-200, 16px)");
|
|
20
19
|
var removeButtonWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n right: 0;\n top: 0;\n cursor: pointer;\n\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n"])), "var(--ds-icon-subtle, ".concat(_colors.N80, ")"), "var(--ds-icon-danger, ".concat(_colors.R300, ")"));
|
|
@@ -30,17 +29,17 @@ var RemovableField = function RemovableField(_ref) {
|
|
|
30
29
|
return onClickRemove && onClickRemove(name);
|
|
31
30
|
}, [name, onClickRemove]);
|
|
32
31
|
var hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
|
|
33
|
-
return
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
33
|
css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
|
|
35
34
|
className: className
|
|
36
|
-
}, children, canRemoveField &&
|
|
35
|
+
}, children, canRemoveField && /*#__PURE__*/_react.default.createElement("div", {
|
|
37
36
|
css: removeButtonWrapper,
|
|
38
37
|
"data-testid": "remove-field-".concat(name),
|
|
39
38
|
onClick: onClickCallback
|
|
40
|
-
},
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
41
40
|
content: intl.formatMessage(_messages.messages.removeField),
|
|
42
41
|
position: "left"
|
|
43
|
-
},
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
|
|
44
43
|
size: "small",
|
|
45
44
|
label: intl.formatMessage(_messages.messages.removeField)
|
|
46
45
|
}))));
|