@dfds-ui/forms 2.2.0-alpha.c2f773c5 → 2.2.0-alpha.c79adffa
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/assistive-text/AssistiveText.d.ts +2 -2
- package/assistive-text/AssistiveText.js +4 -5
- package/asterisk/Asterisk.d.ts +3 -3
- package/asterisk/Asterisk.js +3 -11
- package/checkbox/Checkbox.d.ts +15 -15
- package/checkbox/Checkbox.js +35 -44
- package/checkbox/CheckboxContext.d.ts +3 -4
- package/checkbox/CheckboxContext.js +4 -5
- package/checkbox/CheckboxGroup.d.ts +3 -3
- package/checkbox/CheckboxGroup.js +30 -43
- package/cjs/assistive-text/AssistiveText.d.ts +2 -2
- package/cjs/assistive-text/AssistiveText.js +3 -5
- package/cjs/asterisk/Asterisk.d.ts +3 -3
- package/cjs/asterisk/Asterisk.js +7 -9
- package/cjs/checkbox/Checkbox.d.ts +15 -15
- package/cjs/checkbox/Checkbox.js +56 -56
- package/cjs/checkbox/CheckboxContext.d.ts +3 -4
- package/cjs/checkbox/CheckboxContext.js +5 -6
- package/cjs/checkbox/CheckboxGroup.d.ts +3 -3
- package/cjs/checkbox/CheckboxGroup.js +49 -52
- package/cjs/checkbox/index.js +2 -2
- package/cjs/counter/Counter.d.ts +2 -2
- package/cjs/counter/Counter.js +92 -80
- package/cjs/counter/index.js +1 -1
- package/cjs/enhanced/EnhancedField.d.ts +4 -4
- package/cjs/enhanced/EnhancedField.js +39 -39
- package/cjs/enhanced/index.js +1 -1
- package/cjs/error-text/ErrorText.d.ts +2 -2
- package/cjs/error-text/ErrorText.js +3 -5
- package/cjs/field-wrap/FieldWrap.d.ts +3 -3
- package/cjs/field-wrap/FieldWrap.js +32 -38
- package/cjs/field-wrap/index.js +1 -1
- package/cjs/help-icon/HelpIcon.d.ts +3 -3
- package/cjs/help-icon/HelpIcon.js +6 -8
- package/cjs/index.js +19 -19
- package/cjs/label/Label.d.ts +2 -2
- package/cjs/label/Label.js +19 -15
- package/cjs/password-field/PasswordField.d.ts +1 -1
- package/cjs/password-field/PasswordField.js +15 -7
- package/cjs/radio/Radio.d.ts +4 -4
- package/cjs/radio/Radio.js +44 -43
- package/cjs/radio/RadioContext.d.ts +3 -4
- package/cjs/radio/RadioContext.js +5 -6
- package/cjs/radio/RadioGroup.d.ts +3 -3
- package/cjs/radio/RadioGroup.js +31 -39
- package/cjs/radio/index.js +2 -2
- package/cjs/rating/Rating.d.ts +4 -4
- package/cjs/rating/Rating.js +72 -76
- package/cjs/rating/index.js +1 -1
- package/cjs/select-field/AsyncSelectField.d.ts +89 -5
- package/cjs/select-field/AsyncSelectField.js +65 -66
- package/cjs/select-field/CreatableSelectField.d.ts +122 -5
- package/cjs/select-field/CreatableSelectField.js +133 -141
- package/cjs/select-field/NativeSelectField.d.ts +2 -2
- package/cjs/select-field/NativeSelectField.js +36 -35
- package/cjs/select-field/SelectField.d.ts +50 -13
- package/cjs/select-field/SelectField.js +142 -152
- package/cjs/switch/Switch.d.ts +3 -3
- package/cjs/switch/Switch.js +52 -52
- package/cjs/switch/SwitchContext.d.ts +3 -4
- package/cjs/switch/SwitchContext.js +5 -6
- package/cjs/switch/SwitchGroup.d.ts +3 -3
- package/cjs/switch/SwitchGroup.js +17 -25
- package/cjs/switch/index.js +2 -2
- package/cjs/tel-field/TelField.d.ts +9 -9
- package/cjs/tel-field/TelField.js +129 -115
- package/cjs/text-field/TextField.d.ts +18 -18
- package/cjs/text-field/TextField.js +85 -82
- package/cjs/textarea-field/TextareaField.d.ts +10 -10
- package/cjs/textarea-field/TextareaField.js +57 -46
- package/cjs/types/field.d.ts +1 -1
- package/cjs/types/index.js +2 -2
- package/cjs/types/size.d.ts +1 -1
- package/counter/Counter.d.ts +2 -2
- package/counter/Counter.js +57 -61
- package/enhanced/EnhancedField.d.ts +4 -4
- package/enhanced/EnhancedField.js +27 -32
- package/error-text/ErrorText.d.ts +2 -2
- package/error-text/ErrorText.js +4 -5
- package/field-wrap/FieldWrap.d.ts +3 -3
- package/field-wrap/FieldWrap.js +33 -44
- package/help-icon/HelpIcon.d.ts +3 -3
- package/help-icon/HelpIcon.js +7 -8
- package/label/Label.d.ts +2 -2
- package/label/Label.js +4 -11
- package/package.json +12 -12
- package/password-field/PasswordField.d.ts +1 -1
- package/password-field/PasswordField.js +4 -9
- package/radio/Radio.d.ts +4 -4
- package/radio/Radio.js +26 -33
- package/radio/RadioContext.d.ts +3 -4
- package/radio/RadioContext.js +4 -5
- package/radio/RadioGroup.d.ts +3 -3
- package/radio/RadioGroup.js +32 -39
- package/rating/Rating.d.ts +4 -4
- package/rating/Rating.js +64 -76
- package/select-field/AsyncSelectField.d.ts +89 -5
- package/select-field/AsyncSelectField.js +46 -57
- package/select-field/CreatableSelectField.d.ts +122 -5
- package/select-field/CreatableSelectField.js +87 -100
- package/select-field/NativeSelectField.d.ts +2 -2
- package/select-field/NativeSelectField.js +16 -24
- package/select-field/SelectField.d.ts +50 -13
- package/select-field/SelectField.js +96 -111
- package/switch/Switch.d.ts +3 -3
- package/switch/Switch.js +41 -50
- package/switch/SwitchContext.d.ts +3 -4
- package/switch/SwitchContext.js +4 -5
- package/switch/SwitchGroup.d.ts +3 -3
- package/switch/SwitchGroup.js +18 -25
- package/tel-field/TelField.d.ts +9 -9
- package/tel-field/TelField.js +86 -98
- package/text-field/TextField.d.ts +18 -18
- package/text-field/TextField.js +52 -59
- package/textarea-field/TextareaField.d.ts +10 -10
- package/textarea-field/TextareaField.js +18 -24
- package/types/field.d.ts +1 -1
- package/types/size.d.ts +1 -1
package/cjs/label/Label.js
CHANGED
|
@@ -9,22 +9,26 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _typography = require("@dfds-ui/typography");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
11
|
var _Asterisk = require("../asterisk/Asterisk");
|
|
12
|
-
|
|
12
|
+
const _excluded = ["visualSize", "required", "hideAsterisk", "disabled", "className", "children"];
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
17
|
+
const Label = _ref => {
|
|
18
|
+
let _ref$visualSize = _ref.visualSize,
|
|
19
|
+
visualSize = _ref$visualSize === void 0 ? 'medium' : _ref$visualSize,
|
|
20
|
+
_ref$required = _ref.required,
|
|
21
|
+
required = _ref$required === void 0 ? false : _ref$required,
|
|
22
|
+
_ref$hideAsterisk = _ref.hideAsterisk,
|
|
23
|
+
hideAsterisk = _ref$hideAsterisk === void 0 ? false : _ref$hideAsterisk,
|
|
24
|
+
_ref$disabled = _ref.disabled,
|
|
25
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
26
|
+
className = _ref.className,
|
|
27
|
+
children = _ref.children,
|
|
28
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
+
return (0, _react2.jsx)("label", _extends({
|
|
24
30
|
className: className,
|
|
25
|
-
css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.primary, ";text-align:left;", visualSize === 'small' ? _typography.typography.labelSmall : _typography.typography.label, ";", disabled && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */")
|
|
26
|
-
|
|
27
|
-
children: [children, required && !hideAsterisk && (0, _jsxRuntime.jsx)(_Asterisk.Asterisk, {})]
|
|
28
|
-
});
|
|
31
|
+
css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.primary, ";text-align:left;", visualSize === 'small' ? _typography.typography.labelSmall : _typography.typography.label, ";", disabled && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */")
|
|
32
|
+
}, rest), children, required && !hideAsterisk && (0, _react2.jsx)(_Asterisk.Asterisk, null));
|
|
29
33
|
};
|
|
30
34
|
exports.Label = Label;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextFieldProps } from '../text-field/TextField';
|
|
3
|
-
export type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
|
|
3
|
+
export declare type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
|
|
4
4
|
export declare const PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -9,22 +9,30 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _system = require("@dfds-ui/icons/system");
|
|
11
11
|
var _TextField = _interopRequireDefault(require("../text-field/TextField"));
|
|
12
|
-
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
16
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
18
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
19
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
15
21
|
const PasswordField = exports.PasswordField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
16
|
-
const
|
|
22
|
+
const _useState = (0, _react.useState)(false),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
+
visible = _useState2[0],
|
|
25
|
+
setVisible = _useState2[1];
|
|
17
26
|
const ToggleButton = () => {
|
|
18
27
|
const Icon = visible ? _system.Show : _system.Hide;
|
|
19
|
-
return (0,
|
|
28
|
+
return (0, _react2.jsx)(Icon, {
|
|
20
29
|
onClick: () => setVisible(!visible),
|
|
21
30
|
css: /*#__PURE__*/(0, _react2.css)("pointer-events:all;cursor:pointer;color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ToggleButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgU2hvdywgSGlkZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdGV4dC1maWVsZC9UZXh0RmllbGQnXG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJy4uL3RleHQtZmllbGQvVGV4dEZpZWxkJ1xuXG5leHBvcnQgdHlwZSBQYXNzd29yZEZpZWxkUHJvcHMgPSBPbWl0PFRleHRGaWVsZFByb3BzLCAnaWNvbicgfCAnaW5wdXRUeXBlJz5cblxuZXhwb3J0IGNvbnN0IFBhc3N3b3JkRmllbGQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFBhc3N3b3JkRmllbGRQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgVG9nZ2xlQnV0dG9uID0gKCkgPT4ge1xuICAgIGNvbnN0IEljb24gPSB2aXNpYmxlID8gU2hvdyA6IEhpZGVcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0VmlzaWJsZSghdmlzaWJsZSl9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiA8VGV4dEZpZWxkIHsuLi5wcm9wc30gcmVmPXtyZWZ9IGlucHV0VHlwZT17dmlzaWJsZSA/ICd0ZXh0JyA6ICdwYXNzd29yZCd9IGljb249e1RvZ2dsZUJ1dHRvbn0gLz5cbn0pXG4iXX0= */")
|
|
22
31
|
});
|
|
23
32
|
};
|
|
24
|
-
return (0,
|
|
25
|
-
...props,
|
|
33
|
+
return (0, _react2.jsx)(_TextField.default, _extends({}, props, {
|
|
26
34
|
ref: ref,
|
|
27
35
|
inputType: visible ? 'text' : 'password',
|
|
28
36
|
icon: ToggleButton
|
|
29
|
-
});
|
|
37
|
+
}));
|
|
30
38
|
});
|
package/cjs/radio/Radio.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
type RadioSize = 'medium' | 'small';
|
|
3
|
-
export type RadioStyleState = 'checked';
|
|
4
|
-
export type RadioProps = {
|
|
2
|
+
declare type RadioSize = 'medium' | 'small';
|
|
3
|
+
export declare type RadioStyleState = 'checked';
|
|
4
|
+
export declare type RadioProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Field name.
|
|
7
7
|
*/
|
|
@@ -41,7 +41,7 @@ export type RadioProps = {
|
|
|
41
41
|
/**
|
|
42
42
|
* Callback when the radio button is checked or unchecked
|
|
43
43
|
*/
|
|
44
|
-
onChange?:
|
|
44
|
+
onChange?: JSX.IntrinsicElements['input']['onChange'];
|
|
45
45
|
Icon?: React.ComponentType;
|
|
46
46
|
styledAs?: RadioStyleState;
|
|
47
47
|
};
|