@sb1/ffe-accordion-react 11.0.8 → 11.0.10
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.
- package/es/AccordionItem.js +4 -2
- package/lib/AccordionItem.js +4 -2
- package/package.json +6 -6
package/es/AccordionItem.js
CHANGED
|
@@ -12,7 +12,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
12
12
|
import React, { useEffect, useRef, useState } from 'react';
|
|
13
13
|
import { bool, func, node, string } from 'prop-types';
|
|
14
14
|
import { v4 as uuid } from 'uuid';
|
|
15
|
-
import
|
|
15
|
+
import { Icon } from '@sb1/ffe-icons-react';
|
|
16
16
|
import Collapse from '@sb1/ffe-collapse-react';
|
|
17
17
|
import classNames from 'classnames';
|
|
18
18
|
var AccordionItem = function AccordionItem(_ref) {
|
|
@@ -39,6 +39,7 @@ var AccordionItem = function AccordionItem(_ref) {
|
|
|
39
39
|
setFocus = _useState6[1];
|
|
40
40
|
var buttonId = useRef(uuid());
|
|
41
41
|
var contentId = useRef(uuid());
|
|
42
|
+
var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
|
|
42
43
|
useEffect(function () {
|
|
43
44
|
if (isOpen != null) {
|
|
44
45
|
setIsAnimating(true);
|
|
@@ -85,9 +86,10 @@ var AccordionItem = function AccordionItem(_ref) {
|
|
|
85
86
|
className: "ffe-accordion-item__heading-button-content"
|
|
86
87
|
}, heading, /*#__PURE__*/React.createElement("span", {
|
|
87
88
|
className: "ffe-accordion-item__heading-icon-wrapper"
|
|
88
|
-
}, /*#__PURE__*/React.createElement(
|
|
89
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
89
90
|
className: "ffe-accordion-item__heading-icon",
|
|
90
91
|
icon: "expand_more",
|
|
92
|
+
fileUrl: expandMoreIcon,
|
|
91
93
|
size: "sm"
|
|
92
94
|
}))))), /*#__PURE__*/React.createElement(Collapse, {
|
|
93
95
|
isOpen: isExpanded,
|
package/lib/AccordionItem.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _propTypes = require("prop-types");
|
|
10
10
|
var _uuid = require("uuid");
|
|
11
|
-
var
|
|
11
|
+
var _ffeIconsReact = require("@sb1/ffe-icons-react");
|
|
12
12
|
var _ffeCollapseReact = _interopRequireDefault(require("@sb1/ffe-collapse-react"));
|
|
13
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
14
|
var _excluded = ["children", "heading", "defaultOpen", "isOpen", "className", "onToggleOpen", "ariaLabel"],
|
|
@@ -49,6 +49,7 @@ var AccordionItem = function AccordionItem(_ref) {
|
|
|
49
49
|
setFocus = _useState6[1];
|
|
50
50
|
var buttonId = (0, _react.useRef)((0, _uuid.v4)());
|
|
51
51
|
var contentId = (0, _react.useRef)((0, _uuid.v4)());
|
|
52
|
+
var expandMoreIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+';
|
|
52
53
|
(0, _react.useEffect)(function () {
|
|
53
54
|
if (isOpen != null) {
|
|
54
55
|
setIsAnimating(true);
|
|
@@ -95,9 +96,10 @@ var AccordionItem = function AccordionItem(_ref) {
|
|
|
95
96
|
className: "ffe-accordion-item__heading-button-content"
|
|
96
97
|
}, heading, /*#__PURE__*/_react.default.createElement("span", {
|
|
97
98
|
className: "ffe-accordion-item__heading-icon-wrapper"
|
|
98
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
99
|
+
}, /*#__PURE__*/_react.default.createElement(_ffeIconsReact.Icon, {
|
|
99
100
|
className: "ffe-accordion-item__heading-icon",
|
|
100
101
|
icon: "expand_more",
|
|
102
|
+
fileUrl: expandMoreIcon,
|
|
101
103
|
size: "sm"
|
|
102
104
|
}))))), /*#__PURE__*/_react.default.createElement(_ffeCollapseReact.default, {
|
|
103
105
|
isOpen: isExpanded,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-accordion-react",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "SpareBank 1",
|
|
6
6
|
"files": [
|
|
@@ -24,15 +24,15 @@
|
|
|
24
24
|
"test:watch": "ffe-buildtool jest --watch"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@sb1/ffe-accordion": "^10.0.
|
|
28
|
-
"@sb1/ffe-collapse-react": "^2.0.
|
|
29
|
-
"@sb1/ffe-
|
|
27
|
+
"@sb1/ffe-accordion": "^10.0.5",
|
|
28
|
+
"@sb1/ffe-collapse-react": "^2.0.10",
|
|
29
|
+
"@sb1/ffe-icons-react": "^9.0.2",
|
|
30
30
|
"classnames": "^2.3.1",
|
|
31
31
|
"prop-types": "^15.7.2",
|
|
32
32
|
"uuid": "^9.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@sb1/ffe-buildtool": "^0.5.
|
|
35
|
+
"@sb1/ffe-buildtool": "^0.5.1",
|
|
36
36
|
"react": "^16.9.0",
|
|
37
37
|
"react-dom": "^16.9.0"
|
|
38
38
|
},
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"publishConfig": {
|
|
43
43
|
"access": "public"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "73d1ca2c6d689ecda874ee22ed4e8f94bad46dfb"
|
|
46
46
|
}
|