@dfds-ui/forms 2.2.0-alpha.e74a6756 → 2.2.0-alpha.e82e41de

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 (101) hide show
  1. package/assistive-text/AssistiveText.d.ts +1 -1
  2. package/assistive-text/AssistiveText.js +5 -4
  3. package/asterisk/Asterisk.d.ts +2 -2
  4. package/asterisk/Asterisk.js +13 -5
  5. package/checkbox/Checkbox.d.ts +13 -13
  6. package/checkbox/Checkbox.js +46 -37
  7. package/checkbox/CheckboxContext.d.ts +3 -2
  8. package/checkbox/CheckboxContext.js +5 -4
  9. package/checkbox/CheckboxGroup.d.ts +2 -2
  10. package/checkbox/CheckboxGroup.js +45 -32
  11. package/cjs/assistive-text/AssistiveText.d.ts +1 -1
  12. package/cjs/assistive-text/AssistiveText.js +7 -6
  13. package/cjs/asterisk/Asterisk.d.ts +2 -2
  14. package/cjs/asterisk/Asterisk.js +8 -7
  15. package/cjs/checkbox/Checkbox.d.ts +13 -13
  16. package/cjs/checkbox/Checkbox.js +42 -39
  17. package/cjs/checkbox/CheckboxContext.d.ts +3 -2
  18. package/cjs/checkbox/CheckboxContext.js +8 -10
  19. package/cjs/checkbox/CheckboxGroup.d.ts +2 -2
  20. package/cjs/checkbox/CheckboxGroup.js +39 -31
  21. package/cjs/counter/Counter.js +62 -63
  22. package/cjs/enhanced/EnhancedField.d.ts +1 -1
  23. package/cjs/enhanced/EnhancedField.js +29 -32
  24. package/cjs/error-text/ErrorText.d.ts +1 -1
  25. package/cjs/error-text/ErrorText.js +7 -6
  26. package/cjs/field-wrap/FieldWrap.d.ts +2 -2
  27. package/cjs/field-wrap/FieldWrap.js +39 -33
  28. package/cjs/help-icon/HelpIcon.d.ts +2 -2
  29. package/cjs/help-icon/HelpIcon.js +10 -9
  30. package/cjs/label/Label.d.ts +1 -1
  31. package/cjs/label/Label.js +7 -5
  32. package/cjs/password-field/PasswordField.js +9 -10
  33. package/cjs/radio/Radio.d.ts +1 -1
  34. package/cjs/radio/Radio.js +31 -30
  35. package/cjs/radio/RadioContext.d.ts +3 -2
  36. package/cjs/radio/RadioContext.js +8 -10
  37. package/cjs/radio/RadioGroup.d.ts +2 -2
  38. package/cjs/radio/RadioGroup.js +40 -32
  39. package/cjs/rating/Rating.d.ts +2 -2
  40. package/cjs/rating/Rating.js +77 -68
  41. package/cjs/select-field/AsyncSelectField.d.ts +3 -7
  42. package/cjs/select-field/AsyncSelectField.js +52 -48
  43. package/cjs/select-field/CreatableSelectField.d.ts +3 -40
  44. package/cjs/select-field/CreatableSelectField.js +105 -92
  45. package/cjs/select-field/NativeSelectField.d.ts +1 -1
  46. package/cjs/select-field/NativeSelectField.js +21 -21
  47. package/cjs/select-field/SelectField.d.ts +10 -47
  48. package/cjs/select-field/SelectField.js +117 -103
  49. package/cjs/switch/Switch.d.ts +2 -2
  50. package/cjs/switch/Switch.js +44 -42
  51. package/cjs/switch/SwitchContext.d.ts +3 -2
  52. package/cjs/switch/SwitchContext.js +8 -10
  53. package/cjs/switch/SwitchGroup.d.ts +2 -2
  54. package/cjs/switch/SwitchGroup.js +26 -18
  55. package/cjs/tel-field/TelField.d.ts +7 -7
  56. package/cjs/tel-field/TelField.js +98 -93
  57. package/cjs/text-field/TextField.d.ts +17 -17
  58. package/cjs/text-field/TextField.js +55 -55
  59. package/cjs/textarea-field/TextareaField.d.ts +8 -8
  60. package/cjs/textarea-field/TextareaField.js +28 -27
  61. package/counter/Counter.js +68 -64
  62. package/enhanced/EnhancedField.d.ts +1 -1
  63. package/enhanced/EnhancedField.js +34 -29
  64. package/error-text/ErrorText.d.ts +1 -1
  65. package/error-text/ErrorText.js +5 -4
  66. package/field-wrap/FieldWrap.d.ts +2 -2
  67. package/field-wrap/FieldWrap.js +44 -33
  68. package/help-icon/HelpIcon.d.ts +2 -2
  69. package/help-icon/HelpIcon.js +8 -7
  70. package/label/Label.d.ts +1 -1
  71. package/label/Label.js +13 -6
  72. package/package.json +12 -12
  73. package/password-field/PasswordField.js +14 -9
  74. package/radio/Radio.d.ts +1 -1
  75. package/radio/Radio.js +36 -29
  76. package/radio/RadioContext.d.ts +3 -2
  77. package/radio/RadioContext.js +5 -4
  78. package/radio/RadioGroup.d.ts +2 -2
  79. package/radio/RadioGroup.js +39 -32
  80. package/rating/Rating.d.ts +2 -2
  81. package/rating/Rating.js +84 -72
  82. package/select-field/AsyncSelectField.d.ts +3 -7
  83. package/select-field/AsyncSelectField.js +60 -49
  84. package/select-field/CreatableSelectField.d.ts +3 -40
  85. package/select-field/CreatableSelectField.js +104 -91
  86. package/select-field/NativeSelectField.d.ts +1 -1
  87. package/select-field/NativeSelectField.js +26 -18
  88. package/select-field/SelectField.d.ts +10 -47
  89. package/select-field/SelectField.js +113 -98
  90. package/switch/Switch.d.ts +2 -2
  91. package/switch/Switch.js +52 -43
  92. package/switch/SwitchContext.d.ts +3 -2
  93. package/switch/SwitchContext.js +5 -4
  94. package/switch/SwitchGroup.d.ts +2 -2
  95. package/switch/SwitchGroup.js +25 -18
  96. package/tel-field/TelField.d.ts +7 -7
  97. package/tel-field/TelField.js +109 -97
  98. package/text-field/TextField.d.ts +17 -17
  99. package/text-field/TextField.js +62 -55
  100. package/textarea-field/TextareaField.d.ts +8 -8
  101. package/textarea-field/TextareaField.js +31 -25
@@ -4,8 +4,9 @@ type SwitchContextProps = Required<Pick<SwitchProps, 'size' | 'error'>> & {
4
4
  children?: React.ReactNode;
5
5
  };
6
6
  export declare const SwitchContext: React.Context<SwitchContextProps | undefined>;
7
- export declare const SwitchContextProvider: React.FC<{
7
+ export declare const SwitchContextProvider: ({ children, value, }: {
8
8
  value: SwitchContextProps;
9
- }>;
9
+ children?: React.ReactNode;
10
+ }) => React.JSX.Element;
10
11
  declare const useSwitchContext: () => SwitchContextProps | undefined;
11
12
  export default useSwitchContext;
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.SwitchContextProvider = exports.SwitchContext = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _react2 = require("@emotion/react");
9
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
10
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
- const SwitchContext = /*#__PURE__*/(0, _react.createContext)(undefined);
12
- exports.SwitchContext = SwitchContext;
8
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
+ 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); }
10
+ const SwitchContext = exports.SwitchContext = /*#__PURE__*/(0, _react.createContext)(undefined);
13
11
  const SwitchContextProvider = ({
14
12
  children,
15
13
  value = {
@@ -17,14 +15,14 @@ const SwitchContextProvider = ({
17
15
  error: false
18
16
  }
19
17
  }) => {
20
- return (0, _react2.jsx)(SwitchContext.Provider, {
21
- value: value
22
- }, children);
18
+ return (0, _jsxRuntime.jsx)(SwitchContext.Provider, {
19
+ value: value,
20
+ children: children
21
+ });
23
22
  };
24
23
  exports.SwitchContextProvider = SwitchContextProvider;
25
24
  const useSwitchContext = () => {
26
25
  const context = (0, _react.useContext)(SwitchContext);
27
26
  return context;
28
27
  };
29
- var _default = useSwitchContext;
30
- exports.default = _default;
28
+ var _default = exports.default = useSwitchContext;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { BaseFieldProps } from '../types';
3
3
  import { SwitchProps } from './Switch';
4
4
  export type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | 'hideAsterisk' | 'required'> & {
@@ -7,4 +7,4 @@ export type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | '
7
7
  */
8
8
  children: ReactNode;
9
9
  } & Pick<SwitchProps, 'size'>;
10
- export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => JSX.Element;
10
+ export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => React.JSX.Element;
@@ -10,22 +10,23 @@ var _Label = require("../label/Label");
10
10
  var _SwitchContext = require("./SwitchContext");
11
11
  var _flexbox = require("@dfds-ui/react-components/flexbox");
12
12
  var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
15
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
15
16
  var _ref = process.env.NODE_ENV === "production" ? {
16
17
  name: "1qz4298",
17
18
  styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0"
18
19
  } : {
19
20
  name: "7bcvef-SwitchGroupContainer",
20
- styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0;label:SwitchGroupContainer;",
21
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
21
+ styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0;label:SwitchGroupContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
22
22
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
23
23
  };
24
24
  const SwitchGroupContainer = ({
25
25
  children
26
- }) => (0, _react2.jsx)("fieldset", {
27
- css: _ref
28
- }, children);
26
+ }) => (0, _jsxRuntime.jsx)("fieldset", {
27
+ css: _ref,
28
+ children: children
29
+ });
29
30
  const SwitchGroup = ({
30
31
  size = 'medium',
31
32
  label,
@@ -34,17 +35,24 @@ const SwitchGroup = ({
34
35
  hideAsterisk,
35
36
  children
36
37
  }) => {
37
- return (0, _react2.jsx)(SwitchGroupContainer, null, (0, _react2.jsx)(_SwitchContext.SwitchContextProvider, {
38
- value: {
39
- size,
40
- error: !!errorMessage
41
- }
42
- }, (0, _react2.jsx)(_Label.Label, {
43
- required: required,
44
- hideAsterisk: hideAsterisk,
45
- visualSize: size
46
- }, label), (0, _react2.jsx)(_flexbox.FlexBox, {
47
- directionColumn: true
48
- }, children)), errorMessage && (0, _react2.jsx)(_ErrorText.default, null, errorMessage));
38
+ return (0, _jsxRuntime.jsxs)(SwitchGroupContainer, {
39
+ children: [(0, _jsxRuntime.jsxs)(_SwitchContext.SwitchContextProvider, {
40
+ value: {
41
+ size,
42
+ error: !!errorMessage
43
+ },
44
+ children: [(0, _jsxRuntime.jsx)(_Label.Label, {
45
+ required: required,
46
+ hideAsterisk: hideAsterisk,
47
+ visualSize: size,
48
+ children: label
49
+ }), (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
50
+ directionColumn: true,
51
+ children: children
52
+ })]
53
+ }), errorMessage && (0, _jsxRuntime.jsx)(_ErrorText.default, {
54
+ children: errorMessage
55
+ })]
56
+ });
49
57
  };
50
58
  exports.SwitchGroup = SwitchGroup;
@@ -38,30 +38,30 @@ export declare const TelField: React.ForwardRefExoticComponent<BaseFieldProps &
38
38
  /**
39
39
  * Class name to be added to the TelField.
40
40
  */
41
- className?: string | undefined;
41
+ className?: string;
42
42
  /**
43
43
  * Default value for the phone number
44
44
  */
45
- defaultValue?: string | undefined;
45
+ defaultValue?: string;
46
46
  /**
47
47
  * Default locale. Will set the matching country in the dropdown
48
48
  */
49
- defaultLocale?: "en" | "nl-BE" | "bg-BG" | "pt-BR" | "en-CA" | "zh-CN" | "cs-CZ" | "da-DK" | "et-EE" | "fi-FI" | "fr-BE" | "fr-FR" | "fr-MA" | "de-DE" | "hu-HU" | "it-IT" | "ja-JP" | "lv-LV" | "lt-LT" | "nl-NL" | "nb-NO" | "pl-PL" | "ro-RO" | "ru-RU" | "sk-SK" | "ko-KR" | "es-ES" | "sv-SE" | "tr-TR" | "en-GB" | "en-US" | undefined;
49
+ defaultLocale?: Locale;
50
50
  /**
51
51
  * Show trunk values (the local area code shown in parenthesis)
52
52
  */
53
- showTrunkValues?: boolean | undefined;
53
+ showTrunkValues?: boolean;
54
54
  /**
55
55
  * Makes value splitted so easier to convert to object
56
56
  */
57
- splitValues?: boolean | undefined;
57
+ splitValues?: boolean;
58
58
  /**
59
59
  * Callback when value changes
60
60
  */
61
- onChange?: ((newValue: string) => void) | undefined;
61
+ onChange?: (newValue: string) => void;
62
62
  /**
63
63
  * Callback when blur
64
64
  */
65
- onBlur?: (() => void) | undefined;
65
+ onBlur?: () => void;
66
66
  } & React.RefAttributes<TelFieldElement>>;
67
67
  export default TelField;