@dfds-ui/forms 2.2.1 → 3.0.0

package/switch/SwitchContext.d.ts

@@ -1,11 +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,10 +1,10 @@
-import { ReactNode } from 'react';
+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.
      */
     children: ReactNode;
 } & Pick<SwitchProps, 'size'>;
-export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => JSX.Element;
+export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => React.JSX.Element;

package/switch/SwitchGroup.js

@@ -5,21 +5,21 @@ 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"
 } : {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 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,
@@ -29,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;