@sb1/ffe-accordion-react
Advanced tools
Comparing version 6.2.5 to 6.2.6
@@ -6,2 +6,6 @@ # Change Log | ||
## [6.2.6](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-accordion-react@6.2.5...@sb1/ffe-accordion-react@6.2.6) (2018-11-26) | ||
**Note:** Version bump only for package @sb1/ffe-accordion-react | ||
## [6.2.5](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-accordion-react@6.2.4...@sb1/ffe-accordion-react@6.2.5) (2018-11-16) | ||
@@ -8,0 +12,0 @@ |
@@ -1,94 +0,105 @@ | ||
'use strict'; | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
exports.default = void 0; | ||
var _extends = Object.assign || 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; }; | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _propTypes = require("prop-types"); | ||
var _react = require('react'); | ||
var _uuid = _interopRequireDefault(require("uuid")); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _propTypes = require('prop-types'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var _uuid = require('uuid'); | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } } | ||
var _uuid2 = _interopRequireDefault(_uuid); | ||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
var _classnames = require('classnames'); | ||
function _extends() { _extends = Object.assign || 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); } | ||
var _classnames2 = _interopRequireDefault(_classnames); | ||
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
var Accordion = function (_Component) { | ||
_inherits(Accordion, _Component); | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
function Accordion() { | ||
_classCallCheck(this, Accordion); | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
var _this = _possibleConstructorReturn(this, (Accordion.__proto__ || Object.getPrototypeOf(Accordion)).call(this)); | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
_this.id = _uuid2.default.v4(); | ||
return _this; | ||
} | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
_createClass(Accordion, [{ | ||
key: 'render', | ||
value: function render() { | ||
var _this2 = this; | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
var _props = this.props, | ||
children = _props.children, | ||
isBlue = _props.isBlue, | ||
className = _props.className, | ||
rest = _objectWithoutProperties(_props, ['children', 'isBlue', 'className']); | ||
var Accordion = | ||
/*#__PURE__*/ | ||
function (_Component) { | ||
_inherits(Accordion, _Component); | ||
return _react2.default.createElement( | ||
'ul', | ||
_extends({}, rest, { | ||
'aria-multiselectable': 'true', | ||
className: (0, _classnames2.default)({ | ||
'ffe-accordion': true, | ||
'ffe-accordion--blue': isBlue | ||
}, className), | ||
role: 'tablist' | ||
}), | ||
_react2.default.Children.map(children, function (ele) { | ||
return _react2.default.cloneElement(ele, { uuid: _this2.id }); | ||
}) | ||
); | ||
} | ||
}]); | ||
function Accordion() { | ||
var _this; | ||
return Accordion; | ||
_classCallCheck(this, Accordion); | ||
_this = _possibleConstructorReturn(this, _getPrototypeOf(Accordion).call(this)); | ||
_this.id = _uuid.default.v4(); | ||
return _this; | ||
} | ||
_createClass(Accordion, [{ | ||
key: "render", | ||
value: function render() { | ||
var _this2 = this; | ||
var _this$props = this.props, | ||
children = _this$props.children, | ||
isBlue = _this$props.isBlue, | ||
className = _this$props.className, | ||
rest = _objectWithoutProperties(_this$props, ["children", "isBlue", "className"]); | ||
return _react.default.createElement("ul", _extends({}, rest, { | ||
"aria-multiselectable": "true", | ||
className: (0, _classnames.default)({ | ||
'ffe-accordion': true, | ||
'ffe-accordion--blue': isBlue | ||
}, className), | ||
role: "tablist" | ||
}), _react.default.Children.map(children, function (ele) { | ||
return _react.default.cloneElement(ele, { | ||
uuid: _this2.id | ||
}); | ||
})); | ||
} | ||
}]); | ||
return Accordion; | ||
}(_react.Component); | ||
Accordion.propTypes = { | ||
/** Accordion items */ | ||
children: _propTypes.node.isRequired, | ||
/** | ||
* Use blue Accordion theme - defaults to white . Used internally only. | ||
* @ignore | ||
**/ | ||
isBlue: _propTypes.bool, | ||
/** Extra class names */ | ||
className: _propTypes.string | ||
/** Accordion items */ | ||
children: _propTypes.node.isRequired, | ||
/** | ||
* Use blue Accordion theme - defaults to white . Used internally only. | ||
* @ignore | ||
**/ | ||
isBlue: _propTypes.bool, | ||
/** Extra class names */ | ||
className: _propTypes.string | ||
}; | ||
Accordion.defaultProps = { | ||
isBlue: false | ||
isBlue: false | ||
}; | ||
exports.default = Accordion; | ||
var _default = Accordion; | ||
exports.default = _default; |
@@ -1,180 +0,193 @@ | ||
'use strict'; | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
exports.default = void 0; | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _react = require('react'); | ||
var _propTypes = require("prop-types"); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _reactCssCollapse = _interopRequireDefault(require("react-css-collapse")); | ||
var _propTypes = require('prop-types'); | ||
var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon")); | ||
var _reactCssCollapse = require('react-css-collapse'); | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _reactCssCollapse2 = _interopRequireDefault(_reactCssCollapse); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var _chevronIkon = require('@sb1/ffe-icons-react/lib/chevron-ikon'); | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } } | ||
var _chevronIkon2 = _interopRequireDefault(_chevronIkon); | ||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
var _classnames = require('classnames'); | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
var _classnames2 = _interopRequireDefault(_classnames); | ||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
var AccordionItem = function (_Component) { | ||
_inherits(AccordionItem, _Component); | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function AccordionItem() { | ||
var _ref; | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
var _temp, _this, _ret; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
_classCallCheck(this, AccordionItem); | ||
var AccordionItem = | ||
/*#__PURE__*/ | ||
function (_Component) { | ||
_inherits(AccordionItem, _Component); | ||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
function AccordionItem() { | ||
var _getPrototypeOf2; | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = AccordionItem.__proto__ || Object.getPrototypeOf(AccordionItem)).call.apply(_ref, [this].concat(args))), _this), _this.state = { | ||
open: _this.props.defaultOpen | ||
}, _this.getOpen = function () { | ||
if (_this.props.open !== undefined) { | ||
return _this.props.open; | ||
} | ||
return _this.state.open; | ||
}, _this.onClick = function (e) { | ||
if (_this.props.ignoredNodeNames.some(function (name) { | ||
return name === e.target.nodeName; | ||
})) { | ||
return; | ||
} | ||
_this.toggle(); | ||
}, _this.onClickEnterAndSpace = function (e) { | ||
var enterKey = 13; | ||
var spaceBar = 32; | ||
if ([enterKey, spaceBar].includes(e.keyCode)) { | ||
_this.onClick(e); | ||
} | ||
}, _this.toggle = function () { | ||
var open = _this.getOpen(); | ||
_this.props.onToggleOpen(!open); | ||
_this.setState(function (prevState) { | ||
return { open: !prevState.open }; | ||
}); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
var _this; | ||
_classCallCheck(this, AccordionItem); | ||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
_createClass(AccordionItem, [{ | ||
key: 'render', | ||
value: function render() { | ||
var _props = this.props, | ||
ariaLabel = _props.ariaLabel, | ||
className = _props.className, | ||
children = _props.children, | ||
index = _props.index, | ||
title = _props.title, | ||
uuid = _props.uuid; | ||
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AccordionItem)).call.apply(_getPrototypeOf2, [this].concat(args))); | ||
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", { | ||
open: _this.props.defaultOpen | ||
}); | ||
var open = this.getOpen(); | ||
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getOpen", function () { | ||
if (_this.props.open !== undefined) { | ||
return _this.props.open; | ||
} | ||
return _react2.default.createElement( | ||
'li', | ||
{ | ||
className: (0, _classnames2.default)({ | ||
'ffe-accordion-item': true, | ||
'ffe-accordion-item--open': open | ||
}, className) | ||
}, | ||
_react2.default.createElement( | ||
'div', | ||
{ | ||
tabIndex: 0, | ||
'aria-controls': 'panel-' + uuid + '-' + index, | ||
'aria-expanded': open, | ||
'aria-label': ariaLabel, | ||
className: 'ffe-accordion-item__toggler', | ||
id: 'tab-' + uuid + '-' + index, | ||
onClick: this.onClick, | ||
onKeyUp: this.onClickEnterAndSpace, | ||
role: 'tab' | ||
}, | ||
_react2.default.createElement( | ||
'span', | ||
{ className: 'ffe-accordion-item__toggler-content' }, | ||
_react2.default.createElement( | ||
'span', | ||
{ className: 'ffe-accordion-item__title' }, | ||
title | ||
), | ||
_react2.default.createElement(_chevronIkon2.default, { className: 'ffe-accordion-item__icon' }) | ||
) | ||
), | ||
_react2.default.createElement( | ||
_reactCssCollapse2.default, | ||
{ | ||
isOpen: open, | ||
className: 'ffe-accordion-item__content-container' | ||
}, | ||
_react2.default.createElement( | ||
'div', | ||
{ | ||
className: 'ffe-accordion-item__content', | ||
role: 'tabpanel', | ||
id: 'panel-' + uuid + '-' + index, | ||
'aria-hidden': !open, | ||
'aria-labelledby': 'tab-' + uuid + '-' + index | ||
}, | ||
children | ||
) | ||
) | ||
); | ||
} | ||
}]); | ||
return _this.state.open; | ||
}); | ||
return AccordionItem; | ||
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onClick", function (e) { | ||
if (_this.props.ignoredNodeNames.some(function (name) { | ||
return name === e.target.nodeName; | ||
})) { | ||
return; | ||
} | ||
_this.toggle(); | ||
}); | ||
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onClickEnterAndSpace", function (e) { | ||
var enterKey = 13; | ||
var spaceBar = 32; | ||
if ([enterKey, spaceBar].includes(e.keyCode)) { | ||
_this.onClick(e); | ||
} | ||
}); | ||
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "toggle", function () { | ||
var open = _this.getOpen(); | ||
_this.props.onToggleOpen(!open); | ||
_this.setState(function (prevState) { | ||
return { | ||
open: !prevState.open | ||
}; | ||
}); | ||
}); | ||
return _this; | ||
} | ||
_createClass(AccordionItem, [{ | ||
key: "render", | ||
value: function render() { | ||
var _this$props = this.props, | ||
ariaLabel = _this$props.ariaLabel, | ||
className = _this$props.className, | ||
children = _this$props.children, | ||
index = _this$props.index, | ||
title = _this$props.title, | ||
uuid = _this$props.uuid; | ||
var open = this.getOpen(); | ||
return _react.default.createElement("li", { | ||
className: (0, _classnames.default)({ | ||
'ffe-accordion-item': true, | ||
'ffe-accordion-item--open': open | ||
}, className) | ||
}, _react.default.createElement("div", { | ||
tabIndex: 0, | ||
"aria-controls": "panel-".concat(uuid, "-").concat(index), | ||
"aria-expanded": open, | ||
"aria-label": ariaLabel, | ||
className: "ffe-accordion-item__toggler", | ||
id: "tab-".concat(uuid, "-").concat(index), | ||
onClick: this.onClick, | ||
onKeyUp: this.onClickEnterAndSpace, | ||
role: "tab" | ||
}, _react.default.createElement("span", { | ||
className: "ffe-accordion-item__toggler-content" | ||
}, _react.default.createElement("span", { | ||
className: "ffe-accordion-item__title" | ||
}, title), _react.default.createElement(_chevronIkon.default, { | ||
className: "ffe-accordion-item__icon" | ||
}))), _react.default.createElement(_reactCssCollapse.default, { | ||
isOpen: open, | ||
className: "ffe-accordion-item__content-container" | ||
}, _react.default.createElement("div", { | ||
className: "ffe-accordion-item__content", | ||
role: "tabpanel", | ||
id: "panel-".concat(uuid, "-").concat(index), | ||
"aria-hidden": !open, | ||
"aria-labelledby": "tab-".concat(uuid, "-").concat(index) | ||
}, children))); | ||
} | ||
}]); | ||
return AccordionItem; | ||
}(_react.Component); | ||
AccordionItem.propTypes = { | ||
/** A label for the accordion item */ | ||
ariaLabel: _propTypes.string, | ||
/** The content shown when an accordion item is expanded */ | ||
children: _propTypes.node, | ||
/** Extra class names */ | ||
className: _propTypes.string, | ||
/** List of node names the toggle click handler will ignore */ | ||
ignoredNodeNames: (0, _propTypes.arrayOf)(_propTypes.string), | ||
/** The index of the accordion item in the current accordion */ | ||
index: _propTypes.number, | ||
/** Controls whether the accordion item is open. If omitted, this state will be handled internally */ | ||
open: _propTypes.bool, | ||
/** Sets whether the accordion item is open by default. Only use this if not specifying the `open` prop */ | ||
defaultOpen: _propTypes.bool, | ||
/** Callback that fires whenever the accordion item is opened or closed */ | ||
onToggleOpen: _propTypes.func, | ||
/** The title */ | ||
title: _propTypes.node, | ||
/** A unique ID, usually provided by the wrapping <Accordion /> element */ | ||
uuid: _propTypes.string | ||
/** A label for the accordion item */ | ||
ariaLabel: _propTypes.string, | ||
/** The content shown when an accordion item is expanded */ | ||
children: _propTypes.node, | ||
/** Extra class names */ | ||
className: _propTypes.string, | ||
/** List of node names the toggle click handler will ignore */ | ||
ignoredNodeNames: (0, _propTypes.arrayOf)(_propTypes.string), | ||
/** The index of the accordion item in the current accordion */ | ||
index: _propTypes.number, | ||
/** Controls whether the accordion item is open. If omitted, this state will be handled internally */ | ||
open: _propTypes.bool, | ||
/** Sets whether the accordion item is open by default. Only use this if not specifying the `open` prop */ | ||
defaultOpen: _propTypes.bool, | ||
/** Callback that fires whenever the accordion item is opened or closed */ | ||
onToggleOpen: _propTypes.func, | ||
/** The title */ | ||
title: _propTypes.node, | ||
/** A unique ID, usually provided by the wrapping <Accordion /> element */ | ||
uuid: _propTypes.string | ||
}; | ||
AccordionItem.defaultProps = { | ||
defaultOpen: false, | ||
ignoredNodeNames: [], | ||
onToggleOpen: function onToggleOpen(f) { | ||
return f; | ||
} | ||
defaultOpen: false, | ||
ignoredNodeNames: [], | ||
onToggleOpen: function onToggleOpen(f) { | ||
return f; | ||
} | ||
}; | ||
exports.default = AccordionItem; | ||
var _default = AccordionItem; | ||
exports.default = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _extends = Object.assign || 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; }; | ||
var _react = _interopRequireDefault(require("react")); | ||
var _react = require('react'); | ||
var _Accordion = _interopRequireDefault(require("./Accordion")); | ||
var _react2 = _interopRequireDefault(_react); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var _Accordion = require('./Accordion'); | ||
function _extends() { _extends = Object.assign || 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); } | ||
var _Accordion2 = _interopRequireDefault(_Accordion); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var BlueAccordion = function BlueAccordion(props) { | ||
return _react2.default.createElement(_Accordion2.default, _extends({ isBlue: true }, props)); | ||
return _react.default.createElement(_Accordion.default, _extends({ | ||
isBlue: true | ||
}, props)); | ||
}; | ||
exports.default = BlueAccordion; | ||
var _default = BlueAccordion; | ||
exports.default = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,20 +6,27 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.AccordionItem = exports.BlueAccordion = exports.WhiteAccordion = undefined; | ||
Object.defineProperty(exports, "WhiteAccordion", { | ||
enumerable: true, | ||
get: function get() { | ||
return _Accordion.default; | ||
} | ||
}); | ||
Object.defineProperty(exports, "BlueAccordion", { | ||
enumerable: true, | ||
get: function get() { | ||
return _BlueAccordion.default; | ||
} | ||
}); | ||
Object.defineProperty(exports, "AccordionItem", { | ||
enumerable: true, | ||
get: function get() { | ||
return _AccordionItem.default; | ||
} | ||
}); | ||
var _Accordion = require('./Accordion'); | ||
var _Accordion = _interopRequireDefault(require("./Accordion")); | ||
var _Accordion2 = _interopRequireDefault(_Accordion); | ||
var _BlueAccordion = _interopRequireDefault(require("./BlueAccordion")); | ||
var _BlueAccordion = require('./BlueAccordion'); | ||
var _AccordionItem = _interopRequireDefault(require("./AccordionItem")); | ||
var _BlueAccordion2 = _interopRequireDefault(_BlueAccordion); | ||
var _AccordionItem = require('./AccordionItem'); | ||
var _AccordionItem2 = _interopRequireDefault(_AccordionItem); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
exports.WhiteAccordion = _Accordion2.default; | ||
exports.BlueAccordion = _BlueAccordion2.default; | ||
exports.AccordionItem = _AccordionItem2.default; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } |
{ | ||
"name": "@sb1/ffe-accordion-react", | ||
"version": "6.2.5", | ||
"version": "6.2.6", | ||
"license": "MIT", | ||
@@ -16,3 +16,3 @@ "author": "SpareBank 1", | ||
"scripts": { | ||
"build": "babel -d lib/. --ignore=*.spec.js src/.", | ||
"build": "babel -d lib/. --root-mode=upward --ignore=*.spec.js src/.", | ||
"lint": "eslint src/.", | ||
@@ -26,3 +26,3 @@ "test": "jest", | ||
"dependencies": { | ||
"@sb1/ffe-icons-react": "^6.0.9", | ||
"@sb1/ffe-icons-react": "^6.0.10", | ||
"classnames": "^2.2.5", | ||
@@ -34,11 +34,11 @@ "prop-types": "^15.6.0", | ||
"devDependencies": { | ||
"enzyme": "^3.3.0", | ||
"enzyme-adapter-react-16": "^1.1.1", | ||
"enzyme": "^3.7.0", | ||
"enzyme-adapter-react-16": "^1.7.0", | ||
"jest": "^23.4.2", | ||
"react": "^16.2.0", | ||
"react-dom": "^16.2.0" | ||
"react": "^16.6.3", | ||
"react-dom": "^16.6.3" | ||
}, | ||
"peerDependencies": { | ||
"@sb1/ffe-accordion": "^5.0.3", | ||
"react": "^16.2.0" | ||
"react": "^16.6.3" | ||
}, | ||
@@ -48,3 +48,3 @@ "publishConfig": { | ||
}, | ||
"gitHead": "2f7dca400ad87030377fb45072539fcff99884e3" | ||
"gitHead": "c88ee426f383894342a36bc1cb9fc0af9de10031" | ||
} |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
39616
11
423
1
Updated@sb1/ffe-icons-react@^6.0.10