@dfds-ui/forms 2.2.0-alpha.c35ceba3 → 2.2.0-alpha.c370086d

package/cjs/switch/SwitchContext.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { SwitchProps } from './Switch';
-declare type SwitchContextProps = Required<Pick<SwitchProps, 'size' | 'error'>> & {
+type SwitchContextProps = Required<Pick<SwitchProps, 'size' | 'error'>> & {
     children?: React.ReactNode;
 };
 export declare const SwitchContext: React.Context<SwitchContextProps | undefined>;
-export declare const SwitchContextProvider: React.FC<{
+export declare const SwitchContextProvider: ({ children, value, }: {
     value: SwitchContextProps;
     children?: React.ReactNode;
-}>;
+}) => React.JSX.Element;
 declare const useSwitchContext: () => SwitchContextProps | undefined;
 export default useSwitchContext;

package/cjs/switch/SwitchContext.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SwitchContextProvider = exports.SwitchContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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); }
-const SwitchContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-exports.SwitchContext = SwitchContext;
+const SwitchContext = exports.SwitchContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 const SwitchContextProvider = ({
   children,
   value = {
@@ -16,14 +15,14 @@ const SwitchContextProvider = ({
     error: false
   }
 }) => {
-  return (0, _react2.jsx)(SwitchContext.Provider, {
-    value: value
-  }, children);
+  return (0, _jsxRuntime.jsx)(SwitchContext.Provider, {
+    value: value,
+    children: children
+  });
 };
 exports.SwitchContextProvider = SwitchContextProvider;
 const useSwitchContext = () => {
   const context = (0, _react.useContext)(SwitchContext);
   return context;
 };
-var _default = useSwitchContext;
-exports.default = _default;
+var _default = exports.default = useSwitchContext;

package/cjs/switch/SwitchGroup.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { BaseFieldProps } from '../types';
 import { SwitchProps } from './Switch';
-export declare type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | 'hideAsterisk' | 'required'> & {
+export type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | 'hideAsterisk' | 'required'> & {
     /**
      * JSX enclosed by the group.
      */

package/cjs/switch/SwitchGroup.js

@@ -10,6 +10,7 @@ var _Label = require("../label/Label");
 var _SwitchContext = require("./SwitchContext");
 var _flexbox = require("@dfds-ui/react-components/flexbox");
 var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -17,15 +18,15 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0"
 } : {
   name: "7bcvef-SwitchGroupContainer",
-  styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0;label:SwitchGroupContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
+  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== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const SwitchGroupContainer = ({
   children
-}) => (0, _react2.jsx)("fieldset", {
-  css: _ref
-}, children);
+}) => (0, _jsxRuntime.jsx)("fieldset", {
+  css: _ref,
+  children: children
+});
 const SwitchGroup = ({
   size = 'medium',
   label,
@@ -34,17 +35,24 @@ const SwitchGroup = ({
   hideAsterisk,
   children
 }) => {
-  return (0, _react2.jsx)(SwitchGroupContainer, null, (0, _react2.jsx)(_SwitchContext.SwitchContextProvider, {
-    value: {
-      size,
-      error: !!errorMessage
-    }
-  }, (0, _react2.jsx)(_Label.Label, {
-    required: required,
-    hideAsterisk: hideAsterisk,
-    visualSize: size
-  }, label), (0, _react2.jsx)(_flexbox.FlexBox, {
-    directionColumn: true
-  }, children)), errorMessage && (0, _react2.jsx)(_ErrorText.default, null, errorMessage));
+  return (0, _jsxRuntime.jsxs)(SwitchGroupContainer, {
+    children: [(0, _jsxRuntime.jsxs)(_SwitchContext.SwitchContextProvider, {
+      value: {
+        size,
+        error: !!errorMessage
+      },
+      children: [(0, _jsxRuntime.jsx)(_Label.Label, {
+        required: required,
+        hideAsterisk: hideAsterisk,
+        visualSize: size,
+        children: label
+      }), (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
+        directionColumn: true,
+        children: children
+      })]
+    }), errorMessage && (0, _jsxRuntime.jsx)(_ErrorText.default, {
+      children: errorMessage
+    })]
+  });
 };
 exports.SwitchGroup = SwitchGroup;

package/cjs/tel-field/TelField.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { Locale } from '@dfds-ui/react-components';
 import { BaseFieldProps } from '../types';
-export declare type TelFieldProps = BaseFieldProps & {
+export type TelFieldProps = BaseFieldProps & {
+    ref?: React.Ref<TelFieldElement>;
     /**
      * Class name to be added to the TelField.
      */
@@ -31,37 +32,8 @@ export declare type TelFieldProps = BaseFieldProps & {
      */
     onBlur?: () => void;
 };
-export declare type TelFieldElement = {
+export type TelFieldElement = {
     focus?: () => void;
 };
-export declare const TelField: React.ForwardRefExoticComponent<BaseFieldProps & {
-    /**
-     * Class name to be added to the TelField.
-     */
-    className?: string | undefined;
-    /**
-     * Default value for the phone number
-     */
-    defaultValue?: string | undefined;
-    /**
-     * Default locale. Will set the matching country in the dropdown
-     */
-    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;
-    /**
-     * Show trunk values (the local area code shown in parenthesis)
-     */
-    showTrunkValues?: boolean | undefined;
-    /**
-     * Makes value splitted so easier to convert to object
-     */
-    splitValues?: boolean | undefined;
-    /**
-     * Callback when value changes
-     */
-    onChange?: ((newValue: string) => void) | undefined;
-    /**
-     * Callback when blur
-     */
-    onBlur?: (() => void) | undefined;
-} & React.RefAttributes<TelFieldElement>>;
+export declare const TelField: ({ name, label, errorMessage, defaultValue, defaultLocale, required, hideAsterisk, showTrunkValues, splitValues, onChange, onBlur, ref, ...rest }: TelFieldProps) => React.JSX.Element;
 export default TelField;