@dfds-ui/react-components 2.2.0-alpha.eae7bbcd → 2.2.0-alpha.efaebd54

package/forms/email-field/EmailField.d.ts

@@ -1,6 +1,22 @@
 import React from 'react';
-import { TextFieldProps } from '../text-field/TextField';
-declare const _default: import("@emotion/styled").StyledComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+declare const _default: import("@emotion/styled").StyledComponent<import("../text-field/TextField").BaseInputProps & {
+    label?: React.ReactNode;
+    name?: string;
+    required?: boolean;
+    hintText?: string;
+    disabled?: boolean;
+    defaultValue?: string;
+    errorMessage?: string;
+    assistiveText?: string;
+    className?: string;
+    size?: import("../input/Input").Size;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    icon?: React.ReactNode;
+    inverted?: boolean;
+    type?: string;
+    hideAsterisk?: boolean;
+} & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export default _default;

package/forms/email-field/EmailField.js

@@ -1,16 +1,26 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+var _excluded = ["ref"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import TextField from '../text-field/TextField';
 
 // EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var EmailField = function EmailField(props, ref) {
-  return ___EmotionJSX(TextField, _extends({}, props, {
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var EmailField = function EmailField(props) {
+  var ref = props.ref,
+    rest = _objectWithoutProperties(props, _excluded);
+  return _jsx(TextField, _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref,
     type: "email"
   }));
 };
-export default /*#__PURE__*/_styled(/*#__PURE__*/React.forwardRef(EmailField), {
+export default /*#__PURE__*/_styled(EmailField, {
   target: "eoo1you0"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkOiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgVGV4dEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnByb3BzfSByZWY9e3JlZiBhcyBhbnl9IHR5cGU9XCJlbWFpbFwiIC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKEVtYWlsRmllbGQpKSgpXG4iXX0= */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkID0gKHByb3BzOiBUZXh0RmllbGRQcm9wcykgPT4ge1xuICBjb25zdCB7IHJlZiwgLi4ucmVzdCB9ID0gcHJvcHNcbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnJlc3R9IHJlZj17cmVmfSB0eXBlPVwiZW1haWxcIiAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZWQoRW1haWxGaWVsZCkoKVxuIl19 */");

package/forms/error-text/ErrorText.d.ts

@@ -1,7 +1,7 @@
 declare const ErrorText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    small?: boolean | undefined;
+    small?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default ErrorText;

package/forms/field/Field.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LabelProps } from '../label/Label';
-declare type FieldProps = {
+type FieldProps = {
     children?: React.ReactNode;
     labelProps?: LabelProps;
     label?: React.ReactNode;

package/forms/field/Field.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 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)."; }
 import React from 'react';
 import Label from '../label/Label';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eazjpxc2"
 } : {
@@ -47,8 +47,13 @@ var Field = function Field(_ref) {
     required = _ref.required,
     assistiveText = _ref.assistiveText,
     children = _ref.children;
-  return ___EmotionJSX(Wrapper, null, label !== undefined && ___EmotionJSX(FieldLabel, {
-    required: required
-  }, label), children, assistiveText !== undefined && ___EmotionJSX(Assistive, null, assistiveText));
+  return _jsxs(Wrapper, {
+    children: [label !== undefined && _jsx(FieldLabel, {
+      required: required,
+      children: label
+    }), children, assistiveText !== undefined && _jsx(Assistive, {
+      children: assistiveText
+    })]
+  });
 };
 export default Field;

package/forms/index.d.ts

@@ -7,15 +7,15 @@ export { default as Select } from './select/Select';
 export { default as Label } from './label/Label';
 export { default as TextField } from './text-field/TextField';
 export { default as Radio } from './radio/Radio';
-export declare type RadioProps = import('./radio/Radio').RadioProps;
+export type RadioProps = import('./radio/Radio').RadioProps;
 export { default as Checkbox } from './checkbox/Checkbox';
-export declare type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
+export type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
 export { default as SelectField } from './select-field/SelectField';
 export { default as TelField } from './tel-field/TelField';
 export { default as EmailField } from './email-field/EmailField';
 export { default as NumberField } from './number-field/NumberField';
 export { default as ReactSelect } from './reactselect/ReactSelect';
-export declare type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
+export type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
 export { default as PasswordField } from './password-field/PasswordField';
 export { default as AsyncSearchableSelect } from './searchable-select/AsyncSearchableSelect';
 export { default as ErrorText } from './error-text/ErrorText';

package/forms/input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type Alignment = 'left' | 'right';
-export declare type Size = 'small' | 'medium';
+export type Alignment = 'left' | 'right';
+export type Size = 'small' | 'medium';
 interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size' | 'css'> {
     name: string;
     multiline?: boolean;
@@ -15,5 +15,5 @@ interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttribu
     size?: Size;
     htmlSize?: number;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+declare const Input: (props: InputProps) => React.JSX.Element;
+export default Input;