@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
88 lines (87 loc) • 4.05 kB
JavaScript
"use client";
import _extends from "@babel/runtime/helpers/esm/extends";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "id", "children", "collapseAllHandleRef", "expandBehavior"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React, { useContext, useEffect, useRef } from 'react';
import classnames from 'classnames';
import { isTrue, makeUniqueId, extendPropsWithContext, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
import { createSpacingClasses } from '../space/SpacingHelper';
import Context from '../../shared/Context';
import AccordionGroupContext from './AccordionProviderContext';
import { accordionDefaultProps } from './defaultProps';
const AccordionGroup = props => {
const context = useContext(Context);
const id = props.id || makeUniqueId();
const thisInstance = {
_id: id,
props,
context,
onChangeHandler
};
function onChangeHandler(event) {
dispatchCustomElementEvent(thisInstance, 'on_change', {
id: event.id,
expanded: event.expanded,
event
});
}
const extendedProps = extendPropsWithContext(props, accordionDefaultProps, context.Accordion, context.getTranslation(props)['Accordion']);
const {
expanded,
expanded_id,
prerender,
prevent_rerender,
single_container,
contentRef,
allow_close_all,
remember_state,
flush_remembered_state,
disabled,
group,
onInit,
className,
id: _id,
children,
collapseAllHandleRef,
expandBehavior
} = extendedProps,
restOfExtendedProps = _objectWithoutProperties(extendedProps, _excluded);
const collapseAccordionCallbacks = useRef([]);
useEffect(() => {
if (collapseAllHandleRef) {
collapseAllHandleRef.current = () => {
collapseAccordionCallbacks.current.forEach(callback => callback());
};
}
}, [collapseAllHandleRef]);
const classes = classnames('dnb-accordion-group', createSpacingClasses(extendedProps), className, isTrue(single_container) && 'dnb-accordion-group--single-container');
const params = _objectSpread({}, restOfExtendedProps);
validateDOMAttributes(props, params);
if (!(extendedProps !== null && extendedProps !== void 0 && extendedProps.group) && isTrue(props.single_container)) {
extendedProps.group = makeUniqueId();
}
const contextForProvider = _objectSpread(_objectSpread({}, extendedProps), {}, {
id,
onChange: onChangeHandler,
collapseAllHandleRef,
collapseAccordionCallbacks,
expandBehavior
});
return React.createElement(AccordionGroupContext.Provider, {
value: contextForProvider
}, React.createElement("div", {
className: classes
}, React.createElement("span", _extends({
id: id,
className: "dnb-accordion-group__shell",
role: "group"
}, params), React.createElement("span", {
className: "dnb-accordion-group__children"
}, children))));
};
AccordionGroup._supportsSpacingProps = true;
export default AccordionGroup;
//# sourceMappingURL=AccordionGroup.js.map