@dfds-ui/forms 2.2.0-alpha.853cab6b → 2.2.0-alpha.88cbd504

package/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/switch/SwitchContext.js

@@ -1,5 +1,5 @@
 import React, { createContext, useContext } from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export var SwitchContext = /*#__PURE__*/createContext(undefined);
 export var SwitchContextProvider = function SwitchContextProvider(_ref) {
   var children = _ref.children,
@@ -8,9 +8,10 @@ export var SwitchContextProvider = function SwitchContextProvider(_ref) {
       size: 'medium',
       error: false
     } : _ref$value;
-  return ___EmotionJSX(SwitchContext.Provider, {
-    value: value
-  }, children);
+  return _jsx(SwitchContext.Provider, {
+    value: value,
+    children: children
+  });
 };
 var useSwitchContext = function useSwitchContext() {
   var context = useContext(SwitchContext);

package/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/switch/SwitchGroup.js

@@ -5,7 +5,7 @@ import { Label } from '../label/Label';
 import { SwitchContextProvider } from './SwitchContext';
 import { FlexBox } from '@dfds-ui/react-components/flexbox';
 import ErrorText from '../error-text/ErrorText';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1qz4298",
   styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0"
@@ -16,9 +16,10 @@ var _ref = process.env.NODE_ENV === "production" ? {
 };
 var SwitchGroupContainer = function SwitchGroupContainer(_ref2) {
   var children = _ref2.children;
-  return ___EmotionJSX("fieldset", {
-    css: _ref
-  }, children);
+  return _jsx("fieldset", {
+    css: _ref,
+    children: children
+  });
 };
 export var SwitchGroup = function SwitchGroup(_ref3) {
   var _ref3$size = _ref3.size,
@@ -28,16 +29,23 @@ export var SwitchGroup = function SwitchGroup(_ref3) {
     required = _ref3.required,
     hideAsterisk = _ref3.hideAsterisk,
     children = _ref3.children;
-  return ___EmotionJSX(SwitchGroupContainer, null, ___EmotionJSX(SwitchContextProvider, {
-    value: {
-      size: size,
-      error: !!errorMessage
-    }
-  }, ___EmotionJSX(Label, {
-    required: required,
-    hideAsterisk: hideAsterisk,
-    visualSize: size
-  }, label), ___EmotionJSX(FlexBox, {
-    directionColumn: true
-  }, children)), errorMessage && ___EmotionJSX(ErrorText, null, errorMessage));
+  return _jsxs(SwitchGroupContainer, {
+    children: [_jsxs(SwitchContextProvider, {
+      value: {
+        size: size,
+        error: !!errorMessage
+      },
+      children: [_jsx(Label, {
+        required: required,
+        hideAsterisk: hideAsterisk,
+        visualSize: size,
+        children: label
+      }), _jsx(FlexBox, {
+        directionColumn: true,
+        children: children
+      })]
+    }), errorMessage && _jsx(ErrorText, {
+      children: errorMessage
+    })]
+  });
 };

package/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;