@zohodesk/dot 1.0.0-beta.25 → 1.0.0-beta.250

package/package.json

@@ -1,49 +1,105 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.25",
+  "version": "1.0.0-beta.250",
   "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",
+    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
     "build:es": "react-cli build:library:es",
-    "build:dev": "npm run clean && npm run build --module:mode=dev -- -w",
+    "build:dev": "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",
+    "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": "rm package-lock.json && rm -rf node_modules/ && npm install",
+    "expublish": "npm publish --tag experimental-version"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "velocity-react": "1.4.3",
+    "@zohodesk/variables": "1.0.0-beta.29",
+    "@zohodesk/i18n": "1.0.0-beta.7",
+    "@zohodesk/components": "1.0.0-alpha-260",
+    "@zohodesk/icons": "1.0.0-beta.119",
+    "@zohodesk/svg": "1.0.0-beta.49",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/a11y": "1.3.7"
   },
-  "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.29",
+    "@zohodesk/i18n": "1.0.0-beta.7",
+    "@zohodesk/components": "1.0.0-alpha-260",
+    "@zohodesk/icons": "1.0.0-beta.119",
+    "@zohodesk/svg": "1.0.0-beta.48",
+    "@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"
+        ]
+      }
+    },
     "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"
+        ]
+      },
+      "selectorReplace": {
+        "before": [
+          "data-mode"
+        ],
+        "after": [
+          "data-desk-mode"
+        ]
+      }
     }
   }
 }

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'
-  };
-}

package/es/FormAction/docs/FormAction__default.docs.js

@@ -1,199 +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 Button from '@zohodesk/components/lib/Button/Button';
-import Icon from '@zohodesk/icons/lib/Icon';
-import FormAction, { LeftSide, RightSide, Center } from '../FormAction';
-
-var FormAction__default = function (_Component) {
-  _inherits(FormAction__default, _Component);
-
-  function FormAction__default() {
-    _classCallCheck(this, FormAction__default);
-
-    return _possibleConstructorReturn(this, (FormAction__default.__proto__ || _Object$getPrototypeOf(FormAction__default)).apply(this, arguments));
-  }
-
-  _createClass(FormAction__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        { style: {
-            marginTop: '20px'
-          }
-        },
-        React.createElement(
-          FormAction,
-          null,
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Left'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'medium' },
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Right'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'large' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Left'
-            )
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Right'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'small' },
-          React.createElement(
-            Center,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Center'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'large' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Large'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'medium' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Medium'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'medium', paddingLeftSize: 'xmedium' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'XMedium'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'small' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary', size: 'small' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled', size: 'small' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'Small'
-            )
-          )
-        ),
-        React.createElement(
-          FormAction,
-          { size: 'small', paddingLeftSize: 'xsmall' },
-          React.createElement(
-            LeftSide,
-            null,
-            React.createElement(Button, { text: 'primary', palette: 'primary', size: 'small' }),
-            React.createElement(Button, { text: 'primaryFilled', palette: 'primaryFilled', size: 'small' })
-          ),
-          React.createElement(
-            RightSide,
-            null,
-            React.createElement(
-              'p',
-              null,
-              'XSmall'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return FormAction__default;
-}(Component);
-
-export default FormAction__default;
-
-
-if (false) {
-  FormAction__default.docs = {
-    componentGroup: 'FormAction'
-  };
-}