@occmundial/occ-atomic 2.0.0-beta.1 → 2.0.0-beta.11

package/build/Pill/Pill.test.js

@@ -35,21 +35,21 @@ var pills = [{
 describe("Pill", function () {
   // Group tests
   it('matches the group snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       group: pills,
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('shows four buttons', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       group: pills,
       classes: classes
     }));
     expect(wrapper.find('button').length).toBe(4);
   });
   it('selects the right options', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       group: pills,
       classes: classes
     }));
@@ -59,7 +59,7 @@ describe("Pill", function () {
   });
   it('calls the onChange function', function () {
     var onChange = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       group: pills,
       onChange: onChange,
       classes: classes
@@ -69,14 +69,14 @@ describe("Pill", function () {
   }); // Stack tests
 
   it('matches the stack snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       stack: pills,
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('shows four buttons', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       stack: pills,
       classes: classes
     }));
@@ -84,7 +84,7 @@ describe("Pill", function () {
   });
   it('calls the onClick function', function () {
     var onClick = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       stack: pills,
       onClick: onClick,
       classes: classes
@@ -94,7 +94,7 @@ describe("Pill", function () {
   });
   it('calls the onClose function', function () {
     var onClose = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       stack: pills,
       onClose: onClose,
       classes: classes
@@ -104,14 +104,14 @@ describe("Pill", function () {
   }); // Choice tests
 
   it('matches the choice snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       choice: pills,
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('shows four buttons', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       choice: pills,
       classes: classes
     }));
@@ -119,7 +119,7 @@ describe("Pill", function () {
   });
   it('calls the onChange function', function () {
     var onChange = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pill["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pill["default"], {
       choice: pills,
       onChange: onChange,
       classes: classes
@@ -130,7 +130,7 @@ describe("Pill", function () {
 });
 describe("PillJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
       group: pills
     }));
     expect(wrapper).toMatchSnapshot();

package/build/Pill/Stack/Stack.js

@@ -35,23 +35,25 @@ var Stack = function Stack(_ref) {
       disabled = _ref.disabled,
       _onClick = _ref.onClick,
       onClose = _ref.onClose,
-      idPrefix = _ref.idPrefix;
-  return _react["default"].createElement("button", {
+      idPrefix = _ref.idPrefix,
+      testId = _ref.testId;
+  return /*#__PURE__*/_react["default"].createElement("button", {
     className: "".concat(classes.pill).concat(disabled ? " ".concat(classes.disabled) : ''),
     onClick: function onClick() {
       handleOnClick(id, _onClick);
     },
-    id: idPrefix ? "".concat(idPrefix).concat(id) : null
-  }, children && _react["default"].createElement(_Text["default"], {
+    id: idPrefix ? "".concat(idPrefix).concat(id) : null,
+    "data-testid": testId ? "".concat(testId).concat(id) : null
+  }, children && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     className: classes.text,
     tag: "span",
     disabled: disabled
-  }, children), onClose && _react["default"].createElement("span", {
+  }, children), onClose && /*#__PURE__*/_react["default"].createElement("span", {
     className: classes.closeCont,
     onClick: function onClick(e) {
       return handleOnClose(e, id, onClose);
     }
-  }, _react["default"].createElement(_Icon["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     className: classes.close,
     iconName: "cross",
     colors: [_colors["default"].grey300],
@@ -67,7 +69,8 @@ Stack.propTypes = {
   disabled: _propTypes["default"].bool,
   onClick: _propTypes["default"].func,
   onClose: _propTypes["default"].func,
-  idPrefix: _propTypes["default"].string
+  idPrefix: _propTypes["default"].string,
+  testId: _propTypes["default"].string
 };
 var _default = Stack;
 exports["default"] = _default;

package/build/Pill/Stack/styles.js

@@ -24,6 +24,7 @@ var _default = {
     outline: 0,
     flex: 1,
     display: 'inline-flex',
+    alignItems: 'center',
     transition: '0.3s all',
     cursor: 'pointer',
     borderRadius: _spacing["default"].small,
@@ -47,7 +48,6 @@ var _default = {
     pointerEvents: 'none'
   },
   closeCont: {
-    marginBottom: -_spacing["default"].xTiny,
     width: _spacing["default"].base,
     height: _spacing["default"].base,
     display: 'inline-flex',
@@ -57,6 +57,9 @@ var _default = {
     marginLeft: -_spacing["default"].xTiny
   },
   text: {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
     marginLeft: _spacing["default"].xTiny,
     marginRight: _spacing["default"].xTiny
   }

package/build/Pill/__snapshots__/Pill.test.js.snap

@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Pill matches the choice snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Pill matches the group snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Pill matches the stack snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Pill styles matches the snapshot 1`] = `
+Object {
+  "assistiveText": Object {
+    "color": "#aaaaaa",
+  },
+  "bottom": Object {
+    "height": 20,
+    "marginTop": 4,
+  },
+  "choiceGroup": Object {
+    "display": "flex",
+    "flexWrap": "wrap",
+  },
+  "container": Object {
+    "marginBottom": 8,
+    "position": "relative",
+  },
+  "disabled": Object {
+    "& $label": Object {
+      "color": "#dddddd",
+    },
+  },
+  "errorAssistiveText": Object {
+    "color": "#db3737",
+  },
+  "errorIcon": Object {
+    "marginBottom": -2,
+  },
+  "label": Object {
+    "& a": Object {
+      "color": "#1476fb",
+      "outline": "none",
+      "textDecoration": "none",
+    },
+    "color": "#222222",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": 14,
+    "lineHeight": 1.5,
+    "transition": "0.3s all",
+  },
+  "left": Object {
+    "float": "left",
+  },
+  "top": Object {
+    "&:after": Object {
+      "clear": "both",
+      "content": "\\"\\"",
+    },
+    "height": 24,
+  },
+}
+`;
+
+exports[`PillJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Pill/styles.js

@@ -25,8 +25,8 @@ var _default = {
   },
   label: {
     fontFamily: _fonts["default"].body,
-    fontSize: 12,
-    lineHeight: '20px',
+    fontSize: 14,
+    lineHeight: 1.5,
     color: _colors["default"].ink,
     transition: '0.3s all',
     '& a': {
@@ -55,6 +55,10 @@ var _default = {
   },
   errorIcon: {
     marginBottom: -2
+  },
+  choiceGroup: {
+    display: 'flex',
+    flexWrap: 'wrap'
   }
 };
 exports["default"] = _default;

package/build/Placeholder/Placeholder.js

@@ -20,11 +20,11 @@ var Placeholder = function Placeholder(_ref) {
       round = _ref.round,
       top = _ref.top,
       bottom = _ref.bottom;
-  return _react["default"].createElement(_Flexbox["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     alignItems: "center",
     className: "".concat(textSize ? classes[textSize] : '').concat(top ? " ".concat(classes["top".concat(top)]) : '').concat(bottom ? " ".concat(classes["bottom".concat(bottom)]) : '')
-  }, _react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.placeholder).concat(round ? " ".concat(classes.round) : '')
   }));
 };

package/build/Placeholder/Placeholder.test.js

@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe('Placeholder', function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Placeholder["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Placeholder["default"], {
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('has the right classNames', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Placeholder["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Placeholder["default"], {
       classes: classes
     }));
     expect(wrapper.prop('className')).toBe('');
@@ -47,7 +47,7 @@ describe('Placeholder', function () {
 });
 describe("PlaceholderJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/Placeholder/__snapshots__/Placeholder.test.js.snap

@@ -0,0 +1,130 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Placeholder matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Placeholder styles matches the snapshot 1`] = `
+Object {
+  "@keyframes progress": Object {
+    "0%": Object {
+      "transform": "translate3d(-100%, 0, 0)",
+    },
+    "100%": Object {
+      "transform": "translate3d(100%, 0, 0)",
+    },
+  },
+  "bottombase": Object {
+    "marginBottom": 24,
+  },
+  "bottomlarge": Object {
+    "marginBottom": 48,
+  },
+  "bottommedium": Object {
+    "marginBottom": 32,
+  },
+  "bottomsmall": Object {
+    "marginBottom": 16,
+  },
+  "bottomtiny": Object {
+    "marginBottom": 8,
+  },
+  "bottomxLarge": Object {
+    "marginBottom": 64,
+  },
+  "bottomxTiny": Object {
+    "marginBottom": 4,
+  },
+  "heading": Object {
+    "& $placeholder": Object {
+      "height": 22,
+    },
+    "height": 32,
+  },
+  "headline": Object {
+    "& $placeholder": Object {
+      "height": 36,
+    },
+    "height": 48,
+  },
+  "hero": Object {
+    "& $placeholder": Object {
+      "height": 57,
+    },
+    "height": 72,
+  },
+  "large": Object {
+    "& $placeholder": Object {
+      "height": 17,
+    },
+    "height": 24,
+  },
+  "micro": Object {
+    "& $placeholder": Object {
+      "height": 11,
+    },
+    "height": 16,
+  },
+  "placeholder": Object {
+    "&:after": Object {
+      "animation": "progress 2s ease-in-out infinite",
+      "background": "linear-gradient(90deg, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.7), rgba(204, 204, 204, 0))",
+      "content": "\\"\\"",
+      "height": "100%",
+      "left": 0,
+      "position": "absolute",
+      "top": 0,
+      "width": "100%",
+    },
+    "background": "#f2f2f2",
+    "borderRadius": 4,
+    "height": [Function],
+    "mixBlendMode": "multiply",
+    "overflow": "hidden",
+    "position": "relative",
+    "width": [Function],
+  },
+  "round": Object {
+    "borderRadius": "50%",
+  },
+  "small": Object {
+    "& $placeholder": Object {
+      "height": 13,
+    },
+    "height": 16,
+  },
+  "standard": Object {
+    "& $placeholder": Object {
+      "height": 15,
+    },
+    "height": 24,
+  },
+  "subheading": Object {
+    "& $placeholder": Object {
+      "height": 17,
+    },
+    "height": 24,
+  },
+  "topbase": Object {
+    "marginTop": 24,
+  },
+  "toplarge": Object {
+    "marginTop": 48,
+  },
+  "topmedium": Object {
+    "marginTop": 32,
+  },
+  "topsmall": Object {
+    "marginTop": 16,
+  },
+  "toptiny": Object {
+    "marginTop": 8,
+  },
+  "topxLarge": Object {
+    "marginTop": 64,
+  },
+  "topxTiny": Object {
+    "marginTop": 4,
+  },
+}
+`;
+
+exports[`PlaceholderJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Placeholder/styles.js

@@ -5,22 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _colors = _interopRequireDefault(require("../subatomic/colors"));
-
 var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = {
-  '@keyframes placeholderPulse': {
+  '@keyframes progress': {
     '0%': {
-      opacity: 0.5
-    },
-    '50%': {
-      opacity: 1
+      transform: 'translate3d(-100%, 0, 0)'
     },
     '100%': {
-      opacity: 0.5
+      transform: 'translate3d(100%, 0, 0)'
     }
   },
   placeholder: {
@@ -30,9 +25,21 @@ var _default = {
     height: function height(props) {
       return props.height ? props.height : 14;
     },
-    background: _colors["default"].grey100,
-    animation: 'placeholderPulse 1s infinite ease-in-out',
-    borderRadius: _spacing["default"].xTiny
+    borderRadius: _spacing["default"].xTiny,
+    position: 'relative',
+    overflow: 'hidden',
+    background: '#f2f2f2',
+    mixBlendMode: 'multiply',
+    '&:after': {
+      content: '""',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      background: "linear-gradient(90deg, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.7), rgba(204, 204, 204, 0))",
+      animation: 'progress 2s ease-in-out infinite'
+    }
   },
   round: {
     borderRadius: '50%'
@@ -58,31 +65,31 @@ var _default = {
   subheading: {
     height: 24,
     '& $placeholder': {
-      height: 16
+      height: 17
     }
   },
   large: {
     height: 24,
     '& $placeholder': {
-      height: 16
+      height: 17
     }
   },
   standard: {
     height: 24,
     '& $placeholder': {
-      height: 14
+      height: 15
     }
   },
   small: {
     height: 16,
     '& $placeholder': {
-      height: 12
+      height: 13
     }
   },
   micro: {
     height: 16,
     '& $placeholder': {
-      height: 10
+      height: 11
     }
   },
   topxTiny: {

package/build/Provider/Provider.js

@@ -0,0 +1,89 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AtomicContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _usePrevious = _interopRequireDefault(require("./usePrevious"));
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var AtomicContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.AtomicContext = AtomicContext;
+
+var loadSprite = function loadSprite(url) {
+  fetch(url).then(function (res) {
+    return res.text();
+  }).then(function (data) {
+    var div = document.createElement('div');
+    div.style.display = 'none';
+    div.innerHTML = data;
+    document.body.insertBefore(div, document.body.firstChild);
+  })["catch"](console.log);
+};
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect; // eslint-disable-next-line react/prop-types
+
+function AtomicProvider(_ref) {
+  var data = _ref.data,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(_objectSpread({
+    iconsUrl: '',
+    iconsPath: '',
+    iconsPrefix: 'atomic'
+  }, data)),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var valueRef = (0, _react.useRef)();
+  var prevData = (0, _usePrevious["default"])(data);
+  useIsomorphicLayoutEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  useIsomorphicLayoutEffect(function () {
+    if (prevData && !(0, _isEqual["default"])(prevData, data)) {
+      setValue(_objectSpread(_objectSpread({}, valueRef.current), data));
+    }
+  }, [data, prevData]);
+  useIsomorphicLayoutEffect(function () {
+    if (value.iconsUrl) loadSprite(value.iconsUrl);
+  }, [value.iconsUrl]);
+  return /*#__PURE__*/_react["default"].createElement(AtomicContext.Provider, {
+    value: value
+  }, children);
+}
+
+;
+var _default = AtomicProvider;
+exports["default"] = _default;

package/build/Provider/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Provider = _interopRequireDefault(require("./Provider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Provider["default"];
+exports["default"] = _default;

package/build/Provider/useAtomic.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _Provider = require("./Provider");
+
+var useAtomic = function useAtomic() {
+  return (0, _react.useContext)(_Provider.AtomicContext);
+};
+
+var _default = useAtomic;
+exports["default"] = _default;

package/build/{hooks → Provider}/usePrevious.js

@@ -11,7 +11,7 @@ var usePrevious = function usePrevious(value) {
   var ref = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     ref.current = value;
-  });
+  }, []);
   return ref.current;
 };