@wireapp/react-ui-kit 9.69.6 → 9.69.7-beta.14.5ce5ca523

package/lib/utils/mediaQueries.d.ts

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,46 +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.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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,44 +0,0 @@
-"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,46 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,48 +0,0 @@
-"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;