@dfds-ui/forms 2.0.0 → 2.0.1-alpha.f1f03939
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/checkbox/CheckboxGroup.d.ts +2 -1
- package/checkbox/CheckboxGroup.js +7 -3
- package/cjs/checkbox/CheckboxGroup.d.ts +2 -1
- package/cjs/checkbox/CheckboxGroup.js +7 -3
- package/cjs/field-wrap/FieldWrap.js +5 -3
- package/cjs/radio/RadioGroup.d.ts +2 -1
- package/cjs/radio/RadioGroup.js +5 -2
- package/cjs/select-field/SelectField.d.ts +1 -1
- package/cjs/select-field/SelectField.js +40 -46
- package/cjs/text-field/TextField.d.ts +4 -0
- package/cjs/text-field/TextField.js +15 -6
- package/field-wrap/FieldWrap.js +5 -3
- package/package.json +7 -7
- package/radio/RadioGroup.d.ts +2 -1
- package/radio/RadioGroup.js +6 -2
- package/select-field/SelectField.d.ts +1 -1
- package/select-field/SelectField.js +41 -47
- package/text-field/TextField.d.ts +4 -0
- package/text-field/TextField.js +15 -6
|
@@ -15,5 +15,6 @@ export declare type CheckboxGroupProps = Pick<BaseFieldProps, 'label' | 'require
|
|
|
15
15
|
* Class name to be assigned to the component
|
|
16
16
|
*/
|
|
17
17
|
className?: string;
|
|
18
|
+
column?: boolean;
|
|
18
19
|
};
|
|
19
|
-
export declare const CheckboxGroup: ({ visualSize, label, children, assistiveText, errorMessage, error, className, ...rest }: CheckboxGroupProps) => JSX.Element;
|
|
20
|
+
export declare const CheckboxGroup: ({ visualSize, label, children, column, assistiveText, errorMessage, error, className, ...rest }: CheckboxGroupProps) => JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["visualSize", "label", "children", "assistiveText", "errorMessage", "error", "className"];
|
|
1
|
+
var _excluded = ["visualSize", "label", "children", "column", "assistiveText", "errorMessage", "error", "className"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -9,12 +9,15 @@ import { FlexBox } from '@dfds-ui/react-components/flexbox';
|
|
|
9
9
|
import { ErrorText } from '../error-text/ErrorText';
|
|
10
10
|
import { CheckboxContextProvider } from './CheckboxContext';
|
|
11
11
|
import { AssistiveText } from '../assistive-text/AssistiveText';
|
|
12
|
+
import { theme } from '@dfds-ui/theme';
|
|
12
13
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
13
14
|
export var CheckboxGroup = function CheckboxGroup(_ref) {
|
|
14
15
|
var _ref$visualSize = _ref.visualSize,
|
|
15
16
|
visualSize = _ref$visualSize === void 0 ? 'medium' : _ref$visualSize,
|
|
16
17
|
label = _ref.label,
|
|
17
18
|
children = _ref.children,
|
|
19
|
+
_ref$column = _ref.column,
|
|
20
|
+
column = _ref$column === void 0 ? true : _ref$column,
|
|
18
21
|
assistiveText = _ref.assistiveText,
|
|
19
22
|
errorMessage = _ref.errorMessage,
|
|
20
23
|
_ref$error = _ref.error,
|
|
@@ -24,7 +27,7 @@ export var CheckboxGroup = function CheckboxGroup(_ref) {
|
|
|
24
27
|
return ___EmotionJSX(FlexBox, _extends({
|
|
25
28
|
as: "fieldset",
|
|
26
29
|
directionColumn: true,
|
|
27
|
-
css: /*#__PURE__*/css("border:none;padding:0;margin:0;margin-bottom:", !assistiveText && !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CheckboxGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
css: /*#__PURE__*/css("border:none;padding:0;margin:0;margin-bottom:", !assistiveText && !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CheckboxGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jaGVja2JveC9DaGVja2JveEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ2MiLCJmaWxlIjoiLi4vLi4vc3JjL2NoZWNrYm94L0NoZWNrYm94R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IEVycm9yVGV4dCB9IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IENoZWNrYm94Q29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9DaGVja2JveENvbnRleHQnXG5pbXBvcnQgeyBDaGVja2JveFByb3BzIH0gZnJvbSAnLi9DaGVja2JveCdcbmltcG9ydCB7IEFzc2lzdGl2ZVRleHQgfSBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgQ2hlY2tib3hHcm91cFByb3BzID0gUGljazxcbiAgQmFzZUZpZWxkUHJvcHMsXG4gICdsYWJlbCcgfCAncmVxdWlyZWQnIHwgJ2hpZGVBc3RlcmlzaycgfCAnZGlzYWJsZWQnIHwgJ2Vycm9yTWVzc2FnZScgfCAnYXNzaXN0aXZlVGV4dCdcbj4gJlxuICBQaWNrPENoZWNrYm94UHJvcHMsICd2aXN1YWxTaXplJz4gJiB7XG4gICAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAgIC8qKlxuICAgICAqIEluZGljYXRlcyB0aGF0IHRoZSBDaGVja2JveEdyb3VwIGhhcyBhbiBlcnJvci5cbiAgICAgKlxuICAgICAqIFlvdSBjYW4gYWxzbyBzZXQgdGhlIGBlcnJvck1lc3NhZ2VgIHByb3AgdG8gaW5kaWNhdGUgYW4gZXJyb3IgYnV0IHNldHRpbmcgYGVycm9yYCB3aWxsIHRyaWdnZXJcbiAgICAgKiB0aGUgdmlzdWFsIGluZGljYXRpb24gcmVnYXJkbGVzcyBvZiB0aGUgdmFsdWUgb2YgYGVycm9yTWVzc2FnZWAuIFNldHRpbmcgYGVycm9yTWVzc2FnZWAgYW5kIHNldHRpbmdcbiAgICAgKiBgZXJyb3JgIHRvIGBmYWxzZWAgd2lsbCBob3dldmVyIHN0aWxsIHJlbmRlciB0aGUgdmlzdWFsIGluZGljYXRpb24uXG4gICAgICovXG4gICAgZXJyb3I/OiBib29sZWFuXG4gICAgLyoqXG4gICAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICAgY29sdW1uPzogYm9vbGVhblxuICB9XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGFzc2lzdGl2ZVRleHQsXG4gIGVycm9yTWVzc2FnZSxcbiAgZXJyb3IgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBDaGVja2JveEdyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgYXM9XCJmaWVsZHNldFwiXG4gICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogJHshYXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlID8gJzEuNXJlbScgOiAnMC41cmVtJ307XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2hlY2tib3hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgdmlzdWFsU2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIHx8IGVycm9yIH19PlxuICAgICAgICB7bGFiZWwgJiYgPExhYmVsIHZpc3VhbFNpemU9e3Zpc3VhbFNpemV9PntsYWJlbH08L0xhYmVsPn1cbiAgICAgICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59IGdhcD17Y29sdW1uID8gdW5kZWZpbmVkIDogdGhlbWUuc3BhY2luZy5tfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQ2hlY2tib3hDb250ZXh0UHJvdmlkZXI+XG4gICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIDxBc3Npc3RpdmVUZXh0Pnthc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIDxFcnJvclRleHQ+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */"),
|
|
28
31
|
className: className
|
|
29
32
|
}, rest), ___EmotionJSX(CheckboxContextProvider, {
|
|
30
33
|
value: {
|
|
@@ -34,6 +37,7 @@ export var CheckboxGroup = function CheckboxGroup(_ref) {
|
|
|
34
37
|
}, label && ___EmotionJSX(Label, {
|
|
35
38
|
visualSize: visualSize
|
|
36
39
|
}, label), ___EmotionJSX(FlexBox, {
|
|
37
|
-
directionColumn:
|
|
40
|
+
directionColumn: column,
|
|
41
|
+
gap: column ? undefined : theme.spacing.m
|
|
38
42
|
}, children)), assistiveText && !errorMessage && ___EmotionJSX(AssistiveText, null, assistiveText), errorMessage && ___EmotionJSX(ErrorText, null, errorMessage));
|
|
39
43
|
};
|
|
@@ -15,5 +15,6 @@ export declare type CheckboxGroupProps = Pick<BaseFieldProps, 'label' | 'require
|
|
|
15
15
|
* Class name to be assigned to the component
|
|
16
16
|
*/
|
|
17
17
|
className?: string;
|
|
18
|
+
column?: boolean;
|
|
18
19
|
};
|
|
19
|
-
export declare const CheckboxGroup: ({ visualSize, label, children, assistiveText, errorMessage, error, className, ...rest }: CheckboxGroupProps) => JSX.Element;
|
|
20
|
+
export declare const CheckboxGroup: ({ visualSize, label, children, column, assistiveText, errorMessage, error, className, ...rest }: CheckboxGroupProps) => JSX.Element;
|
|
@@ -11,7 +11,8 @@ var _flexbox = require("@dfds-ui/react-components/flexbox");
|
|
|
11
11
|
var _ErrorText = require("../error-text/ErrorText");
|
|
12
12
|
var _CheckboxContext = require("./CheckboxContext");
|
|
13
13
|
var _AssistiveText = require("../assistive-text/AssistiveText");
|
|
14
|
-
|
|
14
|
+
var _theme = require("@dfds-ui/theme");
|
|
15
|
+
const _excluded = ["visualSize", "label", "children", "column", "assistiveText", "errorMessage", "error", "className"];
|
|
15
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
18
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -21,6 +22,8 @@ const CheckboxGroup = _ref => {
|
|
|
21
22
|
visualSize = _ref$visualSize === void 0 ? 'medium' : _ref$visualSize,
|
|
22
23
|
label = _ref.label,
|
|
23
24
|
children = _ref.children,
|
|
25
|
+
_ref$column = _ref.column,
|
|
26
|
+
column = _ref$column === void 0 ? true : _ref$column,
|
|
24
27
|
assistiveText = _ref.assistiveText,
|
|
25
28
|
errorMessage = _ref.errorMessage,
|
|
26
29
|
_ref$error = _ref.error,
|
|
@@ -30,7 +33,7 @@ const CheckboxGroup = _ref => {
|
|
|
30
33
|
return (0, _react2.jsx)(_flexbox.FlexBox, _extends({
|
|
31
34
|
as: "fieldset",
|
|
32
35
|
directionColumn: true,
|
|
33
|
-
css: /*#__PURE__*/(0, _react2.css)("border:none;padding:0;margin:0;margin-bottom:", !assistiveText && !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CheckboxGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
css: /*#__PURE__*/(0, _react2.css)("border:none;padding:0;margin:0;margin-bottom:", !assistiveText && !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CheckboxGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jaGVja2JveC9DaGVja2JveEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NoZWNrYm94L0NoZWNrYm94R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IEVycm9yVGV4dCB9IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IENoZWNrYm94Q29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9DaGVja2JveENvbnRleHQnXG5pbXBvcnQgeyBDaGVja2JveFByb3BzIH0gZnJvbSAnLi9DaGVja2JveCdcbmltcG9ydCB7IEFzc2lzdGl2ZVRleHQgfSBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgQ2hlY2tib3hHcm91cFByb3BzID0gUGljazxcbiAgQmFzZUZpZWxkUHJvcHMsXG4gICdsYWJlbCcgfCAncmVxdWlyZWQnIHwgJ2hpZGVBc3RlcmlzaycgfCAnZGlzYWJsZWQnIHwgJ2Vycm9yTWVzc2FnZScgfCAnYXNzaXN0aXZlVGV4dCdcbj4gJlxuICBQaWNrPENoZWNrYm94UHJvcHMsICd2aXN1YWxTaXplJz4gJiB7XG4gICAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAgIC8qKlxuICAgICAqIEluZGljYXRlcyB0aGF0IHRoZSBDaGVja2JveEdyb3VwIGhhcyBhbiBlcnJvci5cbiAgICAgKlxuICAgICAqIFlvdSBjYW4gYWxzbyBzZXQgdGhlIGBlcnJvck1lc3NhZ2VgIHByb3AgdG8gaW5kaWNhdGUgYW4gZXJyb3IgYnV0IHNldHRpbmcgYGVycm9yYCB3aWxsIHRyaWdnZXJcbiAgICAgKiB0aGUgdmlzdWFsIGluZGljYXRpb24gcmVnYXJkbGVzcyBvZiB0aGUgdmFsdWUgb2YgYGVycm9yTWVzc2FnZWAuIFNldHRpbmcgYGVycm9yTWVzc2FnZWAgYW5kIHNldHRpbmdcbiAgICAgKiBgZXJyb3JgIHRvIGBmYWxzZWAgd2lsbCBob3dldmVyIHN0aWxsIHJlbmRlciB0aGUgdmlzdWFsIGluZGljYXRpb24uXG4gICAgICovXG4gICAgZXJyb3I/OiBib29sZWFuXG4gICAgLyoqXG4gICAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICAgY29sdW1uPzogYm9vbGVhblxuICB9XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGFzc2lzdGl2ZVRleHQsXG4gIGVycm9yTWVzc2FnZSxcbiAgZXJyb3IgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBDaGVja2JveEdyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgYXM9XCJmaWVsZHNldFwiXG4gICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogJHshYXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlID8gJzEuNXJlbScgOiAnMC41cmVtJ307XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2hlY2tib3hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgdmlzdWFsU2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIHx8IGVycm9yIH19PlxuICAgICAgICB7bGFiZWwgJiYgPExhYmVsIHZpc3VhbFNpemU9e3Zpc3VhbFNpemV9PntsYWJlbH08L0xhYmVsPn1cbiAgICAgICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59IGdhcD17Y29sdW1uID8gdW5kZWZpbmVkIDogdGhlbWUuc3BhY2luZy5tfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQ2hlY2tib3hDb250ZXh0UHJvdmlkZXI+XG4gICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIDxBc3Npc3RpdmVUZXh0Pnthc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIDxFcnJvclRleHQ+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */"),
|
|
34
37
|
className: className
|
|
35
38
|
}, rest), (0, _react2.jsx)(_CheckboxContext.CheckboxContextProvider, {
|
|
36
39
|
value: {
|
|
@@ -40,7 +43,8 @@ const CheckboxGroup = _ref => {
|
|
|
40
43
|
}, label && (0, _react2.jsx)(_Label.Label, {
|
|
41
44
|
visualSize: visualSize
|
|
42
45
|
}, label), (0, _react2.jsx)(_flexbox.FlexBox, {
|
|
43
|
-
directionColumn:
|
|
46
|
+
directionColumn: column,
|
|
47
|
+
gap: column ? undefined : _theme.theme.spacing.m
|
|
44
48
|
}, children)), assistiveText && !errorMessage && (0, _react2.jsx)(_AssistiveText.AssistiveText, null, assistiveText), errorMessage && (0, _react2.jsx)(_ErrorText.ErrorText, null, errorMessage));
|
|
45
49
|
};
|
|
46
50
|
exports.CheckboxGroup = CheckboxGroup;
|
|
@@ -7,6 +7,7 @@ exports.FieldWrap = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _flexbox = require("@dfds-ui/react-components/flexbox");
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
|
+
var _theme = require("@dfds-ui/theme");
|
|
10
11
|
var _Label = require("../label/Label");
|
|
11
12
|
var _HelpIcon = _interopRequireDefault(require("../help-icon/HelpIcon"));
|
|
12
13
|
var _AssistiveText = require("../assistive-text/AssistiveText");
|
|
@@ -20,7 +21,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
20
21
|
} : {
|
|
21
22
|
name: "1lxu3k1-FieldWrap",
|
|
22
23
|
styles: "margin-top:0.25rem;label:FieldWrap;",
|
|
23
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0RrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi4vbGFiZWwvTGFiZWwnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcywgU2l6ZSB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IEhlbHBJY29uIGZyb20gJy4uL2hlbHAtaWNvbi9IZWxwSWNvbidcbmltcG9ydCB7IEFzc2lzdGl2ZVRleHQgfSBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IHsgRXJyb3JUZXh0IH0gZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIEZpZWxkV3JhcFByb3BzID0gQmFzZUZpZWxkUHJvcHMgJiB7XG4gIHNpemU6IFNpemVcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgZXh0cmFBc3Npc3RpdmVUZXh0Pzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRmllbGRXcmFwID0gKHtcbiAgbmFtZSxcbiAgYXNzaXN0aXZlVGV4dCxcbiAgZXJyb3JNZXNzYWdlLFxuICBzaXplLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrLFxuICBsYWJlbCxcbiAgaGVscCxcbiAgZXh0cmFBc3Npc3RpdmVUZXh0LFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxufTogRmllbGRXcmFwUHJvcHMpID0+IHtcbiAgaWYgKGFzc2lzdGl2ZVRleHQgPT09ICcgJykge1xuICAgIGFzc2lzdGl2ZVRleHQgPSAnXFx1MDBBMCdcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZy1ib3R0b206ICR7ZXJyb3JNZXNzYWdlIHx8IGFzc2lzdGl2ZVRleHRcbiAgICAgICAgICA/IHRoZW1lLnNwYWNpbmcueHhzXG4gICAgICAgICAgOiBgY2FsYygke3RoZW1lLnNwYWNpbmcueHhzfSArICR7dGhlbWUuc3BhY2luZy5zfSlgfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
|
|
24
25
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
25
26
|
};
|
|
26
27
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
@@ -29,7 +30,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
29
30
|
} : {
|
|
30
31
|
name: "13r5ak7-FieldWrap",
|
|
31
32
|
styles: "flex:1;margin-bottom:0.25rem;label:FieldWrap;",
|
|
32
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi4vbGFiZWwvTGFiZWwnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcywgU2l6ZSB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IEhlbHBJY29uIGZyb20gJy4uL2hlbHAtaWNvbi9IZWxwSWNvbidcbmltcG9ydCB7IEFzc2lzdGl2ZVRleHQgfSBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IHsgRXJyb3JUZXh0IH0gZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIEZpZWxkV3JhcFByb3BzID0gQmFzZUZpZWxkUHJvcHMgJiB7XG4gIHNpemU6IFNpemVcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgZXh0cmFBc3Npc3RpdmVUZXh0Pzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRmllbGRXcmFwID0gKHtcbiAgbmFtZSxcbiAgYXNzaXN0aXZlVGV4dCxcbiAgZXJyb3JNZXNzYWdlLFxuICBzaXplLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrLFxuICBsYWJlbCxcbiAgaGVscCxcbiAgZXh0cmFBc3Npc3RpdmVUZXh0LFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxufTogRmllbGRXcmFwUHJvcHMpID0+IHtcbiAgaWYgKGFzc2lzdGl2ZVRleHQgPT09ICcgJykge1xuICAgIGFzc2lzdGl2ZVRleHQgPSAnXFx1MDBBMCdcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZy1ib3R0b206ICR7ZXJyb3JNZXNzYWdlIHx8IGFzc2lzdGl2ZVRleHRcbiAgICAgICAgICA/IHRoZW1lLnNwYWNpbmcueHhzXG4gICAgICAgICAgOiBgY2FsYygke3RoZW1lLnNwYWNpbmcueHhzfSArICR7dGhlbWUuc3BhY2luZy5zfSlgfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
|
|
33
34
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
34
35
|
};
|
|
35
36
|
const FieldWrap = ({
|
|
@@ -50,7 +51,8 @@ const FieldWrap = ({
|
|
|
50
51
|
}
|
|
51
52
|
return (0, _react2.jsx)(_flexbox.FlexBox, {
|
|
52
53
|
directionColumn: true,
|
|
53
|
-
className: className
|
|
54
|
+
className: className,
|
|
55
|
+
css: /*#__PURE__*/(0, _react2.css)("padding-bottom:", errorMessage || assistiveText ? _theme.theme.spacing.xxs : `calc(${_theme.theme.spacing.xxs} + ${_theme.theme.spacing.s})`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldWrap;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICBpZiAoYXNzaXN0aXZlVGV4dCA9PT0gJyAnKSB7XG4gICAgYXNzaXN0aXZlVGV4dCA9ICdcXHUwMEEwJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtlcnJvck1lc3NhZ2UgfHwgYXNzaXN0aXZlVGV4dFxuICAgICAgICAgID8gdGhlbWUuc3BhY2luZy54eHNcbiAgICAgICAgICA6IGBjYWxjKCR7dGhlbWUuc3BhY2luZy54eHN9ICsgJHt0aGVtZS5zcGFjaW5nLnN9KWB9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8RmxleEJveCBpdGVtc0NlbnRlcj5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHZpc3VhbFNpemU9e3NpemV9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hlbHAgJiYgPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IC8+fVxuICAgICAgPC9GbGV4Qm94PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgeyhhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSB8fCBleHRyYUFzc2lzdGl2ZVRleHQpICYmIChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB7Li4uKGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlID8geyBqdXN0aWZ5U3BhY2VCZXR3ZWVuOiB0cnVlIH0gOiB7IGp1c3RpZnlGbGV4RW5kOiB0cnVlIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2Fzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSAmJiA8QXNzaXN0aXZlVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9Pnthc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0IGlkPXtgJHtuYW1lfV9hcmlhYH0+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgICAgICAgey8qIEV4dHJhIGFzc2lzdGl2ZSB0ZXh0IGlzIGFsd2F5cyBzaG93biBvbiB0aGUgcmlnaHQgKi99XG4gICAgICAgICAge2V4dHJhQXNzaXN0aXZlVGV4dCAmJiA8QXNzaXN0aXZlVGV4dD57ZXh0cmFBc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICl9XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
|
|
54
56
|
}, (0, _react2.jsx)(_flexbox.FlexBox, {
|
|
55
57
|
itemsCenter: true
|
|
56
58
|
}, label && (0, _react2.jsx)(_Label.Label, {
|
|
@@ -7,5 +7,6 @@ export declare type RadioGroupProps = Pick<BaseFieldProps, 'label' | 'required'
|
|
|
7
7
|
* Class name to be assigned to the component
|
|
8
8
|
*/
|
|
9
9
|
className?: string;
|
|
10
|
+
column?: boolean;
|
|
10
11
|
};
|
|
11
|
-
export declare const RadioGroup: ({ visualSize, label, children, errorMessage, required, hideAsterisk, className, }: RadioGroupProps) => JSX.Element;
|
|
12
|
+
export declare const RadioGroup: ({ visualSize, label, children, column, errorMessage, required, hideAsterisk, className, }: RadioGroupProps) => JSX.Element;
|
package/cjs/radio/RadioGroup.js
CHANGED
|
@@ -10,19 +10,21 @@ var _Label = require("../label/Label");
|
|
|
10
10
|
var _flexbox = require("@dfds-ui/react-components/flexbox");
|
|
11
11
|
var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
|
|
12
12
|
var _RadioContext = require("./RadioContext");
|
|
13
|
+
var _theme = require("@dfds-ui/theme");
|
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
15
|
const RadioGroupContainer = ({
|
|
15
16
|
children,
|
|
16
17
|
errorMessage
|
|
17
18
|
}) => {
|
|
18
19
|
return (0, _react2.jsx)("fieldset", {
|
|
19
|
-
css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;border:none;padding:0;margin:0;margin-bottom:", !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroupContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;border:none;padding:0;margin:0;margin-bottom:", !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroupContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3JhZGlvL1JhZGlvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgUmFkaW9Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL1JhZGlvQ29udGV4dCdcbmltcG9ydCB7IFJhZGlvUHJvcHMgfSBmcm9tICcuL1JhZGlvJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgUmFkaW9Hcm91cFByb3BzID0gUGljazxcbiAgQmFzZUZpZWxkUHJvcHMsXG4gICdsYWJlbCcgfCAncmVxdWlyZWQnIHwgJ2hpZGVBc3RlcmlzaycgfCAnZGlzYWJsZWQnIHwgJ2Vycm9yTWVzc2FnZSdcbj4gJlxuICBQaWNrPFJhZGlvUHJvcHMsICd2aXN1YWxTaXplJz4gJiB7XG4gICAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAgIC8qKlxuICAgICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICAgIGNvbHVtbj86IGJvb2xlYW5cbiAgfVxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGVycm9yTWVzc2FnZSB9OiBQYXJ0aWFsPFJhZGlvR3JvdXBQcm9wcz4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZmllbGRzZXRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogJHshZXJyb3JNZXNzYWdlID8gJzEuNXJlbScgOiAnMC41cmVtJ307XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2ZpZWxkc2V0PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGVycm9yTWVzc2FnZSxcbiAgcmVxdWlyZWQsXG4gIGhpZGVBc3RlcmlzayA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsIHZpc3VhbFNpemU9e3Zpc3VhbFNpemV9IHJlcXVpcmVkPXtyZXF1aXJlZH0gaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59IGdhcD17Y29sdW1uID8gdW5kZWZpbmVkIDogdGhlbWUuc3BhY2luZy5tfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvUmFkaW9Db250ZXh0UHJvdmlkZXI+XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIDxFcnJvclRleHQ+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgPC9SYWRpb0dyb3VwQ29udGFpbmVyPlxuICApXG59XG4iXX0= */")
|
|
20
21
|
}, children);
|
|
21
22
|
};
|
|
22
23
|
const RadioGroup = ({
|
|
23
24
|
visualSize = 'medium',
|
|
24
25
|
label,
|
|
25
26
|
children,
|
|
27
|
+
column = true,
|
|
26
28
|
errorMessage,
|
|
27
29
|
required,
|
|
28
30
|
hideAsterisk = false,
|
|
@@ -41,7 +43,8 @@ const RadioGroup = ({
|
|
|
41
43
|
required: required,
|
|
42
44
|
hideAsterisk: hideAsterisk
|
|
43
45
|
}, label), (0, _react2.jsx)(_flexbox.FlexBox, {
|
|
44
|
-
directionColumn:
|
|
46
|
+
directionColumn: column,
|
|
47
|
+
gap: column ? undefined : _theme.theme.spacing.m
|
|
45
48
|
}, children)), errorMessage && (0, _react2.jsx)(_ErrorText.default, null, errorMessage));
|
|
46
49
|
};
|
|
47
50
|
exports.RadioGroup = RadioGroup;
|
|
@@ -45,7 +45,7 @@ export declare type SelectFieldProps<T = string> = BaseFieldProps & {
|
|
|
45
45
|
*/
|
|
46
46
|
filterConfig?: Parameters<typeof createFilter>[0];
|
|
47
47
|
};
|
|
48
|
-
declare function SelectFieldInner<T>({ components, name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, isClearable, disabled, visualSize, filterConfig, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
|
|
48
|
+
declare function SelectFieldInner<T>({ components, name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, isClearable, disabled, visualSize, required, hideAsterisk, filterConfig, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
|
|
49
49
|
export declare const SelectField: <T>(props: BaseFieldProps & {
|
|
50
50
|
defaultValue?: SingleValue<T> | undefined;
|
|
51
51
|
className?: string | undefined;
|