@dfds-ui/forms 2.0.15-alpha.62ad64e2 → 2.0.15-alpha.6c859e9c

package/cjs/switch/SwitchGroup.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitchGroup = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _Label = require("../label/Label");
+var _SwitchContext = require("./SwitchContext");
+var _flexbox = require("@dfds-ui/react-components/flexbox");
+var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SwitchGroupContainer = ({
+  children,
+  errorMessage
+}) => (0, _react2.jsx)("fieldset", {
+  css: /*#__PURE__*/(0, _react2.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGVycm9yTWVzc2FnZSB9OiBQYXJ0aWFsPFN3aXRjaEdyb3VwUHJvcHM+KSA9PiAoXG4gIDxmaWVsZHNldFxuICAgIGNzcz17Y3NzYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHshZXJyb3JNZXNzYWdlID8gJzEuNXJlbScgOiAnMC41cmVtJ307XG4gICAgYH1cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9maWVsZHNldD5cbilcblxuZXhwb3J0IGNvbnN0IFN3aXRjaEdyb3VwID0gKHtcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgZXJyb3JNZXNzYWdlLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrLFxuICBjaGlsZHJlbixcbn06IFN3aXRjaEdyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3dpdGNoR3JvdXBDb250YWluZXI+XG4gICAgICA8U3dpdGNoQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsIHJlcXVpcmVkPXtyZXF1aXJlZH0gaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9IHZpc3VhbFNpemU9e3NpemV9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPntjaGlsZHJlbn08L0ZsZXhCb3g+XG4gICAgICA8L1N3aXRjaENvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0Pn1cbiAgICA8L1N3aXRjaEdyb3VwQ29udGFpbmVyPlxuICApXG59XG4iXX0= */")
+}, children);
+const SwitchGroup = ({
+  size = 'medium',
+  label,
+  errorMessage,
+  required,
+  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));
+};
+exports.SwitchGroup = SwitchGroup;

package/cjs/switch/index.d.ts

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

package/cjs/switch/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _Switch.Switch;
+  }
+});
+var _Switch = require("./Switch");

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