@fremtind/jkl-accordion-react
Advanced tools
Comparing version 4.0.5 to 4.0.6
@@ -23,3 +23,3 @@ 'use strict'; | ||
function _interopDefaultLegacy$1(e) { | ||
return e && _typeof__default['default'](e) === 'object' && 'default' in e ? e : { | ||
return e && _typeof__default["default"](e) === 'object' && 'default' in e ? e : { | ||
'default': e | ||
@@ -161,3 +161,3 @@ }; | ||
function _possibleConstructorReturn(self, call) { | ||
if (call && (_typeof__default['default'](call) === "object" || typeof call === "function")) { | ||
if (call && (_typeof__default["default"](call) === "object" || typeof call === "function")) { | ||
return call; | ||
@@ -645,9 +645,9 @@ } | ||
className = _ref.className; | ||
var componentClassName = classNames__default['default']({ | ||
var componentClassName = classNames__default["default"]({ | ||
"jkl-expand-arrow": true, | ||
"jkl-expand-arrow--expanded": expanded | ||
}, className); | ||
return /*#__PURE__*/React__default$1['default'].createElement("span", { | ||
return /*#__PURE__*/React__default$1["default"].createElement("span", { | ||
className: componentClassName | ||
}, /*#__PURE__*/React__default$1['default'].createElement("svg", { | ||
}, /*#__PURE__*/React__default$1["default"].createElement("svg", { | ||
className: "jkl-expand-arrow__down", | ||
@@ -657,6 +657,6 @@ viewBox: "0 0 13 16", | ||
xmlns: "http://www.w3.org/2000/svg" | ||
}, /*#__PURE__*/React__default$1['default'].createElement("path", { | ||
}, /*#__PURE__*/React__default$1["default"].createElement("path", { | ||
d: "M6.90762 13.8828L11.9272 8.86326L12.7093 9.64537L6.35463 16L-1.68645e-06 9.64536L0.782101 8.86326L5.80156 13.8827L5.80156 1.01438e-06L6.90762 1.20777e-06L6.90762 13.8828Z", | ||
fill: "currentColor" | ||
})), /*#__PURE__*/React__default$1['default'].createElement("svg", { | ||
})), /*#__PURE__*/React__default$1["default"].createElement("svg", { | ||
className: "jkl-expand-arrow__up", | ||
@@ -666,3 +666,3 @@ viewBox: "0 0 13 16", | ||
xmlns: "http://www.w3.org/2000/svg" | ||
}, /*#__PURE__*/React__default$1['default'].createElement("path", { | ||
}, /*#__PURE__*/React__default$1["default"].createElement("path", { | ||
d: "M5.80163 2.1172L0.78209 7.13674L-1.29938e-05 6.35464L6.35462 5.14415e-08L12.7093 6.35464L11.9272 7.13674L6.90769 2.11728L6.9077 16L5.80163 16L5.80163 2.1172Z", | ||
@@ -681,3 +681,3 @@ fill: "currentColor" | ||
var _useState = React$1.useState(startExpanded), | ||
_useState2 = _slicedToArray__default['default'](_useState, 2), | ||
_useState2 = _slicedToArray__default["default"](_useState, 2), | ||
isOpen = _useState2[0], | ||
@@ -687,6 +687,6 @@ setIsOpen = _useState2[1]; | ||
var _useAnimatedHeight = jklReactHooks.useAnimatedHeight(isOpen), | ||
_useAnimatedHeight2 = _slicedToArray__default['default'](_useAnimatedHeight, 1), | ||
_useAnimatedHeight2 = _slicedToArray__default["default"](_useAnimatedHeight, 1), | ||
elementRef = _useAnimatedHeight2[0]; | ||
var componentClassName = classNames__default['default']("jkl-accordion-item", className, { | ||
var componentClassName = classNames__default["default"]("jkl-accordion-item", className, { | ||
"jkl-accordion-item--expanded": isOpen | ||
@@ -699,14 +699,14 @@ }); | ||
return /*#__PURE__*/React__default$1['default'].createElement("div", { | ||
return /*#__PURE__*/React__default$1["default"].createElement("div", { | ||
"data-testid": "jkl-accordion-item", | ||
className: componentClassName | ||
}, /*#__PURE__*/React__default$1['default'].createElement("button", { | ||
}, /*#__PURE__*/React__default$1["default"].createElement("button", { | ||
className: "jkl-accordion-item__title", | ||
type: "button" | ||
}, /*#__PURE__*/React__default$1['default'].createElement("span", { | ||
}, /*#__PURE__*/React__default$1["default"].createElement("span", { | ||
className: "jkl-accordion-item__title-text" | ||
}, title), /*#__PURE__*/React__default$1['default'].createElement(ExpandArrow, { | ||
}, title), /*#__PURE__*/React__default$1["default"].createElement(ExpandArrow, { | ||
className: "jkl-accordion-item__title__arrow", | ||
expanded: isOpen | ||
})), /*#__PURE__*/React__default$1['default'].createElement(CoreToggle$1, { | ||
})), /*#__PURE__*/React__default$1["default"].createElement(CoreToggle$1, { | ||
ref: elementRef, | ||
@@ -717,3 +717,3 @@ "data-testid": "jkl-accordion-item__content-wrapper", | ||
onToggle: onToggle | ||
}, /*#__PURE__*/React__default$1['default'].createElement("div", { | ||
}, /*#__PURE__*/React__default$1["default"].createElement("div", { | ||
className: "jkl-accordion-item__content" | ||
@@ -728,3 +728,3 @@ }, children))); | ||
className = _ref$className === void 0 ? "" : _ref$className; | ||
return /*#__PURE__*/React__default$1['default'].createElement("div", { | ||
return /*#__PURE__*/React__default$1["default"].createElement("div", { | ||
"data-testid": "jkl-accordion", | ||
@@ -731,0 +731,0 @@ className: "jkl-accordion ".concat(inverted ? "jkl-accordion--inverted" : "", " ").concat(className) |
{ | ||
"name": "@fremtind/jkl-accordion-react", | ||
"version": "4.0.5", | ||
"version": "4.0.6", | ||
"publishConfig": { | ||
@@ -8,3 +8,3 @@ "access": "public" | ||
"description": "Jøkul react accordion component", | ||
"homepage": "https://fremtind.github.io/jokul", | ||
"homepage": "https://jokul.fremtind.no", | ||
"keywords": [ | ||
@@ -38,4 +38,4 @@ "accordion", | ||
"@babel/runtime": "^7.9.0", | ||
"@fremtind/jkl-accordion": "^4.0.3", | ||
"@fremtind/jkl-react-hooks": "^5.0.3", | ||
"@fremtind/jkl-accordion": "^4.0.4", | ||
"@fremtind/jkl-react-hooks": "^5.0.4", | ||
"classnames": "^2.2.6" | ||
@@ -59,3 +59,3 @@ }, | ||
}, | ||
"gitHead": "c2f033cbef21d07a938b8d5b1afc1ceaabfc803b" | ||
"gitHead": "7ba1ffe11b8e8f301528486906c449d3c63f2376" | ||
} |
104294