@zohodesk/components 1.0.0-temp-79 → 1.0.0-temp-80

package/package.json

@@ -1,76 +1,76 @@
-{
-  "name": "@zohodesk/components",
-  "version": "1.0.0-temp-79",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "jsnext:main": "es/index.js",
-  "private": false,
-  "umdVar": "Component",
-  "scripts": {
-    "build:docs": "react-cli build:docs",
-    "lint": "react-cli lint",
-    "lintAll": "react-cli lint ./src",
-    "lintAllFix": "npm run lintAll --eslint:fix=true",
-    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
-    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
-    "build:variables": "node ./preprocess/index",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "common_package_build": "cd ../common && npm run build && cd ../components",
-    "start": "react-cli start",
-    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
-    "build": " react-cli build:component:cmjs",
-    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
-    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "build:es": "react-cli build:library:es",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
-    "coverage": "react-cli coverage",
-    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
-    "postpublish": "react-cli postpublish",
-    "report": "react-cli publish:report",
-    "test": "react-cli test",
-    "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
-    "expublish": "npm publish --tag experimental-version"
-  },
-  "devDependencies": {
-    "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/svg": "1.0.0-beta.48"
-  },
-  "dependencies": {
-    "hoist-non-react-statics": "3.0.1",
-    "react-transition-group": "2.5.0",
-    "reselect": "4.0.0",
-    "selectn": "1.1.2"
-  },
-  "peerDependencies": {
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/svg": "1.0.0-beta.49",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "docs": {
-      "disableES5Transpile": true,
-      "componentFolder": "./src",
-      "cssUniqueness": "false",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables"
-      ],
-      "hasRTL": true
-    }
-  }
-}
+{
+  "name": "@zohodesk/components",
+  "version": "1.0.0-temp-80",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
+  "private": false,
+  "umdVar": "Component",
+  "scripts": {
+    "build:docs": "react-cli build:docs",
+    "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
+    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "common_package_build": "cd ../common && npm run build && cd ../components",
+    "start": "react-cli start",
+    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
+    "build": " react-cli build:component:cmjs",
+    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
+    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "build:es": "react-cli build:library:es",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
+    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "coverage": "react-cli coverage",
+    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
+    "postpublish": "react-cli postpublish",
+    "report": "react-cli publish:report",
+    "test": "react-cli test",
+    "sstest": "npm run init && react-cli sstest",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
+    "expublish": "npm publish --tag experimental-version"
+  },
+  "devDependencies": {
+    "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/variables": "1.0.0-beta.29",
+    "@zohodesk/icons": "1.0.0-beta.109",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/svg": "1.0.0-beta.48"
+  },
+  "dependencies": {
+    "hoist-non-react-statics": "3.0.1",
+    "react-transition-group": "2.5.0",
+    "reselect": "4.0.0",
+    "selectn": "1.1.2"
+  },
+  "peerDependencies": {
+    "@zohodesk/icons": "1.0.0-beta.109",
+    "@zohodesk/variables": "1.0.0-beta.29",
+    "@zohodesk/svg": "1.0.0-beta.49",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "docs": {
+      "disableES5Transpile": true,
+      "componentFolder": "./src",
+      "cssUniqueness": "false",
+      "rtlExclude": [
+        "@zohodesk/icons",
+        "@zohodesk/variables"
+      ],
+      "hasRTL": true
+    }
+  }
+}

package/es/FramerAnimation/FramerAnimation.js

@@ -1,206 +0,0 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import { motion, AnimatePresence, AnimateSharedLayout } from "framer-motion";
-export default class FramerAnimation extends Component {
-  constructor(props) {
-    super(props);
-    this.getAnimationVariant = this.getAnimationVariant.bind(this); // this.onDragEnd = this.onDragEnd.bind(this);
-  }
-
-  getAnimationVariant(argm) {
-    const {
-      enterDelay,
-      exitDelay,
-      enterDuration,
-      exitDuration
-    } = this.props;
-
-    switch (argm) {
-      case "fade":
-        return {
-          hide: {
-            opacity: 0,
-            transition: {
-              delay: enterDelay,
-              duration: enterDuration
-            }
-          },
-          show: {
-            opacity: 1,
-            transition: {
-              delay: exitDelay,
-              duration: exitDuration
-            }
-          }
-        };
-
-      case "expand":
-        return {
-          hide: {
-            scale: 0,
-            transition: {
-              delay: enterDelay,
-              duration: enterDuration
-            }
-          },
-          show: {
-            scale: 1,
-            transition: {
-              delay: exitDelay,
-              duration: exitDuration
-            }
-          }
-        };
-
-      case "flyDown":
-        return {
-          hide: {
-            translateY: "-100%",
-            transition: {
-              delay: enterDelay,
-              duration: enterDuration
-            }
-          },
-          show: {
-            translateY: "0%",
-            transition: {
-              delay: exitDelay,
-              duration: exitDuration
-            }
-          }
-        };
-
-      case "flyLeft":
-        return {
-          hide: {
-            translateX: "100%",
-            transition: {
-              delay: enterDelay,
-              duration: enterDuration
-            }
-          },
-          show: {
-            translateX: "0%",
-            transition: {
-              delay: exitDelay,
-              duration: exitDuration
-            }
-          }
-        };
-
-      case "flyRight":
-        return {
-          hide: {
-            translateX: "-100%",
-            transition: {
-              delay: enterDelay,
-              duration: enterDuration
-            }
-          },
-          show: {
-            translateX: "0%",
-            transition: {
-              delay: exitDelay,
-              duration: exitDuration
-            }
-          }
-        };
-
-      case "slideDown":
-        return {
-          hide: {
-            height: 0,
-            overflow: 'hidden',
-            origin: 0,
-            transition: {
-              delay: enterDelay,
-              duration: enterDuration
-            }
-          },
-          show: {
-            height: "auto",
-            overflow: 'hidden',
-            origin: 0,
-            transition: {
-              delay: exitDelay,
-              duration: exitDuration
-            }
-          }
-        };
-    }
-  } // onDragEnd(event, info) {
-  //     const { onDragEnd } = this.props;
-  //     onDragEnd && onDragEnd(event, info)
-  // }
-
-
-  render() {
-    const {
-      runOnMount,
-      children,
-      key,
-      isActive,
-      type,
-      direction,
-      isCustomize,
-      layout,
-      layoutId,
-      animationType,
-      className
-    } = this.props;
-    const variant = this.getAnimationVariant(`${type}${direction}`);
-    return !isCustomize ? runOnMount ? /*#__PURE__*/React.createElement(AnimatePresence, {
-      exitBeforeEnter: true
-    }, isActive ? /*#__PURE__*/React.createElement(motion.div, {
-      key: key,
-      variants: variant,
-      initial: "hide",
-      animate: "show",
-      exit: "hide",
-      layout: layout,
-      layoutId: layoutId,
-      type: animationType,
-      className: className // drag
-      // onDragEnd={this.onDragEnd}
-
-    }, children) : null) : /*#__PURE__*/React.createElement(motion.div, {
-      key: key,
-      variants: variant,
-      animate: isActive ? "hide" : "show",
-      layout: layout,
-      layoutId: layoutId,
-      type: animationType,
-      className: className
-    }, children) : /*#__PURE__*/React.createElement(motion.div, props);
-  }
-
-}
-FramerAnimation.propTypes = {
-  initial: PropTypes.bool,
-  children: PropTypes.node,
-  key: PropTypes.string,
-  type: PropTypes.string,
-  enterDelay: PropTypes.string,
-  exitDelay: PropTypes.string,
-  enterDuration: PropTypes.string,
-  exitDuration: PropTypes.string,
-  layoutId: PropTypes.string,
-  layout: PropTypes.oneOf(["position", "size"]),
-  //or boolean,
-  direction: PropTypes.string,
-  runOnMount: PropTypes.bool,
-  animationType: PropTypes.oneOf(["spring", "tween"]),
-  className: PropTypes.string
-};
-FramerAnimation.defaultProps = {
-  enterDelay: 0,
-  exitDelay: 0,
-  enterDuration: 0.3,
-  exitDuration: 0.3,
-  type: 'fade',
-  direction: '',
-  layout: false,
-  runOnMount: false,
-  className: '',
-  animationType: 'tween'
-};

package/es/FramerAnimation/docs/FramerAnimation__default.docs.js

@@ -1,123 +0,0 @@
-import React from 'react';
-import FramerAnimation from '../FramerAnimation';
-import Select from '../../Select/Select';
-import Button from '../../Button/Button';
-let animationList = [{
-  text: 'fade',
-  type: 'fade',
-  id: 'animate-1'
-}, {
-  text: 'expand',
-  type: 'expand',
-  id: 'animate-2'
-}, {
-  text: 'fly_Left',
-  type: 'fly',
-  direction: 'Left',
-  id: 'animate-3'
-}, {
-  text: 'fly_Right',
-  type: 'fly',
-  direction: 'Right',
-  id: 'animate-4'
-}, {
-  text: 'fly_Down',
-  type: 'fly',
-  direction: 'Down',
-  id: 'animate-5'
-}, {
-  text: 'slide_Down',
-  type: 'slide',
-  direction: 'Down',
-  id: 'animate-6'
-}];
-export default class FramerAnimation__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: animationList[0],
-      isActive: false,
-      x: 0,
-      y: 0
-    };
-    this.handleChange = this.handleChange.bind(this);
-    this.handleView = this.handleView.bind(this); // this.onDragEnd = this.onDragEnd.bind(this);
-  }
-
-  handleChange(fieldId, value) {
-    this.setState({
-      value,
-      isActive: false
-    });
-  }
-
-  handleView() {
-    this.setState({
-      isActive: !this.state.isActive
-    });
-  } // onDragEnd(event, info) {
-  //     this.setState({ x: info.point.x, y: info.point.y })
-  // }
-
-
-  render() {
-    let {
-      value,
-      isActive
-    } = this.state;
-    let animate = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px' // position:' absolute',
-      // left: this.state.x,
-      // top: this.state.y
-
-    };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '30%',
-        display: 'flex',
-        marginLeft: "20px"
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginTop: "30px",
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement(Select, {
-      onChange: this.handleChange,
-      options: animationList,
-      selectedValue: value.id
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: "20px",
-        marginRight: "20px"
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      onClick: this.handleView
-    }, isActive ? 'show' : 'hide'))), /*#__PURE__*/React.createElement(FramerAnimation, {
-      runOnMount: true,
-      type: value.type,
-      direction: value.direction,
-      isActive: isActive,
-      key: value.id,
-      id: value.id,
-      enterDuration: "0.8",
-      exitrDuration: "0.8" // onDragEnd={this.onDragEnd}
-
-    }, /*#__PURE__*/React.createElement("div", {
-      style: animate
-    }, "Animation"))));
-  }
-
-}
-
-if (false) {
-  FramerAnimation__default.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Animations'
-  };
-}