@wireapp/react-ui-kit 9.2.2 → 9.3.0

package/lib/Form/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAevF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,CAAE,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC;IACvF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,qOAyElB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAgBvF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,CAAE,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC;IACvF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,qOAyElB,CAAC"}

package/lib/Form/Select.js

@@ -21,6 +21,7 @@ const react_select_1 = __importDefault(require("react-select"));
 const InputLabel_1 = require("./InputLabel");
 const SelectComponents_1 = require("./SelectComponents");
 const SelectStyles_1 = require("./SelectStyles");
+const enums_1 = require("../types/enums");
 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_1.useTheme)();
@@ -34,7 +35,7 @@ const Select = (_a) => {
                     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, jsx_runtime_1.jsx)("p", Object.assign({ css: (theme) => ({
+                }, tabIndex: enums_1.TabIndex.UNFOCUSABLE, isDisabled: disabled, hideSelectedOptions: false, isSearchable: false, isClearable: false, closeMenuOnSelect: !isMulti, isMulti: isMulti, options: options }, props)), !hasError && helperText && ((0, jsx_runtime_1.jsx)("p", Object.assign({ css: (theme) => ({
                     fontSize: theme.fontSizes.small,
                     fontWeight: 400,
                     color: theme.Input.labelColor,

package/lib/Form/SelectComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectComponents.d.ts","sourceRoot":"","sources":["../../src/Form/SelectComponents.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,wBAAwB,EACxB,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAKhC,eAAO,MAAM,eAAe,UAAW,cAAc,qDAMpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,qDAS9D,CAAC;AAGF,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,YAAY,MAAM,CAAC,qDA+C/E,CAAC;AAGF,eAAO,MAAM,IAAI,gBAAiB,MAAM,aAAa,SAAS,qDAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,qBAqBvB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAA8B,oBAAoB,MAAM,CAAC,qDAInF,CAAC;AAEF,eAAO,MAAM,mBAAmB,+BAA8B,yBAAyB,MAAM,CAAC,qDAW7F,CAAC"}
+{"version":3,"file":"SelectComponents.d.ts","sourceRoot":"","sources":["../../src/Form/SelectComponents.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,wBAAwB,EACxB,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAMhC,eAAO,MAAM,eAAe,UAAW,cAAc,qDAMpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,qDAS9D,CAAC;AAGF,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,YAAY,MAAM,CAAC,qDA+C/E,CAAC;AAGF,eAAO,MAAM,IAAI,gBAAiB,MAAM,aAAa,SAAS,qDAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,qBAqBvB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAA8B,oBAAoB,MAAM,CAAC,qDAInF,CAAC;AAEF,eAAO,MAAM,mBAAmB,+BAA8B,yBAAyB,MAAM,CAAC,qDAW7F,CAAC"}

package/lib/Form/SelectComponents.js

@@ -33,9 +33,10 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
  */
 const react_select_1 = require("react-select");
 const ArrowDown_1 = require("../Icon/ArrowDown");
+const enums_1 = require("../types/enums");
 // SelectContainer
 const SelectContainer = (props) => {
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.SelectContainer, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: 0 }, { children: props.children })) })));
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.SelectContainer, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: enums_1.TabIndex.FOCUSABLE }, { children: props.children })) })));
 };
 exports.SelectContainer = SelectContainer;
 const DropdownIndicator = (props) => {

package/lib/Misc/useTimeout.js

@@ -21,16 +21,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimeout = void 0;
 const react_1 = require("react");
 const useTimeout = (onTimeoutStop, duration) => {
-    const [timerId, setTimerId] = (0, react_1.useState)(null);
+    const timerRef = (0, react_1.useRef)(null);
     const removeTimeout = () => {
-        if (timerId) {
-            window.clearTimeout(timerId);
-            setTimerId(null);
+        if (timerRef.current) {
+            window.clearTimeout(timerRef.current);
+            timerRef.current = null;
         }
     };
     const start = () => {
         removeTimeout();
-        setTimerId(window.setTimeout(onStop, duration));
+        timerRef.current = window.setTimeout(onStop, duration);
     };
     const onStop = () => {
         removeTimeout();

package/lib/Text/Link.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { CSSObject } from '@emotion/react';
 import { TextProps } from './Text';
 import { Theme } from '../Layout';
@@ -8,6 +9,7 @@ export declare enum LinkVariant {
 export interface LinkProps<T = HTMLAnchorElement> extends TextProps<T> {
     variant?: LinkVariant;
     targetBlank?: Boolean;
+    children?: ReactNode;
 }
 export declare const linkStyle: <T>(theme: Theme, props: LinkProps<T>) => CSSObject;
 export declare const filterLinkProps: (props: LinkProps) => Object;

package/lib/Text/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Text/Link.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,SAAS,EAA6B,MAAM,QAAQ,CAAC;AAG7D,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAoCjE,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,SAAS,WAAyD,CAAC;AAE1G,eAAO,MAAM,IAAI,8BAA6B,SAAS,qDAWtD,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Text/Link.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,SAAS,EAA6B,MAAM,QAAQ,CAAC;AAG7D,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAoCjE,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,SAAS,WAAyD,CAAC;AAE1G,eAAO,MAAM,IAAI,8BAA6B,SAAS,qDAWtD,CAAC"}

package/lib/types/enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum TabIndex {
+    FOCUSABLE = 0,
+    UNFOCUSABLE = -1
+}
+//# sourceMappingURL=enums.d.ts.map

package/lib/types/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/types/enums.ts"],"names":[],"mappings":"AAmBA,oBAAY,QAAQ;IAClB,SAAS,IAAI;IACb,WAAW,KAAK;CACjB"}

package/lib/types/enums.js

@@ -0,0 +1,26 @@
+"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.TabIndex = void 0;
+var TabIndex;
+(function (TabIndex) {
+    TabIndex[TabIndex["FOCUSABLE"] = 0] = "FOCUSABLE";
+    TabIndex[TabIndex["UNFOCUSABLE"] = -1] = "UNFOCUSABLE";
+})(TabIndex = exports.TabIndex || (exports.TabIndex = {}));

package/package.json

@@ -69,6 +69,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.2.2",
-  "gitHead": "57e5149578976f872fb6f1fa4088aaea1f04a2c9"
+  "version": "9.3.0",
+  "gitHead": "c41187db5aa17a8eec601f8121422f220c9c99f0"
 }