@uncinc/uncinc-react-kitchen-sink 2.7.9 → 2.7.11

package/dist/organisms/Downloads/index.js

@@ -1,30 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Download = _interopRequireDefault(require("../../components/Download"));
-var _TitleWithText = _interopRequireDefault(require("../../components/TitleWithText"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import c from 'classnames';
+import Download from '../../components/Download';
+import TitleWithText from '../../components/TitleWithText';
 var Downloads = function Downloads(_ref) {
   var title = _ref.title,
     text = _ref.text,
     downloads = _ref.downloads,
     target = _ref.target,
     className = _ref.className;
-  var classes = (0, _classnames.default)('Downloads', className);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var classes = c('Downloads', className);
+  return /*#__PURE__*/React.createElement("div", {
     className: classes
-  }, /*#__PURE__*/_react.default.createElement(_TitleWithText.default, {
+  }, /*#__PURE__*/React.createElement(TitleWithText, {
     title: title,
     text: text
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "Downloads__files"
   }, downloads.map(function (download) {
-    return /*#__PURE__*/_react.default.createElement(_Download.default, {
+    return /*#__PURE__*/React.createElement(Download, {
       source: download.source,
       title: download.title,
       description: download.description,
@@ -35,5 +28,4 @@ var Downloads = function Downloads(_ref) {
     });
   })));
 };
-var _default = Downloads;
-exports.default = _default;
+export default Downloads;

package/dist/organisms/ImageGrid/index.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./style.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import './style.scss';
 var ImageGrid = function ImageGrid(_ref) {
   var _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items;
@@ -14,17 +7,16 @@ var ImageGrid = function ImageGrid(_ref) {
     return null;
   }
   var visibleItems = items.slice(0, 5);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "ImageGrid ImageGrid--size-".concat(visibleItems.length)
   }, visibleItems.map(function (item, index) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
-      _react.default.createElement("div", {
+      React.createElement("div", {
         key: index
       }, item)
     );
   }));
 };
-var _default = ImageGrid;
-exports.default = _default;
+export default ImageGrid;

package/dist/organisms/Quote/index.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Image = _interopRequireDefault(require("../../components/Image"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import c from 'classnames';
+import Image from '../../components/Image';
 var Quote = function Quote(_ref) {
   var quote = _ref.quote,
     className = _ref.className,
@@ -22,32 +15,31 @@ var Quote = function Quote(_ref) {
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? 'quotes' : _ref$icon,
     flipped = _ref.flipped;
-  var classes = (0, _classnames.default)('Quote', flipped && 'Quote--flipped', className);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var classes = c('Quote', flipped && 'Quote--flipped', className);
+  return /*#__PURE__*/React.createElement("div", {
     className: classes
-  }, profileImageLarge && /*#__PURE__*/_react.default.createElement("div", {
+  }, profileImageLarge && /*#__PURE__*/React.createElement("div", {
     className: "Quote__profileImageLarge"
-  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
+  }, /*#__PURE__*/React.createElement(Image, {
     src: profileImageLarge,
     alt: profileImageAlt
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "Quote__quotewrapper"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "Quote__icon icon icon-".concat(icon)
-  }), /*#__PURE__*/_react.default.createElement("h3", {
+  }), /*#__PURE__*/React.createElement("h3", {
     className: "Quote__quote"
-  }, quote), writer && /*#__PURE__*/_react.default.createElement("div", {
+  }, quote), writer && /*#__PURE__*/React.createElement("div", {
     className: "Quote__writer"
-  }, profileImage && /*#__PURE__*/_react.default.createElement("div", {
+  }, profileImage && /*#__PURE__*/React.createElement("div", {
     className: "Quote__profileImage"
-  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
+  }, /*#__PURE__*/React.createElement(Image, {
     src: profileImage,
     alt: profileImageLargeAlt
-  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
     className: "Quote__name large"
-  }, writer), /*#__PURE__*/_react.default.createElement("p", {
+  }, writer), /*#__PURE__*/React.createElement("p", {
     className: "Quote__function small"
   }, position)))));
 };
-var _default = Quote;
-exports.default = _default;
+export default Quote;

package/dist/organisms/Text/index.js

@@ -1,25 +1,15 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _TitleWithText = _interopRequireDefault(require("../../components/TitleWithText"));
-var _components = require("../../components");
-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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import AnimateHeight from 'react-animate-height';
+import c from 'classnames';
+import TitleWithText from '../../components/TitleWithText';
+import { Button } from '../../components';
 var Text = function Text(_ref) {
   var title = _ref.title,
     titleProps = _ref.titleProps,
@@ -41,45 +31,45 @@ var Text = function Text(_ref) {
     _ref$secondaryTarget = _ref.secondaryTarget,
     secondaryTarget = _ref$secondaryTarget === void 0 ? '_self' : _ref$secondaryTarget,
     className = _ref.className;
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     readMoreOpened = _useState2[0],
     setReadMoreOpened = _useState2[1];
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var classes = (0, _classnames.default)('Text', className);
-  var readMoreClasses = (0, _classnames.default)('Text__read_more', {
+  var classes = c('Text', className);
+  var readMoreClasses = c('Text__read_more', {
     'Text__read_more--open': readMoreOpened
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes
-  }, /*#__PURE__*/_react.default.createElement(_TitleWithText.default, {
+  }, /*#__PURE__*/React.createElement(TitleWithText, {
     title: title,
     text: text,
     titleProps: titleProps,
     textProps: textProps
-  }), readMore && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  }), readMore && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: readMoreClasses
-  }, /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
+  }, /*#__PURE__*/React.createElement(AnimateHeight, {
     duration: duration,
     easing: easing,
     height: readMoreOpened ? 'auto' : readMoreHeight
-  }, /*#__PURE__*/_react.default.createElement(_TitleWithText.default, {
+  }, /*#__PURE__*/React.createElement(TitleWithText, {
     text: readMore
-  }))), /*#__PURE__*/_react.default.createElement("button", {
+  }))), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "Text__read_more__button",
     onClick: function onClick() {
       return setReadMoreOpened(!readMoreOpened);
     }
-  }, readMoreOpened ? t('organisms.text.read_less') : t('organisms.text.read_more'))), (link || secondaryLink) && /*#__PURE__*/_react.default.createElement("div", {
+  }, readMoreOpened ? t('organisms.text.read_less') : t('organisms.text.read_more'))), (link || secondaryLink) && /*#__PURE__*/React.createElement("div", {
     className: "Text__links"
-  }, link && /*#__PURE__*/_react.default.createElement(_components.Button, {
+  }, link && /*#__PURE__*/React.createElement(Button, {
     className: "Text__link",
     href: link,
     target: target,
     rel: "noreferrer"
-  }, linkText), secondaryLink && /*#__PURE__*/_react.default.createElement(_components.Button, {
+  }, linkText), secondaryLink && /*#__PURE__*/React.createElement(Button, {
     className: "Text__link__secondary",
     href: secondaryLink,
     target: secondaryTarget,
@@ -87,5 +77,4 @@ var Text = function Text(_ref) {
     rel: "noreferrer"
   }, secondaryLinkText)));
 };
-var _default = Text;
-exports.default = _default;
+export default Text;

package/dist/setupTests.js

@@ -1,12 +1,9 @@
-"use strict";
-
-require("@testing-library/jest-dom/extend-expect");
-require("@testing-library/jest-dom");
 // jest-dom adds custom jest matchers for asserting on DOM nodes.
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-
+import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 jest.mock('react-i18next', function () {
   return {
     // this mock makes sure any components using the translate hook can use it without a warning being shown

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.7.9",
+  "version": "2.7.11",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
@@ -13,7 +13,12 @@
   "babel": {
     "presets": [
       "@babel/preset-typescript",
-      "@babel/preset-env",
+      [
+        "@babel/preset-env",
+        {
+          "modules": false
+        }
+      ],
       "@babel/preset-react"
     ]
   },
@@ -22,7 +27,7 @@
   },
   "scripts": {
     "start": "yarn run storybook",
-    "build": "react-scripts build",
+    "build": "yarn build:js && yarn build:types",
     "build:js": "cross-env NODE_ENV=production && rm -rf dist && mkdir dist && npx babel src --out-dir dist --copy-files --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs",
     "build:types": "tsc --outDir dist --rootDir src",
     "build:cleanup": "find dist -type f -name 'stories.*' -delete -o -name '*.stories.*' -delete -o -name 'test.*' -delete -o -name '*.test.*' -delete",
@@ -33,7 +38,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "yalc-watch": "nodemon -e js,jsx,ts,tsx --ignore dist --exec \"yalc publish && yalc push\"",
-    "publish:npm": "yarn build:js && yarn build:types && yarn build:cleanup",
+    "publish:npm": "yarn build && yarn build:cleanup",
     "extract": "sb extract",
     "eslint": "NODE_ENV=development eslint './src/**/*.{js,jsx,ts,tsx}'",
     "eslint:fix": "NODE_ENV=development eslint --fix './src/**/*.{js,jsx,ts,tsx}'",
@@ -54,6 +59,7 @@
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
     "@types/react-html-parser": "^2.0.2",
+    "@types/react-pdf": "^6",
     "@types/react-router": "^5.1.20",
     "@types/uuid": "^9.0.2",
     "@types/video.js": "^7.3.52",
@@ -86,6 +92,7 @@
     "react-immutable-proptypes": "^2.2.0",
     "react-lazyload": "^3.0.0",
     "react-paginate": "^7.1.3",
+    "react-pdf": "^6",
     "react-redux": "^7.2.4",
     "react-remove-scroll": "^2.5.5",
     "react-router": "5.2.0",