@dfds-ui/forms 2.0.0 → 2.0.1
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/radio/RadioGroup.d.ts +2 -1
- package/cjs/radio/RadioGroup.js +5 -2
- package/package.json +7 -7
- package/radio/RadioGroup.d.ts +2 -1
- package/radio/RadioGroup.js +6 -2
|
@@ -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,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;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Form components",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.0.
|
|
6
|
+
"version": "2.0.1",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -17,13 +17,13 @@
|
|
|
17
17
|
"react-select": "^4.0.0"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@dfds-ui/hooks": "2.0.
|
|
21
|
-
"@dfds-ui/icons": "2.0.
|
|
22
|
-
"@dfds-ui/react-components": "2.0.
|
|
23
|
-
"@dfds-ui/theme": "2.0.
|
|
24
|
-
"@dfds-ui/typography": "2.0.
|
|
20
|
+
"@dfds-ui/hooks": "2.0.1",
|
|
21
|
+
"@dfds-ui/icons": "2.0.1",
|
|
22
|
+
"@dfds-ui/react-components": "2.0.1",
|
|
23
|
+
"@dfds-ui/theme": "2.0.1",
|
|
24
|
+
"@dfds-ui/typography": "2.0.1"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "6c7d825df2a246b7515c442d43dc88179a6e397a",
|
|
27
27
|
"publishConfig": {
|
|
28
28
|
"access": "public"
|
|
29
29
|
}
|
package/radio/RadioGroup.d.ts
CHANGED
|
@@ -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/radio/RadioGroup.js
CHANGED
|
@@ -4,12 +4,13 @@ import { Label } from '../label/Label';
|
|
|
4
4
|
import { FlexBox } from '@dfds-ui/react-components/flexbox';
|
|
5
5
|
import ErrorText from '../error-text/ErrorText';
|
|
6
6
|
import { RadioContextProvider } from './RadioContext';
|
|
7
|
+
import { theme } from '@dfds-ui/theme';
|
|
7
8
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
8
9
|
var RadioGroupContainer = function RadioGroupContainer(_ref) {
|
|
9
10
|
var children = _ref.children,
|
|
10
11
|
errorMessage = _ref.errorMessage;
|
|
11
12
|
return ___EmotionJSX("fieldset", {
|
|
12
|
-
css: /*#__PURE__*/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,
|
|
13
|
+
css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vc3JjL3JhZGlvL1JhZGlvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgUmFkaW9Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL1JhZGlvQ29udGV4dCdcbmltcG9ydCB7IFJhZGlvUHJvcHMgfSBmcm9tICcuL1JhZGlvJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgUmFkaW9Hcm91cFByb3BzID0gUGljazxcbiAgQmFzZUZpZWxkUHJvcHMsXG4gICdsYWJlbCcgfCAncmVxdWlyZWQnIHwgJ2hpZGVBc3RlcmlzaycgfCAnZGlzYWJsZWQnIHwgJ2Vycm9yTWVzc2FnZSdcbj4gJlxuICBQaWNrPFJhZGlvUHJvcHMsICd2aXN1YWxTaXplJz4gJiB7XG4gICAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAgIC8qKlxuICAgICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICAgIGNvbHVtbj86IGJvb2xlYW5cbiAgfVxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGVycm9yTWVzc2FnZSB9OiBQYXJ0aWFsPFJhZGlvR3JvdXBQcm9wcz4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZmllbGRzZXRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogJHshZXJyb3JNZXNzYWdlID8gJzEuNXJlbScgOiAnMC41cmVtJ307XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2ZpZWxkc2V0PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGVycm9yTWVzc2FnZSxcbiAgcmVxdWlyZWQsXG4gIGhpZGVBc3RlcmlzayA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsIHZpc3VhbFNpemU9e3Zpc3VhbFNpemV9IHJlcXVpcmVkPXtyZXF1aXJlZH0gaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59IGdhcD17Y29sdW1uID8gdW5kZWZpbmVkIDogdGhlbWUuc3BhY2luZy5tfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvUmFkaW9Db250ZXh0UHJvdmlkZXI+XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIDxFcnJvclRleHQ+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgPC9SYWRpb0dyb3VwQ29udGFpbmVyPlxuICApXG59XG4iXX0= */")
|
|
13
14
|
}, children);
|
|
14
15
|
};
|
|
15
16
|
export var RadioGroup = function RadioGroup(_ref2) {
|
|
@@ -17,6 +18,8 @@ export var RadioGroup = function RadioGroup(_ref2) {
|
|
|
17
18
|
visualSize = _ref2$visualSize === void 0 ? 'medium' : _ref2$visualSize,
|
|
18
19
|
label = _ref2.label,
|
|
19
20
|
children = _ref2.children,
|
|
21
|
+
_ref2$column = _ref2.column,
|
|
22
|
+
column = _ref2$column === void 0 ? true : _ref2$column,
|
|
20
23
|
errorMessage = _ref2.errorMessage,
|
|
21
24
|
required = _ref2.required,
|
|
22
25
|
_ref2$hideAsterisk = _ref2.hideAsterisk,
|
|
@@ -35,6 +38,7 @@ export var RadioGroup = function RadioGroup(_ref2) {
|
|
|
35
38
|
required: required,
|
|
36
39
|
hideAsterisk: hideAsterisk
|
|
37
40
|
}, label), ___EmotionJSX(FlexBox, {
|
|
38
|
-
directionColumn:
|
|
41
|
+
directionColumn: column,
|
|
42
|
+
gap: column ? undefined : theme.spacing.m
|
|
39
43
|
}, children)), errorMessage && ___EmotionJSX(ErrorText, null, errorMessage));
|
|
40
44
|
};
|