@wireapp/react-ui-kit 8.14.1 → 8.14.3

package/src/Form/RangeInput.d.ts

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import { CSSObject } from '@emotion/react';
-import { FC } from 'react';
-import { TextProps } from '../Text';
-export interface RangeInputProps<T = HTMLInputElement> extends TextProps<T> {
-    label?: string;
-    minValueLabel?: string;
-    maxValueLabel?: string;
-    wrapperCSS?: CSSObject;
-}
-export declare const RangeInput: FC<RangeInputProps>;

package/src/Form/RangeInput.js

@@ -1,51 +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.RangeInput = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const InputLabel_1 = require("./InputLabel");
-const RangeInput_styles_1 = require("./RangeInput.styles");
-exports.RangeInput = (0, react_2.forwardRef)((_a) => {
-    var { ref, id = Math.random().toString(), label, minValueLabel, maxValueLabel, min = '0', max = '100', value = '0', onChange, wrapperCSS } = _a, inputProps = __rest(_a, ["ref", "id", "label", "minValueLabel", "maxValueLabel", "min", "max", "value", "onChange", "wrapperCSS"]);
-    const minNum = Number(min);
-    const maxNum = Number(max);
-    const valueNum = Number(value);
-    const backgroundSize = `${((valueNum - minNum) * 100) / (maxNum - minNum)}% 100%`;
-    return ((0, react_1.jsx)("div", { css: wrapperCSS },
-        label && (0, react_1.jsx)(InputLabel_1.default, { htmlFor: id }, label),
-        (0, react_1.jsx)("div", { css: RangeInput_styles_1.rangeInputWrapperStyles },
-            minValueLabel && (0, react_1.jsx)("span", { css: (0, RangeInput_styles_1.getValueLabelStyles)(RangeInput_styles_1.ValueLabelPosition.LEFT) }, minValueLabel),
-            maxValueLabel && (0, react_1.jsx)("span", { css: (0, RangeInput_styles_1.getValueLabelStyles)(RangeInput_styles_1.ValueLabelPosition.RIGHT) }, maxValueLabel),
-            (0, react_1.jsx)("input", Object.assign({ ref: ref, css: (theme) => (0, RangeInput_styles_1.getImageCropZoomInputStyles)(theme, backgroundSize), id: id, name: id, min: min, max: max, value: value, onChange: onChange, type: "range" }, inputProps)))));
-});
-//# sourceMappingURL=RangeInput.js.map

package/src/Form/RangeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RangeInput.js","sourceRoot":"","sources":["RangeInput.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,iCAA4C;AAG5C,6CAAsC;AACtC,2DAK6B;AAShB,QAAA,UAAU,GAAwB,IAAA,kBAAU,EACvD,CAAC,EAYA,EAAE,EAAE;QAZJ,EACC,GAAG,EACH,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,EAC7B,KAAK,EACL,aAAa,EACb,aAAa,EACb,GAAG,GAAG,GAAG,EACT,GAAG,GAAG,KAAK,EACX,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,UAAU,OAEX,EADI,UAAU,cAXd,yGAYA,CADc;IAEb,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC3B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/B,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,QAAiB,CAAC;IAE3F,OAAO,CACL,0BAAK,GAAG,EAAE,UAAU;QACjB,KAAK,IAAI,iBAAC,oBAAU,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAc;QACvD,0BAAK,GAAG,EAAE,2CAAuB;YAC9B,aAAa,IAAI,2BAAM,GAAG,EAAE,IAAA,uCAAmB,EAAC,sCAAkB,CAAC,IAAI,CAAC,IAAG,aAAa,CAAQ;YAChG,aAAa,IAAI,2BAAM,GAAG,EAAE,IAAA,uCAAmB,EAAC,sCAAkB,CAAC,KAAK,CAAC,IAAG,aAAa,CAAQ;YAClG,0CACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,+CAA2B,EAAC,KAAK,EAAE,cAAc,CAAC,EACzE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,IACR,UAAU,EACd,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

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

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

package/src/Form/RangeInput.styles.d.ts

@@ -1,9 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { Theme } from '../Layout';
-export declare const rangeInputWrapperStyles: CSSObject;
-export declare const getImageCropZoomInputStyles: (theme: Theme, backgroundSize: `${number}% ${number}%`) => CSSObject;
-export declare enum ValueLabelPosition {
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare const getValueLabelStyles: (position: ValueLabelPosition) => CSSObject;

package/src/Form/RangeInput.styles.js

@@ -1,60 +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/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValueLabelStyles = exports.ValueLabelPosition = exports.getImageCropZoomInputStyles = exports.rangeInputWrapperStyles = void 0;
-const Identity_1 = require("../Identity");
-const util_1 = require("../util");
-exports.rangeInputWrapperStyles = {
-    position: 'relative',
-    marginTop: '19px',
-};
-const thumbSelectors = ['&::-webkit-slider-thumb', '&::-moz-range-thumb', '&::-ms-thumb'];
-const sliderSelectors = ['&::-webkit-slider-runnable-track', '&::-moz-range-track', '&::-ms-track'];
-const getImageCropZoomInputStyles = (theme, backgroundSize) => (Object.assign(Object.assign({ display: 'block', '-webkit-appearance': 'none', width: '100%', height: '8px', background: Identity_1.COLOR_V2.GRAY_60, borderRadius: '4px', backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`, backgroundSize: backgroundSize || '0% 100%', backgroundRepeat: 'no-repeat' }, (0, util_1.manySelectors)(thumbSelectors, {
-    '-webkit-appearance': 'none',
-    height: '18px',
-    width: '18px',
-    borderRadius: '50%',
-    background: Identity_1.COLOR_V2.GRAY_80,
-    cursor: 'pointer',
-    border: 'none',
-    boxShadow: 'none',
-})), (0, util_1.manySelectors)(sliderSelectors, {
-    '-webkit-appearance': 'none',
-    boxShadow: 'none',
-    border: 'none',
-    background: 'transparent',
-})));
-exports.getImageCropZoomInputStyles = getImageCropZoomInputStyles;
-var ValueLabelPosition;
-(function (ValueLabelPosition) {
-    ValueLabelPosition["LEFT"] = "left";
-    ValueLabelPosition["RIGHT"] = "right";
-})(ValueLabelPosition = exports.ValueLabelPosition || (exports.ValueLabelPosition = {}));
-const getValueLabelStyles = (position) => ({
-    pointerEvents: 'none',
-    bottom: '100%',
-    fontSize: '16px',
-    fontWeight: 300,
-    position: 'absolute',
-    [position]: '4px',
-});
-exports.getValueLabelStyles = getValueLabelStyles;
-//# sourceMappingURL=RangeInput.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RangeInput.styles.js","sourceRoot":"","sources":["RangeInput.styles.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAAqC;AACrC,kCAAsC;AAEzB,QAAA,uBAAuB,GAAc;IAChD,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,yBAAyB,EAAE,qBAAqB,EAAE,cAAc,CAAC,CAAC;AAC1F,MAAM,eAAe,GAAG,CAAC,kCAAkC,EAAE,qBAAqB,EAAE,cAAc,CAAC,CAAC;AAE7F,MAAM,2BAA2B,GAAG,CAAC,KAAY,EAAE,cAAuC,EAAa,EAAE,CAAC,+BAC/G,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,MAAM,EAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,KAAK,EACb,UAAU,EAAE,mBAAQ,CAAC,OAAO,EAC5B,YAAY,EAAE,KAAK,EACnB,eAAe,EAAE,mBAAmB,KAAK,CAAC,OAAO,CAAC,YAAY,KAAK,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,EAChG,cAAc,EAAE,cAAc,IAAI,SAAS,EAC3C,gBAAgB,EAAE,WAAW,IAE1B,IAAA,oBAAa,EAAC,cAAc,EAAE;IAC/B,oBAAoB,EAAE,MAAM;IAC5B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,mBAAQ,CAAC,OAAO;IAC5B,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;CAClB,CAAC,GAEC,IAAA,oBAAa,EAAC,eAAe,EAAE;IAChC,oBAAoB,EAAE,MAAM;IAC5B,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,aAAa;CAC1B,CAAC,EACF,CAAC;AA5BU,QAAA,2BAA2B,+BA4BrC;AAEH,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAG7B;AAEM,MAAM,mBAAmB,GAAG,CAAC,QAA4B,EAAa,EAAE,CAAC,CAAC;IAC/E,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,UAAU;IACpB,CAAC,QAAQ,CAAC,EAAE,KAAK;CAClB,CAAC,CAAC;AAPU,QAAA,mBAAmB,uBAO7B"}

package/src/Form/RoundIconButton.d.js

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

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

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

package/src/Form/RoundIconButton.d.ts

@@ -1,9 +0,0 @@
-/** @jsx jsx */
-import { CSSObject } from '@emotion/react';
-import React from 'react';
-import { Theme } from '../Layout';
-import { ButtonProps } from './Button';
-export interface RoundIconButtonProps<T = HTMLButtonElement> extends ButtonProps<T> {
-}
-export declare const roundIconButtonStyle: <T>(theme: Theme, props: RoundIconButtonProps<T>) => CSSObject;
-export declare const RoundIconButton: React.FC<RoundIconButtonProps>;

package/src/Form/RoundIconButton.js

@@ -1,49 +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.RoundIconButton = exports.roundIconButtonStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const Misc_1 = require("../Misc/");
-const Button_1 = require("./Button");
-const roundIconButtonStyle = (theme, props) => (Object.assign(Object.assign({}, (0, Button_1.buttonStyle)(theme, props)), { alignItems: 'center', borderRadius: '50%', display: 'flex', height: `${props.size}px`, justifyContent: 'center', lineHeight: 'initial', margin: '0 auto', minWidth: `${props.size}px`, padding: 0, width: `${props.size}px` }));
-exports.roundIconButtonStyle = roundIconButtonStyle;
-const RoundIconButton = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)("button", Object.assign({ css: (theme) => (0, exports.roundIconButtonStyle)(theme, props) }, (0, Button_1.filterButtonProps)(props)), (0, Misc_1.childrenWithDefaultProps)({ children, defaultProps: { color: Identity_1.COLOR.WHITE } })));
-};
-exports.RoundIconButton = RoundIconButton;
-exports.RoundIconButton.defaultProps = {
-    backgroundColor: Identity_1.COLOR.BLUE,
-    size: 32,
-};
-//# sourceMappingURL=RoundIconButton.js.map

package/src/Form/RoundIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RoundIconButton.js","sourceRoot":"","sources":["RoundIconButton.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAI9C,0CAAkC;AAElC,mCAAkD;AAClD,qCAAqE;AAI9D,MAAM,oBAAoB,GAAmE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,iCACjH,IAAA,oBAAW,EAAC,KAAK,EAAE,KAAK,CAAC,KAC5B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,EACzB,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,EAC3B,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,IACxB,CAAC;AAZU,QAAA,oBAAoB,wBAY9B;AAEI,MAAM,eAAe,GAAmC,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAC,QAAQ,OAAW,EAAN,KAAK,cAAnB,YAAoB,CAAD;IAAM,OAAA,CACvF,2CAAQ,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,4BAAoB,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,0BAAiB,EAAC,KAAK,CAAC,GAC5F,IAAA,+BAAwB,EAA8B,EAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,KAAK,EAAE,gBAAK,CAAC,KAAK,EAAC,EAAC,CAAC,CAC/F,CACV,CAAA;CAAA,CAAC;AAJW,QAAA,eAAe,mBAI1B;AAEF,uBAAe,CAAC,YAAY,GAAG;IAC7B,eAAe,EAAE,gBAAK,CAAC,IAAI;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/src/Form/Select.d.js

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

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

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

package/src/Form/Select.d.ts

@@ -1,25 +0,0 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
-import { ReactElement } from 'react';
-import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
-export declare type Option = {
-    value: string | number;
-    label: string;
-    description?: string;
-    isDisabled?: boolean;
-};
-interface SelectProps<IsMulti extends boolean> extends StateManagerProps<Option, IsMulti> {
-    id: string;
-    disabled?: boolean;
-    dataUieName: string;
-    options: Option[];
-    wrapperCSS?: CSSObject;
-    label?: string;
-    helperText?: string;
-    error?: ReactElement;
-    markInvalid?: boolean;
-    required?: boolean;
-    isMulti?: IsMulti;
-}
-export declare const Select: <IsMulti extends boolean = false>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, markInvalid, required, ...props }: SelectProps<IsMulti>) => jsx.JSX.Element;
-export {};

package/src/Form/Select.js

@@ -1,60 +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.Select = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("@emotion/react");
-const react_select_1 = require("react-select");
-const SelectStyles_1 = require("./SelectStyles");
-const SelectComponents_1 = require("./SelectComponents");
-const InputLabel_1 = require("./InputLabel");
-const Select = (_a) => {
-    var { id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, markInvalid = false, required = false } = _a, props = __rest(_a, ["id", "label", "error", "helperText", "disabled", "dataUieName", "options", "isMulti", "wrapperCSS", "markInvalid", "required"]);
-    const theme = (0, react_2.useTheme)();
-    const hasError = !!error;
-    return ((0, react_1.jsx)("div", { css: (theme) => (Object.assign({ marginBottom: markInvalid ? '2px' : '20px', width: '100%', '&:focus-within label': {
-                color: theme.general.primaryColor,
-            } }, wrapperCSS)), "data-uie-name": dataUieName },
-        label && ((0, react_1.jsx)(InputLabel_1.default, { htmlFor: id, markInvalid: markInvalid, isRequired: required }, label)),
-        (0, react_1.jsx)(react_select_1.default, Object.assign({ id: id, styles: (0, SelectStyles_1.customStyles)(theme, markInvalid), components: {
-                SelectContainer: SelectComponents_1.SelectContainer,
-                DropdownIndicator: SelectComponents_1.DropdownIndicator,
-                Option: (0, SelectComponents_1.CustomOption)(dataUieName),
-                Menu: (0, SelectComponents_1.Menu)(dataUieName),
-                ValueContainer: SelectComponents_1.ValueContainer,
-                IndicatorsContainer: SelectComponents_1.IndicatorsContainer,
-            }, tabIndex: -1, isDisabled: disabled, hideSelectedOptions: false, isSearchable: false, isClearable: false, closeMenuOnSelect: !isMulti, isMulti: isMulti, options: options }, props)),
-        !hasError && helperText && ((0, react_1.jsx)("p", { css: (theme) => ({ fontSize: '12px', fontWeight: 400, color: theme.Input.labelColor, marginTop: 8 }) }, helperText)),
-        error));
-};
-exports.Select = Select;
-//# sourceMappingURL=Select.js.map

package/src/Form/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["Select.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,0CAAwC;AAExC,+CAAuC;AAIvC,iDAA4C;AAC5C,yDAO4B;AAE5B,6CAAsC;AAuB/B,MAAM,MAAM,GAAG,CAAkC,EAajC,EAAE,EAAE;QAb6B,EACtD,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,OAAO,EACP,OAAO,EACP,UAAU,GAAG,EAAE,EACf,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,OAEK,EADlB,KAAK,cAZ8C,gIAavD,CADS;IAER,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IAEzB,OAAO,CACL,0BACE,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,iBACrB,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC1C,KAAK,EAAE,MAAM,EACb,sBAAsB,EAAE;gBACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;aAClC,IACE,UAAU,EACb,mBACa,WAAW;QAEzB,KAAK,IAAI,CACR,iBAAC,oBAAU,IAAC,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,IACpE,KAAK,CACK,CACd;QAED,iBAAC,sBAAW,kBACV,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,IAAA,2BAAY,EAAC,KAAc,EAAE,WAAW,CAAiB,EACjE,UAAU,EAAE;gBACV,eAAe,EAAf,kCAAe;gBACf,iBAAiB,EAAjB,oCAAiB;gBACjB,MAAM,EAAE,IAAA,+BAAY,EAAC,WAAW,CAAC;gBACjC,IAAI,EAAE,IAAA,uBAAI,EAAC,WAAW,CAAC;gBACvB,cAAc,EAAd,iCAAc;gBACd,mBAAmB,EAAnB,sCAAmB;aACpB,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,UAAU,EAAE,QAAQ,EACpB,mBAAmB,EAAE,KAAK,EAC1B,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,KAAK,EAClB,iBAAiB,EAAE,CAAC,OAAO,EAC3B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,IACZ,KAAK,EACT;QAED,CAAC,QAAQ,IAAI,UAAU,IAAI,CAC1B,wBAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC,IACzG,UAAU,CACT,CACL;QAEA,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlEW,QAAA,MAAM,UAkEjB"}

package/src/Form/SelectComponents.d.js

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

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

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

package/src/Form/SelectComponents.d.ts

@@ -1,13 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { OptionProps, ValueContainerProps } from 'react-select';
-import { MenuProps } from 'react-select/dist/declarations/src/components/Menu';
-import { IndicatorsContainerProps } from 'react-select/dist/declarations/src/components/containers';
-import { Option } from './Select';
-export declare const SelectContainer: (props: any) => jsx.JSX.Element;
-export declare const DropdownIndicator: (props: any) => jsx.JSX.Element;
-export declare const CustomOption: (dataUieName: string) => (props: OptionProps<Option>) => jsx.JSX.Element;
-export declare const Menu: (dataUieName: string) => (props: MenuProps) => jsx.JSX.Element;
-export declare const renderValue: (value: any) => any;
-export declare const ValueContainer: ({ children, ...restProps }: ValueContainerProps<Option>) => jsx.JSX.Element;
-export declare const IndicatorsContainer: ({ children, ...restProps }: IndicatorsContainerProps<Option>) => jsx.JSX.Element;

package/src/Form/SelectComponents.js

@@ -1,118 +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.IndicatorsContainer = exports.ValueContainer = exports.renderValue = exports.Menu = exports.CustomOption = exports.DropdownIndicator = exports.SelectContainer = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_select_1 = require("react-select");
-const ArrowDown_1 = require("../Icon/ArrowDown");
-// SelectContainer
-const SelectContainer = props => {
-    return ((0, react_1.jsx)(react_select_1.components.SelectContainer, Object.assign({}, props),
-        (0, react_1.jsx)("div", { tabIndex: 0 }, props.children)));
-};
-exports.SelectContainer = SelectContainer;
-const DropdownIndicator = props => {
-    const { menuIsOpen } = props.selectProps;
-    return ((0, react_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props),
-        (0, react_1.jsx)(ArrowDown_1.ArrowDown, { css: Object.assign({}, (menuIsOpen ? { transform: 'rotateX(180deg)', marginTop: 2 } : { marginTop: 4 })) })));
-};
-exports.DropdownIndicator = DropdownIndicator;
-// eslint-disable-next-line react/display-name
-const CustomOption = (dataUieName) => (props) => {
-    var _a;
-    const { children, data, isFocused, isMulti, isSelected, options } = props;
-    return ((0, react_1.jsx)(react_select_1.components.Option, Object.assign({}, props),
-        (0, react_1.jsx)("div", Object.assign({ css: Object.assign({}, (isMulti && {
-                display: 'grid',
-                gridTemplateAreas: `"checkbox label"
-                                ". description"`,
-                gridTemplateColumns: '22px 1fr',
-                columnGap: '10px',
-            })) }, (dataUieName && {
-            'data-uie-name': `option-${dataUieName}`,
-            'data-uie-value': (_a = options.find(option => option.label === children)) === null || _a === void 0 ? void 0 : _a.value,
-        })),
-            isMulti && ((0, react_1.jsx)("input", { type: "checkbox", checked: isSelected, onChange: () => null, css: { gridArea: 'checkbox', width: 22, height: 22, cursor: 'pointer', placeSelf: 'center' } })),
-            (0, react_1.jsx)("div", { css: { gridArea: 'label', overflowWrap: 'break-word', overflow: 'hidden' } }, children),
-            data && data.description && ((0, react_1.jsx)("p", { css: (theme) => ({
-                    marginBottom: 0,
-                    fontSize: '14px',
-                    color: isSelected ? theme.Select.focusedDescriptionColor : theme.Input.labelColor,
-                    gridArea: 'description',
-                }) }, data.description)))));
-};
-exports.CustomOption = CustomOption;
-// eslint-disable-next-line react/display-name
-const Menu = (dataUieName) => (props) => {
-    const { children } = props;
-    return ((0, react_1.jsx)(react_select_1.components.Menu, Object.assign({}, props),
-        (0, react_1.jsx)("div", Object.assign({}, (dataUieName && {
-            'data-uie-name': `dropdown-${dataUieName}`,
-        })), children)));
-};
-exports.Menu = Menu;
-const renderValue = value => {
-    if (Array.isArray(value)) {
-        const currentValue = (i) => value[i].props.children;
-        return ((0, react_1.jsx)("div", { css: {
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                minWidth: 0,
-                paddingRight: 14,
-                gridArea: '1/1/2/3',
-            } }, currentValue(0)));
-    }
-    return value;
-};
-exports.renderValue = renderValue;
-const ValueContainer = (_a) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)(react_select_1.components.ValueContainer, Object.assign({}, restProps),
-        (0, exports.renderValue)(children[0]),
-        " ",
-        children[1]));
-};
-exports.ValueContainer = ValueContainer;
-const IndicatorsContainer = (_a) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    const value = restProps.getValue();
-    const displaySelectedOptionsCount = Array.isArray(value) && value.length > 1;
-    return ((0, react_1.jsx)(react_select_1.components.IndicatorsContainer, Object.assign({}, restProps),
-        displaySelectedOptionsCount && (0, react_1.jsx)("div", { css: { fontWeight: 600 } },
-            "(+",
-            value.length - 1,
-            ")"),
-        children));
-};
-exports.IndicatorsContainer = IndicatorsContainer;
-//# sourceMappingURL=SelectComponents.js.map

package/src/Form/SelectComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectComponents.js","sourceRoot":"","sources":["SelectComponents.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAAmC;AAEnC,+CAA0E;AAM1E,iDAA4C;AAC5C,kBAAkB;AACX,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE;IACrC,OAAO,CACL,iBAAC,yBAAU,CAAC,eAAe,oBAAK,KAAK;QACnC,0BAAK,QAAQ,EAAE,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CACb,CAC9B,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B;AAEK,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAC,UAAU,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC;IAEvC,OAAO,CACL,iBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK;QAErC,iBAAC,qBAAS,IAAC,GAAG,oBAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC,EAAC,SAAS,EAAE,CAAC,EAAC,CAAC,IAAK,CACxE,CAChC,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,iBAAiB,qBAS5B;AAEF,8CAA8C;AACvC,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,CAAC,KAA0B,EAAE,EAAE;;IAClF,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAExE,OAAO,CACL,iBAAC,yBAAU,CAAC,MAAM,oBAAK,KAAK;QAC1B,wCACE,GAAG,oBACE,CAAC,OAAO,IAAI;gBACb,OAAO,EAAE,MAAM;gBACf,iBAAiB,EAAE;gDACiB;gBACpC,mBAAmB,EAAE,UAAU;gBAC/B,SAAS,EAAE,MAAM;aAClB,CAAC,KAEA,CAAC,WAAW,IAAI;YAClB,eAAe,EAAE,UAAU,WAAW,EAAE;YACxC,gBAAgB,EAAE,MAAC,OAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,0CAAE,KAAK;SACzF,CAAC;YAED,OAAO,IAAI,CACV,4BACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,EACpB,GAAG,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAC,GAC1F,CACH;YAED,0BAAK,GAAG,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAC,IAAG,QAAQ,CAAO;YAE9F,IAAI,IAAI,IAAI,CAAC,WAAW,IAAI,CAC3B,wBACE,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;oBACtB,YAAY,EAAE,CAAC;oBACf,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;oBACjF,QAAQ,EAAE,aAAa;iBACxB,CAAC,IAED,IAAI,CAAC,WAAW,CACf,CACL,CACG,CACY,CACrB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,YAAY,gBA8CvB;AAEF,8CAA8C;AACvC,MAAM,IAAI,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,CAAC,KAAgB,EAAE,EAAE;IAChE,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,iBAAC,yBAAU,CAAC,IAAI,oBAAK,KAAK;QACxB,0CACM,CAAC,WAAW,IAAI;YAClB,eAAe,EAAE,YAAY,WAAW,EAAE;SAC3C,CAAC,GAED,QAAQ,CACL,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,IAAI,QAcf;AAEK,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;QAE5D,OAAO,CACL,0BACE,GAAG,EAAE;gBACH,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,QAAQ,EAAE,CAAC;gBACX,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,SAAS;aACpB,IAEA,YAAY,CAAC,CAAC,CAAC,CACZ,CACP,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AArBW,QAAA,WAAW,eAqBtB;AAEK,MAAM,cAAc,GAAG,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAC,QAAQ,OAA4C,EAAvC,SAAS,cAAvB,YAAwB,CAAD;IAAmC,OAAA,CACvF,iBAAC,yBAAU,CAAC,cAAc,oBAAK,SAAS;QACrC,IAAA,mBAAW,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;;QAAG,QAAQ,CAAC,CAAC,CAAC,CACb,CAC7B,CAAA;CAAA,CAAC;AAJW,QAAA,cAAc,kBAIzB;AAEK,MAAM,mBAAmB,GAAG,CAAC,EAA0D,EAAE,EAAE;QAA9D,EAAC,QAAQ,OAAiD,EAA5C,SAAS,cAAvB,YAAwB,CAAD;IACzD,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;IACnC,MAAM,2BAA2B,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7E,OAAO,CACL,iBAAC,yBAAU,CAAC,mBAAmB,oBAAK,SAAS;QAC1C,2BAA2B,IAAI,0BAAK,GAAG,EAAE,EAAC,UAAU,EAAE,GAAG,EAAC;;YAAK,KAAK,CAAC,MAAM,GAAG,CAAC;gBAAQ;QAEvF,QAAQ,CACsB,CAClC,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B"}

package/src/Form/SelectStyles.d.js

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

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

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

package/src/Form/SelectStyles.d.ts

@@ -1,32 +0,0 @@
-import { Theme } from '../Layout';
-export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
-    indicatorSeparator: () => {
-        display: string;
-    };
-    indicatorsContainer: (provided: any) => any;
-    container: (provided: any, { isDisabled, selectProps }: {
-        isDisabled: any;
-        selectProps: any;
-    }) => {
-        '& > div': any;
-    };
-    control: () => {
-        display: string;
-        alignItems: string;
-        appearance: string;
-        padding: string;
-        height: string;
-        minHeight: string;
-    };
-    dropdownIndicator: (provided: any, selectProps: any) => any;
-    menu: (provided: any) => any;
-    menuList: (provided: any) => any;
-    option: (provided: any, { isMulti, isDisabled, isFocused, isSelected }: {
-        isMulti: any;
-        isDisabled: any;
-        isFocused: any;
-        isSelected: any;
-    }) => any;
-    valueContainer: (provided: any) => any;
-    singleValue: (provided: any, selectProps: any) => any;
-};