aneop-customers - npm Package Compare versions

Comparing version 1.6.0 to 1.7.0

CHANGELOG.md

@@ -6,2 +6,15 @@ # Change Log
 
+# [1.7.0](https://github.com/mancas/aneop-libs/compare/v1.6.0...v1.7.0) (2020-02-21)
+
+
+### Features
+
+* **aneop-customers:** add customer file component ([77a3296](https://github.com/mancas/aneop-libs/commit/77a32965d7cdde7031a6e53e72dab91fd58c0ad9))
+* change menu shortcuts for every module ([882ad35](https://github.com/mancas/aneop-libs/commit/882ad35f3deda1d374a034c609f38d798a6123d2))
+* **aneop-customers:** add redux store to module ([d75feab](https://github.com/mancas/aneop-libs/commit/d75feaba34836f0bd0aaacc421af7947df0c6c11))
+
+
+
+
+
 # [1.6.0](https://github.com/mancas/aneop-libs/compare/v1.5.1...v1.6.0) (2020-02-12)
@@ -8,0 +21,0 @@

es/components/menuShortcut/MenuShortcut.js

@@ -0,1 +1,3 @@
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
@@ -6,6 +8,3 @@
 import styles from './MenuShortcut.module.css';
-import { Card } from 'aneop-components';
-import { IconCustomers, MenuItem } from 'aneop-components';
-import { useHistory } from 'react-router-dom';
-import routes from '../../config/routes';
+import Shortcut from '../shortcut/Shortcut';
 
@@ -15,13 +14,3 @@ var MenuShortcut = function MenuShortcut(_ref) {
 
-  var history = useHistory();
-
-  var handleClick = useCallback(function () {
-    history.push(routes.home);
-  }, [history]);
-
-  return React.createElement(
-    MenuItem,
-    { variant: 'negative', onClick: handleClick },
-    React.createElement(IconCustomers, { variant: 'white', size: 'medium' })
-  );
+  return React.createElement(Shortcut, _extends({ withClickAnimation: false }, rest));
 };
@@ -28,0 +17,0 @@

es/components/shortcut/Shortcut.js

@@ -0,1 +1,3 @@
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
@@ -12,3 +14,4 @@
 var Shortcut = function Shortcut(_ref) {
-  var rest = _objectWithoutProperties(_ref, []);
+  var onClick = _ref.onClick,
+      rest = _objectWithoutProperties(_ref, ['onClick']);
 
@@ -19,2 +22,3 @@ var history = useHistory();
     history.push(routes.home);
+    onClick && onClick();
   }, [history]);
@@ -24,8 +28,8 @@
     Card,
-    {
+    _extends({
       extraClass: styles.card,
-      variant: 'negative',
+      variant: 'flamingo',
       onClick: handleClick,
       withClickAnimation: true
-    },
+    }, rest),
     React.createElement(IconCustomers, { variant: 'white', size: 'extra-huge' }),
@@ -41,4 +45,6 @@ React.createElement(Text, {
 
-Shortcut.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
+Shortcut.propTypes = process.env.NODE_ENV !== "production" ? {
+  onClick: PropTypes.func
+} : {};
 
 export default React.memo(Shortcut);

es/components/views/main/MainView.js

@@ -7,2 +7,4 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 import { useHistory } from 'react-router-dom';
+import { Action, IconAddCustomer, IconSearch, IconAddSale, Text, Card } from 'aneop-components';
+import CustomerFile from '../../customerFile/CustomerFile';
 
@@ -16,6 +18,71 @@ var MainView = function MainView(_ref) {
   };
+
+  var customers = [{
+    id: 1,
+    name: 'Julia García',
+    hasDebts: true,
+    hasMedicalData: true,
+    numOfOrders: 0,
+    pointsBalance: 0,
+    isMember: false
+  }, {
+    id: 2,
+    name: 'Paco Rodriguez Pérez',
+    hasDebts: false,
+    hasMedicalData: true,
+    numOfOrders: 10,
+    pointsBalance: 0,
+    isMember: true
+  }, {
+    id: 3,
+    name: 'Borja Salcedo',
+    hasDebts: false,
+    hasMedicalData: true,
+    numOfOrders: 2,
+    pointsBalance: 10,
+    isMember: true
+  }];
+
   return React.createElement(
     'div',
-    { onClick: handleClick },
-    'Main Customers view'
+    { className: styles.container },
+    React.createElement(Text, { value: 'Clientes', size: 'xl', variant: 'white' }),
+    React.createElement(
+      'nav',
+      { className: styles.actions },
+      React.createElement(
+        'div',
+        { className: styles.actionItem },
+        React.createElement(Action, {
+          icon: React.createElement(IconAddCustomer, { variant: 'white', size: 'huge' }),
+          label: 'Nuevo cliente',
+          variant: 'flamingo'
+        })
+      ),
+      React.createElement(
+        'div',
+        { className: styles.actionItem },
+        React.createElement(Action, {
+          icon: React.createElement(IconAddSale, { variant: 'white', size: 'huge' }),
+          label: 'Alta de venta',
+          variant: 'parrot'
+        })
+      ),
+      React.createElement(
+        'div',
+        { className: styles.actionItem },
+        React.createElement(Action, {
+          icon: React.createElement(IconSearch, { variant: 'white', size: 'huge' }),
+          label: 'Buscar',
+          variant: 'primaryLight'
+        })
+      )
+    ),
+    React.createElement(
+      Card,
+      { extraClass: styles.mainContent },
+      customers.map(function (customer) {
+        return React.createElement(CustomerFile, { key: customer.id, customer: customer });
+      })
+    )
   );
@@ -22,0 +89,0 @@ };

es/index.js

@@ -6,2 +6,4 @@ import Shortcut from './components/shortcut/Shortcut';
 
+import Service from './module/service';
+
 var Customers = {
@@ -11,5 +13,6 @@ Shortcut: Shortcut,
   MenuShortcut: MenuShortcut,
-  Widgets: Widgets
+  Widgets: Widgets,
+  Service: Service
 };
 
 export default Customers;

lib/components/menuShortcut/MenuShortcut.js

@@ -5,2 +5,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -18,10 +20,6 @@
 
-var _aneopComponents = require('aneop-components');
+var _Shortcut = require('../shortcut/Shortcut');
 
-var _reactRouterDom = require('react-router-dom');
+var _Shortcut2 = _interopRequireDefault(_Shortcut);
 
-var _routes = require('../../config/routes');
-
-var _routes2 = _interopRequireDefault(_routes);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,13 +32,3 @@
 
-  var history = (0, _reactRouterDom.useHistory)();
-
-  var handleClick = (0, _react.useCallback)(function () {
-    history.push(_routes2.default.home);
-  }, [history]);
-
-  return _react2.default.createElement(
-    _aneopComponents.MenuItem,
-    { variant: 'negative', onClick: handleClick },
-    _react2.default.createElement(_aneopComponents.IconCustomers, { variant: 'white', size: 'medium' })
-  );
+  return _react2.default.createElement(_Shortcut2.default, _extends({ withClickAnimation: false }, rest));
 };
@@ -47,0 +35,0 @@

lib/components/shortcut/Shortcut.js

@@ -5,2 +5,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -31,3 +33,4 @@
 var Shortcut = function Shortcut(_ref) {
-  var rest = _objectWithoutProperties(_ref, []);
+  var onClick = _ref.onClick,
+      rest = _objectWithoutProperties(_ref, ['onClick']);
 
@@ -38,2 +41,3 @@ var history = (0, _reactRouterDom.useHistory)();
     history.push(_routes2.default.home);
+    onClick && onClick();
   }, [history]);
@@ -43,8 +47,8 @@
     _aneopComponents.Card,
-    {
+    _extends({
       extraClass: _ShortcutModule2.default.card,
-      variant: 'negative',
+      variant: 'flamingo',
       onClick: handleClick,
       withClickAnimation: true
-    },
+    }, rest),
     _react2.default.createElement(_aneopComponents.IconCustomers, { variant: 'white', size: 'extra-huge' }),
@@ -60,5 +64,7 @@ _react2.default.createElement(_aneopComponents.Text, {
 
-Shortcut.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
+Shortcut.propTypes = process.env.NODE_ENV !== "production" ? {
+  onClick: _propTypes2.default.func
+} : {};
 
 exports.default = _react2.default.memo(Shortcut);
 module.exports = exports['default'];

lib/components/views/main/MainView.js

@@ -19,2 +19,8 @@ 'use strict';
 
+var _aneopComponents = require('aneop-components');
+
+var _CustomerFile = require('../../customerFile/CustomerFile');
+
+var _CustomerFile2 = _interopRequireDefault(_CustomerFile);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,6 +37,71 @@
   };
+
+  var customers = [{
+    id: 1,
+    name: 'Julia García',
+    hasDebts: true,
+    hasMedicalData: true,
+    numOfOrders: 0,
+    pointsBalance: 0,
+    isMember: false
+  }, {
+    id: 2,
+    name: 'Paco Rodriguez Pérez',
+    hasDebts: false,
+    hasMedicalData: true,
+    numOfOrders: 10,
+    pointsBalance: 0,
+    isMember: true
+  }, {
+    id: 3,
+    name: 'Borja Salcedo',
+    hasDebts: false,
+    hasMedicalData: true,
+    numOfOrders: 2,
+    pointsBalance: 10,
+    isMember: true
+  }];
+
   return _react2.default.createElement(
     'div',
-    { onClick: handleClick },
-    'Main Customers view'
+    { className: _MainViewModule2.default.container },
+    _react2.default.createElement(_aneopComponents.Text, { value: 'Clientes', size: 'xl', variant: 'white' }),
+    _react2.default.createElement(
+      'nav',
+      { className: _MainViewModule2.default.actions },
+      _react2.default.createElement(
+        'div',
+        { className: _MainViewModule2.default.actionItem },
+        _react2.default.createElement(_aneopComponents.Action, {
+          icon: _react2.default.createElement(_aneopComponents.IconAddCustomer, { variant: 'white', size: 'huge' }),
+          label: 'Nuevo cliente',
+          variant: 'flamingo'
+        })
+      ),
+      _react2.default.createElement(
+        'div',
+        { className: _MainViewModule2.default.actionItem },
+        _react2.default.createElement(_aneopComponents.Action, {
+          icon: _react2.default.createElement(_aneopComponents.IconAddSale, { variant: 'white', size: 'huge' }),
+          label: 'Alta de venta',
+          variant: 'parrot'
+        })
+      ),
+      _react2.default.createElement(
+        'div',
+        { className: _MainViewModule2.default.actionItem },
+        _react2.default.createElement(_aneopComponents.Action, {
+          icon: _react2.default.createElement(_aneopComponents.IconSearch, { variant: 'white', size: 'huge' }),
+          label: 'Buscar',
+          variant: 'primaryLight'
+        })
+      )
+    ),
+    _react2.default.createElement(
+      _aneopComponents.Card,
+      { extraClass: _MainViewModule2.default.mainContent },
+      customers.map(function (customer) {
+        return _react2.default.createElement(_CustomerFile2.default, { key: customer.id, customer: customer });
+      })
+    )
   );
@@ -37,0 +108,0 @@ };

lib/index.js

@@ -21,2 +21,6 @@ 'use strict';
 
+var _service = require('./module/service');
+
+var _service2 = _interopRequireDefault(_service);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,3 +32,4 @@
   MenuShortcut: _MenuShortcut2.default,
-  Widgets: _index2.default
+  Widgets: _index2.default,
+  Service: _service2.default
 };
@@ -31,0 +36,0 @@

package.json

 {
   "name": "aneop-customers",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "aneop-customers React component",
@@ -29,6 +29,7 @@ "main": "lib/index.js",
   "dependencies": {
-    "aneop-components": "^1.6.0",
+    "aneop-components": "^1.7.0",
     "react-router-dom": "^5.1.2"
   },
   "peerDependencies": {
+    "aneop-store": "^1.6.0",
     "react": "16.x"
@@ -50,3 +51,3 @@ },
   ],
-  "gitHead": "f7182f97db690e747e41da3c3566468948267d8c"
+  "gitHead": "f8a94b73fc9b051b1431ab4945927ad159303973"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

37475

increased by76.75%

Number of package files

43

increased by38.71%

Lines of code

860

increased by100%

Worsened metrics

Dependency count

4

increased by33.33%

Number of low supply chain risk alerts

15

increased by15.38%

Dependency changes

• + Addedaneop-store@1.10.0(transitive)

• + Addedredux@4.2.1(transitive)

• + Addedredux-thunk@2.4.2(transitive)

• Updatedaneop-components@^1.7.0