@mohamed-karawia/library 0.1.0

package/dist/stories/Widgets/SpacesList/SpacesListItem.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var SpacesListItem = function SpacesListItem(props) {
+  return /*#__PURE__*/_react.default.createElement(Container, {
+    padding: props.padding,
+    background: props.background,
+    marginTop: props.marginTop
+  }, /*#__PURE__*/_react.default.createElement(LockIcon, null, "#"), /*#__PURE__*/_react.default.createElement(SpaceName, null, props.spaceName), /*#__PURE__*/_react.default.createElement(EditIcon, null, "Edit"), /*#__PURE__*/_react.default.createElement(InviteIcon, null, "Invite"), /*#__PURE__*/_react.default.createElement(AddIcon, null, "Add"));
+};
+
+var LockIcon = (0, _styledComponents.default)('span')({});
+var SpaceName = (0, _styledComponents.default)('span')({
+  marginLeft: 5,
+  width: '100%'
+});
+
+var EditIcon = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  visibility: hidden;\n"])));
+
+var InviteIcon = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  visibility: hidden;\n"])));
+
+var AddIcon = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  visibility: hidden;\n"])));
+
+var Container = _styledComponents.default.li(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  border-radius: 3px;\n  font-size: 14px;\n  background: ", ";\n  padding: ", "px;\n  margin-top: ", "px;\n  flex-direction: row;\n  :hover {\n    background: silver;\n    cursor: pointer;\n  }\n  &:hover ", " {\n    visibility: visible;\n  }\n  &:hover ", " {\n    visibility: visible;\n  }\n  &:hover ", " {\n    visibility: visible;\n  }\n"])), function (props) {
+  return props.background || 'transparent';
+}, function (props) {
+  return props.padding || 5;
+}, function (props) {
+  return props.marginTop || 0;
+}, EditIcon, InviteIcon, AddIcon);
+
+SpacesListItem.defaultProps = {
+  spaceName: 'SpaceName'
+};
+var _default = SpacesListItem;
+exports.default = _default;

package/dist/stories/Widgets/SpacesList/SpacesListItem.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SpacesListItem = _interopRequireDefault(require("./SpacesListItem"));
+
+var _default = {
+  title: 'Widgets/SpacesList/Item',
+  component: _SpacesListItem.default
+};
+exports.default = _default;
+
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, args);
+};
+
+exports.Default = Default;

package/dist/stories/helpers/util.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWidgetType = exports.getCardStyle = exports.addObjectToArray = exports.deleteFromArrayByIndex = exports.stringSearch = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _CardStyle = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-1/CardStyle1"));
+
+var _CardStyle2 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-2/CardStyle2"));
+
+var _CardStyle3 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-3/CardStyle3"));
+
+var _CardStyle4 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-4/CardStyle4"));
+
+var _CardStyle5 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-6/CardStyle6"));
+
+var _CardStyle6 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-7/CardStyle7"));
+
+var _CardStyle7 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-8/CardStyle8"));
+
+var _CardStyle8 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-9/CardStyle9"));
+
+var _CardStyle9 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-10/CardStyle10"));
+
+var _CardStyle10 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-11/CardStyle11"));
+
+var _ReusableList = _interopRequireDefault(require("../Reusable Components/ReusableList/ReusableList"));
+
+var _MusicPlayerWidget = _interopRequireDefault(require("../Widgets/MusicPlayerWidget/MusicPlayerWidget"));
+
+var _LogoWidget = _interopRequireDefault(require("../Widgets/LogoWidget/LogoWidget"));
+
+var _VideoPlayer = _interopRequireDefault(require("../VideoAlbum/VideoPlayer/VideoPlayer"));
+
+// Cards
+// Widgets
+var stringSearch = function stringSearch(str, word) {
+  str = str.toUpperCase();
+  word = word.toUpperCase();
+  var count = 0;
+
+  for (var i = 0; i < str.length; i++) {
+    for (var j = 0; j < word.length; j++) {
+      if (word[j] !== str[i + j]) break;
+      if (j === word.length - 1) count++;
+    }
+  }
+
+  return count;
+};
+
+exports.stringSearch = stringSearch;
+
+var deleteFromArrayByIndex = function deleteFromArrayByIndex(arr, index) {
+  var arrayAfterDelete = (0, _toConsumableArray2.default)(arr);
+  arrayAfterDelete.splice(index, 1);
+  return arrayAfterDelete;
+};
+
+exports.deleteFromArrayByIndex = deleteFromArrayByIndex;
+
+var addObjectToArray = function addObjectToArray(arr, obj) {
+  var newArray = [].concat((0, _toConsumableArray2.default)(arr), [obj]);
+  return newArray;
+};
+
+exports.addObjectToArray = addObjectToArray;
+
+var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles, cardControls, index, clicked, cardIconClicked) {
+  var cardTypes = {
+    'card-style-1': /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls
+    })),
+    'card-style-2': /*#__PURE__*/React.createElement(_CardStyle2.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls
+    })),
+    'card-style-3': /*#__PURE__*/React.createElement(_CardStyle3.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls
+    })),
+    'card-style-4': /*#__PURE__*/React.createElement(_CardStyle4.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls
+    })),
+    'card-style-6': /*#__PURE__*/React.createElement(_CardStyle5.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls,
+      cardClicked: function cardClicked() {
+        return clicked(index);
+      },
+      iconClicked: function iconClicked(action) {
+        return cardIconClicked(action, index);
+      }
+    })),
+    'card-style-7': /*#__PURE__*/React.createElement(_CardStyle6.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls,
+      cardClicked: function cardClicked() {
+        return clicked(index);
+      },
+      iconClicked: function iconClicked(action) {
+        return cardIconClicked(action, index);
+      }
+    })),
+    'card-style-8': /*#__PURE__*/React.createElement(_CardStyle7.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls,
+      cardClicked: function cardClicked() {
+        return clicked(index);
+      },
+      iconClicked: function iconClicked(action) {
+        return cardIconClicked(action, index);
+      }
+    })),
+    'card-style-9': /*#__PURE__*/React.createElement(_CardStyle8.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls,
+      cardClicked: function cardClicked() {
+        return clicked(index);
+      },
+      iconClicked: function iconClicked(action) {
+        return cardIconClicked(action, index);
+      }
+    })),
+    'card-style-10': /*#__PURE__*/React.createElement(_CardStyle9.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls,
+      cardClicked: function cardClicked() {
+        return clicked(index);
+      },
+      iconClicked: function iconClicked(action) {
+        return cardIconClicked(action, index);
+      }
+    })),
+    'card-style-11': /*#__PURE__*/React.createElement(_CardStyle10.default, Object.assign({
+      key: index
+    }, cardProps, customCardStyles, {
+      cardControls: cardControls,
+      cardClicked: function cardClicked() {
+        return clicked(index);
+      },
+      iconClicked: function iconClicked(action) {
+        return cardIconClicked(action, index);
+      }
+    }))
+  };
+  return cardTypes[cardType];
+};
+
+exports.getCardStyle = getCardStyle;
+
+var getWidgetType = function getWidgetType(widgetType, props) {
+  var widgetTypes = {
+    'list': /*#__PURE__*/React.createElement(_ReusableList.default, props),
+    'music player': /*#__PURE__*/React.createElement(_MusicPlayerWidget.default, props),
+    'logo': /*#__PURE__*/React.createElement(_LogoWidget.default, props),
+    'video player': /*#__PURE__*/React.createElement(_VideoPlayer.default, props)
+  };
+  return widgetTypes[widgetType];
+};
+
+exports.getWidgetType = getWidgetType;

package/package.json

@@ -0,0 +1,131 @@
+{
+  "name": "@mohamed-karawia/library",
+  "babel": {
+    "presets": [
+      [
+        "react-app",
+        {
+          "absoluteRuntime": false
+        }
+      ]
+    ]
+  },
+  "version": "0.1.0",
+  "private": false,
+  "dependencies": {
+    "@babel/cli": "^7.16.7",
+    "@babel/runtime": "^7.15.4",
+    "@editorjs/header": "^2.6.1",
+    "@editorjs/table": "^2.0.1",
+    "@giphy/js-fetch-api": "^4.1.2",
+    "@giphy/react-components": "^5.3.1",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "agora-access-token": "^2.0.4",
+    "agora-rtc-react": "github:AgoraIO-Community/agora-rtc-react#v1.0.1",
+    "agora-rtm-sdk": "^1.4.3",
+    "axios": "^0.21.4",
+    "cross-env": "^7.0.3",
+    "emoji-mart": "^3.0.1",
+    "express": "^4.17.1",
+    "formik": "^2.2.9",
+    "moment": "^2.29.1",
+    "rc-slider": "^9.7.5",
+    "react": "^16.14.0",
+    "react-async-hook": "^4.0.0",
+    "react-autocomplete": "^1.8.1",
+    "react-dates": "^21.8.0",
+    "react-dom": "^16.14.0",
+    "react-dropzone": "^11.4.0",
+    "react-dropzone-component": "^3.2.0",
+    "react-dropzone-uploader": "^2.11.0",
+    "react-h5-audio-player": "^3.7.1",
+    "react-icons": "^4.2.0",
+    "react-jinke-music-player": "^4.24.1",
+    "react-mentions": "^4.3.0",
+    "react-modal": "^3.14.3",
+    "react-player": "^2.9.0",
+    "react-resize-observer": "^1.1.1",
+    "react-scripts": "4.0.1",
+    "react-select": "^4.3.1",
+    "react-time-seek-slider": "^1.1.0",
+    "react-with-direction": "^1.3.1",
+    "storybook-addon-mock": "^1.6.0",
+    "styled-components": "^5.3.1",
+    "web-vitals": "^1.0.1",
+    "yup": "^0.32.9"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "cross-env BABEL_ENV=production babel src -d dist",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "storybook": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook -s public"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@editorjs/editorjs": "^2.22.2",
+    "@editorjs/image": "^2.6.1",
+    "@editorjs/marker": "^1.2.2",
+    "@editorjs/paragraph": "^2.8.0",
+    "@editorjs/simple-image": "^1.4.1",
+    "@geometricpanda/storybook-addon-badges": "^0.0.4",
+    "@storybook/addon-a11y": "^6.3.8",
+    "@storybook/addon-actions": "^6.3.8",
+    "@storybook/addon-essentials": "^6.3.7",
+    "@storybook/addon-links": "^6.3.8",
+    "@storybook/addon-storysource": "^6.3.7",
+    "@storybook/node-logger": "^6.3.7",
+    "@storybook/preset-create-react-app": "^3.2.0",
+    "@storybook/react": "^6.3.7",
+    "chromatic": "^5.9.2",
+    "react-editor-js": "^1.10.0",
+    "storybook-addon-designs": "^6.1.0",
+    "storybook-dark-mode": "^1.0.8",
+    "storybook-formik": "^2.1.8"
+  },
+  "optionalDependencies": {
+    "fsevents": "^2.3.2"
+  },
+  "description": "In order to get the Storybook development enviornment going on your machine first `clone` this repo and `cd` to the project.",
+  "main": "dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/collectiveness/react-storybook.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/collectiveness/react-storybook/issues"
+  },
+  "homepage": "https://github.com/collectiveness/react-storybook#readme"
+}

package/public/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

package/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/src/assets/add-svgrepo-com.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<path d="M0,0v60h60V0H0z M51,32H32v19h-4V32H9v-4h19V9h4v19h19V32z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/basket-svgrepo-com.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<g>
+	<path d="M2,55.434C2,57.951,4.048,60,6.566,60h46.867C55.952,60,58,57.951,58,55.434V28H2V55.434z"/>
+	<path d="M52.401,19L46.573,5.159C46.021,3.848,44.745,3,43.321,3h-1.463c-0.447-1.72-2-3-3.858-3H22c-1.858,0-3.411,1.28-3.858,3
+		h-1.463c-1.423,0-2.7,0.848-3.252,2.159L7.599,19H0v8h60v-8H52.401z M9.769,19l5.501-13.065C15.509,5.367,16.062,5,16.679,5h1.463
+		c0.447,1.72,2,3,3.858,3h16c1.858,0,3.411-1.28,3.858-3h1.463c0.617,0,1.169,0.367,1.408,0.935L50.231,19H9.769z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/bell-svgrepo-com.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 489.8 489.8" style="enable-background:new 0 0 489.8 489.8;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M245.05,489.8c34.6,0,63-28,63-63h-126C182.05,461.8,210.45,489.8,245.05,489.8z"/>
+			<path d="M369.05,124c0-68.4-55.6-124-124-124l0,0c-68.4,0-124,55.6-124,124v88.3c0,80.5-31.9,137.6-89,194.8h425.7
+				c-56.8-56.8-89-114.3-89-194.8V124H369.05z"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/compass-svgrepo-com.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 402.251 402.251" style="enable-background:new 0 0 402.251 402.251;" xml:space="preserve">
+<g>
+	<g>
+		<polygon style="fill:#010002;" points="205.404,212.802 220.136,227.535 268.981,149.219 190.672,198.07 		"/>
+		<polygon style="fill:#010002;" points="182.234,206.507 133.384,284.823 211.699,235.972 196.967,221.24 		"/>
+		<path style="fill:#010002;" d="M363.854,128.461c-8.509-15.615-19.172-29.882-31.702-42.407
+			c-12.524-12.53-26.791-23.193-42.401-31.702c-10.174-5.543-20.86-10.096-31.881-13.628V5.967c0-3.294-2.667-5.967-5.967-5.967
+			H150.467c-3.294,0-5.967,2.673-5.967,5.967v34.691c-27.716,8.867-53.117,24.231-74.282,45.396
+			c-72.217,72.217-72.217,189.723,0,261.946c34.984,34.984,81.501,54.251,130.973,54.251S297.174,382.984,332.164,348
+			C389.834,290.318,402.871,200.039,363.854,128.461z M156.428,11.928h89.503v25.365c-14.649-3.646-29.673-5.49-44.752-5.49
+			c-1.474,0-2.948,0.101-4.421,0.131c-1.868,0.042-3.735,0.078-5.591,0.173c-1.414,0.078-2.822,0.203-4.236,0.31
+			c-2.25,0.167-4.499,0.37-6.731,0.621c-1.038,0.119-2.071,0.245-3.103,0.376c-3.013,0.388-6.015,0.853-8.992,1.384
+			c-0.298,0.054-0.597,0.101-0.889,0.155c-3.622,0.668-7.22,1.408-10.782,2.285V11.928H156.428z M292.741,133.688L226.288,240.22
+			c-0.006,0.006-0.012,0.006-0.012,0.012c-0.215,0.34-0.567,0.555-0.841,0.847c-0.346,0.358-0.621,0.776-1.044,1.038
+			c-0.006,0-0.006,0.006-0.012,0.012l-106.533,66.453c-0.973,0.609-2.071,0.901-3.156,0.901c-1.545,0-3.073-0.597-4.225-1.748
+			c-1.963-1.963-2.315-5.024-0.847-7.375l66.453-106.532c0-0.006,0.006-0.006,0.012-0.012c0.233-0.376,0.621-0.627,0.937-0.943
+			s0.567-0.698,0.943-0.937c0.006,0,0.006-0.006,0.012-0.012l106.532-66.453c2.357-1.462,5.406-1.122,7.375,0.847
+			C293.857,128.27,294.209,131.331,292.741,133.688z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>