@wireapp/react-ui-kit 8.14.0 → 8.14.1

package/src/Layout/MatchMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MatchMedia.tsx"],"names":["useMatchMedia","query","matchMedia","window","matches","isMatching","setIsMatching","updateMatching","event","addEventListener","removeEventListener","MatchMedia","children","not","matchQuery","QUERY","IsDesktop","props","QueryKeys","DESKTOP","IsDesktopXL","DESKTOP_XL","IsMobile","MOBILE","IsMobileDown","MOBILE_DOWN","IsMobileUp","MOBILE_UP","IsTablet","TABLET","IsTabletDown","TABLET_DOWN","IsTabletUp","TABLET_UP"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\n/* @jsxFrag React.Fragment */\nimport {jsx} from '@emotion/react';\nimport React, {ReactFragment, useEffect, useMemo, useState} from 'react';\n\nimport {QUERY, QueryKeys} from '../mediaQueries';\n\ntype Query = string | QueryKeys;\n\nexport interface MatchMediaProps extends React.HTMLProps<ReactFragment> {\n  not?: boolean;\n  query: Query;\n}\n\nexport const useMatchMedia = (query: Query) => {\n  const matchMedia = useMemo(() => window.matchMedia(`(${query})`), [query]);\n\n  const [isMatching, setIsMatching] = useState(matchMedia.matches);\n\n  const updateMatching = (event: MediaQueryListEvent) => {\n    setIsMatching(event.matches);\n  };\n\n  useEffect(() => {\n    matchMedia.addEventListener('change', updateMatching);\n    return () => matchMedia.removeEventListener('change', updateMatching);\n  }, [matchMedia]);\n\n  return isMatching;\n};\n\nexport const MatchMedia: React.FC<MatchMediaProps> = ({query, children, not}) => {\n  const matchQuery = useMatchMedia(QUERY[query] || query);\n  const isMatching = not ? !matchQuery : matchQuery;\n  return isMatching ? <>{children}</> : null;\n};\n\nexport type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;\n\nexport const IsDesktop = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP} {...props} />;\nexport const IsDesktopXL = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP_XL} {...props} />;\nexport const IsMobile = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE} {...props} />;\nexport const IsMobileDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_DOWN} {...props} />;\nexport const IsMobileUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_UP} {...props} />;\nexport const IsTablet = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET} {...props} />;\nexport const IsTabletDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_DOWN} {...props} />;\nexport const IsTabletUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_UP} {...props} />;\n"],"file":"MatchMedia.js"}
+{"version":3,"file":"MatchMedia.js","sourceRoot":"","sources":["MatchMedia.tsx"],"names":[],"mappings":"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"}

package/src/Layout/Spacer.js

@@ -1,16 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Spacer = Spacer;
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -29,20 +17,12 @@ var _react2 = _interopRequireDefault(require("react"));
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spacer = void 0;
 /** @jsx jsx */
-function Spacer(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 8 : _ref$size,
-      _ref$vertical = _ref.vertical,
-      vertical = _ref$vertical === void 0 ? false : _ref$vertical;
-  return (0, _react.jsx)("div", {
-    style: vertical ? {
-      display: 'inline-block',
-      width: size
-    } : {
-      height: size
-    }
-  });
+const react_1 = require("@emotion/react");
+function Spacer({ size = 8, vertical = false }) {
+    return (0, react_1.jsx)("div", { style: vertical ? { display: 'inline-block', width: size } : { height: size } });
 }
+exports.Spacer = Spacer;
 //# sourceMappingURL=Spacer.js.map

package/src/Layout/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Spacer.tsx"],"names":["Spacer","size","vertical","display","width","height"],"mappings":";;;;;;;;;AAoBA;;AACA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AASO,SAASA,MAAT,OAA4E;AAAA,uBAA3DC,IAA2D;AAAA,MAA3DA,IAA2D,0BAApD,CAAoD;AAAA,2BAAjDC,QAAiD;AAAA,MAAjDA,QAAiD,8BAAtC,KAAsC;AACjF,SAAO;AAAK,IAAA,KAAK,EAAEA,QAAQ,GAAG;AAACC,MAAAA,OAAO,EAAE,cAAV;AAA0BC,MAAAA,KAAK,EAAEH;AAAjC,KAAH,GAA4C;AAACI,MAAAA,MAAM,EAAEJ;AAAT;AAAhE,IAAP;AACD","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  size?: number;\n  vertical?: boolean;\n}\n\nexport function Spacer({size = 8, vertical = false}: SpacerProps): React.ReactNode {\n  return <div style={vertical ? {display: 'inline-block', width: size} : {height: size}} />;\n}\n"],"file":"Spacer.js"}
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["Spacer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAQnC,SAAgB,MAAM,CAAC,EAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAc;IAC9D,OAAO,0BAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,GAAI,CAAC;AAC5F,CAAC;AAFD,wBAEC"}

package/src/Layout/StyledApp.js

@@ -1,59 +1,51 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * 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.StyledApp = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@emotion/react");
-
-var _GlobalStyle = require("../GlobalStyle");
-
-var _util = require("../util");
-
-var _Theme = require("./Theme");
-
-var _excluded = ["themeId", "theme", "children"];
-
-var styledAppContainerStyle = function styledAppContainerStyle(theme, _ref) {
-  var _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? theme.general.backgroundColor : _ref$backgroundColor;
-  return {
+const react_1 = require("@emotion/react");
+const GlobalStyle_1 = require("../GlobalStyle");
+const util_1 = require("../util");
+const Theme_1 = require("./Theme");
+const styledAppContainerStyle = (theme, { backgroundColor = theme.general.backgroundColor }) => ({
     background: backgroundColor,
-    transition: 'background 0.15s'
-  };
-};
-
-var filterStyledAppProps = function filterStyledAppProps(props) {
-  return (0, _util.filterProps)(props, ['backgroundColor', 'themeId', 'theme']);
-};
-
-var StyledAppContainer = function StyledAppContainer(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
-    css: function css(theme) {
-      return styledAppContainerStyle(theme, props);
-    }
-  }, filterStyledAppProps(props)));
-};
-
-var StyledApp = function StyledApp(_ref2) {
-  var _ref2$themeId = _ref2.themeId,
-      themeId = _ref2$themeId === void 0 ? _Theme.THEME_ID.LIGHT : _ref2$themeId,
-      theme = _ref2.theme,
-      children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _react2.jsx)(_Theme.ThemeProvider, {
-    theme: theme ? theme : _Theme.themes[themeId]
-  }, (0, _react2.jsx)(StyledAppContainer, props, (0, _react2.jsx)(_GlobalStyle.GlobalStyle, null), children));
+    transition: 'background 0.15s',
+});
+const filterStyledAppProps = (props) => (0, util_1.filterProps)(props, ['backgroundColor', 'themeId', 'theme']);
+const StyledAppContainer = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => styledAppContainerStyle(theme, props) }, filterStyledAppProps(props))));
+const StyledApp = (_a) => {
+    var { themeId = Theme_1.THEME_ID.LIGHT, theme, children } = _a, props = __rest(_a, ["themeId", "theme", "children"]);
+    return ((0, react_1.jsx)(Theme_1.ThemeProvider, { theme: theme ? theme : Theme_1.themes[themeId] },
+        (0, react_1.jsx)(StyledAppContainer, Object.assign({}, props),
+            (0, react_1.jsx)(GlobalStyle_1.GlobalStyle, null),
+            children)));
 };
-
 exports.StyledApp = StyledApp;
 //# sourceMappingURL=StyledApp.js.map

package/src/Layout/StyledApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StyledApp.tsx"],"names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppProps","props","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children","themes"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;AAkBA,IAAMA,uBAGQ,GAAG,SAHXA,uBAGW,CAACC,KAAD;AAAA,kCAASC,eAAT;AAAA,MAASA,eAAT,qCAA2BD,KAAK,CAACE,OAAN,CAAcD,eAAzC;AAAA,SAA+D;AAC9EE,IAAAA,UAAU,EAAEF,eADkE;AAE9EG,IAAAA,UAAU,EAAE;AAFkE,GAA/D;AAAA,CAHjB;;AAQA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AAAA,SAC3B,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,SAApB,EAA+B,OAA/B,CAAnB,CAD2B;AAAA,CAA7B;;AAGA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBD,uBAAuB,CAACC,KAAD,EAAQM,KAAR,CAAzC;AAAA;AAAV,KAAuED,oBAAoB,CAACC,KAAD,CAA3F,EADyB;AAAA,CAA3B;;AAIO,IAAME,SAAmC,GAAG,SAAtCA,SAAsC;AAAA,4BAAEC,OAAF;AAAA,MAAEA,OAAF,8BAAYC,gBAASC,KAArB;AAAA,MAA4BX,KAA5B,SAA4BA,KAA5B;AAAA,MAAmCY,QAAnC,SAAmCA,QAAnC;AAAA,MAAgDN,KAAhD;AAAA,SACjD,iBAAC,oBAAD;AAAe,IAAA,KAAK,EAAEN,KAAK,GAAGA,KAAH,GAAWa,cAAOJ,OAAP;AAAtC,KACE,iBAAC,kBAAD,EAAwBH,KAAxB,EACE,iBAAC,wBAAD,OADF,EAEGM,QAFH,CADF,CADiD;AAAA,CAA5C","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GlobalStyle} from '../GlobalStyle';\nimport {filterProps} from '../util';\nimport {THEME_ID, Theme, ThemeProvider, themes} from './Theme';\n\ntype StyledAppContainerProps =\n  | {\n      themeId: THEME_ID;\n      theme?: never;\n    }\n  | {\n      theme: Theme;\n      themeId?: never;\n    };\n\ntype BackgroundColorProps = {\n  backgroundColor?: string;\n};\n\nexport type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;\n\nconst styledAppContainerStyle: (\n  theme: Theme,\n  props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps,\n) => CSSObject = (theme, {backgroundColor = theme.general.backgroundColor}) => ({\n  background: backgroundColor,\n  transition: 'background 0.15s',\n});\n\nconst filterStyledAppProps = (props: Partial<StyledAppProps>) =>\n  filterProps(props, ['backgroundColor', 'themeId', 'theme']);\n\nconst StyledAppContainer = (props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps) => (\n  <div css={(theme: Theme) => styledAppContainerStyle(theme, props)} {...filterStyledAppProps(props)} />\n);\n\nexport const StyledApp: React.FC<StyledAppProps> = ({themeId = THEME_ID.LIGHT, theme, children, ...props}) => (\n  <ThemeProvider theme={theme ? theme : themes[themeId]}>\n    <StyledAppContainer {...props}>\n      <GlobalStyle />\n      {children}\n    </StyledAppContainer>\n  </ThemeProvider>\n);\n"],"file":"StyledApp.js"}
+{"version":3,"file":"StyledApp.js","sourceRoot":"","sources":["StyledApp.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAIH,0CAA8C;AAE9C,gDAA2C;AAC3C,kCAAoC;AACpC,mCAA+D;AAkB/D,MAAM,uBAAuB,GAGZ,CAAC,KAAK,EAAE,EAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,EAAC,EAAE,EAAE,CAAC,CAAC;IAC9E,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,kBAAkB;CAC/B,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAC9D,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAE9D,MAAM,kBAAkB,GAAG,CAAC,KAA6D,EAAE,EAAE,CAAC,CAC5F,wCAAK,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,oBAAoB,CAAC,KAAK,CAAC,EAAI,CACvG,CAAC;AAEK,MAAM,SAAS,GAA6B,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAC,OAAO,GAAG,gBAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,KAAK,cAApD,gCAAqD,CAAD;IAAM,OAAA,CAC5G,iBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAM,CAAC,OAAO,CAAC;QACnD,iBAAC,kBAAkB,oBAAK,KAAK;YAC3B,iBAAC,yBAAW,OAAG;YACd,QAAQ,CACU,CACP,CACjB,CAAA;CAAA,CAAC;AAPW,QAAA,SAAS,aAOpB"}