@entur/expand 3.3.30 → 3.3.32

package/dist/expand.esm.js

@@ -6,42 +6,38 @@ import { UnmountClosed } from 'react-collapse';
 import { DownArrowIcon } from '@entur/icons';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : 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);
 }
-
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + 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;
 }
 
 var AccordionContext = /*#__PURE__*/React.createContext(null);
 var Accordion = function Accordion(_ref) {
-  var rest = _extends({}, _ref);
-
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   var currentlyOpenState = React.useState(null);
   return React.createElement(AccordionContext.Provider, _extends({
     value: currentlyOpenState
@@ -49,15 +45,13 @@ var Accordion = function Accordion(_ref) {
 };
 var useAccordion = function useAccordion(_ref2) {
   var id = _ref2.id,
-      defaultOpen = _ref2.defaultOpen;
+    defaultOpen = _ref2.defaultOpen;
   var contextValue = React.useContext(AccordionContext);
-
   if (!contextValue) {
     throw new Error('You need to wrap your AccordionItem inside an Accordion');
   }
-
   var openId = contextValue[0],
-      setOpenId = contextValue[1];
+    setOpenId = contextValue[1];
   React.useEffect(function () {
     if (defaultOpen) {
       setOpenId(id);
@@ -75,8 +69,7 @@ var useAccordion = function useAccordion(_ref2) {
 var _excluded$6 = ["open"];
 var BaseExpand = function BaseExpand(_ref) {
   var open = _ref.open,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   return React.createElement(UnmountClosed, {
     isOpened: open
   }, React.createElement("div", _extends({}, rest)));
@@ -85,10 +78,9 @@ var BaseExpand = function BaseExpand(_ref) {
 var _excluded$5 = ["open", "className"];
 var ExpandArrow = function ExpandArrow(_ref) {
   var _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
+    open = _ref$open === void 0 ? false : _ref$open,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   return React.createElement(DownArrowIcon, _extends({
     className: classNames(className, 'eds-expandable-arrow', {
       'eds-expandable-arrow--open': open
@@ -99,14 +91,13 @@ var ExpandArrow = function ExpandArrow(_ref) {
 var _excluded$4 = ["title", "children", "className", "id", "open", "onToggle", "contentStyle"];
 var BaseExpandablePanel = function BaseExpandablePanel(_ref) {
   var title = _ref.title,
-      children = _ref.children,
-      className = _ref.className,
-      id = _ref.id,
-      open = _ref.open,
-      onToggle = _ref.onToggle,
-      contentStyle = _ref.contentStyle,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    children = _ref.children,
+    className = _ref.className,
+    id = _ref.id,
+    open = _ref.open,
+    onToggle = _ref.onToggle,
+    contentStyle = _ref.contentStyle,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React.createElement("div", {
     className: classNames('eds-expandable-panel', className)
   }, React.createElement("button", _extends({
@@ -135,21 +126,18 @@ var BaseExpandablePanel = function BaseExpandablePanel(_ref) {
 var _excluded$3 = ["defaultOpen", "id", "contentStyle"];
 var AccordionItem = function AccordionItem(_ref) {
   var _ref$defaultOpen = _ref.defaultOpen,
-      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-      overrideId = _ref.id,
-      contentStyle = _ref.contentStyle,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    overrideId = _ref.id,
+    contentStyle = _ref.contentStyle,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var randomId = useRandomId('eds-accordion-item');
   var id = overrideId || randomId;
-
   var _useAccordion = useAccordion({
-    id: id,
-    defaultOpen: defaultOpen
-  }),
-      isOpen = _useAccordion.isOpen,
-      toggle = _useAccordion.toggle;
-
+      id: id,
+      defaultOpen: defaultOpen
+    }),
+    isOpen = _useAccordion.isOpen,
+    toggle = _useAccordion.toggle;
   return React.createElement(BaseExpandablePanel, _extends({}, rest, {
     contentStyle: contentStyle,
     id: id,
@@ -161,16 +149,13 @@ var AccordionItem = function AccordionItem(_ref) {
 var _excluded$2 = ["defaultOpen", "contentStyle"];
 var ExpandablePanel = function ExpandablePanel(_ref) {
   var _ref$defaultOpen = _ref.defaultOpen,
-      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-      contentStyle = _ref.contentStyle,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    contentStyle = _ref.contentStyle,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var randomId = useRandomId('eds-expandable');
-
   var _React$useState = React.useState(defaultOpen),
-      isOpen = _React$useState[0],
-      setOpen = _React$useState[1];
-
+    isOpen = _React$useState[0],
+    setOpen = _React$useState[1];
   return React.createElement(BaseExpandablePanel, _extends({
     id: randomId,
     open: isOpen,
@@ -186,12 +171,11 @@ var ExpandablePanel = function ExpandablePanel(_ref) {
 var _excluded$1 = ["children", "open", "onToggle", "as"];
 var ExpandableTextButton = function ExpandableTextButton(_ref) {
   var children = _ref.children,
-      open = _ref.open,
-      onToggle = _ref.onToggle,
-      _ref$as = _ref.as,
-      Component = _ref$as === void 0 ? Heading5 : _ref$as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    open = _ref.open,
+    onToggle = _ref.onToggle,
+    _ref$as = _ref.as,
+    Component = _ref$as === void 0 ? Heading5 : _ref$as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React.createElement("button", _extends({
     className: "eds-expandable-text__trigger",
     "aria-expanded": open,
@@ -209,20 +193,17 @@ var ExpandableTextButton = function ExpandableTextButton(_ref) {
 var _excluded = ["title", "children", "defaultOpen", "contentStyle", "titleElement"];
 var ExpandableText = function ExpandableText(_ref) {
   var title = _ref.title,
-      children = _ref.children,
-      _ref$defaultOpen = _ref.defaultOpen,
-      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-      contentStyle = _ref.contentStyle,
-      _ref$titleElement = _ref.titleElement,
-      titleElement = _ref$titleElement === void 0 ? 'Heading5' : _ref$titleElement,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    children = _ref.children,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    contentStyle = _ref.contentStyle,
+    _ref$titleElement = _ref.titleElement,
+    titleElement = _ref$titleElement === void 0 ? 'Heading5' : _ref$titleElement,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var randomId = useRandomId('eds-expandable-text');
-
   var _React$useState = React.useState(defaultOpen),
-      isOpen = _React$useState[0],
-      setOpen = _React$useState[1];
-
+    isOpen = _React$useState[0],
+    setOpen = _React$useState[1];
   var Element = React.useMemo(function () {
     return GetTypographyComponent(titleElement);
   }, [titleElement]);
@@ -242,18 +223,14 @@ var ExpandableText = function ExpandableText(_ref) {
     style: contentStyle
   }, rest), children));
 };
-
 function GetTypographyComponent(element) {
   switch (element) {
     case 'Heading5':
       return Heading5;
-
     case 'Paragraph':
       return Paragraph;
-
     case 'SubParagraph':
       return SubParagraph;
-
     default:
       return Heading5;
   }

package/dist/expand.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"expand.esm.js","sources":["../src/Accordion.tsx","../src/BaseExpand.tsx","../src/ExpandArrow.tsx","../src/BaseExpandablePanel.tsx","../src/AccordionItem.tsx","../src/ExpandablePanel.tsx","../src/ExpandableTextButton.tsx","../src/ExpandableText.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype Id = string | null;\ntype AccordionContextType = [Id, React.Dispatch<React.SetStateAction<Id>>];\nconst AccordionContext = React.createContext<AccordionContextType | null>(null);\n\nexport type AccordionProps = {\n  /** To eller flere AccordionItem-komponenter */\n  children: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const Accordion: React.FC<AccordionProps> = ({ ...rest }) => {\n  const currentlyOpenState = React.useState<Id>(null);\n  return <AccordionContext.Provider value={currentlyOpenState} {...rest} />;\n};\n\ntype UseAccordionArgs = {\n  id: Id;\n  defaultOpen?: boolean;\n};\n\nexport const useAccordion: ({ id, defaultOpen }: UseAccordionArgs) => {\n  isOpen: boolean;\n  toggle: () => void;\n} = ({ id, defaultOpen }: UseAccordionArgs) => {\n  const contextValue = React.useContext(AccordionContext);\n  if (!contextValue) {\n    throw new Error('You need to wrap your AccordionItem inside an Accordion');\n  }\n\n  const [openId, setOpenId] = contextValue;\n\n  React.useEffect(() => {\n    if (defaultOpen) {\n      setOpenId(id);\n    }\n  }, [defaultOpen, id, setOpenId]);\n\n  const isOpen = openId === id;\n\n  return {\n    isOpen,\n    toggle: () => setOpenId(isOpen ? null : id),\n  };\n};\n","import React from 'react';\n\nimport { UnmountClosed } from 'react-collapse';\n\ntype BaseExpandProps = {\n  /** Innholdet som skal være expandable */\n  children: React.ReactNode;\n  /** Boolean for om innholdet vises eller ikke */\n  open: boolean;\n  [key: string]: any;\n};\nexport const BaseExpand: React.FC<BaseExpandProps> = ({ open, ...rest }) => {\n  return (\n    <UnmountClosed isOpened={open}>\n      <div {...rest} />\n    </UnmountClosed>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DownArrowIcon } from '@entur/icons';\nimport './ExpandArrow.scss';\n\ntype ExpandArrowProps = {\n  /** Om innholdet er åpent eller ikke, som bestemmer retningen på pila\n   * @default false\n   */\n  open?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const ExpandArrow: React.FC<ExpandArrowProps> = ({\n  open = false,\n  className,\n  ...rest\n}) => {\n  return (\n    <DownArrowIcon\n      className={classNames(className, 'eds-expandable-arrow', {\n        'eds-expandable-arrow--open': open,\n      })}\n      {...rest}\n    />\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport classNames from 'classnames';\nimport { Heading5 } from '@entur/typography';\nimport { BaseExpand } from './BaseExpand';\n\nimport './BaseExpandablePanel.scss';\nimport { ExpandArrow } from './ExpandArrow';\n\ntype BaseExpandablePanelProps = {\n  /** Teksten som skal stå i panelet */\n  title: React.ReactNode;\n  /** Innholdet som skal vises under panelet */\n  children: React.ReactNode;\n  /** IDen til expand-panelet */\n  id: string;\n  /** Prop for om innholdet er åpent */\n  open: boolean;\n  /** Funksjonen som styrer åpningen av BaseExpandablePanel */\n  onToggle: () => void;\n  /** Styling som sendes til innholdet av BaseExpandablePanel */\n  contentStyle?: CSSProperties;\n  [key: string]: any;\n};\nexport const BaseExpandablePanel: React.FC<BaseExpandablePanelProps> = ({\n  title,\n  children,\n  className,\n  id,\n  open,\n  onToggle,\n  contentStyle,\n  ...rest\n}) => {\n  return (\n    <div className={classNames('eds-expandable-panel', className)}>\n      <button\n        type=\"button\"\n        className=\"eds-expandable-panel__trigger\"\n        onClick={onToggle}\n        aria-expanded={open}\n        aria-controls={open ? id : undefined}\n        {...rest}\n      >\n        <span className=\"eds-expandable-panel__grid\">\n          <Heading5 margin=\"none\" as=\"span\">\n            {title}\n          </Heading5>\n          <span className=\"eds-expandable-panel__icon-container\">\n            <ExpandArrow open={open} />\n          </span>\n        </span>\n      </button>\n      <BaseExpand\n        className=\"eds-expandable-panel__content\"\n        id={id}\n        open={open}\n        style={contentStyle}\n      >\n        {children}\n      </BaseExpand>\n    </div>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { useRandomId } from '@entur/utils';\nimport { BaseExpandablePanel } from './BaseExpandablePanel';\nimport { useAccordion } from './Accordion';\n\nexport type AccordionItemProps = {\n  /** Teksten som skal stå i panelet */\n  title: React.ReactNode;\n  /** Innholdet som skal vises under panelet */\n  children: React.ReactNode;\n  /** Hvilken tilstand AccordionItem skal ha som default\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Styling som sendes til innholdet av AccordionItem */\n  contentStyle?: CSSProperties;\n  [key: string]: any;\n};\nexport const AccordionItem: React.FC<AccordionItemProps> = ({\n  defaultOpen = false,\n  id: overrideId,\n  contentStyle,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-accordion-item');\n  const id = overrideId || randomId;\n  const { isOpen, toggle } = useAccordion({ id, defaultOpen });\n\n  return (\n    <BaseExpandablePanel\n      {...rest}\n      contentStyle={contentStyle}\n      id={id}\n      onToggle={toggle}\n      open={isOpen}\n    />\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { useRandomId } from '@entur/utils';\nimport { BaseExpandablePanel } from './BaseExpandablePanel';\n\nexport type ExpandablePanelProps = {\n  /** Teksten som skal stå i panelet */\n  title: React.ReactNode;\n  /** Innholdet som skal vises under panelet */\n  children: React.ReactNode;\n  /** Hvilken tilstand ExpandablePanel skal ha som default\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Funksjonen som styrer åpningen av ExpandablePanel */\n  onToggle?: () => void;\n  /** Styling som sendes til innholdet av ExpandablePanel */\n  contentStyle?: CSSProperties;\n  [key: string]: any;\n};\nexport const ExpandablePanel: React.FC<ExpandablePanelProps> = ({\n  defaultOpen = false,\n  contentStyle,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-expandable');\n\n  const [isOpen, setOpen] = React.useState(defaultOpen);\n\n  return (\n    <BaseExpandablePanel\n      id={randomId}\n      open={isOpen}\n      onToggle={() => setOpen(prev => !prev)}\n      contentStyle={contentStyle}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Heading5 } from '@entur/typography';\nimport { ExpandArrow } from './ExpandArrow';\n\nexport type ExandableTextButtonProps = {\n  children: React.ReactNode;\n  /** Prop for om innholdet er åpent */\n  open?: boolean;\n  /** Funksjonen som styrer åpningen av ExpandableTextButton */\n  onToggle: () => void;\n  /** Den typografiske komponenten for tittelen\n   * @default Heading5\n   */\n  as?: React.ElementType;\n  [key: string]: any;\n};\n\nexport const ExpandableTextButton: React.FC<ExandableTextButtonProps> = ({\n  children,\n  open,\n  onToggle,\n  as: Component = Heading5,\n  ...rest\n}) => {\n  return (\n    <button\n      className=\"eds-expandable-text__trigger\"\n      aria-expanded={open}\n      type=\"button\"\n      onClick={onToggle}\n      {...rest}\n    >\n      <Component as=\"span\">{children}</Component>\n      <ExpandArrow open={open} className=\"eds-expandable-text__arrow\" inline />\n    </button>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { useRandomId } from '@entur/utils';\nimport { ExpandableTextButton } from './ExpandableTextButton';\nimport { BaseExpand } from './BaseExpand';\nimport { Heading5, Paragraph, SubParagraph } from '@entur/typography';\nimport './ExpandableText.scss';\n\nexport type ExpandableTextProps = {\n  /** Teksten som skal \"vises\" */\n  title: string;\n  /** Innholdet som skal vises under linken */\n  children: React.ReactNode;\n  /** Hvilken tilstand ExpandableText skal ha som default (med mindre den er kontrollert)\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandableText, sammen med onToggle */\n  open?: boolean;\n  /** Funksjonen som styrer åpningen av ExpandableText */\n  onToggle?: () => void;\n  /**Styling som sendes til innholdet av ExpandableText */\n  contentStyle?: CSSProperties;\n  /** Hvilket typografisk element tittelen er\n   * @default \"Heading5\"\n   */\n  titleElement?: 'Heading5' | 'Paragraph' | 'SubParagraph';\n  [key: string]: any;\n};\n\nexport const ExpandableText: React.FC<ExpandableTextProps> = ({\n  title,\n  children,\n  defaultOpen = false,\n  contentStyle,\n  titleElement = 'Heading5',\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-expandable-text');\n  const [isOpen, setOpen] = React.useState(defaultOpen);\n\n  const Element: React.ElementType = React.useMemo(\n    () => GetTypographyComponent(titleElement),\n    [titleElement],\n  );\n\n  return (\n    <>\n      <ExpandableTextButton\n        open={isOpen}\n        onToggle={() => setOpen(prev => !prev)}\n        aria-controls={isOpen ? randomId : undefined}\n        as={Element}\n        {...rest}\n      >\n        {title}\n      </ExpandableTextButton>\n      <BaseExpand\n        className=\"eds-expandable-text__content\"\n        id={randomId}\n        open={isOpen}\n        style={contentStyle}\n        {...rest}\n      >\n        {children}\n      </BaseExpand>\n    </>\n  );\n};\n\nfunction GetTypographyComponent(\n  element: 'Heading5' | 'Paragraph' | 'SubParagraph',\n) {\n  switch (element) {\n    case 'Heading5':\n      return Heading5;\n    case 'Paragraph':\n      return Paragraph;\n    case 'SubParagraph':\n      return SubParagraph;\n    default:\n      return Heading5;\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('expand', 'typography', 'icons');\n\nexport * from './Accordion';\nexport * from './AccordionItem';\nexport * from './ExpandablePanel';\nexport * from './BaseExpand';\nexport * from './ExpandableText';\nexport * from './ExpandableTextButton';\nexport * from './ExpandArrow';\n"],"names":["AccordionContext","React","createContext","Accordion","rest","currentlyOpenState","useState","Provider","value","useAccordion","id","defaultOpen","contextValue","useContext","Error","openId","setOpenId","useEffect","isOpen","toggle","BaseExpand","open","UnmountClosed","isOpened","ExpandArrow","className","DownArrowIcon","classNames","BaseExpandablePanel","title","children","onToggle","contentStyle","type","onClick","undefined","Heading5","margin","as","style","AccordionItem","overrideId","randomId","useRandomId","ExpandablePanel","setOpen","prev","ExpandableTextButton","Component","inline","ExpandableText","titleElement","Element","useMemo","GetTypographyComponent","element","Paragraph","SubParagraph","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"expand.esm.js","sources":["../src/Accordion.tsx","../src/BaseExpand.tsx","../src/ExpandArrow.tsx","../src/BaseExpandablePanel.tsx","../src/AccordionItem.tsx","../src/ExpandablePanel.tsx","../src/ExpandableTextButton.tsx","../src/ExpandableText.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype Id = string | null;\ntype AccordionContextType = [Id, React.Dispatch<React.SetStateAction<Id>>];\nconst AccordionContext = React.createContext<AccordionContextType | null>(null);\n\nexport type AccordionProps = {\n  /** To eller flere AccordionItem-komponenter */\n  children: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const Accordion: React.FC<AccordionProps> = ({ ...rest }) => {\n  const currentlyOpenState = React.useState<Id>(null);\n  return <AccordionContext.Provider value={currentlyOpenState} {...rest} />;\n};\n\ntype UseAccordionArgs = {\n  id: Id;\n  defaultOpen?: boolean;\n};\n\nexport const useAccordion: ({ id, defaultOpen }: UseAccordionArgs) => {\n  isOpen: boolean;\n  toggle: () => void;\n} = ({ id, defaultOpen }: UseAccordionArgs) => {\n  const contextValue = React.useContext(AccordionContext);\n  if (!contextValue) {\n    throw new Error('You need to wrap your AccordionItem inside an Accordion');\n  }\n\n  const [openId, setOpenId] = contextValue;\n\n  React.useEffect(() => {\n    if (defaultOpen) {\n      setOpenId(id);\n    }\n  }, [defaultOpen, id, setOpenId]);\n\n  const isOpen = openId === id;\n\n  return {\n    isOpen,\n    toggle: () => setOpenId(isOpen ? null : id),\n  };\n};\n","import React from 'react';\n\nimport { UnmountClosed } from 'react-collapse';\n\ntype BaseExpandProps = {\n  /** Innholdet som skal være expandable */\n  children: React.ReactNode;\n  /** Boolean for om innholdet vises eller ikke */\n  open: boolean;\n  [key: string]: any;\n};\nexport const BaseExpand: React.FC<BaseExpandProps> = ({ open, ...rest }) => {\n  return (\n    <UnmountClosed isOpened={open}>\n      <div {...rest} />\n    </UnmountClosed>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DownArrowIcon } from '@entur/icons';\nimport './ExpandArrow.scss';\n\ntype ExpandArrowProps = {\n  /** Om innholdet er åpent eller ikke, som bestemmer retningen på pila\n   * @default false\n   */\n  open?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const ExpandArrow: React.FC<ExpandArrowProps> = ({\n  open = false,\n  className,\n  ...rest\n}) => {\n  return (\n    <DownArrowIcon\n      className={classNames(className, 'eds-expandable-arrow', {\n        'eds-expandable-arrow--open': open,\n      })}\n      {...rest}\n    />\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport classNames from 'classnames';\nimport { Heading5 } from '@entur/typography';\nimport { BaseExpand } from './BaseExpand';\n\nimport './BaseExpandablePanel.scss';\nimport { ExpandArrow } from './ExpandArrow';\n\ntype BaseExpandablePanelProps = {\n  /** Teksten som skal stå i panelet */\n  title: React.ReactNode;\n  /** Innholdet som skal vises under panelet */\n  children: React.ReactNode;\n  /** IDen til expand-panelet */\n  id: string;\n  /** Prop for om innholdet er åpent */\n  open: boolean;\n  /** Funksjonen som styrer åpningen av BaseExpandablePanel */\n  onToggle: () => void;\n  /** Styling som sendes til innholdet av BaseExpandablePanel */\n  contentStyle?: CSSProperties;\n  [key: string]: any;\n};\nexport const BaseExpandablePanel: React.FC<BaseExpandablePanelProps> = ({\n  title,\n  children,\n  className,\n  id,\n  open,\n  onToggle,\n  contentStyle,\n  ...rest\n}) => {\n  return (\n    <div className={classNames('eds-expandable-panel', className)}>\n      <button\n        type=\"button\"\n        className=\"eds-expandable-panel__trigger\"\n        onClick={onToggle}\n        aria-expanded={open}\n        aria-controls={open ? id : undefined}\n        {...rest}\n      >\n        <span className=\"eds-expandable-panel__grid\">\n          <Heading5 margin=\"none\" as=\"span\">\n            {title}\n          </Heading5>\n          <span className=\"eds-expandable-panel__icon-container\">\n            <ExpandArrow open={open} />\n          </span>\n        </span>\n      </button>\n      <BaseExpand\n        className=\"eds-expandable-panel__content\"\n        id={id}\n        open={open}\n        style={contentStyle}\n      >\n        {children}\n      </BaseExpand>\n    </div>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { useRandomId } from '@entur/utils';\nimport { BaseExpandablePanel } from './BaseExpandablePanel';\nimport { useAccordion } from './Accordion';\n\nexport type AccordionItemProps = {\n  /** Teksten som skal stå i panelet */\n  title: React.ReactNode;\n  /** Innholdet som skal vises under panelet */\n  children: React.ReactNode;\n  /** Hvilken tilstand AccordionItem skal ha som default\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Styling som sendes til innholdet av AccordionItem */\n  contentStyle?: CSSProperties;\n  [key: string]: any;\n};\nexport const AccordionItem: React.FC<AccordionItemProps> = ({\n  defaultOpen = false,\n  id: overrideId,\n  contentStyle,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-accordion-item');\n  const id = overrideId || randomId;\n  const { isOpen, toggle } = useAccordion({ id, defaultOpen });\n\n  return (\n    <BaseExpandablePanel\n      {...rest}\n      contentStyle={contentStyle}\n      id={id}\n      onToggle={toggle}\n      open={isOpen}\n    />\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { useRandomId } from '@entur/utils';\nimport { BaseExpandablePanel } from './BaseExpandablePanel';\n\nexport type ExpandablePanelProps = {\n  /** Teksten som skal stå i panelet */\n  title: React.ReactNode;\n  /** Innholdet som skal vises under panelet */\n  children: React.ReactNode;\n  /** Hvilken tilstand ExpandablePanel skal ha som default\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Funksjonen som styrer åpningen av ExpandablePanel */\n  onToggle?: () => void;\n  /** Styling som sendes til innholdet av ExpandablePanel */\n  contentStyle?: CSSProperties;\n  [key: string]: any;\n};\nexport const ExpandablePanel: React.FC<ExpandablePanelProps> = ({\n  defaultOpen = false,\n  contentStyle,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-expandable');\n\n  const [isOpen, setOpen] = React.useState(defaultOpen);\n\n  return (\n    <BaseExpandablePanel\n      id={randomId}\n      open={isOpen}\n      onToggle={() => setOpen(prev => !prev)}\n      contentStyle={contentStyle}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Heading5 } from '@entur/typography';\nimport { ExpandArrow } from './ExpandArrow';\n\nexport type ExandableTextButtonProps = {\n  children: React.ReactNode;\n  /** Prop for om innholdet er åpent */\n  open?: boolean;\n  /** Funksjonen som styrer åpningen av ExpandableTextButton */\n  onToggle: () => void;\n  /** Den typografiske komponenten for tittelen\n   * @default Heading5\n   */\n  as?: React.ElementType;\n  [key: string]: any;\n};\n\nexport const ExpandableTextButton: React.FC<ExandableTextButtonProps> = ({\n  children,\n  open,\n  onToggle,\n  as: Component = Heading5,\n  ...rest\n}) => {\n  return (\n    <button\n      className=\"eds-expandable-text__trigger\"\n      aria-expanded={open}\n      type=\"button\"\n      onClick={onToggle}\n      {...rest}\n    >\n      <Component as=\"span\">{children}</Component>\n      <ExpandArrow open={open} className=\"eds-expandable-text__arrow\" inline />\n    </button>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { useRandomId } from '@entur/utils';\nimport { ExpandableTextButton } from './ExpandableTextButton';\nimport { BaseExpand } from './BaseExpand';\nimport { Heading5, Paragraph, SubParagraph } from '@entur/typography';\nimport './ExpandableText.scss';\n\nexport type ExpandableTextProps = {\n  /** Teksten som skal \"vises\" */\n  title: string;\n  /** Innholdet som skal vises under linken */\n  children: React.ReactNode;\n  /** Hvilken tilstand ExpandableText skal ha som default (med mindre den er kontrollert)\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandableText, sammen med onToggle */\n  open?: boolean;\n  /** Funksjonen som styrer åpningen av ExpandableText */\n  onToggle?: () => void;\n  /**Styling som sendes til innholdet av ExpandableText */\n  contentStyle?: CSSProperties;\n  /** Hvilket typografisk element tittelen er\n   * @default \"Heading5\"\n   */\n  titleElement?: 'Heading5' | 'Paragraph' | 'SubParagraph';\n  [key: string]: any;\n};\n\nexport const ExpandableText: React.FC<ExpandableTextProps> = ({\n  title,\n  children,\n  defaultOpen = false,\n  contentStyle,\n  titleElement = 'Heading5',\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-expandable-text');\n  const [isOpen, setOpen] = React.useState(defaultOpen);\n\n  const Element: React.ElementType = React.useMemo(\n    () => GetTypographyComponent(titleElement),\n    [titleElement],\n  );\n\n  return (\n    <>\n      <ExpandableTextButton\n        open={isOpen}\n        onToggle={() => setOpen(prev => !prev)}\n        aria-controls={isOpen ? randomId : undefined}\n        as={Element}\n        {...rest}\n      >\n        {title}\n      </ExpandableTextButton>\n      <BaseExpand\n        className=\"eds-expandable-text__content\"\n        id={randomId}\n        open={isOpen}\n        style={contentStyle}\n        {...rest}\n      >\n        {children}\n      </BaseExpand>\n    </>\n  );\n};\n\nfunction GetTypographyComponent(\n  element: 'Heading5' | 'Paragraph' | 'SubParagraph',\n) {\n  switch (element) {\n    case 'Heading5':\n      return Heading5;\n    case 'Paragraph':\n      return Paragraph;\n    case 'SubParagraph':\n      return SubParagraph;\n    default:\n      return Heading5;\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('expand', 'typography', 'icons');\n\nexport * from './Accordion';\nexport * from './AccordionItem';\nexport * from './ExpandablePanel';\nexport * from './BaseExpand';\nexport * from './ExpandableText';\nexport * from './ExpandableTextButton';\nexport * from './ExpandArrow';\n"],"names":["AccordionContext","React","createContext","Accordion","rest","currentlyOpenState","useState","createElement","Provider","value","useAccordion","id","defaultOpen","contextValue","useContext","Error","openId","setOpenId","useEffect","isOpen","toggle","BaseExpand","open","_excluded","UnmountClosed","isOpened","ExpandArrow","className","DownArrowIcon","classNames","BaseExpandablePanel","title","children","onToggle","contentStyle","type","onClick","undefined","Heading5","margin","as","style","AccordionItem","overrideId","randomId","useRandomId","ExpandablePanel","setOpen","prev","ExpandableTextButton","Component","inline","ExpandableText","titleElement","Element","useMemo","GetTypographyComponent","Fragment","element","Paragraph","SubParagraph","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -2,13 +2,6 @@
   --eds-expand: 1;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-expandable-arrow {
-  transition: 0.2s transform ease-out;
-}
-.eds-expandable-arrow--open {
-  transform: rotate(-180deg);
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-expandable-text__trigger {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -40,6 +33,13 @@
   margin-left: 0.5rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-expandable-arrow {
+  transition: 0.2s transform ease-out;
+}
+.eds-expandable-arrow--open {
+  transform: rotate(-180deg);
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-expandable-panel {
   width: 100%;
   position: relative;
@@ -75,7 +75,6 @@
   text-align: left;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   width: 100%;
   word-break: break-word;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/expand",
-  "version": "3.3.30",
+  "version": "3.3.32",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/expand.esm.js",
@@ -20,22 +20,22 @@
     "start": "dts watch --noClean",
     "build": "dts build",
     "test": "dts test",
-    "lint": "dts lint"
+    "lint": "dts lint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/icons": "^5.4.2",
-    "@entur/tokens": "^3.4.4",
-    "@entur/typography": "^1.7.5",
-    "@entur/utils": "^0.5.0",
+    "@entur/icons": "^5.5.0",
+    "@entur/tokens": "^3.5.0",
+    "@entur/typography": "^1.7.7",
+    "@entur/utils": "^0.5.2",
     "classnames": "^2.3.1",
     "react-collapse": "^5.1.0"
   },
   "devDependencies": {
     "@types/react-collapse": "^5.0.1"
   },
-  "gitHead": "36772ae4f2d8375622acff19736c07d15435cb95"
+  "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
 }