@ovotech/element-native 4.4.8 → 4.5.0

package/dist/components/CTALink/CTALink.js

@@ -1,23 +1,6 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SecondaryCTALink = exports.PrimaryCTALink = exports.CTALink = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var CTAButton_1 = require("../CTAButton");
-var CTALink = (0, react_1.forwardRef)(function (props, ref) { return (0, jsx_runtime_1.jsx)(CTAButton_1.CTAButton, __assign({}, props, { ref: ref })); });
-exports.CTALink = CTALink;
-var PrimaryCTALink = (0, react_1.forwardRef)(function (props, ref) { return (0, jsx_runtime_1.jsx)(CTALink, __assign({ variant: "primary", ref: ref }, props)); });
-exports.PrimaryCTALink = PrimaryCTALink;
-var SecondaryCTALink = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(CTALink, __assign({ variant: "secondary", ref: ref }, props))); });
-exports.SecondaryCTALink = SecondaryCTALink;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CTAButton } from '../CTAButton';
+const CTALink = (props) => _jsx(CTAButton, { ...props });
+const PrimaryCTALink = (props) => (_jsx(CTALink, { variant: "primary", ...props }));
+const SecondaryCTALink = (props) => (_jsx(CTALink, { variant: "secondary", ...props }));
+export { CTALink, PrimaryCTALink, SecondaryCTALink };

package/dist/components/CTALink/index.js

@@ -1,7 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SecondaryCTALink = exports.PrimaryCTALink = exports.CTALink = void 0;
-var CTALink_1 = require("./CTALink");
-Object.defineProperty(exports, "CTALink", { enumerable: true, get: function () { return CTALink_1.CTALink; } });
-Object.defineProperty(exports, "PrimaryCTALink", { enumerable: true, get: function () { return CTALink_1.PrimaryCTALink; } });
-Object.defineProperty(exports, "SecondaryCTALink", { enumerable: true, get: function () { return CTALink_1.SecondaryCTALink; } });
+export { CTALink, PrimaryCTALink, SecondaryCTALink } from './CTALink';

package/dist/components/Card/Card.js

@@ -1,44 +1,15 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { numToPx } from '@ovotech/element-core';
+import { useBreakpoint } from '../../hooks';
+import styled from '../../styled.native';
+const CardWrapper = styled.View(({ theme: { core, semantic }, inline = false, inverted = false, smallAndUp = false, }) => `
+      background: ${inverted ? semantic.inverted.surface : semantic.surface.elevated};
+      padding: ${inline
+    ? numToPx(core.space[smallAndUp ? 6 : 4])
+    : numToPx(core.space[smallAndUp ? 9 : 6])};
+      border-radius: ${inline ? numToPx(core.radius.max) : 0};
+    `);
+export const Card = ({ children, inline, inverted, ...rest }) => {
+    const { smallAndUp } = useBreakpoint();
+    return (_jsx(CardWrapper, { inline: inline, inverted: inverted, smallAndUp: smallAndUp, ...rest, children: children }));
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var CardWrapper = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, _c = _a.inline, inline = _c === void 0 ? false : _c, _d = _a.inverted, inverted = _d === void 0 ? false : _d, _e = _a.smallAndUp, smallAndUp = _e === void 0 ? false : _e;
-    return "\n      background: ".concat(inverted ? semantic.inverted.surface : semantic.surface.elevated, ";\n      padding: ").concat(inline
-        ? (0, element_core_1.numToPx)(core.space[smallAndUp ? 6 : 4])
-        : (0, element_core_1.numToPx)(core.space[smallAndUp ? 9 : 6]), ";\n      border-radius: ").concat(inline ? (0, element_core_1.numToPx)(core.radius.max) : 0, ";\n    ");
-});
-var Card = function (_a) {
-    var children = _a.children, inline = _a.inline, inverted = _a.inverted, rest = __rest(_a, ["children", "inline", "inverted"]);
-    var smallAndUp = (0, hooks_1.useBreakpoint)().smallAndUp;
-    return ((0, jsx_runtime_1.jsx)(CardWrapper, __assign({ inline: inline, inverted: inverted, smallAndUp: smallAndUp }, rest, { children: children })));
-};
-exports.Card = Card;

package/dist/components/Card/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-var Card_1 = require("./Card");
-Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+export { Card } from './Card';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,12 +1,14 @@
-import { ReactNode } from 'react';
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<TouchableOpacityProps, "children"> & {
+import { ReactNode, RefObject } from 'react';
+import { TouchableOpacityProps, View } from 'react-native';
+type Props = Omit<TouchableOpacityProps, 'children'> & {
     label: string;
     checked: boolean;
     hint?: ReactNode;
     error?: ReactNode;
-    optional?: boolean | undefined;
-    invalid?: boolean | undefined;
-    activeOpacity?: number | undefined;
-} & import("react").RefAttributes<TouchableOpacity>>;
+    optional?: boolean;
+    invalid?: boolean;
+    activeOpacity?: number;
+    ref?: RefObject<View>;
+};
+declare const Checkbox: ({ label, hint, error, checked, optional, invalid, activeOpacity, testID, ref, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Checkbox };

package/dist/components/Checkbox/Checkbox.js

@@ -1,80 +1,58 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var ErrorText_1 = require("../ErrorText");
-var FormGroup_1 = require("../FormGroup");
-var HintText_1 = require("../HintText");
-var Icon_1 = require("../Icon/Icon");
-var LabelText_1 = require("../LabelText");
-var Stack_1 = require("../Stack");
-var StyledCheckboxInputWrapper = styled_native_1.default.View(function (_a) {
-    var core = _a.theme.core;
-    var checkboxSize = core.space[6];
-    var gap = core.space[2];
-    return "\n      width: ".concat((0, element_core_1.numToPx)(checkboxSize + gap), ";\n      height: ").concat((0, element_core_1.numToPx)(core.space[11]), ";\n    ");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { numToPx } from '@ovotech/element-core';
+import { TouchableOpacity, View, } from 'react-native';
+import styled from '../../styled.native';
+import { ErrorText } from '../ErrorText';
+import { FormGroup } from '../FormGroup';
+import { HintText } from '../HintText';
+import { Icon } from '../Icon/Icon';
+import { LabelText } from '../LabelText';
+import { Stack } from '../Stack';
+const StyledCheckboxInputWrapper = styled.View(({ theme: { core } }) => {
+    const checkboxSize = core.space[6];
+    const gap = core.space[2];
+    return `
+      width: ${numToPx(checkboxSize + gap)};
+      height: ${numToPx(core.space[11])};
+    `;
 });
-var StyledCheckboxInput = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, invalid = _a.invalid, checked = _a.checked;
-    return "\n      width: ".concat((0, element_core_1.numToPx)(core.space[6]), ";\n      height: ").concat((0, element_core_1.numToPx)(core.space[6]), ";\n      border: ").concat((0, element_core_1.numToPx)(core.borderWidth.small), " solid;\n      margin-top: 10px;\n      border-radius: ").concat((0, element_core_1.numToPx)(core.radius.small), ";\n      border-color: ").concat(invalid
+const StyledCheckboxInput = styled.View(({ theme: { core, semantic }, invalid, checked }) => {
+    return `
+      width: ${numToPx(core.space[6])};
+      height: ${numToPx(core.space[6])};
+      border: ${numToPx(core.borderWidth.small)} solid;
+      margin-top: 10px;
+      border-radius: ${numToPx(core.radius.small)};
+      border-color: ${invalid
         ? semantic.message.error
         : checked
             ? core.color.blue.dark
-            : semantic.border.functional, ";\n      background: ").concat(checked ? core.color.blue.lightest : 'transparent', ";\n    ");
+            : semantic.border.functional};
+      background: ${checked ? core.color.blue.lightest : 'transparent'};
+    `;
 });
-var CheckboxCheck = function (props) {
-    return (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ name: "check", size: 16 }, props));
+const CheckboxCheck = (props) => {
+    return _jsx(Icon, { name: "check", size: 16, ...props });
 };
-var StyledCheckboxInputCheck = (0, styled_native_1.default)(CheckboxCheck)(function (_a) {
-    var core = _a.theme.core, checked = _a.checked;
-    return "\n      margin-top: 3px;\n      margin-left: 3px;\n      color: ".concat(core.color.blue.dark, ";\n      opacity: ").concat(checked ? 1 : 0, ";\n    ");
+const StyledCheckboxInputCheck = styled(CheckboxCheck)(({ theme: { core }, checked, }) => {
+    return `
+      margin-top: 3px;
+      margin-left: 3px;
+      color: ${core.color.blue.dark};
+      opacity: ${checked ? 1 : 0};
+    `;
 });
-var Input = function (_a) {
-    var checked = _a.checked, invalid = _a.invalid, testID = _a.testID, rest = __rest(_a, ["checked", "invalid", "testID"]);
-    return ((0, jsx_runtime_1.jsx)(StyledCheckboxInputWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(StyledCheckboxInput, { invalid: invalid, checked: checked, testID: testID, children: (0, jsx_runtime_1.jsx)(StyledCheckboxInputCheck, { checked: checked }) }) })));
+const Input = ({ checked, invalid, testID, ...rest }) => {
+    return (_jsx(StyledCheckboxInputWrapper, { ...rest, children: _jsx(StyledCheckboxInput, { invalid: invalid, checked: checked, testID: testID, children: _jsx(StyledCheckboxInputCheck, { checked: checked }) }) }));
 };
-var CheckLabelText = (0, styled_native_1.default)(LabelText_1.LabelText)(function (_a) {
-    var core = _a.theme.core;
-    return "\n    padding-top: ".concat((0, element_core_1.numToPx)(core.space[3]), ";\n  ");
-});
-var StyledWrapper = styled_native_1.default.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
-var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, hint = _a.hint, error = _a.error, checked = _a.checked, optional = _a.optional, invalid = _a.invalid, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, testID = _a.testID, rest = __rest(_a, ["label", "hint", "error", "checked", "optional", "invalid", "activeOpacity", "testID"]);
-    var hasError = !!error;
-    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, { error: hasError, children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { spaceBetween: 1, children: [error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null, (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, __assign({ ref: ref, accessible: true, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked: checked } }, rest, { children: (0, jsx_runtime_1.jsxs)(StyledWrapper, { children: [(0, jsx_runtime_1.jsx)(Input, { checked: checked, invalid: hasError || invalid, testID: testID }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexShrink: 1 }, children: [(0, jsx_runtime_1.jsxs)(CheckLabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null] })] }) }))] }) }));
-});
-exports.Checkbox = Checkbox;
-var templateObject_1;
+const CheckLabelText = styled(LabelText)(({ theme: { core } }) => `
+    padding-top: ${numToPx(core.space[3])};
+  `);
+const StyledWrapper = styled.View `
+  flex-direction: row;
+`;
+const Checkbox = ({ label, hint, error, checked, optional, invalid, activeOpacity = 0.8, testID, ref, ...rest }) => {
+    const hasError = !!error;
+    return (_jsx(FormGroup, { error: hasError, children: _jsxs(Stack, { spaceBetween: 1, children: [error ? _jsx(ErrorText, { children: error }) : null, _jsx(TouchableOpacity, { ref: ref, accessible: true, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked }, ...rest, children: _jsxs(StyledWrapper, { children: [_jsx(Input, { checked: checked, invalid: hasError || invalid, testID: testID }), _jsxs(View, { style: { flexShrink: 1 }, children: [_jsxs(CheckLabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? _jsx(HintText, { children: hint }) : null] })] }) })] }) }));
+};
+export { Checkbox };

package/dist/components/Checkbox/CheckboxField.js

@@ -1,45 +1,17 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Children, cloneElement, } from 'react';
+import { View } from 'react-native';
+import { getValidChildren } from '../../utils';
+import { ErrorText } from '../ErrorText';
+import { FormGroup } from '../FormGroup';
+import { HintText } from '../HintText';
+import { LabelText } from '../LabelText';
+import { Stack } from '../Stack';
+const CheckboxField = ({ label, hint, error, children, optional = false, ...rest }) => {
+    const hasError = !!error;
+    const validChildren = getValidChildren(children);
+    return (_jsx(FormGroup, { ...rest, error: hasError, children: _jsxs(Stack, { spaceBetween: 1, children: [_jsxs(View, { children: [_jsxs(LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? _jsx(HintText, { children: hint }) : null, error ? _jsx(ErrorText, { children: error }) : null] }), _jsx(View, { children: Children.map(validChildren, (child) => cloneElement(child, {
+                        invalid: hasError ? true : child.props.invalid,
+                    })) })] }) }));
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var utils_1 = require("../../utils");
-var ErrorText_1 = require("../ErrorText");
-var FormGroup_1 = require("../FormGroup");
-var HintText_1 = require("../HintText");
-var LabelText_1 = require("../LabelText");
-var Stack_1 = require("../Stack");
-var CheckboxField = function (_a) {
-    var label = _a.label, hint = _a.hint, error = _a.error, children = _a.children, _b = _a.optional, optional = _b === void 0 ? false : _b, rest = __rest(_a, ["label", "hint", "error", "children", "optional"]);
-    var hasError = !!error;
-    var validChildren = (0, utils_1.getValidChildren)(children);
-    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, __assign({}, rest, { error: hasError, children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(LabelText_1.LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null, error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { children: react_1.Children.map(validChildren, function (child) {
-                        return (0, react_1.cloneElement)(child, {
-                            invalid: hasError ? true : child.props.invalid,
-                        });
-                    }) })] }) })));
-};
-exports.CheckboxField = CheckboxField;
+export { CheckboxField };

package/dist/components/Checkbox/index.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = exports.Checkbox = void 0;
-var Checkbox_1 = require("./Checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
-var CheckboxField_1 = require("./CheckboxField");
-Object.defineProperty(exports, "CheckboxField", { enumerable: true, get: function () { return CheckboxField_1.CheckboxField; } });
+export { Checkbox } from './Checkbox';
+export { CheckboxField } from './CheckboxField';

package/dist/components/CurrencyField/CurrencyField.d.ts

@@ -1,12 +1,5 @@
-/// <reference types="react" />
-import { TextInput as NativeTextInput } from 'react-native';
+import { CurrencyInputProps } from '../CurrencyInput';
 import { FieldProps } from '../Field';
-export declare const CurrencyField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native").TextInputProps & {
-    invalid?: boolean | undefined;
-    stretch?: boolean | undefined;
-    iconLeft?: import("../../providers").IconNameExtended | undefined;
-    iconRight?: import("../../providers").IconNameExtended | undefined;
-    rightSlot?: import("react").ReactNode;
-} & {
-    currency?: "GBP" | "EUR" | "AUD" | "USD" | undefined;
-} & import("react").RefAttributes<NativeTextInput>>;
+type Props = Omit<FieldProps, 'children'> & CurrencyInputProps;
+export declare const CurrencyField: ({ ref, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CurrencyField/CurrencyField.js

@@ -1,33 +1,6 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CurrencyInput } from '../CurrencyInput';
+import { Field } from '../Field';
+export const CurrencyField = ({ ref, ...rest }) => {
+    return (_jsx(Field, { affixWidth: 40, ...rest, children: _jsx(CurrencyInput, { ref: ref }) }));
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var CurrencyInput_1 = require("../CurrencyInput");
-var Field_1 = require("../Field");
-exports.CurrencyField = (0, react_1.forwardRef)(function (_a, ref) {
-    var rest = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({ affixWidth: 40 }, rest, { ref: ref, children: (0, jsx_runtime_1.jsx)(CurrencyInput_1.CurrencyInput, {}) })));
-});

package/dist/components/CurrencyField/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyField = void 0;
-var CurrencyField_1 = require("./CurrencyField");
-Object.defineProperty(exports, "CurrencyField", { enumerable: true, get: function () { return CurrencyField_1.CurrencyField; } });
+export { CurrencyField } from './CurrencyField';

package/dist/components/CurrencyInput/CurrencyInput.d.ts

@@ -1,16 +1,9 @@
-/// <reference types="react" />
-import { TextInput } from 'react-native';
+import { Ref } from 'react';
+import { type TextInput as RNTextInput } from 'react-native';
 import { InputProps } from '../Input/Input';
 export type CurrencyInputProps = InputProps & {
     currency?: 'GBP' | 'EUR' | 'AUD' | 'USD';
+    ref?: Ref<RNTextInput>;
 };
-declare const CurrencyInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
-    invalid?: boolean | undefined;
-    stretch?: boolean | undefined;
-    iconLeft?: import("../../providers").IconNameExtended | undefined;
-    iconRight?: import("../../providers").IconNameExtended | undefined;
-    rightSlot?: import("react").ReactNode;
-} & {
-    currency?: "GBP" | "EUR" | "AUD" | "USD" | undefined;
-} & import("react").RefAttributes<TextInput>>;
+declare const CurrencyInput: ({ currency, invalid, accessibilityLabel, ref, ...rest }: CurrencyInputProps) => import("react/jsx-runtime").JSX.Element;
 export { CurrencyInput };

package/dist/components/CurrencyInput/CurrencyInput.js

@@ -1,37 +1,11 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRef } from 'react';
+import { mergeRefs } from '../../utils';
+import { NumberInput } from '../NumberInput';
+const CurrencyInput = ({ currency = 'GBP', invalid, accessibilityLabel = '', ref, ...rest }) => {
+    const inputRef = createRef();
+    const updatedAccessibilityLabel = `${accessibilityLabel} ${currency === 'GBP' ? 'pounds' : currency === 'EUR' ? 'euro' : 'dollar'}`.trim();
+    const iconName = currency === 'GBP' ? 'pound' : currency === 'EUR' ? 'euro' : 'dollar';
+    return (_jsx(NumberInput, { ...rest, invalid: invalid, accessibilityLabel: updatedAccessibilityLabel, ref: mergeRefs(ref, inputRef), iconLeft: iconName }));
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var utils_1 = require("../../utils");
-var NumberInput_1 = require("../NumberInput");
-var CurrencyInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.currency, currency = _b === void 0 ? 'GBP' : _b, invalid = _a.invalid, _c = _a.accessibilityLabel, accessibilityLabel = _c === void 0 ? '' : _c, rest = __rest(_a, ["currency", "invalid", "accessibilityLabel"]);
-    var inputRef = (0, react_1.createRef)();
-    var updatedAccessibilityLabel = "".concat(accessibilityLabel, " ").concat(currency === 'GBP' ? 'pounds' : currency === 'EUR' ? 'euro' : 'dollar').trim();
-    var iconName = currency === 'GBP' ? 'pound' : currency === 'EUR' ? 'euro' : 'dollar';
-    return ((0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, __assign({}, rest, { invalid: invalid, accessibilityLabel: updatedAccessibilityLabel, ref: (0, utils_1.mergeRefs)(ref, inputRef), iconLeft: iconName })));
-});
-exports.CurrencyInput = CurrencyInput;
+export { CurrencyInput };

package/dist/components/CurrencyInput/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInput = void 0;
-var CurrencyInput_1 = require("./CurrencyInput");
-Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return CurrencyInput_1.CurrencyInput; } });
+export { CurrencyInput } from './CurrencyInput';

package/dist/components/DataTable/DataTable.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import { View } from 'react-native';
 import { TableProps } from './types';
-export declare const DataTable: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<View>>;
+export declare const DataTable: ({ items, columnHeadings, caption, rowHeadings, columnWidths, striped, ref, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataTable/DataTable.js

@@ -1,46 +1,19 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTable = void 0;
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_2 = require("react");
-var react_is_1 = require("react-is");
-var react_native_1 = require("react-native");
-var hooks_1 = require("../../hooks");
-var utils_1 = require("../../utils");
-var TableRow_1 = require("./TableRow");
-var styles_1 = require("./styles");
-exports.DataTable = (0, react_2.forwardRef)(function (_a, ref) {
-    var items = _a.items, columnHeadings = _a.columnHeadings, caption = _a.caption, rowHeadings = _a.rowHeadings, columnWidths = _a.columnWidths, _b = _a.striped, striped = _b === void 0 ? true : _b, rest = __rest(_a, ["items", "columnHeadings", "caption", "rowHeadings", "columnWidths", "striped"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    var columnLabel = columnHeadings
-        ? " ".concat(columnHeadings.length, " columns,")
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isElement as isReactElement } from 'react-is';
+import { ScrollView } from 'react-native';
+import { useBreakpoint } from '../../hooks';
+import { getText } from '../../utils';
+import { TableRow } from './TableRow';
+import { StyledTableContainer, TableBody, TableCaption, TableCaptionText, TableHeader, TableHeaderText, TableRowHeading, } from './styles';
+export const DataTable = ({ items, columnHeadings, caption, rowHeadings, columnWidths, striped = true, ref, ...rest }) => {
+    const breakpoints = useBreakpoint();
+    const columnLabel = columnHeadings
+        ? ` ${columnHeadings.length} columns,`
         : '';
-    var accessibilityLabelText = (0, react_is_1.isElement)(caption)
-        ? (0, utils_1.getText)(caption)
+    const accessibilityLabelText = isReactElement(caption)
+        ? getText(caption)
         : caption;
-    var accessibilityLabel = "data table,".concat(columnLabel, " ").concat(items.length, " rows, ").concat(accessibilityLabelText);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { horizontal: true, alwaysBounceHorizontal: false, contentContainerStyle: { flexGrow: 1 }, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTableContainer, __assign({}, rest, { ref: ref, children: [caption ? ((0, jsx_runtime_1.jsx)(styles_1.TableCaption, __assign({}, breakpoints, { children: (0, react_is_1.isElement)(caption) ? (caption) : ((0, jsx_runtime_1.jsx)(styles_1.TableCaptionText, __assign({}, breakpoints, { accessibilityLabel: accessibilityLabel, children: caption }))) }))) : null, columnHeadings ? ((0, jsx_runtime_1.jsx)(styles_1.TableRowHeading, { children: columnHeadings.map(function (columnHeading, index) { return ((0, react_1.createElement)(styles_1.TableHeader, __assign({}, breakpoints, { key: index, cellWidth: columnWidths[index] }), (0, react_is_1.isElement)(columnHeading) ? (columnHeading) : ((0, jsx_runtime_1.jsx)(styles_1.TableHeaderText, __assign({}, breakpoints, { children: columnHeading }))))); }) })) : null, (0, jsx_runtime_1.jsx)(styles_1.TableBody, { children: items.map(function (rowData, index) { return ((0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { data: rowData, index: index, rowHeadings: rowHeadings, columnWidths: columnWidths, striped: striped }, index)); }) })] })) }));
-});
+    const accessibilityLabel = `data table,${columnLabel} ${items.length} rows, ${accessibilityLabelText}`;
+    return (_jsx(ScrollView, { horizontal: true, alwaysBounceHorizontal: false, contentContainerStyle: { flexGrow: 1 }, children: _jsxs(StyledTableContainer, { ...rest, ref: ref, children: [caption ? (_jsx(TableCaption, { ...breakpoints, children: isReactElement(caption) ? (caption) : (_jsx(TableCaptionText, { ...breakpoints, accessibilityLabel: accessibilityLabel, children: caption })) })) : null, columnHeadings ? (_jsx(TableRowHeading, { children: columnHeadings.map((columnHeading, index) => (_createElement(TableHeader, { ...breakpoints, key: index, cellWidth: columnWidths[index] }, isReactElement(columnHeading) ? (columnHeading) : (_jsx(TableHeaderText, { ...breakpoints, children: columnHeading }))))) })) : null, _jsx(TableBody, { children: items.map((rowData, index) => (_jsx(TableRow, { data: rowData, index: index, rowHeadings: rowHeadings, columnWidths: columnWidths, striped: striped }, index))) })] }) }));
+};