@wireapp/react-ui-kit 8.14.1 → 8.14.3

package/src/Form/DropFileInput.js

@@ -1,139 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2022 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-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.DropFileInput = exports.dropFileZonDescriptionStyle = exports.dropFileZoneHeadingStyle = exports.dropFileZoneLabelStyle = exports.dropFileZoneWrapperStyle = exports.dropFileWrapperStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const Identity_1 = require("../Identity");
-const Icon_1 = require("../Icon");
-const Layout_1 = require("../Layout");
-const visuallyHiddenStyles = {
-    clip: 'rect(0 0 0 0)',
-    clipPath: 'inset(50%)',
-    height: '1px',
-    overflow: 'hidden',
-    position: 'absolute',
-    whiteSpace: 'nowrap',
-    width: '1px',
-};
-exports.dropFileWrapperStyle = {
-    maxWidth: '330px',
-};
-const dropFileZoneWrapperStyle = (theme, isDraggedOver) => ({
-    width: '100%',
-    padding: '28px 12px',
-    border: `1px dashed ${theme.general.primaryColor}`,
-    borderBottomWidth: '2px',
-    borderRadius: '6px',
-    textAlign: 'center',
-    backgroundColor: isDraggedOver ? theme.general.backgroundColor : Identity_1.COLOR.WHITE,
-    fontWeight: 400,
-    fontSize: '12px',
-    lineHeight: '13px',
-    color: Identity_1.COLOR.GRAY,
-});
-exports.dropFileZoneWrapperStyle = dropFileZoneWrapperStyle;
-const dropFileZoneLabelStyle = theme => ({
-    color: theme.general.primaryColor,
-    cursor: 'pointer',
-    ':focus-within': {
-        outline: `1px solid ${theme.general.primaryColor}`,
-    },
-    ':hover': {
-        textDecoration: 'underline',
-    },
-});
-exports.dropFileZoneLabelStyle = dropFileZoneLabelStyle;
-exports.dropFileZoneHeadingStyle = {
-    display: 'block',
-    whiteSpace: 'pre-line',
-};
-exports.dropFileZonDescriptionStyle = {
-    marginTop: '12px',
-    fontWeight: 400,
-    fontSize: '10px',
-    lineHeight: '13px',
-    color: Identity_1.COLOR.GRAY,
-    whiteSpace: 'pre-line',
-};
-exports.DropFileInput = (0, react_2.forwardRef)((_a, ref) => {
-    var { onFilesUploaded, onInvalidFilesDropError, dropFileZoneWrapperCSS, labelText, headingText, description, accept, multiple } = _a, inputProps = __rest(_a, ["onFilesUploaded", "onInvalidFilesDropError", "dropFileZoneWrapperCSS", "labelText", "headingText", "description", "accept", "multiple"]);
-    const [isDraggedOver, setIsDraggedOver] = (0, react_2.useState)(false);
-    const resetDraggedOver = () => setIsDraggedOver(false);
-    const handleDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        event.dataTransfer.dropEffect = 'copy';
-        if (event.dataTransfer.items.length > 0) {
-            setIsDraggedOver(true);
-        }
-    };
-    const handleDrop = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        resetDraggedOver();
-        const { files } = event.dataTransfer;
-        if (files.length < 1) {
-            return;
-        }
-        const filesArr = multiple ? Array.from(files) : [files[0]];
-        const areFilesValid = !!accept
-            ? filesArr.every(file => accept
-                .split(',')
-                .map(v => v.trim())
-                .includes(file.type))
-            : true;
-        if (!areFilesValid) {
-            onInvalidFilesDropError();
-            return;
-        }
-        onFilesUploaded(filesArr);
-    };
-    const handleChange = (event) => {
-        const { files } = event.target;
-        if (files.length < 1) {
-            return;
-        }
-        onFilesUploaded(Array.from(files));
-    };
-    return ((0, react_1.jsx)("div", { css: exports.dropFileWrapperStyle },
-        (0, react_1.jsx)("div", { css: (theme) => (Object.assign(Object.assign({}, (0, exports.dropFileZoneWrapperStyle)(theme, isDraggedOver)), dropFileZoneWrapperCSS)), "data-testid": "dropzone", onDragOver: handleDragOver, onDragLeave: resetDraggedOver, onDrop: handleDrop },
-            (0, react_1.jsx)(Layout_1.FlexBox, { align: "center", justify: "center", flexWrap: "wrap", css: { maxWidth: '280px', margin: '0 auto' } },
-                (0, react_1.jsx)(Icon_1.UploadIcon, { css: { margin: '12px 0' } }),
-                (0, react_1.jsx)("div", { css: { maxWidth: '160px', margin: '0 25px' } },
-                    (0, react_1.jsx)("span", { css: exports.dropFileZoneHeadingStyle }, headingText),
-                    (0, react_1.jsx)("label", { "aria-label": `${headingText} ${labelText} (${description})`, css: (theme) => (0, exports.dropFileZoneLabelStyle)(theme) },
-                        (0, react_1.jsx)("span", null, labelText),
-                        (0, react_1.jsx)("input", Object.assign({ "data-testid": "file-input", ref: ref, accept: accept, multiple: multiple, css: visuallyHiddenStyles, onChange: handleChange, type: "file" }, inputProps)))))),
-        description && (0, react_1.jsx)("p", { css: exports.dropFileZonDescriptionStyle }, description)));
-});
-//# sourceMappingURL=DropFileInput.js.map

package/src/Form/DropFileInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropFileInput.js","sourceRoot":"","sources":["DropFileInput.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,iCAAiE;AAEjE,0CAAkC;AAGlC,kCAAmC;AACnC,sCAAkC;AAWlC,MAAM,oBAAoB,GAAc;IACtC,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,KAAK;CACb,CAAC;AAEW,QAAA,oBAAoB,GAAc;IAC7C,QAAQ,EAAE,OAAO;CAClB,CAAC;AAEK,MAAM,wBAAwB,GAA2D,CAC9F,KAAK,EACL,aAAa,EACb,EAAE,CAAC,CAAC;IACJ,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,cAAc,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;IAClD,iBAAiB,EAAE,KAAK;IACxB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,QAAQ;IACnB,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAK,CAAC,KAAK;IAC5E,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,gBAAK,CAAC,IAAI;CAClB,CAAC,CAAC;AAfU,QAAA,wBAAwB,4BAelC;AAEI,MAAM,sBAAsB,GAAmC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9E,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;IACjC,MAAM,EAAE,SAAS;IACjB,eAAe,EAAE;QACf,OAAO,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;KACnD;IACD,QAAQ,EAAE;QACR,cAAc,EAAE,WAAW;KAC5B;CACF,CAAC,CAAC;AATU,QAAA,sBAAsB,0BAShC;AAEU,QAAA,wBAAwB,GAAc;IACjD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,UAAU;CACvB,CAAC;AAEW,QAAA,2BAA2B,GAAc;IACpD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,gBAAK,CAAC,IAAI;IACjB,UAAU,EAAE,UAAU;CACvB,CAAC;AAEW,QAAA,aAAa,GAA6C,IAAA,kBAAU,EAI/E,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,SAAS,EACT,WAAW,EACX,WAAW,EACX,MAAM,EACN,QAAQ,OAET,EADI,UAAU,cATf,yIAUC,CADc;IAIf,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,CAAC,KAAgC,EAAE,EAAE;QAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;QAEvC,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACvC,gBAAgB,CAAC,IAAI,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAgC,EAAE,EAAE;QACtD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,gBAAgB,EAAE,CAAC;QAEnB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,YAAY,CAAC;QACnC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3D,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM;YAC5B,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CACpB,MAAM;iBACH,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;iBAClB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CACvB;YACH,CAAC,CAAC,IAAI,CAAC;QAET,IAAI,CAAC,aAAa,EAAE;YAClB,uBAAuB,EAAE,CAAC;YAC1B,OAAO;SACR;QAED,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAC;QAE7B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,OAAO;SACR;QAED,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACL,0BAAK,GAAG,EAAE,4BAAoB;QAC5B,0BACE,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,iCAClB,IAAA,gCAAwB,EAAC,KAAK,EAAE,aAAa,CAAC,GAC9C,sBAAsB,EACzB,iBACU,UAAU,EACtB,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,gBAAgB,EAC7B,MAAM,EAAE,UAAU;YAElB,iBAAC,gBAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC;gBACjG,iBAAC,iBAAU,IAAC,GAAG,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,GAAI;gBACvC,0BAAK,GAAG,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC;oBAC7C,2BAAM,GAAG,EAAE,gCAAwB,IAAG,WAAW,CAAQ;oBACzD,0CACc,GAAG,WAAW,IAAI,SAAS,KAAK,WAAW,GAAG,EAC1D,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,8BAAsB,EAAC,KAAK,CAAC;wBAEpD,+BAAO,SAAS,CAAQ;wBACxB,yDACc,YAAY,EACxB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,oBAAoB,EACzB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,MAAM,IACP,UAAU,EACd,CACI,CACJ,CACE,CACN;QACL,WAAW,IAAI,wBAAG,GAAG,EAAE,mCAA2B,IAAG,WAAW,CAAK,CAClE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/src/Form/ErrorMessage.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=ErrorMessage.d.js.map

package/src/Form/ErrorMessage.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ErrorMessage.d.js"}

package/src/Form/ErrorMessage.d.ts

@@ -1,8 +0,0 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
-import { FlexBoxProps, Theme } from '../Layout';
-declare type ErrorMessageProps<T = HTMLDivElement> = FlexBoxProps<T>;
-export declare const errorMessageStyle: <T>(theme: Theme, props: ErrorMessageProps<T>) => CSSObject;
-export declare const filterErrorMessageProps: (props: ErrorMessageProps) => Object;
-export declare const ErrorMessage: ({ children, ...props }: ErrorMessageProps) => jsx.JSX.Element;
-export {};

package/src/Form/ErrorMessage.js

@@ -1,54 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-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.ErrorMessage = exports.filterErrorMessageProps = exports.errorMessageStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const Layout_1 = require("../Layout");
-const Text_1 = require("../Text");
-const util_1 = require("../util");
-const errorMessageStyle = (theme, _a) => {
-    var { justify = 'flex-start', align = 'center' } = _a, props = __rest(_a, ["justify", "align"]);
-    return (Object.assign(Object.assign({}, (0, Layout_1.flexBoxStyle)(Object.assign({ align, justify }, props))), { a: Object.assign({}, (0, Text_1.linkStyle)(theme, Object.assign({ bold: false, fontSize: '12px', textTransform: 'none' }, props))), marginBottom: '12px' }));
-};
-exports.errorMessageStyle = errorMessageStyle;
-const filterErrorMessageProps = (props) => {
-    return (0, util_1.filterProps)((0, Layout_1.filterFlexBoxProps)(props), []);
-};
-exports.filterErrorMessageProps = filterErrorMessageProps;
-const ErrorMessage = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)(Layout_1.FlexBox, Object.assign({ css: (theme) => (0, exports.errorMessageStyle)(theme, props) }, props),
-        (0, react_1.jsx)(Text_1.Text, { color: Identity_1.COLOR_V2.RED_LIGHT_500, fontSize: '12px', css: { fontWeight: 400 } }, children)));
-};
-exports.ErrorMessage = ErrorMessage;
-//# sourceMappingURL=ErrorMessage.js.map

package/src/Form/ErrorMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["ErrorMessage.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,0CAAqC;AACrC,sCAAyF;AACzF,kCAAwC;AACxC,kCAAoC;AAI7B,MAAM,iBAAiB,GAAgE,CAC5F,KAAK,EACL,EAAoD,EACpD,EAAE;QADF,EAAC,OAAO,GAAG,YAAY,EAAE,KAAK,GAAG,QAAQ,OAAW,EAAN,KAAK,cAAnD,oBAAoD,CAAD;IAChD,OAAA,iCACA,IAAA,qBAAY,kBAAE,KAAK,EAAE,OAAO,IAAK,KAAK,EAAE,KAC3C,CAAC,oBACI,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,IAAK,KAAK,EAAE,GAEvF,YAAY,EAAE,MAAM,IACpB,CAAA;CAAA,CAAC;AATU,QAAA,iBAAiB,qBAS3B;AAEI,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClE,OAAO,IAAA,kBAAW,EAAC,IAAA,2BAAkB,EAAC,KAAK,CAAsB,EAAE,EAAE,CAAC,CAAC;AACzE,CAAC,CAAC;AAFW,QAAA,uBAAuB,2BAElC;AAEK,MAAM,YAAY,GAAG,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAC,QAAQ,OAA8B,EAAzB,KAAK,cAAnB,YAAoB,CAAD;IAAyB,OAAA,CACvE,iBAAC,gBAAO,kBAAC,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,yBAAiB,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,KAAK;QACxE,iBAAC,WAAI,IAAC,KAAK,EAAE,mBAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,EAAC,UAAU,EAAE,GAAG,EAAC,IAC1E,QAAQ,CACJ,CACC,CACX,CAAA;CAAA,CAAC;AANW,QAAA,YAAY,gBAMvB"}

package/src/Form/Form.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Form.d.js.map

package/src/Form/Form.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Form.d.js"}

package/src/Form/Form.d.ts

@@ -1,3 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-export declare const Form: (props: React.HTMLProps<HTMLFormElement>) => jsx.JSX.Element;

package/src/Form/Form.js

@@ -1,32 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Form = (props) => ((0, react_1.jsx)("form", Object.assign({ css: {
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-        marginBottom: 0,
-        width: '100%',
-    } }, props)));
-exports.Form = Form;
-//# sourceMappingURL=Form.js.map

package/src/Form/Form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["Form.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAG5B,MAAM,IAAI,GAAG,CAAC,KAAuC,EAAE,EAAE,CAAC,CAC/D,yCACE,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,MAAM;KACd,IACG,KAAK,EACT,CACH,CAAC;AAXW,QAAA,IAAI,QAWf"}

package/src/Form/Input.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Input.d.js.map

package/src/Form/Input.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Input.d.js"}

package/src/Form/Input.d.ts

@@ -1,18 +0,0 @@
-/** @jsx jsx */
-import { CSSObject } from '@emotion/react';
-import { Property } from 'csstype';
-import React, { ReactElement } from 'react';
-import { Theme } from '../Layout';
-import { TextProps } from '../Text';
-export interface InputProps<T = HTMLInputElement> extends TextProps<T> {
-    label?: string;
-    error?: ReactElement;
-    markInvalid?: boolean;
-    helperText?: string;
-    placeholderTextTransform?: Property.TextTransform;
-    wrapperCSS?: CSSObject;
-}
-export declare const inputStyle: <T>(theme: Theme, props: InputProps<T>, hasError?: boolean) => CSSObject;
-export declare const INPUT_CLASSNAME = "wireinput";
-export declare const INPUT_GROUP = "input-group";
-export declare const Input: React.FC<InputProps<HTMLInputElement>>;

package/src/Form/Input.js

@@ -1,108 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-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.Input = exports.INPUT_GROUP = exports.INPUT_CLASSNAME = exports.inputStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const util_1 = require("../util");
-const Icon_1 = require("../Icon");
-const InputLabel_1 = require("./InputLabel");
-const inputStyle = (theme, { markInvalid = false, placeholderTextTransform = 'none', disabled = false }) => {
-    const placeholderStyle = {
-        color: theme.Input.placeholderColor,
-        fontSize: '16px',
-        textTransform: placeholderTextTransform,
-    };
-    return {
-        '&::-moz-placeholder': Object.assign(Object.assign({}, placeholderStyle), { opacity: 1 }),
-        '&::-ms-input-placeholder': Object.assign({}, placeholderStyle),
-        '&::-webkit-input-placeholder': Object.assign({}, placeholderStyle),
-        '&:hover': {
-            boxShadow: !disabled && `0 0 0 1px ${theme.Input.borderHover}`,
-        },
-        '&:focus-visible, &:focus, &:active': {
-            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
-        },
-        '&:invalid:not(:focus, :hover)': !markInvalid
-            ? {
-                boxShadow: `0 0 0 1px ${theme.Select.borderColor}`,
-            }
-            : {},
-        background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
-        border: 'none',
-        borderRadius: '12px',
-        boxShadow: markInvalid ? `0 0 0 1px ${theme.general.dangerColor}` : `0 0 0 1px ${theme.Select.borderColor}`,
-        caretColor: theme.general.primaryColor,
-        color: theme.general.color,
-        fontWeight: 300,
-        height: '48px',
-        lineHeight: '24px',
-        outline: 'none',
-        padding: '0 16px',
-        width: '100%',
-    };
-};
-exports.inputStyle = inputStyle;
-exports.INPUT_CLASSNAME = 'wireinput';
-exports.INPUT_GROUP = 'input-group';
-const filterInputProps = (props) => (0, util_1.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
-const centerInputAction = {
-    position: 'absolute',
-    right: '16px',
-    top: '50%',
-    transform: 'translateY(-50%)',
-};
-exports.Input = react_2.default.forwardRef((_a, ref) => {
-    var { type, label, error, helperText, wrapperCSS = {}, className = '' } = _a, props = __rest(_a, ["type", "label", "error", "helperText", "wrapperCSS", "className"]);
-    const [togglePassword, setTogglePassword] = (0, react_2.useState)(false);
-    const hasError = !!error;
-    const isPasswordInput = type === 'password';
-    const toggledPasswordType = togglePassword ? 'text' : 'password';
-    const toggleSetPassword = () => setTogglePassword(prevState => !prevState);
-    const theme = (0, react_1.useTheme)();
-    return ((0, react_1.jsx)("div", { className: exports.INPUT_GROUP, css: (theme) => (Object.assign({ marginBottom: hasError ? '2px' : '20px', width: '100%', '&:focus-within label': {
-                color: theme.general.primaryColor,
-            } }, wrapperCSS)) },
-        label && ((0, react_1.jsx)(InputLabel_1.default, { htmlFor: props.id, isRequired: props.required, markInvalid: props.markInvalid }, label)),
-        (0, react_1.jsx)("div", { css: { marginBottom: hasError && '8px', position: 'relative' } },
-            (0, react_1.jsx)("input", Object.assign({ className: exports.INPUT_CLASSNAME, css: (theme) => (0, exports.inputStyle)(theme, props, hasError), ref: ref, type: isPasswordInput ? toggledPasswordType : type, "aria-required": props.required }, filterInputProps(props))),
-            hasError && !isPasswordInput && ((0, react_1.jsx)(Icon_1.ErrorIcon, { css: centerInputAction, width: 16, height: 16, "aria-hidden": "true" })),
-            isPasswordInput && ((0, react_1.jsx)("button", { type: "button", "data-uie-name": !togglePassword ? 'do-show-password' : 'do-hide-password', css: Object.assign(Object.assign({}, centerInputAction), { background: 'transparent', border: 'none', cursor: 'pointer', padding: 0 }), onClick: toggleSetPassword, title: "Toggle password visibility", "aria-controls": props.id, "aria-expanded": togglePassword }, togglePassword ? (0, react_1.jsx)(Icon_1.HideIcon, null) : (0, react_1.jsx)(Icon_1.ShowIcon, null)))),
-        !hasError && helperText && ((0, react_1.jsx)("p", { css: (theme) => ({
-                fontSize: '12px',
-                fontWeight: 400,
-                color: theme.Input.placeholderColor,
-                marginTop: 8,
-            }) }, helperText)),
-        error));
-});
-//# sourceMappingURL=Input.js.map

package/src/Form/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["Input.tsx"],"names":[],"mappings":"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"}

package/src/Form/InputBlock.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=InputBlock.d.js.map

package/src/Form/InputBlock.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"InputBlock.d.js"}

package/src/Form/InputBlock.d.ts

@@ -1,5 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-export declare type InputBlockProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const InputBlock: (props: React.HTMLProps<T>) => jsx.JSX.Element;

package/src/Form/InputBlock.js

@@ -1,41 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputBlock = void 0;
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const Input_1 = require("./Input");
-const InputSubmitCombo_1 = require("./InputSubmitCombo");
-const inputBlockStyle = props => ({
-    backgroundColor: Identity_1.COLOR.GRAY_LIGHTEN_88,
-    borderRadius: '4px',
-    boxShadow: `inset 16px 16px 0 ${Identity_1.COLOR.WHITE}, inset -16px -16px 0 ${Identity_1.COLOR.WHITE}`,
-    marginBottom: '16px',
-    [`.${Input_1.INPUT_CLASSNAME}, .${InputSubmitCombo_1.INPUT_SUBMIT_COMBO_CLASSNAME}`]: {
-        marginBottom: '1px !important',
-        marginTop: '0 !important',
-    },
-    [`.${Input_1.INPUT_GROUP}`]: {
-        marginBottom: 0,
-    },
-});
-const InputBlock = (props) => (0, react_1.jsx)("div", Object.assign({ css: inputBlockStyle(props) }, props));
-exports.InputBlock = InputBlock;
-//# sourceMappingURL=InputBlock.js.map

package/src/Form/InputBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputBlock.js","sourceRoot":"","sources":["InputBlock.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAA8C;AAE9C,0CAAkC;AAClC,mCAAqD;AACrD,yDAAgE;AAIhE,MAAM,eAAe,GAA0C,KAAK,CAAC,EAAE,CAAC,CAAC;IACvE,eAAe,EAAE,gBAAK,CAAC,eAAe;IACtC,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,qBAAqB,gBAAK,CAAC,KAAK,yBAAyB,gBAAK,CAAC,KAAK,EAAE;IACjF,YAAY,EAAE,MAAM;IACpB,CAAC,IAAI,uBAAe,MAAM,+CAA4B,EAAE,CAAC,EAAE;QACzD,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,cAAc;KAC1B;IACD,CAAC,IAAI,mBAAW,EAAE,CAAC,EAAE;QACnB,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEI,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAzF,QAAA,UAAU,cAA+E"}

package/src/Form/InputLabel.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=InputLabel.d.js.map

package/src/Form/InputLabel.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"InputLabel.d.js"}

package/src/Form/InputLabel.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface InputLabelProps {
-    children: ReactNode | string;
-    htmlFor?: string;
-    markInvalid?: boolean;
-    isRequired?: boolean;
-}
-declare const InputLabel: FC<InputLabelProps>;
-export default InputLabel;

package/src/Form/InputLabel.js

@@ -1,47 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2022 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-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 });
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const InputLabel = (_a) => {
-    var { htmlFor, markInvalid, isRequired, children } = _a, props = __rest(_a, ["htmlFor", "markInvalid", "isRequired", "children"]);
-    return ((0, react_1.jsx)("label", Object.assign({ htmlFor: htmlFor, css: (theme) => ({
-            fontSize: '14px',
-            fontWeight: 400,
-            lineHeight: '16px',
-            color: markInvalid ? Identity_1.COLOR_V2.RED_LIGHT_500 : theme.Input.labelColor,
-        }) }, props),
-        children,
-        isRequired && (0, react_1.jsx)("span", { css: { fontSize: '16px', marginLeft: '4px', color: Identity_1.COLOR_V2.RED_LIGHT_500 } }, "*")));
-};
-exports.default = InputLabel;
-//# sourceMappingURL=InputLabel.js.map

package/src/Form/InputLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["InputLabel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAAmC;AACnC,0CAAqC;AAWrC,MAAM,UAAU,GAAwB,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,OAAW,EAAN,KAAK,cAArD,oDAAsD,CAAD;IAAM,OAAA,CAClG,0CACE,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;YACtB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,mBAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;SACrE,CAAC,IACE,KAAK;QAER,QAAQ;QAER,UAAU,IAAI,2BAAM,GAAG,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAQ,CAAC,aAAa,EAAC,QAAU,CAClG,CACT,CAAA;CAAA,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/src/Form/InputSubmitCombo.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=InputSubmitCombo.d.js.map

package/src/Form/InputSubmitCombo.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"InputSubmitCombo.d.js"}

package/src/Form/InputSubmitCombo.d.ts

@@ -1,6 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { InputProps } from './Input';
-export declare type InputSubmitComboProps<T = HTMLDivElement> = InputProps<T>;
-export declare const INPUT_SUBMIT_COMBO_CLASSNAME = "inputSubmitCombo";
-export declare const InputSubmitCombo: ({ children, ...props }: InputSubmitComboProps) => jsx.JSX.Element;

package/src/Form/InputSubmitCombo.js

@@ -1,54 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-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.InputSubmitCombo = exports.INPUT_SUBMIT_COMBO_CLASSNAME = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Input_1 = require("./Input");
-const Identity_1 = require("../Identity");
-exports.INPUT_SUBMIT_COMBO_CLASSNAME = 'inputSubmitCombo';
-const InputSubmitCombo = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)("div", Object.assign({ className: exports.INPUT_SUBMIT_COMBO_CLASSNAME, css: (theme) => (Object.assign(Object.assign({}, (0, Input_1.inputStyle)(theme, props)), { '&:focus-within': {
-                boxShadow: `0 0 0 1px ${Identity_1.COLOR_V2.BLUE}`,
-            }, [`.${Input_1.INPUT_GROUP}`]: {
-                flexGrow: 1,
-            }, [`.${Input_1.INPUT_CLASSNAME}`]: {
-                '&:focus, &:invalid:not(:focus)': {
-                    boxShadow: 'none',
-                },
-                boxShadow: 'none',
-                margin: '0 8px 0 0',
-                padding: '0 0 0 16px',
-            }, alignItems: 'center', display: 'flex', height: '49px', justifyContent: 'space-between', marginBottom: '4px', paddingLeft: 0 })) }, props), children));
-};
-exports.InputSubmitCombo = InputSubmitCombo;
-//# sourceMappingURL=InputSubmitCombo.js.map

package/src/Form/InputSubmitCombo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputSubmitCombo.js","sourceRoot":"","sources":["InputSubmitCombo.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAAmC;AAEnC,mCAA6E;AAC7E,0CAAqC;AAKxB,QAAA,4BAA4B,GAAG,kBAAkB,CAAC;AAExD,MAAM,gBAAgB,GAAG,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAC,QAAQ,OAAkC,EAA7B,KAAK,cAAnB,YAAoB,CAAD;IAA6B,OAAA,CAC/E,wCACE,SAAS,EAAE,oCAA4B,EACvC,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,iCAClB,IAAA,kBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,KAC3B,gBAAgB,EAAE;gBAChB,SAAS,EAAE,aAAa,mBAAQ,CAAC,IAAI,EAAE;aACxC,EACD,CAAC,IAAI,mBAAW,EAAE,CAAC,EAAE;gBACnB,QAAQ,EAAE,CAAC;aACZ,EACD,CAAC,IAAI,uBAAe,EAAE,CAAC,EAAE;gBACvB,gCAAgC,EAAE;oBAChC,SAAS,EAAE,MAAM;iBAClB;gBACD,SAAS,EAAE,MAAM;gBACjB,MAAM,EAAE,WAAW;gBACnB,OAAO,EAAE,YAAY;aACtB,EACD,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,eAAe,EAC/B,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,CAAC,IACd,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AA9BW,QAAA,gBAAgB,oBA8B3B"}

package/src/Form/RangeInput.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=RangeInput.d.js.map

package/src/Form/RangeInput.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"RangeInput.d.js"}