@occmundial/occ-atomic 1.16.0 → 1.18.2

package/package.json

@@ -1,114 +1,122 @@
-{
-  "name": "@occmundial/occ-atomic",
-  "version": "1.16.0",
-  "description": "Collection of shareable styled React components for OCC applications.",
-  "homepage": "http://occmundial.github.io/occ-atomic",
-  "main": "build/index.js",
-  "scripts": {
-    "prestart": "npm run gen-docs",
-    "start": "set NODE_ENV=development && npm-run-all --parallel start-docs gen-docs:watch",
-    "start:mac": "NODE_ENV=development  npm-run-all --parallel start-docs gen-docs:watch",
-    "start-docs": "node scripts/server.js",
-    "gen-docs": "node scripts/generateComponentData.js",
-    "gen-docs:watch": "npm run gen-docs -- --watch",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "build": "babel lib -d build",
-    "build:watch": "babel lib -w -d build",
-    "build:bundle": "babel-node scripts/build.js",
-    "lint": "esw webpack.config.* lib src --color",
-    "lint:watch": "npm run lint -- --watch",
-    "prepare": "npm run build",
-    "predeploy": "set NODE_ENV=production && npm run build:bundle && npm run playroom:build",
-    "deploy": "gh-pages -d dist",
-    "playroom:start": "playroom start",
-    "playroom:build": "playroom build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/occmundial/occ-atomic"
-  },
-  "author": "OCCMundial",
-  "license": "ISC",
-  "devDependencies": {
-    "@babel/cli": "^7.4.4",
-    "@babel/core": "^7.4.5",
-    "@babel/node": "^7.0.0",
-    "@babel/plugin-proposal-class-properties": "^7.0.0",
-    "@babel/plugin-proposal-decorators": "^7.0.0",
-    "@babel/plugin-proposal-do-expressions": "^7.0.0",
-    "@babel/plugin-proposal-export-default-from": "^7.0.0",
-    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
-    "@babel/plugin-proposal-function-bind": "^7.0.0",
-    "@babel/plugin-proposal-function-sent": "^7.0.0",
-    "@babel/plugin-proposal-json-strings": "^7.0.0",
-    "@babel/plugin-proposal-logical-assignment-operators": "^7.0.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
-    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
-    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
-    "@babel/plugin-proposal-pipeline-operator": "^7.0.0",
-    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-    "@babel/plugin-syntax-import-meta": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^9.0.0",
-    "babel-jest": "^23.4.2",
-    "babel-loader": "^8.0.2",
-    "base64-url": "^2.2.2",
-    "chokidar": "^2.0.3",
-    "css-loader": "^1.0.0",
-    "enzyme": "^3.3.0",
-    "enzyme-adapter-react-16": "^1.1.1",
-    "eslint": "^4.13.0",
-    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-jsx-a11y": "^6.0.2",
-    "eslint-plugin-react": "^7.5.1",
-    "eslint-watch": "^3.1.3",
-    "gh-pages": "^1.2.0",
-    "highlight.js": "^10.4.1",
-    "jest": "^22.4.3",
-    "jsdom": "^11.11.0",
-    "npm-run-all": "^4.1.3",
-    "playroom": "^0.9.1",
-    "prettier": "^2.0.4",
-    "prop-types": "^15.6.0",
-    "react": "^16.4.1",
-    "react-addons-test-utils": "^15.6.2",
-    "react-docgen": "^2.20.1",
-    "react-dom": "^16.4.1",
-    "react-meta-tags": "^0.7.4",
-    "react-test-renderer": "^16.3.1",
-    "style-loader": "^0.21.0",
-    "terser-webpack-plugin": "^5.1.1",
-    "webpack": "^5.32.0",
-    "webpack-dev-server": "^3.7.2"
-  },
-  "dependencies": {
-    "class-autobind": "^0.1.4",
-    "hex-rgba": "^1.0.2",
-    "idx": "^2.5.6",
-    "jquery": "^3.2.1",
-    "lodash": "^4.17.14",
-    "natives": "1.1.6",
-    "react-jss": "8.6.0",
-    "react-text-mask": "^5.4.3",
-    "react-waypoint": "^8.0.0",
-    "unorm": "^1.6.0"
-  },
-  "jest": {
-    "testURL": "https://occmundial.github.io/occ-atomic",
-    "setupTestFrameworkScriptFile": "./setupTests.js",
-    "collectCoverageFrom": [
-      "lib/**/*.js"
-    ],
-    "coverageReporters": [
-      "lcov"
-    ],
-    "roots": [
-      "<rootDir>/lib/"
-    ]
-  }
-}
+{
+  "name": "@occmundial/occ-atomic",
+  "version": "1.18.2",
+  "description": "Collection of shareable styled React components for OCC applications.",
+  "homepage": "http://occmundial.github.io/occ-atomic",
+  "main": "build/index.js",
+  "scripts": {
+    "prestart": "npm run gen-docs",
+    "start": "set NODE_ENV=development && npm-run-all --parallel start-docs gen-docs:watch",
+    "start:mac": "NODE_ENV=development  npm-run-all --parallel start-docs gen-docs:watch",
+    "start-docs": "webpack serve --port 3030 --config webpack.config.dev.js",
+    "gen-docs": "node scripts/generateComponentData.js",
+    "gen-docs:watch": "npm run gen-docs -- --watch",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "build": "babel lib -d build",
+    "build:watch": "babel lib -w -d build",
+    "build:bundle": "babel-node scripts/build.js",
+    "lint": "esw webpack.config.* lib src --color",
+    "lint:watch": "npm run lint -- --watch",
+    "prepare": "npm run build && husky install",
+    "predeploy": "npm run build:bundle",
+    "deploy": "node scripts/deploy.js",
+    "semantic-release": "semantic-release"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/occmundial/occ-atomic.git"
+  },
+  "author": "OCCMundial",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.4.5",
+    "@babel/node": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-proposal-do-expressions": "^7.0.0",
+    "@babel/plugin-proposal-export-default-from": "^7.0.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+    "@babel/plugin-proposal-function-bind": "^7.0.0",
+    "@babel/plugin-proposal-function-sent": "^7.0.0",
+    "@babel/plugin-proposal-json-strings": "^7.0.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.0.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
+    "@babel/plugin-proposal-pipeline-operator": "^7.0.0",
+    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-import-meta": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "@commitlint/cli": "13.1.0",
+    "@commitlint/config-angular": "13.1.0",
+    "@semantic-release/changelog": "6.0.0",
+    "@semantic-release/git": "10.0.0",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-eslint": "^9.0.0",
+    "babel-jest": "^27.2.1",
+    "babel-loader": "^8.0.2",
+    "base64-url": "^2.2.2",
+    "buffer": "^6.0.3",
+    "chokidar": "^3.5.2",
+    "css-loader": "^6.3.0",
+    "enzyme": "^3.3.0",
+    "enzyme-adapter-react-16": "^1.1.1",
+    "eslint": "^4.13.0",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-jsx-a11y": "^6.0.2",
+    "eslint-plugin-react": "^7.5.1",
+    "eslint-watch": "^7.0.0",
+    "gh-pages": "^3.2.3",
+    "husky": "^7.0.0",
+    "jest": "^27.2.1",
+    "jsdom": "^11.11.0",
+    "npm-run-all": "^4.1.3",
+    "prettier": "^2.0.4",
+    "prism-react-renderer": "^1.2.1",
+    "prop-types": "^15.6.0",
+    "react": "^16.4.1",
+    "react-addons-test-utils": "^15.6.2",
+    "react-docgen": "^2.20.1",
+    "react-dom": "^16.4.1",
+    "react-meta-tags": "^0.7.4",
+    "react-test-renderer": "^16.3.1",
+    "semantic-release": "18.0.0",
+    "semantic-release-slack-bot": "^2.1.1",
+    "style-loader": "^0.21.0",
+    "terser-webpack-plugin": "^5.1.1",
+    "webpack": "^5.32.0",
+    "webpack-cli": "^4.8.0",
+    "webpack-dev-server": "^4.2.0"
+  },
+  "dependencies": {
+    "class-autobind": "^0.1.4",
+    "hex-rgba": "^1.0.2",
+    "idx": "^2.5.6",
+    "jquery": "^3.2.1",
+    "lodash": "^4.17.21",
+    "natives": "1.1.6",
+    "react-jss": "8.6.0",
+    "react-text-mask": "^5.4.3",
+    "react-waypoint": "^8.0.0",
+    "unorm": "^1.6.0"
+  },
+  "jest": {
+    "testURL": "https://occmundial.github.io/occ-atomic",
+    "setupTestFrameworkScriptFile": "./setupTests.js",
+    "testEnvironment": "jsdom",
+    "collectCoverageFrom": [
+      "lib/**/*.js"
+    ],
+    "coverageReporters": [
+      "lcov"
+    ],
+    "roots": [
+      "<rootDir>/lib/"
+    ]
+  }
+}

package/playroom/FrameComponent.js

@@ -1,22 +1,31 @@
-import React from 'react';
-import injectSheet from 'react-jss';
-import MetaTags from 'react-meta-tags';
-
-import styles from './styles';
-
-class FrameComponent extends React.Component {
-  render() {
-    const { children, classes } = this.props;
-
-    return (
-        <>
-            <MetaTags>
-                <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600|Open+Sans:400,600,700" rel="stylesheet" />
-            </MetaTags>
-            {children}
-        </>
-    );
-  }
-}
-
-export default injectSheet(styles)(FrameComponent);
+import React from 'react';
+import PropTypes from 'prop-types';
+import injectSheet from 'react-jss';
+import MetaTags from 'react-meta-tags';
+
+import styles from './styles';
+
+class FrameComponent extends React.Component {
+  render() {
+    const { children } = this.props;
+
+    return (
+      <>
+        <MetaTags>
+          <link
+            href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600|Open+Sans:400,600,700"
+            rel="stylesheet"
+          />
+        </MetaTags>
+        {children}
+      </>
+    );
+  }
+}
+
+FrameComponent.propTypes = {
+  children: PropTypes.node.isRequired,
+  classes: PropTypes.object.isRequired
+};
+
+export default injectSheet(styles)(FrameComponent);

package/playroom/styles.js

@@ -1,14 +1,14 @@
-import colors from '../lib/subatomic/colors';
-
-export default {
-    '@global': {
-        '*': {
-            boxSizing: 'border-box',
-        },
-        body: {
-            padding: 0,
-            margin: 0,
-            background: colors.bgGrey
-        }
-    }
-};
+import colors from '../lib/subatomic/colors';
+
+export default {
+    '@global': {
+        '*': {
+            boxSizing: 'border-box',
+        },
+        body: {
+            padding: 0,
+            margin: 0,
+            background: colors.bgGrey
+        }
+    }
+};

package/playroom.config.js

@@ -1,7 +1,7 @@
-module.exports = {
-    components: './build/index',
-    outputPath: './dist/playroom',
-    frameComponent: './playroom/FrameComponent.js',
-    title: 'OCC-Atomic',
-    widths: [320, 576, 768, 992, 1200, 1500]
-};
+module.exports = {
+    components: './build/index',
+    outputPath: './dist/playroom',
+    frameComponent: './playroom/FrameComponent.js',
+    title: 'OCC-Atomic',
+    widths: [320, 576, 768, 992, 1200, 1500]
+};

package/.vscode/settings.json

@@ -1,22 +0,0 @@
-{
-    "deno.enable": false,
-    "typescript.validate.enable": false,
-    "javascript.validate.enable": false,
-    "workbench.colorCustomizations": {
-        "activityBar.activeBackground": "#65c89b",
-        "activityBar.activeBorder": "#945bc4",
-        "activityBar.background": "#65c89b",
-        "activityBar.foreground": "#15202b",
-        "activityBar.inactiveForeground": "#15202b99",
-        "activityBarBadge.background": "#945bc4",
-        "activityBarBadge.foreground": "#e7e7e7",
-        "statusBar.background": "#42b883",
-        "statusBar.foreground": "#15202b",
-        "statusBarItem.hoverBackground": "#359268",
-        "titleBar.activeBackground": "#42b883",
-        "titleBar.activeForeground": "#15202b",
-        "titleBar.inactiveBackground": "#42b88399",
-        "titleBar.inactiveForeground": "#15202b99"
-    },
-    "peacock.color": "#42b883",
-}

package/build/Grid/Grid.test.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _Grid = _interopRequireDefault(require("./Grid"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe("Grid", function () {
-  it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Grid["default"], null));
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-  it('matches the snapshot with the fluid prop', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Grid["default"], {
-      fluid: true
-    }));
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});

package/build/Grid/Row/Rowdsd.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** Use the Row component inside a Grid. To make your grid as complex as you need, you can nest a Column inside a Row and then nest a Row inside a Column to start a new grid. */
-var Row = function Row(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      id = _ref.id,
-      style = _ref.style;
-  var classes = (0, _styles["default"])();
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classes.row, className),
-    style: style,
-    id: id
-  }, children);
-};
-
-Row.propTypes = {
-  children: _propTypes["default"].node,
-  id: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-var _default = Row;
-exports["default"] = _default;

package/build/hooks/useEventListener.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var useEventListener = function useEventListener(eventName, handler, element) {
-  element = element || global;
-  (0, _react.useEffect)(function () {
-    var isSupported = element && element.addEventListener;
-    if (!isSupported) return;
-    element.addEventListener(eventName, handler);
-    return function () {
-      return element.removeEventListener(eventName, handler);
-    };
-  }, [eventName, element, handler]);
-};
-
-var _default = useEventListener;
-exports["default"] = _default;

package/build/hooks/usePrevious.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var usePrevious = function usePrevious(value) {
-  var ref = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    ref.current = value;
-  });
-  return ref.current;
-};
-
-var _default = usePrevious;
-exports["default"] = _default;