@useblu/ocean-react 1.61.0 → 1.62.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.
- package/Accordion/Accordion.d.ts +9 -0
- package/Accordion/Accordion.d.ts.map +1 -0
- package/Accordion/index.d.ts +2 -0
- package/Accordion/index.d.ts.map +1 -0
- package/CHANGELOG.md +6 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.es.js +22 -2
- package/index.es.js.map +1 -1
- package/index.js +21 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -323,6 +323,26 @@ var UnorderedListItem = e__default["default"].forwardRef(function (_a, ref) {
|
|
|
323
323
|
});
|
|
324
324
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
325
325
|
|
|
326
|
+
var Accordion = function (_a) {
|
|
327
|
+
var title = _a.title, description = _a.description, className = _a.className;
|
|
328
|
+
var _b = e.useState(false), isCollapsed = _b[0], setIsCollapsed = _b[1];
|
|
329
|
+
var onHandleAccordion = function () {
|
|
330
|
+
setIsCollapsed(function (prevState) { return !prevState; });
|
|
331
|
+
};
|
|
332
|
+
return (e__default["default"].createElement("div", { className: classNames('ods-accordion', className) },
|
|
333
|
+
e__default["default"].createElement("button", { onClick: onHandleAccordion, type: "button", className: classNames('ods-accordion__header', {
|
|
334
|
+
'ods-accordion__header--collapsed': isCollapsed
|
|
335
|
+
}), "aria-expanded": !isCollapsed },
|
|
336
|
+
title,
|
|
337
|
+
e__default["default"].createElement(J, { className: classNames('ods-accordion__icon', {
|
|
338
|
+
'ods-accordion__icon--rotated': isCollapsed
|
|
339
|
+
}) })),
|
|
340
|
+
e__default["default"].createElement("div", { className: classNames('ods-accordion__content', {
|
|
341
|
+
'ods-accordion__content--collapsed': isCollapsed
|
|
342
|
+
}) },
|
|
343
|
+
e__default["default"].createElement("p", { className: "ods-accordion__description" }, description))));
|
|
344
|
+
};
|
|
345
|
+
|
|
326
346
|
var mapIconsByType$1 = {
|
|
327
347
|
warning: zi,
|
|
328
348
|
error: rs,
|
|
@@ -47998,6 +48018,7 @@ var Chips = function (_a) {
|
|
|
47998
48018
|
};
|
|
47999
48019
|
Chips.displayName = 'Chips';
|
|
48000
48020
|
|
|
48021
|
+
exports.Accordion = Accordion;
|
|
48001
48022
|
exports.Alert = Alert;
|
|
48002
48023
|
exports.Badge = Badge;
|
|
48003
48024
|
exports.Breadcrumb = Breadcrumb;
|