@wireapp/react-ui-kit 9.69.4 → 9.69.5

package/lib/utils/mediaQueries.d.ts

@@ -0,0 +1,15 @@
+export declare enum QueryKeys {
+    DESKTOP = "desktop",
+    DESKTOP_XL = "desktopXL",
+    MOBILE = "mobile",
+    MOBILE_DOWN = "mobileDown",
+    MOBILE_UP = "mobileUp",
+    TABLET = "tablet",
+    TABLET_DOWN = "tabletDown",
+    TABLET_SM_DOWN = "tabletSMDown",
+    TABLET_UP = "tabletUp"
+}
+export type QueryMap = Record<QueryKeys, string>;
+export declare const QUERY: QueryMap;
+export declare const media: QueryMap;
+//# sourceMappingURL=mediaQueries.d.ts.map

package/lib/utils/mediaQueries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQueries.d.ts","sourceRoot":"","sources":["../../src/utils/mediaQueries.ts"],"names":[],"mappings":"AAqBA,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,cAAc,iBAAiB;IAC/B,SAAS,aAAa;CACvB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,KAAK,EAAE,QAUnB,CAAC;AAEF,eAAO,MAAM,KAAK,UAGjB,CAAC"}

package/lib/utils/mediaQueries.js

@@ -0,0 +1,46 @@
+"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.media = exports.QUERY = exports.QueryKeys = void 0;
+const sizes_1 = require("../Layout/sizes");
+var QueryKeys;
+(function (QueryKeys) {
+    QueryKeys["DESKTOP"] = "desktop";
+    QueryKeys["DESKTOP_XL"] = "desktopXL";
+    QueryKeys["MOBILE"] = "mobile";
+    QueryKeys["MOBILE_DOWN"] = "mobileDown";
+    QueryKeys["MOBILE_UP"] = "mobileUp";
+    QueryKeys["TABLET"] = "tablet";
+    QueryKeys["TABLET_DOWN"] = "tabletDown";
+    QueryKeys["TABLET_SM_DOWN"] = "tabletSMDown";
+    QueryKeys["TABLET_UP"] = "tabletUp";
+})(QueryKeys || (exports.QueryKeys = QueryKeys = {}));
+exports.QUERY = {
+    [QueryKeys.DESKTOP]: `min-width: ${sizes_1.WIDTH.DESKTOP_MIN}px`,
+    [QueryKeys.DESKTOP_XL]: `min-width: ${sizes_1.WIDTH.DESKTOP_XL_MIN}px`,
+    [QueryKeys.MOBILE]: `max-width: ${sizes_1.WIDTH.MOBILE_MAX}px`,
+    [QueryKeys.MOBILE_DOWN]: `max-width: ${sizes_1.WIDTH.MOBILE_MAX}px`,
+    [QueryKeys.MOBILE_UP]: `min-width: ${sizes_1.WIDTH.MOBILE}px`,
+    [QueryKeys.TABLET]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px) and (max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
+    [QueryKeys.TABLET_DOWN]: `max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
+    [QueryKeys.TABLET_SM_DOWN]: `max-width: ${sizes_1.WIDTH.TABLET_SM_MAX}px`,
+    [QueryKeys.TABLET_UP]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px`,
+};
+exports.media = Object.entries(exports.QUERY).reduce((accumulator, [key, value]) => ({ ...accumulator, [key]: `@media (${value})` }), {});

package/lib/utils/testUtil.d.ts

@@ -0,0 +1,4 @@
+import { jsx as JSX } from '@emotion/react';
+import { THEME_ID } from '../Identity';
+export declare const matchComponent: (component: JSX.Element, themeId?: THEME_ID) => any;
+//# sourceMappingURL=testUtil.d.ts.map

package/lib/utils/testUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testUtil.d.ts","sourceRoot":"","sources":["../../src/utils/testUtil.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,GAAG,IAAI,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAKrC,eAAO,MAAM,cAAc,cAAe,GAAG,CAAC,OAAO,4BACqD,CAAC"}

package/lib/utils/testUtil.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchComponent = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_test_renderer_1 = require("react-test-renderer");
+const Identity_1 = require("../Identity");
+const Layout_1 = require("../Layout");
+/* eslint-disable no-unsanitized/method */
+// @ts-ignore
+const matchComponent = (component, themeId = Identity_1.THEME_ID.LIGHT) => expect((0, react_test_renderer_1.create)((0, jsx_runtime_1.jsx)(Layout_1.StyledApp, { themeId: themeId, children: component })).toJSON()).toMatchSnapshot();
+exports.matchComponent = matchComponent;

package/lib/utils/useLongTouch.d.ts

@@ -0,0 +1,3 @@
+declare const useLongTouch: (element: HTMLElement | null, onLongTouch: () => void, touchDuration?: number) => void;
+export { useLongTouch };
+//# sourceMappingURL=useLongTouch.d.ts.map

package/lib/utils/useLongTouch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongTouch.d.ts","sourceRoot":"","sources":["../../src/utils/useLongTouch.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,YAAY,YAAa,WAAW,GAAG,IAAI,eAAe,MAAM,IAAI,iCAuBzE,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/lib/utils/useLongTouch.js

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2019 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.useLongTouch = void 0;
+const react_1 = require("react");
+const useTimeout_1 = require("./useTimeout");
+const useLongTouch = (element, onLongTouch, touchDuration = 800) => {
+    const { startTimeout, removeTimeout } = (0, useTimeout_1.useTimeout)(onLongTouch, touchDuration);
+    (0, react_1.useEffect)(() => {
+        if (!element) {
+            return () => { };
+        }
+        const onTouchStart = () => {
+            startTimeout();
+        };
+        const onTouchEnd = () => {
+            removeTimeout();
+        };
+        element.addEventListener('touchstart', onTouchStart, false);
+        element.addEventListener('touchend', onTouchEnd, false);
+        return () => {
+            element.removeEventListener('touchstart', onTouchStart);
+            element.removeEventListener('touchend', onTouchEnd);
+        };
+    }, [onLongTouch, touchDuration]);
+};
+exports.useLongTouch = useLongTouch;

package/lib/utils/useTimeout.d.ts

@@ -0,0 +1,6 @@
+declare const useTimeout: (onTimeoutStop: () => void, duration: number) => {
+    removeTimeout: () => void;
+    startTimeout: () => void;
+};
+export { useTimeout };
+//# sourceMappingURL=useTimeout.d.ts.map

package/lib/utils/useTimeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../src/utils/useTimeout.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,UAAU,kBAAmB,MAAM,IAAI,YAAY,MAAM;;;CA2B9D,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/lib/utils/useTimeout.js

@@ -0,0 +1,46 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2019 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.useTimeout = void 0;
+const react_1 = require("react");
+const useTimeout = (onTimeoutStop, duration) => {
+    const timerRef = (0, react_1.useRef)(null);
+    const removeTimeout = () => {
+        if (timerRef.current) {
+            window.clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+    };
+    const start = () => {
+        removeTimeout();
+        timerRef.current = window.setTimeout(onStop, duration);
+    };
+    const onStop = () => {
+        removeTimeout();
+        onTimeoutStop();
+    };
+    (0, react_1.useEffect)(() => {
+        return () => {
+            removeTimeout();
+        };
+    }, [duration, onTimeoutStop]);
+    return { removeTimeout, startTimeout: start };
+};
+exports.useTimeout = useTimeout;

package/lib/utils/util.d.ts

@@ -0,0 +1,8 @@
+import { CSSObject } from '@emotion/react';
+export declare const noop: () => void;
+export declare const inlineSVG: (svg: string) => string;
+export declare const filterProps: <T extends Record<string, any>>(props: T, propsToFilter: (keyof T)[]) => Object;
+export declare const manySelectors: (selectors: string[], css: CSSObject) => {};
+export declare const ellipsis: () => CSSObject;
+export declare const visuallyHidden: () => CSSObject;
+//# sourceMappingURL=util.d.ts.map

package/lib/utils/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/utils/util.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,SAAS,QAAS,MAAM,WAAyD,CAAC;AAE/F,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,MAQlG,CAAC;AAEF,eAAO,MAAM,aAAa,cAAe,MAAM,EAAE,OAAO,SAAS,OAIzD,CAAC;AAET,eAAO,MAAM,QAAQ,QAAO,SAI1B,CAAC;AAEH,eAAO,MAAM,cAAc,QAAO,SAMhC,CAAC"}

package/lib/utils/util.js

@@ -0,0 +1,48 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2019 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.visuallyHidden = exports.ellipsis = exports.manySelectors = exports.filterProps = exports.inlineSVG = exports.noop = void 0;
+const noop = () => { };
+exports.noop = noop;
+const inlineSVG = (svg) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+exports.inlineSVG = inlineSVG;
+const filterProps = (props, propsToFilter) => {
+    return Object.entries(props).reduce((accumulator, [key, value]) => (!propsToFilter.includes(key) ? { ...accumulator, [key]: value } : accumulator), {});
+};
+exports.filterProps = filterProps;
+const manySelectors = (selectors, css) => selectors.reduce((acc, selector) => {
+    acc[selector] = css;
+    return acc;
+}, {});
+exports.manySelectors = manySelectors;
+const ellipsis = () => ({
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+});
+exports.ellipsis = ellipsis;
+const visuallyHidden = () => ({
+    position: 'absolute',
+    left: '-9999px',
+    top: 'auto',
+    width: '1px',
+    height: '1px',
+});
+exports.visuallyHidden = visuallyHidden;

package/package.json

@@ -79,6 +79,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.69.4",
-  "gitHead": "911f1e72c8c58fac4ed14606b322d68902620bf4"
+  "version": "9.69.5",
+  "gitHead": "39f37b0ac19efbea138173ee0f68ffa18a3cde42"
 }