@zohodesk/svg 1.0.0-beta.6 → 1.0.0-beta.60

package/lib/index.js

@@ -1,55 +1,28 @@
-'use strict';
+"use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SVG__default = exports.SVG = exports.renderToStaticMarkup = exports.ReactDOM = exports.React = undefined;
-
-var _react = require('react');
-
-Object.defineProperty(exports, 'React', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_react).default;
-  }
-});
-
-var _reactDom = require('react-dom');
-
-Object.defineProperty(exports, 'ReactDOM', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_reactDom).default;
-  }
-});
-
-var _server = require('react-dom/server');
-
-Object.defineProperty(exports, 'renderToStaticMarkup', {
-  enumerable: true,
-  get: function get() {
-    return _server.renderToStaticMarkup;
-  }
-});
-
-var _SVG = require('./svg/SVG');
-
-Object.defineProperty(exports, 'SVG', {
+exports.ErrorState = exports.EmptyState = void 0;
+Object.defineProperty(exports, "Loader", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_SVG).default;
+    return _Loader["default"];
   }
 });
-
-var _SVG__default = require('./svg/docs/SVG__default.docs');
-
-Object.defineProperty(exports, 'SVG__default', {
+Object.defineProperty(exports, "SVG", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_SVG__default).default;
+    return _SVG["default"];
   }
 });
-
-require('@zohodesk/variables/lib/sizeVariables.module.css');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _SVG = _interopRequireDefault(require("./SVG/SVG"));
+var _Loader = _interopRequireDefault(require("./Loader/Loader"));
+var _EmptyState = _interopRequireWildcard(require("./emptystate/"));
+exports.EmptyState = _EmptyState;
+var _ErrorState = _interopRequireWildcard(require("./errorstate"));
+exports.ErrorState = _ErrorState;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,42 +1,76 @@
-{
-  "name": "@zohodesk/svg",
-  "version": "1.0.0-beta.6",
-  "main": "lib/index",
-  "module": "es/index.js",
-  "jsnext:main": "es/index.js",
-  "private": false,
-  "umdVar": "Library",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vimalceg/fz-dnd.git"
-  },
-  "author": "",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/vimalceg/fz-dnd/issues"
-  },
-  "homepage": "https://github.com/vimalceg/fz-dnd#readme",
-  "scripts": {
-    "clean": "react-cli clean lib es coverage",
-    "build": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
-    "build:dev": "npm run clean && npm run build --module:mode=dev -- -w",
-    "prepare": "npm run init && npm run build && npm run build:es",
-    "init": "npm run clean",
-    "lint": "react-cli lint",
-    "docs": "react-cli docs",
-    "postpublish": "react-cli postpublish"
-  },
-  "dependencies": {
-    "@zohodesk/variables": "1.0.0-beta.14"
-  },
-  "tags": [
-    "react",
-    "redux"
-  ],
-  "keywords": [
-    "react",
-    "redux",
-    "router"
-  ]
-}
+{
+  "name": "@zohodesk/svg",
+  "version": "1.0.0-beta.60",
+  "main": "lib/index",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Z Team",
+  "homepage": "https://www.npmjs.com/search?q=@zohodesk",
+  "license": "ISC",
+  "keywords": [
+    "DOT",
+    "ZOHODESK",
+    "ZTEAM",
+    "LIBRARY"
+  ],
+  "scripts": {
+    "clean": "react-cli clean lib es coverage assets && mkdir assets",
+    "build:lib": "react-cli build:component:cmjs",
+    "build:es": "react-cli build:library:es",
+    "build": "npm run build:lib && npm run build:es",
+    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
+    "build:watch": "npm run clean && npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
+    "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert",
+    "init": "npm run clean && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "lint": "react-cli lint",
+    "common_package_build": "cd ../common && npm run build && cd ../svg",
+    "docs": "react-cli docs",
+    "postpublish": "react-cli postpublish",
+    "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
+    "expublish": "npm publish --tag experimental-version",
+    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
+    "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
+    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
+    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "css": {
+      "plugins": {
+        "hasRTL": true,
+        "cssVariableReplacement": true
+      },
+      "patterns": {
+        "cssVariableReplacement": [
+          "**/src/**",
+          "**/lib/**",
+          "**/es/**",
+          "!**/node_modules/**"
+        ]
+      },
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+    },
+    "docs": {
+      "cssUniqueness": "false",
+      "disableES5Transpile": true
+    }
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@svgr/cli": "6.2.1",
+    "@zohodesk-private/css-variable-migrator": "^1.0.5"
+  },
+  "peerDependencies": {
+    "@zohodesk/variables": "1.0.0-beta.31"
+  }
+}

package/es/svg/EmptyAccounts.js

@@ -1,67 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAccounts.svg';
-
-var EmptyAccounts = function (_React$Component) {
-  _inherits(EmptyAccounts, _React$Component);
-
-  function EmptyAccounts() {
-    _classCallCheck(this, EmptyAccounts);
-
-    return _possibleConstructorReturn(this, (EmptyAccounts.__proto__ || _Object$getPrototypeOf(EmptyAccounts)).apply(this, arguments));
-  }
-
-  _createClass(EmptyAccounts, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 181.9 139.3',
-          name: 'accounts',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal,
-          dataId: dataId
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyAccounts;
-}(React.Component);
-
-export default EmptyAccounts;
-
-
-EmptyAccounts.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyAccounts.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyAccounts'
-};
-
-if (false) {
-  EmptyAccounts.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/EmptyActiveCalls.js

@@ -1,70 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyActiveCalls.svg';
-
-var EmptyActiveCalls = function (_React$Component) {
-  _inherits(EmptyActiveCalls, _React$Component);
-
-  function EmptyActiveCalls() {
-    _classCallCheck(this, EmptyActiveCalls);
-
-    return _possibleConstructorReturn(this, (EmptyActiveCalls.__proto__ || _Object$getPrototypeOf(EmptyActiveCalls)).apply(this, arguments));
-  }
-
-  _createClass(EmptyActiveCalls, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          isRender = _props.isRender,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 181.9 139.3',
-          name: 'ActiveCalls',
-          isRender: isRender,
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal,
-          dataId: dataId
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyActiveCalls;
-}(React.Component);
-
-export default EmptyActiveCalls;
-
-EmptyActiveCalls.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyActiveCalls.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyActiveCalls'
-};
-
-if (false) {
-  EmptyActiveCalls.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/EmptyActivity.js

@@ -1,70 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyActivity.svg';
-
-var EmptyActivity = function (_React$Component) {
-  _inherits(EmptyActivity, _React$Component);
-
-  function EmptyActivity() {
-    _classCallCheck(this, EmptyActivity);
-
-    return _possibleConstructorReturn(this, (EmptyActivity.__proto__ || _Object$getPrototypeOf(EmptyActivity)).apply(this, arguments));
-  }
-
-  _createClass(EmptyActivity, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          isRender = _props.isRender,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 181.9 139.3',
-          name: 'EmptyActivity',
-          isRender: isRender,
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal,
-          dataId: dataId
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyActivity;
-}(React.Component);
-
-export default EmptyActivity;
-
-EmptyActivity.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignCenter: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyActivity.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyActivity'
-};
-
-if (false) {
-  EmptyActivity.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/EmptyAgent.js

@@ -1,66 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAgent.svg';
-
-var EmptyAgent = function (_React$Component) {
-  _inherits(EmptyAgent, _React$Component);
-
-  function EmptyAgent() {
-    _classCallCheck(this, EmptyAgent);
-
-    return _possibleConstructorReturn(this, (EmptyAgent.__proto__ || _Object$getPrototypeOf(EmptyAgent)).apply(this, arguments));
-  }
-
-  _createClass(EmptyAgent, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 181.9 139.3',
-          name: 'agent',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal,
-          dataId: dataId
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyAgent;
-}(React.Component);
-
-export default EmptyAgent;
-
-EmptyAgent.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyAgent.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyAgent'
-};
-
-if (false) {
-  EmptyAgent.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/EmptyArchived.js

@@ -1,65 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyArchived.svg';
-
-var EmptyArchived = function (_React$Component) {
-  _inherits(EmptyArchived, _React$Component);
-
-  function EmptyArchived() {
-    _classCallCheck(this, EmptyArchived);
-
-    return _possibleConstructorReturn(this, (EmptyArchived.__proto__ || _Object$getPrototypeOf(EmptyArchived)).apply(this, arguments));
-  }
-
-  _createClass(EmptyArchived, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 181.9 139.3',
-          name: 'archived',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal,
-          dataId: dataId
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyArchived;
-}(React.Component);
-
-export default EmptyArchived;
-
-EmptyArchived.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyArchived.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyArchived'
-};
-if (false) {
-  EmptyArchived.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/EmptyAttach.js

@@ -1,66 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAttach.svg';
-
-var EmptyAttach = function (_React$Component) {
-  _inherits(EmptyAttach, _React$Component);
-
-  function EmptyAttach() {
-    _classCallCheck(this, EmptyAttach);
-
-    return _possibleConstructorReturn(this, (EmptyAttach.__proto__ || _Object$getPrototypeOf(EmptyAttach)).apply(this, arguments));
-  }
-
-  _createClass(EmptyAttach, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 181.9 139.3',
-          name: 'attach',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal,
-          dataId: dataId
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyAttach;
-}(React.Component);
-
-export default EmptyAttach;
-
-EmptyAttach.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyAttach.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyAttach'
-};
-
-if (false) {
-  EmptyAttach.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/EmptyBlueprint.js

@@ -1,66 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyBlueprint.svg';
-
-var EmptyBlueprint = function (_React$Component) {
-  _inherits(EmptyBlueprint, _React$Component);
-
-  function EmptyBlueprint() {
-    _classCallCheck(this, EmptyBlueprint);
-
-    return _possibleConstructorReturn(this, (EmptyBlueprint.__proto__ || _Object$getPrototypeOf(EmptyBlueprint)).apply(this, arguments));
-  }
-
-  _createClass(EmptyBlueprint, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 298 123.5',
-          name: 'blueprint',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal,
-          dataId: dataId
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyBlueprint;
-}(React.Component);
-
-export default EmptyBlueprint;
-
-EmptyBlueprint.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyBlueprint.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyBlueprint'
-};
-
-if (false) {
-  EmptyBlueprint.docs = {
-    componentGroup: 'SVG'
-  };
-}