@dfds-ui/forms 2.2.0-alpha.90e90c2b → 2.2.0-alpha.9178d1d6
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/Checkbox.d.ts +3 -2
- package/checkbox/Checkbox.js +10 -11
- package/cjs/checkbox/Checkbox.d.ts +3 -2
- package/cjs/checkbox/Checkbox.js +11 -11
- package/cjs/counter/Counter.d.ts +2 -1
- package/cjs/counter/Counter.js +12 -12
- package/cjs/enhanced/EnhancedField.d.ts +1 -1
- package/cjs/enhanced/EnhancedField.js +13 -11
- package/cjs/password-field/PasswordField.d.ts +1 -1
- package/cjs/password-field/PasswordField.js +4 -4
- package/cjs/radio/Radio.d.ts +3 -2
- package/cjs/radio/Radio.js +11 -11
- package/cjs/rating/Rating.d.ts +3 -4
- package/cjs/rating/Rating.js +23 -18
- package/cjs/select-field/AsyncSelectField.d.ts +3 -4
- package/cjs/select-field/AsyncSelectField.js +5 -10
- package/cjs/select-field/CreatableSelectField.d.ts +3 -4
- package/cjs/select-field/CreatableSelectField.js +9 -14
- package/cjs/select-field/NativeSelectField.d.ts +1 -1
- package/cjs/select-field/NativeSelectField.js +9 -9
- package/cjs/select-field/SelectField.d.ts +3 -4
- package/cjs/select-field/SelectField.js +10 -15
- package/cjs/switch/Switch.d.ts +3 -2
- package/cjs/switch/Switch.js +18 -17
- package/cjs/tel-field/TelField.d.ts +2 -30
- package/cjs/tel-field/TelField.js +15 -13
- package/cjs/text-field/TextField.d.ts +2 -27
- package/cjs/text-field/TextField.js +11 -11
- package/cjs/textarea-field/TextareaField.d.ts +2 -15
- package/cjs/textarea-field/TextareaField.js +5 -5
- package/counter/Counter.d.ts +2 -1
- package/counter/Counter.js +12 -13
- package/enhanced/EnhancedField.d.ts +1 -1
- package/enhanced/EnhancedField.js +11 -10
- package/package.json +10 -10
- package/password-field/PasswordField.d.ts +1 -1
- package/password-field/PasswordField.js +4 -5
- package/radio/Radio.d.ts +3 -2
- package/radio/Radio.js +10 -11
- package/rating/Rating.d.ts +3 -4
- package/rating/Rating.js +18 -15
- package/select-field/AsyncSelectField.d.ts +3 -4
- package/select-field/AsyncSelectField.js +5 -10
- package/select-field/CreatableSelectField.d.ts +3 -4
- package/select-field/CreatableSelectField.js +11 -17
- package/select-field/NativeSelectField.d.ts +1 -1
- package/select-field/NativeSelectField.js +6 -7
- package/select-field/SelectField.d.ts +3 -4
- package/select-field/SelectField.js +12 -18
- package/switch/Switch.d.ts +3 -2
- package/switch/Switch.js +21 -20
- package/tel-field/TelField.d.ts +2 -30
- package/tel-field/TelField.js +15 -14
- package/text-field/TextField.d.ts +2 -27
- package/text-field/TextField.js +8 -9
- package/textarea-field/TextareaField.d.ts +2 -15
- package/textarea-field/TextareaField.js +4 -5
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Form components",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.2.0-alpha.
|
|
6
|
+
"version": "2.2.0-alpha.9178d1d6",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -12,18 +12,18 @@
|
|
|
12
12
|
"peerDependencies": {
|
|
13
13
|
"@emotion/react": "11.14.0",
|
|
14
14
|
"@emotion/styled": "11.14.1",
|
|
15
|
-
"react": ">=
|
|
16
|
-
"react-dom": ">=
|
|
17
|
-
"react-select": "^5.
|
|
15
|
+
"react": ">= 19.0.0",
|
|
16
|
+
"react-dom": ">= 19.0.0",
|
|
17
|
+
"react-select": "^5.10.2"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@dfds-ui/hooks": "2.2.0-alpha.
|
|
21
|
-
"@dfds-ui/icons": "2.2.0-alpha.
|
|
22
|
-
"@dfds-ui/react-components": "2.2.0-alpha.
|
|
23
|
-
"@dfds-ui/theme": "2.2.0-alpha.
|
|
24
|
-
"@dfds-ui/typography": "2.2.0-alpha.
|
|
20
|
+
"@dfds-ui/hooks": "2.2.0-alpha.9178d1d6",
|
|
21
|
+
"@dfds-ui/icons": "2.2.0-alpha.9178d1d6",
|
|
22
|
+
"@dfds-ui/react-components": "2.2.0-alpha.9178d1d6",
|
|
23
|
+
"@dfds-ui/theme": "2.2.0-alpha.9178d1d6",
|
|
24
|
+
"@dfds-ui/typography": "2.2.0-alpha.9178d1d6"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "9178d1d6d16068f1703fe159f0b24c4f1a5c6c60",
|
|
27
27
|
"publishConfig": {
|
|
28
28
|
"access": "public"
|
|
29
29
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextFieldProps } from '../text-field/TextField';
|
|
3
3
|
export type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
|
|
4
|
-
export declare const PasswordField:
|
|
4
|
+
export declare const PasswordField: (props: PasswordFieldProps) => React.JSX.Element;
|
|
@@ -10,13 +10,13 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
10
10
|
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; }
|
|
11
11
|
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; } }
|
|
12
12
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
13
|
-
import React, {
|
|
13
|
+
import React, { useState } from 'react';
|
|
14
14
|
import { css } from '@emotion/react';
|
|
15
15
|
import { theme } from '@dfds-ui/theme';
|
|
16
16
|
import { Show, Hide } from '@dfds-ui/icons/system';
|
|
17
17
|
import TextField from '../text-field/TextField';
|
|
18
18
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
19
|
-
export var PasswordField =
|
|
19
|
+
export var PasswordField = function PasswordField(props) {
|
|
20
20
|
var _useState = useState(false),
|
|
21
21
|
_useState2 = _slicedToArray(_useState, 2),
|
|
22
22
|
visible = _useState2[0],
|
|
@@ -27,12 +27,11 @@ export var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
27
27
|
onClick: function onClick() {
|
|
28
28
|
return setVisible(!visible);
|
|
29
29
|
},
|
|
30
|
-
css: /*#__PURE__*/css("pointer-events:all;cursor:pointer;color:", 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,
|
|
30
|
+
css: /*#__PURE__*/css("pointer-events:all;cursor:pointer;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgU2hvdywgSGlkZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdGV4dC1maWVsZC9UZXh0RmllbGQnXG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJy4uL3RleHQtZmllbGQvVGV4dEZpZWxkJ1xuXG5leHBvcnQgdHlwZSBQYXNzd29yZEZpZWxkUHJvcHMgPSBPbWl0PFRleHRGaWVsZFByb3BzLCAnaWNvbicgfCAnaW5wdXRUeXBlJz5cblxuZXhwb3J0IGNvbnN0IFBhc3N3b3JkRmllbGQgPSAocHJvcHM6IFBhc3N3b3JkRmllbGRQcm9wcykgPT4ge1xuICBjb25zdCBbdmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBUb2dnbGVCdXR0b24gPSAoKSA9PiB7XG4gICAgY29uc3QgSWNvbiA9IHZpc2libGUgPyBTaG93IDogSGlkZVxuICAgIHJldHVybiAoXG4gICAgICA8SWNvblxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRWaXNpYmxlKCF2aXNpYmxlKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnByb3BzfSBpbnB1dFR5cGU9e3Zpc2libGUgPyAndGV4dCcgOiAncGFzc3dvcmQnfSBpY29uPXtUb2dnbGVCdXR0b259IC8+XG59XG4iXX0= */")
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
return _jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
|
|
34
|
-
ref: ref,
|
|
35
34
|
inputType: visible ? 'text' : 'password',
|
|
36
35
|
icon: ToggleButton
|
|
37
36
|
}));
|
|
38
|
-
}
|
|
37
|
+
};
|
package/radio/Radio.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
type RadioSize = 'medium' | 'small';
|
|
3
3
|
export type RadioStyleState = 'checked';
|
|
4
4
|
export type RadioProps = {
|
|
5
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
5
6
|
/**
|
|
6
7
|
* Field name.
|
|
7
8
|
*/
|
|
@@ -45,7 +46,7 @@ export type RadioProps = {
|
|
|
45
46
|
Icon?: React.ComponentType;
|
|
46
47
|
styledAs?: RadioStyleState;
|
|
47
48
|
};
|
|
48
|
-
export declare const Radio:
|
|
49
|
+
export declare const Radio: ({ name, label, className, checked, disabled, defaultChecked, value, onChange, error: errorProp, visualSize: visualSizeProp, Icon, styledAs, ...rest }: RadioProps) => React.JSX.Element;
|
|
49
50
|
/** @deprecated Use Radio */
|
|
50
|
-
export declare const RadioField:
|
|
51
|
+
export declare const RadioField: ({ name, label, className, checked, disabled, defaultChecked, value, onChange, error: errorProp, visualSize: visualSizeProp, Icon, styledAs, ...rest }: RadioProps) => React.JSX.Element;
|
|
51
52
|
export {};
|