@dfds-ui/forms 1.1.12-alpha.c126088a → 1.1.12-alpha.fc5f2e91

package/switch/SwitchGroup.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { css } from '@emotion/react';
+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";
+
+var SwitchGroupContainer = function SwitchGroupContainer(_ref) {
+  var children = _ref.children,
+      errorMessage = _ref.errorMessage;
+  return ___EmotionJSX("fieldset", {
+    css: /*#__PURE__*/css("display:flex;flex-direction:column;border:none;padding:0;margin:0;margin-bottom:", !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SwitchGroupContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGVycm9yTWVzc2FnZSB9OiBQYXJ0aWFsPFN3aXRjaEdyb3VwUHJvcHM+KSA9PiAoXG4gIDxmaWVsZHNldFxuICAgIGNzcz17Y3NzYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHshZXJyb3JNZXNzYWdlID8gJzEuNXJlbScgOiAnMC41cmVtJ307XG4gICAgYH1cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9maWVsZHNldD5cbilcblxuZXhwb3J0IGNvbnN0IFN3aXRjaEdyb3VwID0gKHtcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgZXJyb3JNZXNzYWdlLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrLFxuICBjaGlsZHJlbixcbn06IFN3aXRjaEdyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3dpdGNoR3JvdXBDb250YWluZXI+XG4gICAgICA8U3dpdGNoQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsIHJlcXVpcmVkPXtyZXF1aXJlZH0gaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9IHZpc3VhbFNpemU9e3NpemV9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPntjaGlsZHJlbn08L0ZsZXhCb3g+XG4gICAgICA8L1N3aXRjaENvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0Pn1cbiAgICA8L1N3aXRjaEdyb3VwQ29udGFpbmVyPlxuICApXG59XG4iXX0= */")
+  }, children);
+};
+
+export var SwitchGroup = function SwitchGroup(_ref2) {
+  var _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+      label = _ref2.label,
+      errorMessage = _ref2.errorMessage,
+      required = _ref2.required,
+      hideAsterisk = _ref2.hideAsterisk,
+      children = _ref2.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));
+};

package/switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch } from './Switch';

package/switch/index.js

@@ -0,0 +1 @@
+export { Switch } from './Switch';

package/tel-field/TelField.d.ts

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