@zohodesk/dot 1.0.0-beta.26 → 1.0.0-beta.261

package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var propTypes = {
+  closeTitle: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  needClose: _propTypes["default"].bool,
+  needIcon: _propTypes["default"].bool,
+  onClose: _propTypes["default"].func,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  variant: _propTypes["default"].oneOf(['primary', 'secondary'])
+};
+exports.propTypes = propTypes;

package/lib/version2/notification/index.js

@@ -0,0 +1,29 @@
+"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
+});
+Object.defineProperty(exports, "DesktopNotification", {
+  enumerable: true,
+  get: function get() {
+    return _DesktopNotification["default"];
+  }
+});
+Object.defineProperty(exports, "DesktopNotificationHeader", {
+  enumerable: true,
+  get: function get() {
+    return _DesktopNotificationHeader["default"];
+  }
+});
+Object.defineProperty(exports, "DesktopNotificationUI", {
+  enumerable: true,
+  get: function get() {
+    return _DesktopNotification.DesktopNotificationUI;
+  }
+});
+var _DesktopNotification = _interopRequireWildcard(require("./DesktopNotification/DesktopNotification"));
+var _DesktopNotificationHeader = _interopRequireDefault(require("./DesktopNotificationHeader/DesktopNotificationHeader"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }

package/package.json

@@ -1,49 +1,114 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.26",
+  "version": "1.0.0-beta.261",
   "main": "lib/index",
   "module": "es/index.js",
-  "jsnext:main": "es/index.js",
   "private": false,
-  "umdVar": "DOT",
-  "author": "",
+  "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",
-    "dubCheck": "node dubFinder  node_modules/@zohodesk/components/lib node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "build": "react-cli build:component:cmjs",
+    "clean": "react-cli clean lib es coverage assets && mkdir assets",
+    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/components/lib node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "build:lib": "react-cli build:component:cmjs",
     "build:es": "react-cli build:library:es",
-    "build:dev": "npm run clean && npm run build --module:mode=dev -- -w",
+    "build": "npm run build:lib && npm run build:es",
+    "build:local": " npm run build  && npm run cssVariableConvert && npm run rtl ",
+    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
     "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "prepublish": "npm run init && npm run build && npm run build:es && npm run rtl",
-    "prepare": "npm run init && npm run build && npm run build:es && npm run rtl",
-    "init": "npm run clean",
+    "prepare": "npm run init && npm run build && npm run cssVariableConvert && npm run rtl",
+    "init": "npm run clean && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
     "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
     "test": "react-cli test",
     "sstest": "react-cli sstest",
+    "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run dubCheck && react-cli docs",
-    "postpublish": "node postpublish.js"
+    "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 ./src ./lib && react-cli variableConverter ./src ./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"
+  },
+  "devDependencies": {
+    "@zohodesk-private/node-plugins": "^1.0.0",
+    "velocity-react": "1.4.3",
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/i18n": "1.0.0-beta.7",
+    "@zohodesk/components": "1.0.0-alpha-266",
+    "@zohodesk/icons": "1.0.0-beta.125",
+    "@zohodesk/svg": "1.0.0-beta.56",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/a11y": "1.3.7",
+    "@zohodesk-private/css-variable-migrator": "^1.0.1"
   },
-  "dependencies": {
-    "@zohodesk/components": "1.0.0-alpha-69",
-    "@zohodesk/i18n": "1.0.0-beta.2",
-    "@zohodesk/icons": "1.0.0-beta.26",
-    "@zohodesk/permissions": "1.2.2",
-    "@zohodesk/svg": "1.0.0-beta.5",
-    "@zohodesk/variables": "1.0.0-beta.14",
-    "velocity-react": "^1.4.3"
+  "peerDependencies": {
+    "velocity-react": "1.4.3",
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/i18n": "1.0.0-beta.7",
+    "@zohodesk/components": "1.0.0-alpha-266",
+    "@zohodesk/icons": "1.0.0-beta.125",
+    "@zohodesk/svg": "1.0.0-beta.56",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/a11y": "1.3.7"
   },
   "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "css": {
+      "plugins": {
+        "hasRTL": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables",
+          "@zohodesk/components",
+          "/jsapps/components/lib"
+        ]
+      }
+    },
+    "app": {
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
+      "patterns": {
+        "cssVariableReplacement": [
+          "src",
+          "!node_modules"
+        ]
+      }
+    },
     "docs": {
+      "disableES5Transpile": true,
       "componentFolder": "./src",
       "cssUniqueness": "false",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables",
-        "@zohodesk/components",
-        "/jsapps/components/lib"
-      ],
-      "hasRTL": true
+      "plugins": {
+        "hasRTL": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables",
+          "@zohodesk/components",
+          "/jsapps/components/lib"
+        ]
+      }
     }
   }
-}
+}

package/dubFinder.js

@@ -1,93 +0,0 @@
-let fs = require('fs');
-let path = require('path');
-let result = {};
-let filesArray = 0;
-function listFiles(newPath) {
-  let cwd = newPath ? newPath : process.cwd();
-  try {
-    let files = fs.readdirSync(cwd, { withFileTypes: true });
-    files.map(file => {
-      let fileName = file.name,
-        filePath = file;
-      if (!file.isDirectory) {
-        filePath = fs.statSync(path.resolve(cwd, file));
-        fileName = file;
-      }
-      if (filePath.isDirectory()) {
-        if (
-          fileName != 'node_modules' &&
-          fileName != 'deskapp' &&
-          fileName != '__testUtils__' &&
-          fileName != 'efc-tutorial' &&
-          fileName != 'mockapi' &&
-          fileName != 'lib' &&
-          fileName != 'es'
-        ) {
-          listFiles(path.resolve(cwd, fileName));
-        }
-      } else {
-        if (fileName.substr(fileName.lastIndexOf('.') + 1) == 'css') {
-          result[fileName.toLowerCase()] = result[fileName.toLowerCase()]
-            ? result[fileName.toLowerCase()]
-            : [];
-          result[fileName.toLowerCase()].push(path.resolve(cwd, fileName));
-        }
-      }
-    });
-  } catch (e) {
-    console.log('The error exception : ==>', e);
-  }
-}
-// function listFiles(newPath) {
-//   let cwd = newPath ? newPath : process.cwd();
-//   fs.readdir(cwd, { withFileTypes: true }, (err, files) => {
-//     files.map(file => {
-
-//       // if (file.isDirectory()) {
-//       //   if (
-//       //     file.name != 'node_modules' &&
-//       //     file.name != 'deskapp' &&
-//       //     file.name != '__testUtils__' &&
-//       //     file.name != 'efc-tutorial' &&
-//       //     file.name != 'mockapi'
-//       //   ) {
-//       //     listFiles(path.resolve(cwd, file.name));
-//       //   }
-//       // } else {
-//       //   if (file.name.substr(file.name.lastIndexOf('.') + 1) == 'css') {
-//       //     result[file.name] = result[file.name] ? result[file.name] : [];
-//       //     result[file.name].push(path.resolve(cwd, file.name));
-//       //   }
-//       // }
-//     });
-//   });
-// }
-listFiles(process.cwd());
-let [, , ...extraPaths] = process.argv;
-extraPaths.map(pathWay => {
-  listFiles(path.resolve(process.cwd(), pathWay));
-});
-console.log(
-  '\x1b[33m%s\x1b[0m',
-  '!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n '
-);
-
-console.log(
-  '\x1b[5m\x1b[44m%s\x1b[0m',
-  'Finding Duplicate CSS Files Please Wait ...'
-);
-
-let print = false;
-Object.keys(result).map(val => {
-  if (result[val].length > 1) {
-    print = true;
-    console.log('\x1b[31m', val, ' ==> ', result[val]);
-  }
-});
-if (!print) {
-  console.log('\x1b[31m', 'No Dublicates Found');
-}
-console.log(
-  '\x1b[33m%s\x1b[0m',
-  '\n \n!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n'
-);

package/es/ChannelIcon/docs/ChannelIcon__default.docs.js

@@ -1,97 +0,0 @@
-import _Object$keys from 'babel-runtime/core-js/object/keys';
-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, { Component } from 'react';
-import ChannelIcon from '../ChannelIcon';
-import { getChannelMappingObj } from '../../utils/ChannelIconMapping';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-var ChannelIcon__default = function (_Component) {
-  _inherits(ChannelIcon__default, _Component);
-
-  function ChannelIcon__default(props) {
-    _classCallCheck(this, ChannelIcon__default);
-
-    return _possibleConstructorReturn(this, (ChannelIcon__default.__proto__ || _Object$getPrototypeOf(ChannelIcon__default)).call(this, props));
-  }
-
-  _createClass(ChannelIcon__default, [{
-    key: 'render',
-    value: function render() {
-      var boxStyle = {},
-          style = {
-        border: '1px solid #c3c1c1',
-        padding: '10px',
-        margin: '1px 10px',
-        textAlign: 'center'
-      },
-          titleStyle = {
-        'font-size': '13px',
-        'padding-bottom': '5px',
-        'border-bottom': '1px solid #c3c1c1',
-        margin: '10px 0 5px',
-        textAlign: 'center'
-      };
-      var channels = getChannelMappingObj();
-      return React.createElement(
-        Container,
-        null,
-        _Object$keys(channels).map(function (item, i) {
-          return React.createElement(
-            Box,
-            { key: i, scroll: 'none', style: { padding: '5px' } },
-            React.createElement(
-              'p',
-              { style: titleStyle },
-              item
-            ),
-            React.createElement(
-              Container,
-              {
-                alignBox: 'row',
-                align: 'vertical',
-                isCover: false,
-                wrap: 'wrap'
-              },
-              _Object$keys(channels[item]).map(function (channel, j) {
-                return React.createElement(
-                  Box,
-                  { flexible: true, style: style, key: j },
-                  React.createElement(
-                    'h6',
-                    null,
-                    channel
-                  ),
-                  React.createElement(
-                    'div',
-                    null,
-                    React.createElement(ChannelIcon, {
-                      name: item,
-                      action: channel,
-                      iconSize: '21',
-                      size: 'medium'
-                    })
-                  )
-                );
-              })
-            )
-          );
-        }),
-        React.createElement('br', null)
-      );
-    }
-  }]);
-
-  return ChannelIcon__default;
-}(Component);
-
-export default ChannelIcon__default;
-
-if (false) {
-  ChannelIcon__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/Drawer/docs/Drawer__default.docs.js

@@ -1,73 +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 Drawer, { Header, Content, Footer } from '../Drawer';
-import Button from '@zohodesk/components/lib/Button/Button';
-import style from '../Drawer.module.css';
-
-var Drawer__default = function (_React$Component) {
-  _inherits(Drawer__default, _React$Component);
-
-  function Drawer__default(props) {
-    _classCallCheck(this, Drawer__default);
-
-    var _this = _possibleConstructorReturn(this, (Drawer__default.__proto__ || _Object$getPrototypeOf(Drawer__default)).call(this, props));
-
-    _this.state = {
-      isActive: true
-    };
-
-    _this.onClose = _this.onClose.bind(_this);
-    return _this;
-  }
-
-  _createClass(Drawer__default, [{
-    key: 'onClose',
-    value: function onClose() {
-      this.setState({
-        isActive: false
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var isActive = this.state.isActive;
-
-      return React.createElement(
-        Drawer,
-        { isActive: isActive, needFreeze: true, paddingSize: 'small' },
-        React.createElement(Header, {
-          title: 'Add Component',
-          onClose: this.onClose,
-          iconName: 'zdDuetimeQueueNew',
-          iconSize: '15'
-        }),
-        React.createElement(
-          Content,
-          { className: style.headerTest },
-          'Content'
-        ),
-        React.createElement(
-          Footer,
-          null,
-          React.createElement(Button, { text: 'Save', palette: 'primaryFilled' }),
-          React.createElement(Button, { text: 'Cancel', palette: 'secondary' })
-        )
-      );
-    }
-  }]);
-
-  return Drawer__default;
-}(React.Component);
-
-export default Drawer__default;
-
-if (false) {
-  Drawer__default.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}

package/es/Drawer/docs/Drawer__noFreeze.docs.js

@@ -1,43 +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 Drawer from '../Drawer';
-
-var Drawer__noFreeze = function (_React$Component) {
-  _inherits(Drawer__noFreeze, _React$Component);
-
-  function Drawer__noFreeze(props) {
-    _classCallCheck(this, Drawer__noFreeze);
-
-    return _possibleConstructorReturn(this, (Drawer__noFreeze.__proto__ || _Object$getPrototypeOf(Drawer__noFreeze)).call(this, props));
-  }
-
-  _createClass(Drawer__noFreeze, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        Drawer,
-        { isActive: true },
-        React.createElement(
-          'div',
-          null,
-          'Children'
-        )
-      );
-    }
-  }]);
-
-  return Drawer__noFreeze;
-}(React.Component);
-
-export default Drawer__noFreeze;
-
-if (false) {
-  Drawer__noFreeze.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}

package/es/ExternalLink/docs/ExternalLink__default.docs.js

@@ -1,40 +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, { Component } from 'react';
-import ExternalLink from '../ExternalLink';
-
-var ExternalLink__default = function (_React$Component) {
-  _inherits(ExternalLink__default, _React$Component);
-
-  function ExternalLink__default(props) {
-    _classCallCheck(this, ExternalLink__default);
-
-    return _possibleConstructorReturn(this, (ExternalLink__default.__proto__ || _Object$getPrototypeOf(ExternalLink__default)).call(this, props));
-  }
-
-  _createClass(ExternalLink__default, [{
-    key: 'render',
-    value: function render() {
-      ///agent/:orgName/:deptName/:moduleName/details/:moduleId
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(ExternalLink, null)
-      );
-    }
-  }]);
-
-  return ExternalLink__default;
-}(React.Component);
-
-export default ExternalLink__default;
-
-if (false) {
-  ExternalLink__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/FlipCard/docs/FlipCard__default.docs.js

@@ -1,105 +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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import FlipCard from '../FlipCard';
-
-var FlipCard__default = function (_Component) {
-  _inherits(FlipCard__default, _Component);
-
-  function FlipCard__default(props) {
-    _classCallCheck(this, FlipCard__default);
-
-    var _this = _possibleConstructorReturn(this, (FlipCard__default.__proto__ || _Object$getPrototypeOf(FlipCard__default)).call(this, props));
-
-    _this.state = { isChecked: false };
-    return _this;
-  }
-
-  _createClass(FlipCard__default, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            channel: 'email',
-            action: 'incoming',
-            id: 'test1',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            noNeedFlip: true,
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test2',
-            name: 'phone',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test3',
-            name: 'EL',
-            isPaidUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test4',
-            name: 'BK',
-            isPortalUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        )
-      );
-    }
-  }]);
-
-  return FlipCard__default;
-}(Component);
-
-export default FlipCard__default;
-
-if (false) {
-  FlipCard__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}