@uncinc/uncinc-react-kitchen-sink 2.5.2 → 2.5.4-1-treeshaking

package/dist/index.js

@@ -1,398 +1,77 @@
-"use strict";
+// Atoms
+export { default as AbbreviationAnnotation } from './components/AbbreviationAnnotation';
+export { default as Accordion } from './components/Accordion';
+export { default as AccordionItem } from './components/Accordion/AccordionItem';
+export { default as AccordionItemVariant } from './components/Accordion/AccordionItemVariant';
+export { default as Button } from './components/Button';
+export { default as Hamburger } from './components/Hamburger';
+export { default as Image } from './components/Image';
+export { default as ImageBackground } from './components/Image/Background';
+export { default as Lottie } from './components/Lottie';
+export { default as LottieAnimationWithMousePosition } from './components/Lottie/LottieAnimationWithMousePosition';
+export { default as WysiwygField } from './components/WysiwygField';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AbbreviationAnnotation", {
-  enumerable: true,
-  get: function get() {
-    return _AbbreviationAnnotation.default;
-  }
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion.default;
-  }
-});
-Object.defineProperty(exports, "AccordionItem", {
-  enumerable: true,
-  get: function get() {
-    return _AccordionItem.default;
-  }
-});
-Object.defineProperty(exports, "AccordionItemVariant", {
-  enumerable: true,
-  get: function get() {
-    return _AccordionItemVariant.default;
-  }
-});
-Object.defineProperty(exports, "ApiAutocomplete", {
-  enumerable: true,
-  get: function get() {
-    return _ApiAutocomplete.default;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "ChipFacet", {
-  enumerable: true,
-  get: function get() {
-    return _ChipFacet.default;
-  }
-});
-Object.defineProperty(exports, "Container", {
-  enumerable: true,
-  get: function get() {
-    return _Container.default;
-  }
-});
-Object.defineProperty(exports, "Cookie", {
-  enumerable: true,
-  get: function get() {
-    return _Cookie.default;
-  }
-});
-Object.defineProperty(exports, "Dialog", {
-  enumerable: true,
-  get: function get() {
-    return _Dialog.default;
-  }
-});
-Object.defineProperty(exports, "FontSizeSwitcher", {
-  enumerable: true,
-  get: function get() {
-    return _FontSizeSwitcher.default;
-  }
-});
-Object.defineProperty(exports, "FormCheckbox", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox.default;
-  }
-});
-Object.defineProperty(exports, "FormCheckboxes", {
-  enumerable: true,
-  get: function get() {
-    return _Checkboxes.default;
-  }
-});
-Object.defineProperty(exports, "FormDate", {
-  enumerable: true,
-  get: function get() {
-    return _Date.default;
-  }
-});
-Object.defineProperty(exports, "FormDatePicker", {
-  enumerable: true,
-  get: function get() {
-    return _DatePicker.default;
-  }
-});
-Object.defineProperty(exports, "FormDateSelect", {
-  enumerable: true,
-  get: function get() {
-    return _DateSelect.default;
-  }
-});
-Object.defineProperty(exports, "FormEmail", {
-  enumerable: true,
-  get: function get() {
-    return _Email.default;
-  }
-});
-Object.defineProperty(exports, "FormNumber", {
-  enumerable: true,
-  get: function get() {
-    return _Number.default;
-  }
-});
-Object.defineProperty(exports, "FormRadioButtons", {
-  enumerable: true,
-  get: function get() {
-    return _RadioButtons.default;
-  }
-});
-Object.defineProperty(exports, "FormSearchField", {
-  enumerable: true,
-  get: function get() {
-    return _SearchField.default;
-  }
-});
-Object.defineProperty(exports, "FormSelect", {
-  enumerable: true,
-  get: function get() {
-    return _Select.default;
-  }
-});
-Object.defineProperty(exports, "FormTextField", {
-  enumerable: true,
-  get: function get() {
-    return _TextField.default;
-  }
-});
-Object.defineProperty(exports, "FormTextarea", {
-  enumerable: true,
-  get: function get() {
-    return _Textarea.default;
-  }
-});
-Object.defineProperty(exports, "FormikWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _FormikWrapper.default;
-  }
-});
-Object.defineProperty(exports, "Hamburger", {
-  enumerable: true,
-  get: function get() {
-    return _Hamburger.default;
-  }
-});
-Object.defineProperty(exports, "Header", {
-  enumerable: true,
-  get: function get() {
-    return _Header.default;
-  }
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function get() {
-    return _Image.default;
-  }
-});
-Object.defineProperty(exports, "ImageBackground", {
-  enumerable: true,
-  get: function get() {
-    return _Background.default;
-  }
-});
-Object.defineProperty(exports, "InlineMenu", {
-  enumerable: true,
-  get: function get() {
-    return _InlineMenu.default;
-  }
-});
-Object.defineProperty(exports, "KitchenSinkComponentMapperContext", {
-  enumerable: true,
-  get: function get() {
-    return _KitchenSinkComponentMapperContext.default;
-  }
-});
-Object.defineProperty(exports, "ListFacet", {
-  enumerable: true,
-  get: function get() {
-    return _ListFacet.default;
-  }
-});
-Object.defineProperty(exports, "Lottie", {
-  enumerable: true,
-  get: function get() {
-    return _Lottie.default;
-  }
-});
-Object.defineProperty(exports, "LottieAnimationWithMousePosition", {
-  enumerable: true,
-  get: function get() {
-    return _LottieAnimationWithMousePosition.default;
-  }
-});
-Object.defineProperty(exports, "MagicLine", {
-  enumerable: true,
-  get: function get() {
-    return _MagicLine.default;
-  }
-});
-Object.defineProperty(exports, "NavigationScroll", {
-  enumerable: true,
-  get: function get() {
-    return _NavigationScroll.default;
-  }
-});
-Object.defineProperty(exports, "Pagination", {
-  enumerable: true,
-  get: function get() {
-    return _Pagination.default;
-  }
-});
-Object.defineProperty(exports, "Picture", {
-  enumerable: true,
-  get: function get() {
-    return _Picture.default;
-  }
-});
-Object.defineProperty(exports, "QuickLayout", {
-  enumerable: true,
-  get: function get() {
-    return _QuickLayout.default;
-  }
-});
-Object.defineProperty(exports, "SearchFacets", {
-  enumerable: true,
-  get: function get() {
-    return _SearchFacets.default;
-  }
-});
-Object.defineProperty(exports, "SearchField", {
-  enumerable: true,
-  get: function get() {
-    return _SearchField2.default;
-  }
-});
-Object.defineProperty(exports, "SearchKit", {
-  enumerable: true,
-  get: function get() {
-    return _SearchKit.default;
-  }
-});
-Object.defineProperty(exports, "SearchLoadMore", {
-  enumerable: true,
-  get: function get() {
-    return _SearchLoadMore.default;
-  }
-});
-Object.defineProperty(exports, "SearchPagination", {
-  enumerable: true,
-  get: function get() {
-    return _SearchPagination.default;
-  }
-});
-Object.defineProperty(exports, "SearchReset", {
-  enumerable: true,
-  get: function get() {
-    return _SearchReset.default;
-  }
-});
-Object.defineProperty(exports, "SearchResults", {
-  enumerable: true,
-  get: function get() {
-    return _SearchResults.default;
-  }
-});
-Object.defineProperty(exports, "SearchSelectedFilters", {
-  enumerable: true,
-  get: function get() {
-    return _SearchSelectedFilters.default;
-  }
-});
-Object.defineProperty(exports, "SearchSorting", {
-  enumerable: true,
-  get: function get() {
-    return _SearchSorting.default;
-  }
-});
-Object.defineProperty(exports, "SelectFacet", {
-  enumerable: true,
-  get: function get() {
-    return _SelectFacet.default;
-  }
-});
-Object.defineProperty(exports, "Share", {
-  enumerable: true,
-  get: function get() {
-    return _Share.default;
-  }
-});
-Object.defineProperty(exports, "SliderRelated", {
-  enumerable: true,
-  get: function get() {
-    return _SliderRelated.default;
-  }
-});
-Object.defineProperty(exports, "ViewportContext", {
-  enumerable: true,
-  get: function get() {
-    return _ViewportContext.default;
-  }
-});
-Object.defineProperty(exports, "WysiwygField", {
-  enumerable: true,
-  get: function get() {
-    return _WysiwygField.default;
-  }
-});
-Object.defineProperty(exports, "useOnScreen", {
-  enumerable: true,
-  get: function get() {
-    return _useOnScreen.default;
-  }
-});
-Object.defineProperty(exports, "usePrevious", {
-  enumerable: true,
-  get: function get() {
-    return _usePrevious.default;
-  }
-});
-Object.defineProperty(exports, "useScrollPosition", {
-  enumerable: true,
-  get: function get() {
-    return _useScrollPosition.default;
-  }
-});
-Object.defineProperty(exports, "useWindowDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _useWindowDimensions.default;
-  }
-});
-var _Accordion = _interopRequireDefault(require("./components/Accordion"));
-var _AccordionItem = _interopRequireDefault(require("./components/Accordion/AccordionItem"));
-var _AccordionItemVariant = _interopRequireDefault(require("./components/Accordion/AccordionItemVariant"));
-var _Container = _interopRequireDefault(require("./components/Layout/Container"));
-var _Button = _interopRequireDefault(require("./components/Button"));
-var _Header = _interopRequireDefault(require("./components/Header"));
-var _Hamburger = _interopRequireDefault(require("./components/Hamburger"));
-var _WysiwygField = _interopRequireDefault(require("./components/WysiwygField"));
-var _ApiAutocomplete = _interopRequireDefault(require("./components/ApiAutocomplete"));
-var _FontSizeSwitcher = _interopRequireDefault(require("./components/FontSizeSwitcher"));
-var _Pagination = _interopRequireDefault(require("./components/Pagination"));
-var _QuickLayout = _interopRequireDefault(require("./components/Layout/QuickLayout"));
-var _Lottie = _interopRequireDefault(require("./components/Lottie"));
-var _LottieAnimationWithMousePosition = _interopRequireDefault(require("./components/Lottie/LottieAnimationWithMousePosition"));
-var _MagicLine = _interopRequireDefault(require("./components/MagicLine"));
-var _NavigationScroll = _interopRequireDefault(require("./components/NavigationScroll"));
-var _Image = _interopRequireDefault(require("./components/Image"));
-var _Background = _interopRequireDefault(require("./components/Image/Background"));
-var _InlineMenu = _interopRequireDefault(require("./components/InlineMenu"));
-var _Picture = _interopRequireDefault(require("./components/Image/Picture"));
-var _Dialog = _interopRequireDefault(require("./components/Dialog"));
-var _Share = _interopRequireDefault(require("./components/Share"));
-var _SliderRelated = _interopRequireDefault(require("./components/Sliders/SliderRelated"));
-var _FormikWrapper = _interopRequireDefault(require("./components/Form/FormikWrapper"));
-var _Checkbox = _interopRequireDefault(require("./components/Form/Checkbox"));
-var _Checkboxes = _interopRequireDefault(require("./components/Form/Checkboxes"));
-var _Date = _interopRequireDefault(require("./components/Form/Date"));
-var _DatePicker = _interopRequireDefault(require("./components/Form/DatePicker"));
-var _DateSelect = _interopRequireDefault(require("./components/Form/DateSelect"));
-var _Email = _interopRequireDefault(require("./components/Form/Email"));
-var _Number = _interopRequireDefault(require("./components/Form/Number"));
-var _RadioButtons = _interopRequireDefault(require("./components/Form/RadioButtons"));
-var _SearchField = _interopRequireDefault(require("./components/Form/SearchField"));
-var _Select = _interopRequireDefault(require("./components/Form/Select"));
-var _Textarea = _interopRequireDefault(require("./components/Form/Textarea"));
-var _TextField = _interopRequireDefault(require("./components/Form/TextField"));
-var _KitchenSinkComponentMapperContext = _interopRequireDefault(require("./Context/KitchenSinkComponentMapperContext"));
-var _ViewportContext = _interopRequireDefault(require("./Context/ViewportContext"));
-var _SearchKit = _interopRequireDefault(require("./components/SearchKit"));
-var _SearchField2 = _interopRequireDefault(require("./components/SearchKit/SearchField"));
-var _SearchFacets = _interopRequireDefault(require("./components/SearchKit/SearchFacets"));
-var _SelectFacet = _interopRequireDefault(require("./components/SearchKit/Facets/SelectFacet"));
-var _ListFacet = _interopRequireDefault(require("./components/SearchKit/Facets/ListFacet"));
-var _ChipFacet = _interopRequireDefault(require("./components/SearchKit/Facets/ChipFacet"));
-var _SearchSelectedFilters = _interopRequireDefault(require("./components/SearchKit/SearchSelectedFilters"));
-var _SearchSorting = _interopRequireDefault(require("./components/SearchKit/SearchSorting"));
-var _SearchReset = _interopRequireDefault(require("./components/SearchKit/SearchReset"));
-var _SearchResults = _interopRequireDefault(require("./components/SearchKit/SearchResults"));
-var _SearchPagination = _interopRequireDefault(require("./components/SearchKit/SearchPagination"));
-var _SearchLoadMore = _interopRequireDefault(require("./components/SearchKit/SearchLoadMore"));
-var _Cookie = _interopRequireDefault(require("./components/Cookie"));
-var _useOnScreen = _interopRequireDefault(require("./hooks/useOnScreen"));
-var _usePrevious = _interopRequireDefault(require("./hooks/usePrevious"));
-var _useScrollPosition = _interopRequireDefault(require("./hooks/useScrollPosition"));
-var _useWindowDimensions = _interopRequireDefault(require("./hooks/useWindowDimensions"));
-var _AbbreviationAnnotation = _interopRequireDefault(require("./components/AbbreviationAnnotation"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Molecules
+export { default as ChipFacet } from './components/SearchKit/Facets/ChipFacet';
+export { default as Dialog } from './components/Dialog';
+export { default as FontSizeSwitcher } from './components/FontSizeSwitcher';
+export { default as FormCheckbox } from './components/Form/Checkbox';
+export { default as FormCheckboxes } from './components/Form/Checkboxes';
+export { default as FormDate } from './components/Form/Date';
+export { default as FormDatePicker } from './components/Form/DatePicker';
+export { default as FormDateSelect } from './components/Form/DateSelect';
+export { default as FormEmail } from './components/Form/Email';
+export { default as FormikWrapper } from './components/Form/FormikWrapper';
+export { default as FormNumber } from './components/Form/Number';
+export { default as FormRadioButtons } from './components/Form/RadioButtons';
+export { default as FormSearchField } from './components/Form/SearchField';
+export { default as FormSelect } from './components/Form/Select';
+export { default as FormTextarea } from './components/Form/Textarea';
+export { default as FormTextField } from './components/Form/TextField';
+export { default as InlineMenu } from './components/InlineMenu';
+export { default as ListFacet } from './components/SearchKit/Facets/ListFacet';
+export { default as MagicLine } from './components/MagicLine';
+export { default as NavigationScroll } from './components/NavigationScroll';
+export { default as Pagination } from './components/Pagination';
+export { default as Picture } from './components/Image/Picture';
+export { default as SearchFacets } from './components/SearchKit/SearchFacets';
+export { default as SearchField } from './components/SearchKit/SearchField';
+export { default as SearchKit } from './components/SearchKit';
+export { default as SearchLoadMore } from './components/SearchKit/SearchLoadMore';
+export { default as SearchPagination } from './components/SearchKit/SearchPagination';
+export { default as SearchReset } from './components/SearchKit/SearchReset';
+export { default as SearchResults } from './components/SearchKit/SearchResults';
+export { default as SearchSelectedFilters } from './components/SearchKit/SearchSelectedFilters';
+export { default as SearchSorting } from './components/SearchKit/SearchSorting';
+export { default as SelectFacet } from './components/SearchKit/Facets/SelectFacet';
+
+// Organisms
+export { default as ApiAutocomplete } from './components/ApiAutocomplete';
+export { default as Cookie } from './components/Cookie';
+export { default as Header } from './components/Header';
+export { default as Share } from './components/Share';
+export { default as SliderRelated } from './components/Sliders/SliderRelated';
+
+// Templates
+export { default as Container } from './components/Layout/Container';
+export { default as QuickLayout } from './components/Layout/QuickLayout';
+
+// Context
+export { default as KitchenSinkComponentMapperContext } from './Context/KitchenSinkComponentMapperContext';
+export { default as ViewportContext } from './Context/ViewportContext';
+
+// Hooks
+export { default as useBoolean } from './hooks/useBoolean';
+export { default as useDialog } from './hooks/useDialog';
+export { default as useDialogHelpers } from './hooks/useDialogHelpers';
+export { default as useEscape } from './hooks/useEscape';
+export { default as useOnScreen } from './hooks/useOnScreen';
+export { default as usePrevious } from './hooks/usePrevious';
+export { default as useScrollPosition } from './hooks/useScrollPosition';
+export { default as useWindowDimensions } from './hooks/useWindowDimensions';
+
+// Helpers
+export { default as gtm } from './helpers/gtm';
+export { default as useValueForCurrentViewPort } from './helpers/useValueForCurrentViewPort';
+export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from './helpers/date';
+export { isExternalLink, normalizeLink } from './helpers/link';

package/dist/setupTests.js

@@ -1,14 +1,18 @@
-"use strict";
-
-require("@testing-library/jest-dom/extend-expect");
-var _enzyme = require("enzyme");
-var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // 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
-
-(0, _enzyme.configure)({
-  adapter: new _enzymeAdapterReact.default()
+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
+    useTranslation: function useTranslation() {
+      return {
+        t: function t(str) {
+          return str;
+        }
+      };
+    }
+  };
 });

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.5.2",
+  "version": "2.5.4-1-treeshaking",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [
@@ -16,7 +17,12 @@
   "babel": {
     "presets": [
       "@babel/preset-typescript",
-      "@babel/preset-env",
+      [
+        "@babel/preset-env",
+        {
+          "modules": false
+        }
+      ],
       "@babel/preset-react"
     ]
   },
@@ -30,7 +36,8 @@
     "build": "react-scripts build",
     "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",
-    "test": "jest",
+    "test": "react-scripts test",
+    "test:ci": "react-scripts test --collectCoverage --coverageReporters=cobertura --coverageDirectory=\"./__tests__/coverage\" --ci --reporters=default --reporters=jest-junit --watchAll=false",
     "eject": "react-scripts eject",
     "prepare": "yarn run publish:npm",
     "storybook": "storybook dev -p 6006",
@@ -78,7 +85,7 @@
     "react-dom": "^16 || ^17 || ^18",
     "react-global-configuration": "^1.4.0",
     "react-html-parser": "^2.0.2",
-    "react-i18next": "^12.2.0",
+    "react-i18next": "^11.5.0",
     "react-immutable-proptypes": "^2.2.0",
     "react-lazyload": "^3.0.0",
     "react-paginate": "^7.1.3",
@@ -115,8 +122,8 @@
     "@storybook/react-webpack5": "^7.0.18",
     "@storybook/testing-library": "^0.0.14-next.2",
     "@storybook/theming": "^7.0.18",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
+    "@testing-library/jest-dom": "^5.11.2",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^7.1.2",
     "@uncinc/eslint-config": "^1.0.5",
     "@uncinc/stylelint-config": "^1.0.2",
@@ -124,9 +131,9 @@
     "babel-plugin-named-exports-order": "^0.0.2",
     "chai": "^4.2.0",
     "cross-env": "^7.0.2",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
     "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-junit": "^16.0.0",
     "prop-types": "^15.8.1",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "^18.2.0",