@sb1/ffe-accordion-react 13.1.11 → 13.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/es/AccordionItem.js +7 -5
  2. package/lib/AccordionItem.js +7 -5
  3. package/package.json +4 -4
  4. package/types/AccordionItem.d.ts +2 -0
package/es/AccordionItem.js CHANGED
@@ -26,10 +26,10 @@ import { Collapse } from '@sb1/ffe-collapse-react';
26
26
  import classNames from 'classnames';
27
27
  import { AccordionContext } from './AccordionContext';
28
28
  export var AccordionItem = function (_a) {
29
- 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"]);
30
- var _c = useState(defaultOpen), isExpanded = _c[0], setIsExpanded = _c[1];
31
- var _d = useState(false), isAnimating = _d[0], setIsAnimating = _d[1];
32
- var _e = useState(false), isFocused = _e[0], setFocus = _e[1];
29
+ 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, _c = _a.noPadding, noPadding = _c === void 0 ? false : _c, rest = __rest(_a, ["children", "heading", "defaultOpen", "isOpen", "className", "onToggleOpen", "ariaLabel", "noPadding"]);
30
+ var _d = useState(defaultOpen), isExpanded = _d[0], setIsExpanded = _d[1];
31
+ var _e = useState(false), isAnimating = _e[0], setIsAnimating = _e[1];
32
+ var _f = useState(false), isFocused = _f[0], setFocus = _f[1];
33
33
  var buttonId = useId();
34
34
  var contentId = useId();
35
35
  var headingLevel = useContext(AccordionContext).headingLevel;
@@ -59,5 +59,7 @@ export var AccordionItem = function (_a) {
59
59
  heading,
60
60
  React.createElement("span", { className: "ffe-accordion-item__heading-icon-wrapper" },
61
61
  React.createElement(Icon, { className: "ffe-accordion-item__heading-icon", fileUrl: expandMoreIcon, size: "sm" }))))),
62
- React.createElement(Collapse, { isOpen: !!isExpanded, onRest: function () { return setIsAnimating(false); }, id: contentId, "aria-labelledby": buttonId, role: "region" }, !collapseHidden && (React.createElement("div", { className: "ffe-accordion-item__body" }, children)))));
62
+ React.createElement(Collapse, { isOpen: !!isExpanded, onRest: function () { return setIsAnimating(false); }, id: contentId, "aria-labelledby": buttonId, role: "region" }, !collapseHidden && (React.createElement("div", { className: classNames("ffe-accordion-item__body", {
63
+ "ffe-accordion-item__body--no-padding": noPadding,
64
+ }) }, children)))));
63
65
  };
package/lib/AccordionItem.js CHANGED
@@ -65,10 +65,10 @@ var ffe_collapse_react_1 = require("@sb1/ffe-collapse-react");
65
65
  var classnames_1 = __importDefault(require("classnames"));
66
66
  var AccordionContext_1 = require("./AccordionContext");
67
67
  var AccordionItem = function (_a) {
68
- 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"]);
69
- var _c = (0, react_1.useState)(defaultOpen), isExpanded = _c[0], setIsExpanded = _c[1];
70
- var _d = (0, react_1.useState)(false), isAnimating = _d[0], setIsAnimating = _d[1];
71
- var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
68
+ 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, _c = _a.noPadding, noPadding = _c === void 0 ? false : _c, rest = __rest(_a, ["children", "heading", "defaultOpen", "isOpen", "className", "onToggleOpen", "ariaLabel", "noPadding"]);
69
+ var _d = (0, react_1.useState)(defaultOpen), isExpanded = _d[0], setIsExpanded = _d[1];
70
+ var _e = (0, react_1.useState)(false), isAnimating = _e[0], setIsAnimating = _e[1];
71
+ var _f = (0, react_1.useState)(false), isFocused = _f[0], setFocus = _f[1];
72
72
  var buttonId = (0, react_1.useId)();
73
73
  var contentId = (0, react_1.useId)();
74
74
  var headingLevel = (0, react_1.useContext)(AccordionContext_1.AccordionContext).headingLevel;
@@ -98,6 +98,8 @@ var AccordionItem = function (_a) {
98
98
  heading,
99
99
  react_1.default.createElement("span", { className: "ffe-accordion-item__heading-icon-wrapper" },
100
100
  react_1.default.createElement(ffe_icons_react_1.Icon, { className: "ffe-accordion-item__heading-icon", fileUrl: expandMoreIcon, size: "sm" }))))),
101
- react_1.default.createElement(ffe_collapse_react_1.Collapse, { isOpen: !!isExpanded, onRest: function () { return setIsAnimating(false); }, id: contentId, "aria-labelledby": buttonId, role: "region" }, !collapseHidden && (react_1.default.createElement("div", { className: "ffe-accordion-item__body" }, children)))));
101
+ react_1.default.createElement(ffe_collapse_react_1.Collapse, { isOpen: !!isExpanded, onRest: function () { return setIsAnimating(false); }, id: contentId, "aria-labelledby": buttonId, role: "region" }, !collapseHidden && (react_1.default.createElement("div", { className: (0, classnames_1.default)("ffe-accordion-item__body", {
102
+ "ffe-accordion-item__body--no-padding": noPadding,
103
+ }) }, children)))));
102
104
  };
103
105
  exports.AccordionItem = AccordionItem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-accordion-react",
3
- "version": "13.1.11",
3
+ "version": "13.2.0",
4
4
  "license": "MIT",
5
5
  "author": "SpareBank 1",
6
6
  "files": [
@@ -24,9 +24,9 @@
24
24
  "test:watch": "ffe-buildtool jest --watch"
25
25
  },
26
26
  "dependencies": {
27
- "@sb1/ffe-accordion": "^13.0.0",
27
+ "@sb1/ffe-accordion": "^13.1.0",
28
28
  "@sb1/ffe-collapse-react": "^5.1.34",
29
- "@sb1/ffe-icons-react": "^12.0.7",
29
+ "@sb1/ffe-icons-react": "^12.0.8",
30
30
  "classnames": "^2.3.1"
31
31
  },
32
32
  "devDependencies": {
@@ -40,5 +40,5 @@
40
40
  "publishConfig": {
41
41
  "access": "public"
42
42
  },
43
- "gitHead": "3eea428f0cedddf0c2fa966b867ded9ab4b0e9ef"
43
+ "gitHead": "53d120387a01828ca01a3c4e9d14d3b5345a724e"
44
44
  }
package/types/AccordionItem.d.ts CHANGED
@@ -12,5 +12,7 @@ export interface AccordionItemProps extends React.ComponentPropsWithoutRef<'div'
12
12
  onToggleOpen?: (isOpen: boolean) => void;
13
13
  /** aria-label for the button */
14
14
  ariaLabel?: string;
15
+ /** Ingen padding i body-elementet hvis man ønsker egen styling */
16
+ noPadding?: boolean;
15
17
  }
16
18
  export declare const AccordionItem: React.FC<AccordionItemProps>;