@sb1/ffe-accordion-react 11.1.6 → 12.0.0

package/es/Accordion.js

@@ -1,29 +1,30 @@
-var _excluded = ["children", "headingLevel", "className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
-import { node, oneOf, string } from 'prop-types';
 import classNames from 'classnames';
 import { AccordionProvider } from './AccordionContext';
-export var Accordion = function Accordion(_ref) {
-  var children = _ref.children,
-    headingLevel = _ref.headingLevel,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(AccordionProvider, {
-    headingLevel: headingLevel
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(className, 'ffe-accordion'),
-    role: "group",
-    "aria-label": "Trekkspillmeny"
-  }, rest), children));
+export var Accordion = function (_a) {
+    var children = _a.children, headingLevel = _a.headingLevel, className = _a.className, rest = __rest(_a, ["children", "headingLevel", "className"]);
+    return (React.createElement(AccordionProvider, { headingLevel: headingLevel },
+        React.createElement("div", __assign({ className: classNames(className, 'ffe-accordion'), role: "group", "aria-label": "Trekkspillmeny" }, rest), children)));
 };
-Accordion.propTypes = {
-  /** Accordion items */
-  children: node,
-  /** The level of headings in the AccordionItems */
-  headingLevel: oneOf([1, 2, 3, 4, 5, 6]).isRequired,
-  /** Class assigned the container */
-  className: string
-};

package/es/AccordionContext.js

@@ -1,16 +1,8 @@
 import React, { createContext } from 'react';
-import { node, oneOf } from 'prop-types';
-export var AccordionContext = /*#__PURE__*/createContext({});
-export var AccordionProvider = function AccordionProvider(_ref) {
-  var children = _ref.children,
-    headingLevel = _ref.headingLevel;
-  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
-    value: {
-      headingLevel: headingLevel
-    }
-  }, children);
+export var AccordionContext = createContext({
+    headingLevel: 2,
+});
+export var AccordionProvider = function (_a) {
+    var children = _a.children, headingLevel = _a.headingLevel;
+    return (React.createElement(AccordionContext.Provider, { value: { headingLevel: headingLevel } }, children));
 };
-AccordionProvider.propTypes = {
-  children: node,
-  headingLevel: oneOf([1, 2, 3, 4, 5, 6]).isRequired
-};

package/es/AccordionItem.js

@@ -1,13 +1,25 @@
-var _excluded = ["children", "heading", "defaultOpen", "isOpen", "className", "onToggleOpen", "ariaLabel"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React, { useEffect, useRef, useState, useContext } from 'react';
 import { bool, func, node, string } from 'prop-types';
 import { v4 as uuid } from 'uuid';
@@ -15,106 +27,56 @@ import { Icon } from '@sb1/ffe-icons-react';
 import { Collapse } from '@sb1/ffe-collapse-react';
 import classNames from 'classnames';
 import { AccordionContext } from './AccordionContext';
-export var AccordionItem = function AccordionItem(_ref) {
-  var children = _ref.children,
-    heading = _ref.heading,
-    defaultOpen = _ref.defaultOpen,
-    isOpen = _ref.isOpen,
-    className = _ref.className,
-    _ref$onToggleOpen = _ref.onToggleOpen,
-    onToggleOpen = _ref$onToggleOpen === void 0 ? Function.prototype : _ref$onToggleOpen,
-    ariaLabel = _ref.ariaLabel,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(defaultOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    isExpanded = _useState2[0],
-    setIsExpanded = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isAnimating = _useState4[0],
-    setIsAnimating = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isFocused = _useState6[0],
-    setFocus = _useState6[1];
-  var buttonId = useRef(uuid());
-  var contentId = useRef(uuid());
-  var _useContext = useContext(AccordionContext),
-    headingLevel = _useContext.headingLevel;
-  var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
-  useEffect(function () {
-    if (isOpen != null) {
-      setIsAnimating(true);
-      setIsExpanded(isOpen);
-    }
-  }, [isOpen]);
-  var handleOnClick = function handleOnClick() {
-    onToggleOpen(!isExpanded);
-    if (isOpen == null) {
-      setIsAnimating(true);
-      setIsExpanded(!isExpanded);
-    }
-  };
-  var collapseHidden = !isExpanded && !isAnimating;
-  var H = "h".concat(headingLevel);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(className, 'ffe-accordion-item', {
-      'ffe-accordion-item--open': isExpanded,
-      'ffe-accordion-item--focus': isFocused
-    })
-  }, rest), /*#__PURE__*/React.createElement(H, {
-    className: "ffe-h6 ffe-accordion-item__heading"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    id: buttonId.current,
-    "aria-expanded": isExpanded ? 'true' : 'false',
-    "aria-controls": contentId.current,
-    "aria-label": ariaLabel,
-    className: classNames('ffe-accordion-item__heading-button', {
-      'ffe-accordion-item__heading-button--open': isExpanded
-    }),
-    onClick: handleOnClick,
-    onFocus: function onFocus() {
-      return setFocus(true);
-    },
-    onBlur: function onBlur() {
-      return setFocus(false);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "ffe-accordion-item__heading-button-content"
-  }, heading, /*#__PURE__*/React.createElement("span", {
-    className: "ffe-accordion-item__heading-icon-wrapper"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: "ffe-accordion-item__heading-icon",
-    icon: "expand_more",
-    fileUrl: expandMoreIcon,
-    size: "sm"
-  }))))), /*#__PURE__*/React.createElement(Collapse, {
-    isOpen: isExpanded,
-    onRest: function onRest() {
-      return setIsAnimating(false);
-    },
-    id: contentId.current,
-    "aria-labelledby": buttonId.current,
-    hidden: collapseHidden,
-    role: "region"
-  }, !collapseHidden && /*#__PURE__*/React.createElement("div", {
-    className: "ffe-accordion-item__body"
-  }, children)));
+export var AccordionItem = function (_a) {
+    var children = _a.children, heading = _a.heading, defaultOpen = _a.defaultOpen, isOpen = _a.isOpen, className = _a.className, _b = _a.onToggleOpen, onToggleOpen = _b === void 0 ? Function.prototype : _b, ariaLabel = _a.ariaLabel, rest = __rest(_a, ["children", "heading", "defaultOpen", "isOpen", "className", "onToggleOpen", "ariaLabel"]);
+    var _c = useState(defaultOpen), isExpanded = _c[0], setIsExpanded = _c[1];
+    var _d = useState(false), isAnimating = _d[0], setIsAnimating = _d[1];
+    var _e = useState(false), isFocused = _e[0], setFocus = _e[1];
+    var buttonId = useRef(uuid());
+    var contentId = useRef(uuid());
+    var headingLevel = useContext(AccordionContext).headingLevel;
+    var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
+    useEffect(function () {
+        if (isOpen != null) {
+            setIsAnimating(true);
+            setIsExpanded(isOpen);
+        }
+    }, [isOpen]);
+    var handleOnClick = function () {
+        onToggleOpen(!isExpanded);
+        if (isOpen == null) {
+            setIsAnimating(true);
+            setIsExpanded(!isExpanded);
+        }
+    };
+    var collapseHidden = !isExpanded && !isAnimating;
+    var H = "h".concat(headingLevel);
+    return (React.createElement("div", __assign({ className: classNames(className, 'ffe-accordion-item', {
+            'ffe-accordion-item--open': isExpanded,
+            'ffe-accordion-item--focus': isFocused,
+        }) }, rest),
+        React.createElement("h".concat(headingLevel), { className: 'ffe-h6 ffe-accordion-item__heading' }, React.createElement("button", { type: "button", id: buttonId.current, "aria-expanded": isExpanded ? 'true' : 'false', "aria-controls": contentId.current, "aria-label": ariaLabel, className: classNames('ffe-accordion-item__heading-button', {
+                'ffe-accordion-item__heading-button--open': isExpanded,
+            }), onClick: handleOnClick, onFocus: function () { return setFocus(true); }, onBlur: function () { return setFocus(false); } },
+            React.createElement("span", { className: "ffe-accordion-item__heading-button-content" },
+                heading,
+                React.createElement("span", { className: "ffe-accordion-item__heading-icon-wrapper" },
+                    React.createElement(Icon, { className: "ffe-accordion-item__heading-icon", fileUrl: expandMoreIcon, size: "sm" }))))),
+        React.createElement(Collapse, { isOpen: !!isExpanded, onRest: function () { return setIsAnimating(false); }, id: contentId.current, "aria-labelledby": buttonId.current, hidden: collapseHidden, role: "region" }, !collapseHidden && (React.createElement("div", { className: "ffe-accordion-item__body" }, children)))));
 };
 AccordionItem.propTypes = {
-  /** The heading */
-  heading: node.isRequired,
-  /** The content to appear when expanded */
-  children: node.isRequired,
-  /** Should it be open by default */
-  defaultOpen: bool,
-  /** Is the item open or collapsed? Used for overriding default behaviour */
-  isOpen: bool,
-  /** Class assigned the container */
-  className: string,
-  /** Callback when the item is open/closed */
-  onToggleOpen: func,
-  /** aria-label for the button */
-  ariaLabel: string
-};
+    /** The heading */
+    heading: node.isRequired,
+    /** The content to appear when expanded */
+    children: node.isRequired,
+    /** Should it be open by default */
+    defaultOpen: bool,
+    /** Is the item open or collapsed? Used for overriding default behaviour */
+    isOpen: bool,
+    /** Class assigned the container */
+    className: string,
+    /** Callback when the item is open/closed */
+    onToggleOpen: func,
+    /** aria-label for the button */
+    ariaLabel: string,
+};

package/es/index.js

@@ -1,2 +1,2 @@
 export { Accordion } from './Accordion';
-export { AccordionItem } from './AccordionItem';
+export { AccordionItem } from './AccordionItem';

package/lib/Accordion.js

@@ -1,36 +1,37 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _AccordionContext = require("./AccordionContext");
-var _excluded = ["children", "headingLevel", "className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-var Accordion = exports.Accordion = function Accordion(_ref) {
-  var children = _ref.children,
-    headingLevel = _ref.headingLevel,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_AccordionContext.AccordionProvider, {
-    headingLevel: headingLevel
-  }, /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: (0, _classnames.default)(className, 'ffe-accordion'),
-    role: "group",
-    "aria-label": "Trekkspillmeny"
-  }, rest), children));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var AccordionContext_1 = require("./AccordionContext");
+var Accordion = function (_a) {
+    var children = _a.children, headingLevel = _a.headingLevel, className = _a.className, rest = __rest(_a, ["children", "headingLevel", "className"]);
+    return (react_1.default.createElement(AccordionContext_1.AccordionProvider, { headingLevel: headingLevel },
+        react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(className, 'ffe-accordion'), role: "group", "aria-label": "Trekkspillmeny" }, rest), children)));
 };
-Accordion.propTypes = {
-  /** Accordion items */
-  children: _propTypes.node,
-  /** The level of headings in the AccordionItems */
-  headingLevel: (0, _propTypes.oneOf)([1, 2, 3, 4, 5, 6]).isRequired,
-  /** Class assigned the container */
-  className: _propTypes.string
-};
+exports.Accordion = Accordion;

package/lib/AccordionContext.js

@@ -1,25 +1,35 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionProvider = exports.AccordionContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var AccordionContext = exports.AccordionContext = /*#__PURE__*/(0, _react.createContext)({});
-var AccordionProvider = exports.AccordionProvider = function AccordionProvider(_ref) {
-  var children = _ref.children,
-    headingLevel = _ref.headingLevel;
-  return /*#__PURE__*/_react.default.createElement(AccordionContext.Provider, {
-    value: {
-      headingLevel: headingLevel
-    }
-  }, children);
+var react_1 = __importStar(require("react"));
+exports.AccordionContext = (0, react_1.createContext)({
+    headingLevel: 2,
+});
+var AccordionProvider = function (_a) {
+    var children = _a.children, headingLevel = _a.headingLevel;
+    return (react_1.default.createElement(exports.AccordionContext.Provider, { value: { headingLevel: headingLevel } }, children));
 };
-AccordionProvider.propTypes = {
-  children: _propTypes.node,
-  headingLevel: (0, _propTypes.oneOf)([1, 2, 3, 4, 5, 6]).isRequired
-};
+exports.AccordionProvider = AccordionProvider;

package/lib/AccordionItem.js

@@ -1,130 +1,112 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _uuid = require("uuid");
-var _ffeIconsReact = require("@sb1/ffe-icons-react");
-var _ffeCollapseReact = require("@sb1/ffe-collapse-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _AccordionContext = require("./AccordionContext");
-var _excluded = ["children", "heading", "defaultOpen", "isOpen", "className", "onToggleOpen", "ariaLabel"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
-  var children = _ref.children,
-    heading = _ref.heading,
-    defaultOpen = _ref.defaultOpen,
-    isOpen = _ref.isOpen,
-    className = _ref.className,
-    _ref$onToggleOpen = _ref.onToggleOpen,
-    onToggleOpen = _ref$onToggleOpen === void 0 ? Function.prototype : _ref$onToggleOpen,
-    ariaLabel = _ref.ariaLabel,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(defaultOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    isExpanded = _useState2[0],
-    setIsExpanded = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isAnimating = _useState4[0],
-    setIsAnimating = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isFocused = _useState6[0],
-    setFocus = _useState6[1];
-  var buttonId = (0, _react.useRef)((0, _uuid.v4)());
-  var contentId = (0, _react.useRef)((0, _uuid.v4)());
-  var _useContext = (0, _react.useContext)(_AccordionContext.AccordionContext),
-    headingLevel = _useContext.headingLevel;
-  var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
-  (0, _react.useEffect)(function () {
-    if (isOpen != null) {
-      setIsAnimating(true);
-      setIsExpanded(isOpen);
-    }
-  }, [isOpen]);
-  var handleOnClick = function handleOnClick() {
-    onToggleOpen(!isExpanded);
-    if (isOpen == null) {
-      setIsAnimating(true);
-      setIsExpanded(!isExpanded);
-    }
-  };
-  var collapseHidden = !isExpanded && !isAnimating;
-  var H = "h".concat(headingLevel);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: (0, _classnames.default)(className, 'ffe-accordion-item', {
-      'ffe-accordion-item--open': isExpanded,
-      'ffe-accordion-item--focus': isFocused
-    })
-  }, rest), /*#__PURE__*/_react.default.createElement(H, {
-    className: "ffe-h6 ffe-accordion-item__heading"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    id: buttonId.current,
-    "aria-expanded": isExpanded ? 'true' : 'false',
-    "aria-controls": contentId.current,
-    "aria-label": ariaLabel,
-    className: (0, _classnames.default)('ffe-accordion-item__heading-button', {
-      'ffe-accordion-item__heading-button--open': isExpanded
-    }),
-    onClick: handleOnClick,
-    onFocus: function onFocus() {
-      return setFocus(true);
-    },
-    onBlur: function onBlur() {
-      return setFocus(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "ffe-accordion-item__heading-button-content"
-  }, heading, /*#__PURE__*/_react.default.createElement("span", {
-    className: "ffe-accordion-item__heading-icon-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_ffeIconsReact.Icon, {
-    className: "ffe-accordion-item__heading-icon",
-    icon: "expand_more",
-    fileUrl: expandMoreIcon,
-    size: "sm"
-  }))))), /*#__PURE__*/_react.default.createElement(_ffeCollapseReact.Collapse, {
-    isOpen: isExpanded,
-    onRest: function onRest() {
-      return setIsAnimating(false);
-    },
-    id: contentId.current,
-    "aria-labelledby": buttonId.current,
-    hidden: collapseHidden,
-    role: "region"
-  }, !collapseHidden && /*#__PURE__*/_react.default.createElement("div", {
-    className: "ffe-accordion-item__body"
-  }, children)));
+var react_1 = __importStar(require("react"));
+var prop_types_1 = require("prop-types");
+var uuid_1 = require("uuid");
+var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
+var ffe_collapse_react_1 = require("@sb1/ffe-collapse-react");
+var classnames_1 = __importDefault(require("classnames"));
+var AccordionContext_1 = require("./AccordionContext");
+var AccordionItem = function (_a) {
+    var children = _a.children, heading = _a.heading, defaultOpen = _a.defaultOpen, isOpen = _a.isOpen, className = _a.className, _b = _a.onToggleOpen, onToggleOpen = _b === void 0 ? Function.prototype : _b, ariaLabel = _a.ariaLabel, rest = __rest(_a, ["children", "heading", "defaultOpen", "isOpen", "className", "onToggleOpen", "ariaLabel"]);
+    var _c = (0, react_1.useState)(defaultOpen), isExpanded = _c[0], setIsExpanded = _c[1];
+    var _d = (0, react_1.useState)(false), isAnimating = _d[0], setIsAnimating = _d[1];
+    var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
+    var buttonId = (0, react_1.useRef)((0, uuid_1.v4)());
+    var contentId = (0, react_1.useRef)((0, uuid_1.v4)());
+    var headingLevel = (0, react_1.useContext)(AccordionContext_1.AccordionContext).headingLevel;
+    var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
+    (0, react_1.useEffect)(function () {
+        if (isOpen != null) {
+            setIsAnimating(true);
+            setIsExpanded(isOpen);
+        }
+    }, [isOpen]);
+    var handleOnClick = function () {
+        onToggleOpen(!isExpanded);
+        if (isOpen == null) {
+            setIsAnimating(true);
+            setIsExpanded(!isExpanded);
+        }
+    };
+    var collapseHidden = !isExpanded && !isAnimating;
+    var H = "h".concat(headingLevel);
+    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(className, 'ffe-accordion-item', {
+            'ffe-accordion-item--open': isExpanded,
+            'ffe-accordion-item--focus': isFocused,
+        }) }, rest),
+        react_1.default.createElement("h".concat(headingLevel), { className: 'ffe-h6 ffe-accordion-item__heading' }, react_1.default.createElement("button", { type: "button", id: buttonId.current, "aria-expanded": isExpanded ? 'true' : 'false', "aria-controls": contentId.current, "aria-label": ariaLabel, className: (0, classnames_1.default)('ffe-accordion-item__heading-button', {
+                'ffe-accordion-item__heading-button--open': isExpanded,
+            }), onClick: handleOnClick, onFocus: function () { return setFocus(true); }, onBlur: function () { return setFocus(false); } },
+            react_1.default.createElement("span", { className: "ffe-accordion-item__heading-button-content" },
+                heading,
+                react_1.default.createElement("span", { className: "ffe-accordion-item__heading-icon-wrapper" },
+                    react_1.default.createElement(ffe_icons_react_1.Icon, { className: "ffe-accordion-item__heading-icon", fileUrl: expandMoreIcon, size: "sm" }))))),
+        react_1.default.createElement(ffe_collapse_react_1.Collapse, { isOpen: !!isExpanded, onRest: function () { return setIsAnimating(false); }, id: contentId.current, "aria-labelledby": buttonId.current, hidden: collapseHidden, role: "region" }, !collapseHidden && (react_1.default.createElement("div", { className: "ffe-accordion-item__body" }, children)))));
+};
+exports.AccordionItem = AccordionItem;
+exports.AccordionItem.propTypes = {
+    /** The heading */
+    heading: prop_types_1.node.isRequired,
+    /** The content to appear when expanded */
+    children: prop_types_1.node.isRequired,
+    /** Should it be open by default */
+    defaultOpen: prop_types_1.bool,
+    /** Is the item open or collapsed? Used for overriding default behaviour */
+    isOpen: prop_types_1.bool,
+    /** Class assigned the container */
+    className: prop_types_1.string,
+    /** Callback when the item is open/closed */
+    onToggleOpen: prop_types_1.func,
+    /** aria-label for the button */
+    ariaLabel: prop_types_1.string,
 };
-AccordionItem.propTypes = {
-  /** The heading */
-  heading: _propTypes.node.isRequired,
-  /** The content to appear when expanded */
-  children: _propTypes.node.isRequired,
-  /** Should it be open by default */
-  defaultOpen: _propTypes.bool,
-  /** Is the item open or collapsed? Used for overriding default behaviour */
-  isOpen: _propTypes.bool,
-  /** Class assigned the container */
-  className: _propTypes.string,
-  /** Callback when the item is open/closed */
-  onToggleOpen: _propTypes.func,
-  /** aria-label for the button */
-  ariaLabel: _propTypes.string
-};

package/lib/index.js

@@ -1,19 +1,7 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion.Accordion;
-  }
-});
-Object.defineProperty(exports, "AccordionItem", {
-  enumerable: true,
-  get: function get() {
-    return _AccordionItem.AccordionItem;
-  }
-});
-var _Accordion = require("./Accordion");
-var _AccordionItem = require("./AccordionItem");
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionItem = exports.Accordion = void 0;
+var Accordion_1 = require("./Accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordion_1.Accordion; } });
+var AccordionItem_1 = require("./AccordionItem");
+Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return AccordionItem_1.AccordionItem; } });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-accordion-react",
-    "version": "11.1.6",
+    "version": "12.0.0",
     "license": "MIT",
     "author": "SpareBank 1",
     "files": [
@@ -17,23 +17,23 @@
         "url": "ssh://git@github.com:SpareBank1/designsystem.git"
     },
     "scripts": {
-        "build": "ffe-buildtool babel",
-        "watch": "ffe-buildtool babel-watch",
+        "build": "ffe-buildtool tsc",
+        "watch": "ffe-buildtool tsc-watch",
         "lint": "eslint src",
         "lint:fix": "eslint src --fix",
         "test": "ffe-buildtool jest",
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-accordion": "^10.0.13",
-        "@sb1/ffe-collapse-react": "^3.0.6",
-        "@sb1/ffe-icons-react": "^9.0.10",
+        "@sb1/ffe-accordion": "^10.0.14",
+        "@sb1/ffe-collapse-react": "^4.0.0",
+        "@sb1/ffe-icons-react": "^9.0.11",
+        "@types/uuid": "^9.0.0",
         "classnames": "^2.3.1",
-        "prop-types": "^15.7.2",
         "uuid": "^9.0.0"
     },
     "devDependencies": {
-        "@sb1/ffe-buildtool": "^0.5.3",
+        "@sb1/ffe-buildtool": "^0.6.0",
         "react": "^16.9.0",
         "react-dom": "^16.9.0"
     },
@@ -43,5 +43,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2ea32d4ec00a7891180a41c329a5317d6d986c13"
+    "gitHead": "a65bcea912889d7746ec8a2401df2f93f6f5eba2"
 }

package/types/Accordion.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AccordionProps extends React.ComponentPropsWithoutRef<'div'> {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export {};

package/types/AccordionContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AccordionContextInterface {
+    headingLevel: number;
+}
+export declare const AccordionContext: React.Context<AccordionContextInterface>;
+interface Props {
+    children: React.ReactNode;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare const AccordionProvider: React.FC<Props>;
+export {};

package/types/AccordionItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface AccordionItemProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** The heading */
+    heading: NonNullable<React.ReactNode>;
+    /** The content to appear when expanded */
+    children: NonNullable<React.ReactNode>;
+    /** Should it be open by default */
+    defaultOpen?: boolean;
+    /** Is the item open or collapsed? Used for overriding default behaviour */
+    isOpen?: boolean;
+    /** Callback when the item is open/closed */
+    onToggleOpen?: (isOpen: boolean) => void;
+    /** aria-label for the button */
+    ariaLabel?: string;
+}
+export declare const AccordionItem: React.FC<AccordionItemProps>;
+export {};

package/types/index.d.ts

@@ -1,21 +1,2 @@
-import * as React from 'react';
-
-export interface AccordionItemProps
-    extends React.ComponentPropsWithoutRef<'div'> {
-    heading: string | React.ReactElement;
-    defaultOpen?: boolean;
-    isOpen?: boolean;
-    onToggleOpen?: (isOpen: boolean) => void;
-    ariaLabel?: string;
-}
-
-export interface AccordionProps extends React.ComponentPropsWithoutRef<'div'> {
-    children:
-        | (React.ReactElement<AccordionItemProps> | null)[]
-        | React.ReactElement<AccordionItemProps>;
-    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
-}
-
-declare class Accordion extends React.Component<AccordionProps, any> {}
-
-declare class AccordionItem extends React.Component<AccordionItemProps, any> {}
+export { Accordion } from './Accordion';
+export { AccordionItem } from './AccordionItem';