@dfds-ui/forms 2.2.0-alpha.f8b06f5f → 2.2.0-alpha.f8ef65bc

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.
Files changed (57) hide show
  1. package/checkbox/Checkbox.d.ts +3 -2
  2. package/checkbox/Checkbox.js +10 -11
  3. package/cjs/checkbox/Checkbox.d.ts +3 -2
  4. package/cjs/checkbox/Checkbox.js +11 -11
  5. package/cjs/counter/Counter.d.ts +2 -1
  6. package/cjs/counter/Counter.js +12 -12
  7. package/cjs/enhanced/EnhancedField.d.ts +1 -1
  8. package/cjs/enhanced/EnhancedField.js +13 -11
  9. package/cjs/password-field/PasswordField.d.ts +1 -1
  10. package/cjs/password-field/PasswordField.js +4 -4
  11. package/cjs/radio/Radio.d.ts +3 -2
  12. package/cjs/radio/Radio.js +11 -11
  13. package/cjs/rating/Rating.d.ts +3 -4
  14. package/cjs/rating/Rating.js +23 -18
  15. package/cjs/select-field/AsyncSelectField.d.ts +3 -4
  16. package/cjs/select-field/AsyncSelectField.js +5 -10
  17. package/cjs/select-field/CreatableSelectField.d.ts +3 -4
  18. package/cjs/select-field/CreatableSelectField.js +9 -14
  19. package/cjs/select-field/NativeSelectField.d.ts +1 -1
  20. package/cjs/select-field/NativeSelectField.js +9 -9
  21. package/cjs/select-field/SelectField.d.ts +3 -4
  22. package/cjs/select-field/SelectField.js +10 -15
  23. package/cjs/switch/Switch.d.ts +3 -2
  24. package/cjs/switch/Switch.js +18 -17
  25. package/cjs/tel-field/TelField.d.ts +2 -30
  26. package/cjs/tel-field/TelField.js +15 -13
  27. package/cjs/text-field/TextField.d.ts +2 -27
  28. package/cjs/text-field/TextField.js +11 -11
  29. package/cjs/textarea-field/TextareaField.d.ts +2 -15
  30. package/cjs/textarea-field/TextareaField.js +5 -5
  31. package/counter/Counter.d.ts +2 -1
  32. package/counter/Counter.js +12 -13
  33. package/enhanced/EnhancedField.d.ts +1 -1
  34. package/enhanced/EnhancedField.js +11 -10
  35. package/package.json +10 -10
  36. package/password-field/PasswordField.d.ts +1 -1
  37. package/password-field/PasswordField.js +4 -5
  38. package/radio/Radio.d.ts +3 -2
  39. package/radio/Radio.js +10 -11
  40. package/rating/Rating.d.ts +3 -4
  41. package/rating/Rating.js +18 -15
  42. package/select-field/AsyncSelectField.d.ts +3 -4
  43. package/select-field/AsyncSelectField.js +5 -10
  44. package/select-field/CreatableSelectField.d.ts +3 -4
  45. package/select-field/CreatableSelectField.js +11 -17
  46. package/select-field/NativeSelectField.d.ts +1 -1
  47. package/select-field/NativeSelectField.js +6 -7
  48. package/select-field/SelectField.d.ts +3 -4
  49. package/select-field/SelectField.js +12 -18
  50. package/switch/Switch.d.ts +3 -2
  51. package/switch/Switch.js +21 -20
  52. package/tel-field/TelField.d.ts +2 -30
  53. package/tel-field/TelField.js +15 -14
  54. package/text-field/TextField.d.ts +2 -27
  55. package/text-field/TextField.js +8 -9
  56. package/textarea-field/TextareaField.d.ts +2 -15
  57. 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.f8b06f5f",
6
+ "version": "2.2.0-alpha.f8ef65bc",
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": ">= 18.3.1",
16
- "react-dom": ">= 18.3.1",
17
- "react-select": "^5.0.0"
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.f8b06f5f",
21
- "@dfds-ui/icons": "2.2.0-alpha.f8b06f5f",
22
- "@dfds-ui/react-components": "2.2.0-alpha.f8b06f5f",
23
- "@dfds-ui/theme": "2.2.0-alpha.f8b06f5f",
24
- "@dfds-ui/typography": "2.2.0-alpha.f8b06f5f"
20
+ "@dfds-ui/hooks": "2.2.0-alpha.f8ef65bc",
21
+ "@dfds-ui/icons": "2.2.0-alpha.f8ef65bc",
22
+ "@dfds-ui/react-components": "2.2.0-alpha.f8ef65bc",
23
+ "@dfds-ui/theme": "2.2.0-alpha.f8ef65bc",
24
+ "@dfds-ui/typography": "2.2.0-alpha.f8ef65bc"
25
25
  },
26
- "gitHead": "f8b06f5f43625d28c92a95b5fafe5754d10db29d",
26
+ "gitHead": "f8ef65bc9f4ec820302f575df163f9a47f0e4bf8",
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: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;
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, { forwardRef, useState } from '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 = /*#__PURE__*/forwardRef(function (props, ref) {
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgU2hvdywgSGlkZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdGV4dC1maWVsZC9UZXh0RmllbGQnXG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJy4uL3RleHQtZmllbGQvVGV4dEZpZWxkJ1xuXG5leHBvcnQgdHlwZSBQYXNzd29yZEZpZWxkUHJvcHMgPSBPbWl0PFRleHRGaWVsZFByb3BzLCAnaWNvbicgfCAnaW5wdXRUeXBlJz5cblxuZXhwb3J0IGNvbnN0IFBhc3N3b3JkRmllbGQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFBhc3N3b3JkRmllbGRQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgVG9nZ2xlQnV0dG9uID0gKCkgPT4ge1xuICAgIGNvbnN0IEljb24gPSB2aXNpYmxlID8gU2hvdyA6IEhpZGVcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0VmlzaWJsZSghdmlzaWJsZSl9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiA8VGV4dEZpZWxkIHsuLi5wcm9wc30gcmVmPXtyZWZ9IGlucHV0VHlwZT17dmlzaWJsZSA/ICd0ZXh0JyA6ICdwYXNzd29yZCd9IGljb249e1RvZ2dsZUJ1dHRvbn0gLz5cbn0pXG4iXX0= */")
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: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
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: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
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 {};