@dnb/eufemia 10.35.0 → 10.36.0

package/es/components/table/TableAccordionTr.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export type TableAccordionTrProps = {
-    /**
-     * Set to true to expanded the content on initial render
-     */
-    expanded?: boolean;
-    /**
-     * Set to true to skip animation
-     * Default: false
-     */
-    noAnimation?: boolean;
-};
-export default function TableAccordionTr(componentProps: TableAccordionTrProps & React.TableHTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;

package/es/components/table/TableAccordionTr.js

@@ -1,51 +0,0 @@
-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", "noAnimation", "className", "children", "style"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
-import classnames from 'classnames';
-import useTableAnimationHandler from './useTableAnimationHandler';
-import { TableContext } from './TableContext';
-import Td from './TableTd';
-export default function TableAccordionTr(componentProps) {
-  var _React$useContext;
-  const {
-      expanded = null,
-      noAnimation = null,
-      className,
-      children,
-      style
-    } = componentProps,
-    props = _objectWithoutProperties(componentProps, _excluded);
-  const allProps = (_React$useContext = React.useContext(TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
-  const innerRef = React.useRef(null);
-  const trRef = React.useRef(null);
-  const {
-    ariaLive,
-    isInDOM,
-    isAnimating,
-    isVisibleParallax,
-    firstPaintStyle
-  } = useTableAnimationHandler({
-    innerRef,
-    trRef,
-    expanded,
-    noAnimation
-  });
-  const expandColumn = React.createElement(Td, null, React.createElement("span", {
-    className: "dnb-sr-only"
-  }, React.createElement("span", {
-    "aria-live": "assertive"
-  }, isInDOM && ariaLive ? allProps === null || allProps === void 0 ? void 0 : allProps.accordionMoreContentSR : null)));
-  return React.createElement("tr", _extends({
-    "aria-hidden": !isInDOM,
-    hidden: isInDOM ? undefined : true,
-    role: isInDOM ? 'row' : undefined,
-    style: _objectSpread(_objectSpread({}, firstPaintStyle), style),
-    className: classnames('dnb-table__tr__accordion-content', className, isInDOM && "dnb-table__tr dnb-table__tr__accordion-content--expanded", isAnimating && 'dnb-table__tr__accordion-content--animating', isVisibleParallax && 'dnb-table__tr__accordion-content--parallax'),
-    ref: trRef
-  }, props), allProps.accordionChevronPlacement !== 'end' && expandColumn, isInDOM && children, allProps.accordionChevronPlacement === 'end' && expandColumn);
-}
-//# sourceMappingURL=TableAccordionTr.js.map

package/es/components/table/TableAccordionTr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableAccordionTr.js","names":["React","classnames","useTableAnimationHandler","TableContext","Td","TableAccordionTr","componentProps","_React$useContext","expanded","noAnimation","className","children","style","props","_objectWithoutProperties","_excluded","allProps","useContext","innerRef","useRef","trRef","ariaLive","isInDOM","isAnimating","isVisibleParallax","firstPaintStyle","expandColumn","createElement","accordionMoreContentSR","_extends","hidden","undefined","role","_objectSpread","ref","accordionChevronPlacement"],"sources":["../../../../src/components/table/TableAccordionTr.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport useTableAnimationHandler from './useTableAnimationHandler'\nimport { TableContext } from './TableContext'\nimport Td from './TableTd'\n\nexport type TableAccordionTrProps = {\n  /**\n   * Set to true to expanded the content on initial render\n   */\n  expanded?: boolean\n\n  /**\n   * Set to true to skip animation\n   * Default: false\n   */\n  noAnimation?: boolean\n}\n\nexport default function TableAccordionTr(\n  componentProps: TableAccordionTrProps &\n    React.TableHTMLAttributes<HTMLTableRowElement>\n) {\n  const {\n    expanded = null,\n    noAnimation = null,\n    className,\n    children,\n    style,\n    ...props\n  } = componentProps\n\n  const allProps = React.useContext(TableContext)?.allProps\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const trRef = React.useRef<HTMLTableRowElement>(null)\n\n  const {\n    ariaLive,\n    isInDOM,\n    isAnimating,\n    isVisibleParallax,\n    firstPaintStyle,\n  } = useTableAnimationHandler({\n    innerRef,\n    trRef,\n    expanded,\n    noAnimation,\n  })\n\n  const expandColumn = (\n    <Td>\n      <span className=\"dnb-sr-only\">\n        <span aria-live=\"assertive\">\n          {isInDOM && ariaLive ? allProps?.accordionMoreContentSR : null}\n        </span>\n      </span>\n    </Td>\n  )\n\n  return (\n    <tr\n      /**\n       * VoiceOver needs the \"tr\" to be in the DOM in order to be able to continue reading downwards,\n       * even it is either closed or opened. Else VO pretends that this current table row is the end of the table.\n       *\n       * + All the browsers do count the correct number (childCount) of rows + NVDA counts correct when used with Chrome.\n       * - Firefox on Windows does it as well, but not when used with NVDA.\n       */\n      aria-hidden={!isInDOM} // NVDA and VoiceOver needs \"aria-hidden\" to remove it from the accessibility tree\n      hidden={isInDOM ? undefined : true} // NVDA and VoiceOver needs \"hidden\" to be true in order to not count invisible table rows (based on \"tr\" element)\n      role={isInDOM ? 'row' : undefined} // NVDA and VoiceOver needs \"hidden\" to be true in order to not count invisible table rows (based on \"role\" element)\n      style={{ ...firstPaintStyle, ...style }}\n      className={classnames(\n        isInDOM && 'dnb-table__tr',\n        'dnb-table__tr__accordion-content',\n        isInDOM && 'dnb-table__tr__accordion-content--expanded',\n        isAnimating && 'dnb-table__tr__accordion-content--animating',\n        isVisibleParallax && 'dnb-table__tr__accordion-content--parallax',\n        className\n      )}\n      ref={trRef}\n      {...props}\n    >\n      {allProps.accordionChevronPlacement !== 'end' && expandColumn}\n      {isInDOM && children}\n      {allProps.accordionChevronPlacement === 'end' && expandColumn}\n    </tr>\n  )\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,EAAE,MAAM,WAAW;AAe1B,eAAe,SAASC,gBAAgBA,CACtCC,cACgD,EAChD;EAAA,IAAAC,iBAAA;EACA,MAAM;MACJC,QAAQ,GAAG,IAAI;MACfC,WAAW,GAAG,IAAI;MAClBC,SAAS;MACTC,QAAQ;MACRC;IAEF,CAAC,GAAGN,cAAc;IADbO,KAAK,GAAAC,wBAAA,CACNR,cAAc,EAAAS,SAAA;EAElB,MAAMC,QAAQ,IAAAT,iBAAA,GAAGP,KAAK,CAACiB,UAAU,CAACd,YAAY,CAAC,cAAAI,iBAAA,uBAA9BA,iBAAA,CAAgCS,QAAQ;EACzD,MAAME,QAAQ,GAAGlB,KAAK,CAACmB,MAAM,CAAiB,IAAI,CAAC;EACnD,MAAMC,KAAK,GAAGpB,KAAK,CAACmB,MAAM,CAAsB,IAAI,CAAC;EAErD,MAAM;IACJE,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,iBAAiB;IACjBC;EACF,CAAC,GAAGvB,wBAAwB,CAAC;IAC3BgB,QAAQ;IACRE,KAAK;IACLZ,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAMiB,YAAY,GAChB1B,KAAA,CAAA2B,aAAA,CAACvB,EAAE,QACDJ,KAAA,CAAA2B,aAAA;IAAMjB,SAAS,EAAC;EAAa,GAC3BV,KAAA,CAAA2B,aAAA;IAAM,aAAU;EAAW,GACxBL,OAAO,IAAID,QAAQ,GAAGL,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEY,sBAAsB,GAAG,IACtD,CACF,CACJ,CACL;EAED,OACE5B,KAAA,CAAA2B,aAAA,OAAAE,QAAA;IAQE,eAAa,CAACP,OAAQ;IACtBQ,MAAM,EAAER,OAAO,GAAGS,SAAS,GAAG,IAAK;IACnCC,IAAI,EAAEV,OAAO,GAAG,KAAK,GAAGS,SAAU;IAClCnB,KAAK,EAAAqB,aAAA,CAAAA,aAAA,KAAOR,eAAe,GAAKb,KAAK,CAAG;IACxCF,SAAS,EAAET,UAAU,CAEnB,kCAAkC,EAIlCS,SAAS,EALTY,OAAO,gEAGPC,WAAW,IAAI,6CAA6C,EAC5DC,iBAAiB,IAAI,4CAEvB,CAAE;IACFU,GAAG,EAAEd;EAAM,GACPP,KAAK,GAERG,QAAQ,CAACmB,yBAAyB,KAAK,KAAK,IAAIT,YAAY,EAC5DJ,OAAO,IAAIX,QAAQ,EACnBK,QAAQ,CAACmB,yBAAyB,KAAK,KAAK,IAAIT,YAC/C,CAAC;AAET"}

package/es/components/table/useTableAnimationHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableAnimationHandler.js","names":["React","useCallback","getClosestScrollViewElement","useHeightAnimation","TableAccordionContext","useTableAnimationHandler","innerRef","trRef","expanded","noAnimation","tableAccordionContext","useContext","ariaLive","setAriaLive","useState","open","Boolean","trIsOpen","scrollViewHandler","clip","scrollView","current","HTMLElement","style","overflowY","onOpen","state","onAnimationStart","onAnimationEnd","_tableAccordionContex","_tableAccordionContex2","event","target","onOpened","call","onClosed","isInDOM","isAnimating","isVisibleParallax","firstPaintStyle","animate"],"sources":["../../../../src/components/table/useTableAnimationHandler.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport { getClosestScrollViewElement } from '../../shared/component-helper'\nimport { useHeightAnimation } from '../height-animation/useHeightAnimation'\nimport { TableAccordionTrProps } from './TableAccordionTr'\nimport { TableAccordionContext } from './TableContext'\n\nexport type useTableAnimationHandlerProps = {\n  /**\n   * Ref to <div> inside the <tr> element being expanded/collapsed\n   */\n  innerRef: React.MutableRefObject<HTMLDivElement>\n  /**\n   * Ref to the <tr> element being clicked\n   */\n  trRef: React.MutableRefObject<HTMLTableRowElement>\n}\n\nexport function useTableAnimationHandler({\n  innerRef,\n  trRef,\n  expanded,\n  noAnimation,\n}: useTableAnimationHandlerProps & TableAccordionTrProps) {\n  const tableAccordionContext = React.useContext(TableAccordionContext)\n  const [ariaLive, setAriaLive] = React.useState(null)\n  const open = Boolean(expanded || tableAccordionContext?.trIsOpen)\n\n  const scrollViewHandler = useCallback(\n    (clip: boolean) => {\n      const scrollView = getClosestScrollViewElement(\n        trRef.current\n      ) as HTMLElement\n      if (scrollView instanceof HTMLElement) {\n        scrollView.style.overflowY = clip ? 'clip' : ''\n      }\n    },\n    [trRef]\n  )\n\n  const onOpen = useCallback((state) => {\n    setAriaLive(state ? true : null)\n  }, [])\n\n  const onAnimationStart = useCallback(() => {\n    scrollViewHandler(true)\n  }, [scrollViewHandler])\n\n  const onAnimationEnd = useCallback(\n    (state) => {\n      const event = { target: trRef.current }\n      switch (state) {\n        case 'opened':\n          tableAccordionContext.onOpened?.(event)\n          break\n\n        case 'closed':\n          tableAccordionContext.onClosed?.(event)\n          break\n      }\n\n      scrollViewHandler(false)\n    },\n    [scrollViewHandler, tableAccordionContext, trRef]\n  )\n\n  const { isInDOM, isAnimating, isVisibleParallax, firstPaintStyle } =\n    useHeightAnimation(innerRef, {\n      open,\n      animate: Boolean(\n        !noAnimation && !tableAccordionContext?.noAnimation\n      ),\n      onOpen,\n      onAnimationStart,\n      onAnimationEnd,\n    })\n\n  return {\n    ariaLive,\n    isInDOM,\n    isAnimating,\n    isVisibleParallax,\n    firstPaintStyle,\n  }\n}\n\nexport default useTableAnimationHandler\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,kBAAkB,QAAQ,wCAAwC;AAE3E,SAASC,qBAAqB,QAAQ,gBAAgB;AAatD,OAAO,SAASC,wBAAwBA,CAAC;EACvCC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC;AACqD,CAAC,EAAE;EACxD,MAAMC,qBAAqB,GAAGV,KAAK,CAACW,UAAU,CAACP,qBAAqB,CAAC;EACrE,MAAM,CAACQ,QAAQ,EAAEC,WAAW,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAC,IAAI,CAAC;EACpD,MAAMC,IAAI,GAAGC,OAAO,CAACR,QAAQ,KAAIE,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEO,QAAQ,EAAC;EAEjE,MAAMC,iBAAiB,GAAGjB,WAAW,CAClCkB,IAAa,IAAK;IACjB,MAAMC,UAAU,GAAGlB,2BAA2B,CAC5CK,KAAK,CAACc,OACR,CAAgB;IAChB,IAAID,UAAU,YAAYE,WAAW,EAAE;MACrCF,UAAU,CAACG,KAAK,CAACC,SAAS,GAAGL,IAAI,GAAG,MAAM,GAAG,EAAE;IACjD;EACF,CAAC,EACD,CAACZ,KAAK,CACR,CAAC;EAED,MAAMkB,MAAM,GAAGxB,WAAW,CAAEyB,KAAK,IAAK;IACpCb,WAAW,CAACa,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAG1B,WAAW,CAAC,MAAM;IACzCiB,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMU,cAAc,GAAG3B,WAAW,CAC/ByB,KAAK,IAAK;IAAA,IAAAG,qBAAA,EAAAC,sBAAA;IACT,MAAMC,KAAK,GAAG;MAAEC,MAAM,EAAEzB,KAAK,CAACc;IAAQ,CAAC;IACvC,QAAQK,KAAK;MACX,KAAK,QAAQ;QACX,CAAAG,qBAAA,GAAAnB,qBAAqB,CAACuB,QAAQ,cAAAJ,qBAAA,uBAA9BA,qBAAA,CAAAK,IAAA,CAAAxB,qBAAqB,EAAYqB,KAAK,CAAC;QACvC;MAEF,KAAK,QAAQ;QACX,CAAAD,sBAAA,GAAApB,qBAAqB,CAACyB,QAAQ,cAAAL,sBAAA,uBAA9BA,sBAAA,CAAAI,IAAA,CAAAxB,qBAAqB,EAAYqB,KAAK,CAAC;QACvC;IACJ;IAEAb,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC,EACD,CAACA,iBAAiB,EAAER,qBAAqB,EAAEH,KAAK,CAClD,CAAC;EAED,MAAM;IAAE6B,OAAO;IAAEC,WAAW;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAChEpC,kBAAkB,CAACG,QAAQ,EAAE;IAC3BS,IAAI;IACJyB,OAAO,EAAExB,OAAO,CACd,CAACP,WAAW,IAAI,EAACC,qBAAqB,aAArBA,qBAAqB,eAArBA,qBAAqB,CAAED,WAAW,CACrD,CAAC;IACDgB,MAAM;IACNE,gBAAgB;IAChBC;EACF,CAAC,CAAC;EAEJ,OAAO;IACLhB,QAAQ;IACRwB,OAAO;IACPC,WAAW;IACXC,iBAAiB;IACjBC;EACF,CAAC;AACH;AAEA,eAAelC,wBAAwB"}