@entur/expand 3.6.13-beta.3 → 3.6.13-beta.5

package/dist/Accordion.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type Id = string | null;
+export type AccordionProps = {
+    /** To eller flere AccordionItem-komponenter */
+    children: React.ReactNode;
+    [key: string]: any;
+};
+export declare const Accordion: React.FC<AccordionProps>;
+type UseAccordionArgs = {
+    id: Id;
+    defaultOpen?: boolean;
+};
+export declare const useAccordion: ({ id, defaultOpen }: UseAccordionArgs) => {
+    isOpen: boolean;
+    toggle: () => void;
+};
+export {};

package/dist/AccordionItem.d.ts

@@ -0,0 +1,16 @@
+import React, { CSSProperties } from 'react';
+export type AccordionItemProps = {
+    /** Teksten som skal stå i panelet */
+    title: React.ReactNode;
+    /** Innholdet som skal vises under panelet */
+    children: React.ReactNode;
+    /** Hvilken tilstand AccordionItem skal ha som default
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Styling som sendes til innholdet av AccordionItem */
+    contentStyle?: CSSProperties;
+    disableAnimation?: boolean;
+    [key: string]: any;
+};
+export declare const AccordionItem: React.FC<AccordionItemProps>;

package/dist/BaseExpand.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './BaseExpand.scss';
+type BaseExpandProps = {
+    /** Innholdet som skal være expandable */
+    children: React.ReactNode;
+    /** Boolean for om innholdet vises eller ikke */
+    open: boolean;
+    [key: string]: any;
+};
+export declare const BaseExpand: React.FC<BaseExpandProps>;
+export {};

package/dist/BaseExpandablePanel.d.ts

@@ -0,0 +1,20 @@
+import React, { CSSProperties } from 'react';
+import './BaseExpandablePanel.scss';
+type BaseExpandablePanelProps = {
+    /** Teksten som skal stå i panelet */
+    title: React.ReactNode;
+    /** Innholdet som skal vises under panelet */
+    children: React.ReactNode;
+    /** IDen til expand-panelet */
+    id: string;
+    /** Prop for om innholdet er åpent */
+    open: boolean;
+    /** Funksjonen som styrer åpningen av BaseExpandablePanel */
+    onToggle: () => void;
+    /** Styling som sendes til innholdet av BaseExpandablePanel */
+    contentStyle?: CSSProperties;
+    disableAnimation?: boolean;
+    [key: string]: any;
+};
+export declare const BaseExpandablePanel: React.FC<BaseExpandablePanelProps>;
+export {};

package/dist/ExpandArrow.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './ExpandArrow.scss';
+type ExpandArrowProps = {
+    /** Om innholdet er åpent eller ikke, som bestemmer retningen på pila
+     * @default false
+     */
+    open?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    [key: string]: any;
+};
+export declare const ExpandArrow: React.FC<ExpandArrowProps>;
+export {};

package/dist/ExpandablePanel.d.ts

@@ -0,0 +1,17 @@
+import React, { CSSProperties } from 'react';
+export type ExpandablePanelProps = {
+    /** Teksten som skal stå i panelet */
+    title: React.ReactNode;
+    /** Innholdet som skal vises under panelet */
+    children: React.ReactNode;
+    /** Hvilken tilstand ExpandablePanel skal ha som default
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Funksjonen som styrer åpningen av ExpandablePanel */
+    onToggle?: () => void;
+    /** Styling som sendes til innholdet av ExpandablePanel */
+    contentStyle?: CSSProperties;
+    [key: string]: any;
+};
+export declare const ExpandablePanel: React.FC<ExpandablePanelProps>;

package/dist/ExpandableText.d.ts

@@ -0,0 +1,25 @@
+import React, { CSSProperties } from 'react';
+import './ExpandableText.scss';
+export type ExpandableTextProps = {
+    /** Teksten som skal "vises" */
+    title: React.ReactNode;
+    /** Innholdet som skal vises under linken */
+    children: React.ReactNode;
+    /** Hvilken tilstand ExpandableText skal ha som default (med mindre den er kontrollert)
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandableText, sammen med onToggle */
+    open?: boolean;
+    /** Funksjonen som styrer åpningen av ExpandableText */
+    onToggle?: () => void;
+    /**Styling som sendes til innholdet av ExpandableText */
+    contentStyle?: CSSProperties;
+    /** Hvilket typografisk element tittelen er
+     * @default "Heading5"
+     */
+    titleElement?: 'Heading5' | 'Paragraph' | 'SubParagraph';
+    disableAnimation?: boolean;
+    [key: string]: any;
+};
+export declare const ExpandableText: React.FC<ExpandableTextProps>;

package/dist/ExpandableTextButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type ExandableTextButtonProps = {
+    children: React.ReactNode;
+    /** Prop for om innholdet er åpent */
+    open?: boolean;
+    /** Funksjonen som styrer åpningen av ExpandableTextButton */
+    onToggle: () => void;
+    /** Den typografiske komponenten for tittelen
+     * @default Heading5
+     */
+    as?: React.ElementType;
+    [key: string]: any;
+};
+export declare const ExpandableTextButton: React.FC<ExandableTextButtonProps>;

package/dist/expand.cjs.development.js

@@ -0,0 +1,259 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@entur/utils');
+var React = require('react');
+var classNames = require('classnames');
+var typography = require('@entur/typography');
+var reactCollapse = require('react-collapse');
+var icons = require('@entur/icons');
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var AccordionContext = /*#__PURE__*/React.createContext(null);
+var Accordion = function Accordion(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  var currentlyOpenState = React.useState(null);
+  return React.createElement(AccordionContext.Provider, _extends({
+    value: currentlyOpenState
+  }, rest));
+};
+var useAccordion = function useAccordion(_ref2) {
+  var id = _ref2.id,
+    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];
+  React.useEffect(function () {
+    if (defaultOpen) {
+      setOpenId(id);
+    }
+  }, [defaultOpen, id, setOpenId]);
+  var isOpen = openId === id;
+  return {
+    isOpen: isOpen,
+    toggle: function toggle() {
+      return setOpenId(isOpen ? null : id);
+    }
+  };
+};
+
+var _excluded$6 = ["open"];
+var BaseExpand = function BaseExpand(_ref) {
+  var open = _ref.open,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+  return React.createElement(reactCollapse.UnmountClosed, {
+    isOpened: open
+  }, React.createElement("div", _extends({}, rest)));
+};
+
+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);
+  return React.createElement(icons.DownArrowIcon, _extends({
+    className: classNames(className, 'eds-expandable-arrow', {
+      'eds-expandable-arrow--open': open
+    })
+  }, rest, {
+    "aria-hidden": "true"
+  }));
+};
+
+var _excluded$4 = ["title", "children", "className", "id", "open", "onToggle", "contentStyle", "disableAnimation"];
+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,
+    disableAnimation = _ref.disableAnimation,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  return React.createElement("div", {
+    className: classNames('eds-expandable-panel', className, {
+      'eds-expandable-panel--disable-animation': disableAnimation
+    })
+  }, React.createElement("button", _extends({
+    type: "button",
+    className: "eds-expandable-panel__trigger",
+    onClick: onToggle,
+    "aria-expanded": open,
+    "aria-controls": open ? id : undefined
+  }, rest), React.createElement("span", {
+    className: "eds-expandable-panel__grid"
+  }, React.createElement(typography.Heading5, {
+    margin: "none",
+    as: "span"
+  }, title), React.createElement("span", {
+    className: "eds-expandable-panel__icon-container"
+  }, React.createElement(ExpandArrow, {
+    open: open
+  })))), React.createElement(BaseExpand, {
+    className: "eds-expandable-panel__content",
+    id: id,
+    open: open,
+    style: contentStyle
+  }, children));
+};
+
+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);
+  var randomId = utils.useRandomId('eds-accordion-item');
+  var id = overrideId || randomId;
+  var _useAccordion = useAccordion({
+      id: id,
+      defaultOpen: defaultOpen
+    }),
+    isOpen = _useAccordion.isOpen,
+    toggle = _useAccordion.toggle;
+  return React.createElement(BaseExpandablePanel, _extends({}, rest, {
+    contentStyle: contentStyle,
+    id: id,
+    onToggle: toggle,
+    open: isOpen
+  }));
+};
+
+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);
+  var randomId = utils.useRandomId('eds-expandable');
+  var _React$useState = React.useState(defaultOpen),
+    isOpen = _React$useState[0],
+    setOpen = _React$useState[1];
+  return React.createElement(BaseExpandablePanel, _extends({
+    id: randomId,
+    open: isOpen,
+    onToggle: function onToggle() {
+      return setOpen(function (prev) {
+        return !prev;
+      });
+    },
+    contentStyle: contentStyle
+  }, rest));
+};
+
+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 ? typography.Heading5 : _ref$as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return React.createElement("button", _extends({
+    className: "eds-expandable-text__trigger",
+    "aria-expanded": open,
+    type: "button",
+    onClick: onToggle
+  }, rest), React.createElement(Component, null, children), React.createElement(ExpandArrow, {
+    open: open,
+    className: "eds-expandable-text__arrow"
+  }));
+};
+
+var _excluded = ["title", "children", "defaultOpen", "contentStyle", "titleElement", "disableAnimation", "className"];
+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,
+    disableAnimation = _ref.disableAnimation,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var randomId = utils.useRandomId('eds-expandable-text');
+  var _React$useState = React.useState(defaultOpen),
+    isOpen = _React$useState[0],
+    setOpen = _React$useState[1];
+  var Element = React.useMemo(function () {
+    return GetTypographyComponent(titleElement);
+  }, [titleElement]);
+  return React.createElement("div", {
+    className: classNames('eds-expandable-text', className, {
+      'eds-expandable-text--disable-animation': disableAnimation
+    })
+  }, React.createElement(ExpandableTextButton, _extends({
+    open: isOpen,
+    onToggle: function onToggle() {
+      return setOpen(function (prev) {
+        return !prev;
+      });
+    },
+    "aria-controls": isOpen ? randomId : undefined,
+    as: Element
+  }, rest), title), React.createElement(BaseExpand, _extends({
+    className: "eds-expandable-text__content",
+    id: randomId,
+    open: isOpen,
+    style: contentStyle
+  }, rest), children));
+};
+function GetTypographyComponent(element) {
+  switch (element) {
+    case 'Heading5':
+      return typography.Heading5;
+    case 'Heading4':
+      return typography.Heading4;
+    case 'Heading3':
+      return typography.Heading3;
+    case 'Heading2':
+      return typography.Heading2;
+    case 'Paragraph':
+      return typography.Paragraph;
+    case 'SubParagraph':
+      return typography.SubParagraph;
+    default:
+      return typography.Heading5;
+  }
+}
+
+utils.warnAboutMissingStyles('expand', 'typography', 'icons');
+
+exports.Accordion = Accordion;
+exports.AccordionItem = AccordionItem;
+exports.BaseExpand = BaseExpand;
+exports.ExpandArrow = ExpandArrow;
+exports.ExpandablePanel = ExpandablePanel;
+exports.ExpandableText = ExpandableText;
+exports.ExpandableTextButton = ExpandableTextButton;
+exports.useAccordion = useAccordion;
+//# sourceMappingURL=expand.cjs.development.js.map

package/dist/expand.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.cjs.development.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\nimport './BaseExpand.scss';\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      aria-hidden=\"true\"\n    />\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport classNames from 'classnames';\n\nimport { Heading5 } from '@entur/typography';\nimport { BaseExpand } from './BaseExpand';\nimport { ExpandArrow } from './ExpandArrow';\n\nimport './BaseExpandablePanel.scss';\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  disableAnimation?: boolean;\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  disableAnimation,\n  ...rest\n}) => {\n  return (\n    <div\n      className={classNames('eds-expandable-panel', className, {\n        'eds-expandable-panel--disable-animation': disableAnimation,\n      })}\n    >\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  disableAnimation?: boolean;\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>{children}</Component>\n      <ExpandArrow open={open} className=\"eds-expandable-text__arrow\" />\n    </button>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport classNames from 'classnames';\n\nimport { useRandomId } from '@entur/utils';\nimport { ExpandableTextButton } from './ExpandableTextButton';\nimport { BaseExpand } from './BaseExpand';\nimport {\n  Heading2,\n  Heading3,\n  Heading4,\n  Heading5,\n  Paragraph,\n  SubParagraph,\n} from '@entur/typography';\n\nimport './ExpandableText.scss';\n\nexport type ExpandableTextProps = {\n  /** Teksten som skal \"vises\" */\n  title: React.ReactNode;\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  disableAnimation?: boolean;\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  disableAnimation,\n  className,\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    <div\n      className={classNames('eds-expandable-text', className, {\n        'eds-expandable-text--disable-animation': disableAnimation,\n      })}\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    </div>\n  );\n};\n\nfunction GetTypographyComponent(\n  element:\n    | 'Heading5'\n    | 'Heading4'\n    | 'Heading3'\n    | 'Heading2'\n    | 'Paragraph'\n    | 'SubParagraph',\n) {\n  switch (element) {\n    case 'Heading5':\n      return Heading5;\n    case 'Heading4':\n      return Heading4;\n    case 'Heading3':\n      return Heading3;\n    case 'Heading2':\n      return Heading2;\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","_ref","rest","_extends","_objectDestructuringEmpty","currentlyOpenState","useState","createElement","Provider","value","useAccordion","_ref2","id","defaultOpen","contextValue","useContext","Error","openId","setOpenId","useEffect","isOpen","toggle","BaseExpand","open","_objectWithoutPropertiesLoose","_excluded","UnmountClosed","isOpened","ExpandArrow","_ref$open","className","DownArrowIcon","classNames","BaseExpandablePanel","title","children","onToggle","contentStyle","disableAnimation","type","onClick","undefined","Heading5","margin","as","style","AccordionItem","_ref$defaultOpen","overrideId","randomId","useRandomId","_useAccordion","ExpandablePanel","_React$useState","setOpen","prev","ExpandableTextButton","_ref$as","Component","ExpandableText","_ref$titleElement","titleElement","Element","useMemo","GetTypographyComponent","element","Heading4","Heading3","Heading2","Paragraph","SubParagraph","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAA8B,IAAI,CAAC,CAAA;IAQlEC,SAAS,GAA6B,SAAtCA,SAASA,CAAAC,IAAA,EAA6C;EAAA,IAAVC,IAAI,GAAAC,QAAA,CAAA,EAAA,GAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA,EAAA,CAAA;AAC3D,EAAA,IAAMI,kBAAkB,GAAGP,KAAK,CAACQ,QAAQ,CAAK,IAAI,CAAC,CAAA;EACnD,OAAOR,KAAA,CAAAS,aAAA,CAACV,gBAAgB,CAACW,QAAQ,EAAAL,QAAA,CAAA;AAACM,IAAAA,KAAK,EAAEJ,kBAAAA;GAAwBH,EAAAA,IAAI,CAAA,CAAI,CAAA;AAC3E,EAAC;IAOYQ,YAAY,GAGrB,SAHSA,YAAYA,CAAAC,KAAA,EAGqB;AAAA,EAAA,IAAvCC,EAAE,GAAAD,KAAA,CAAFC,EAAE;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW,CAAA;AACpB,EAAA,IAAMC,YAAY,GAAGhB,KAAK,CAACiB,UAAU,CAAClB,gBAAgB,CAAC,CAAA;EACvD,IAAI,CAACiB,YAAY,EAAE;AACjB,IAAA,MAAM,IAAIE,KAAK,CAAC,yDAAyD,CAAC,CAAA;AAC5E,GAAA;EAEA,IAAOC,MAAM,GAAeH,YAAY,CAAA,CAAA,CAAA;AAAzBI,IAAAA,SAAS,GAAIJ,YAAY,CAAA,CAAA,CAAA,CAAA;EAExChB,KAAK,CAACqB,SAAS,CAAC,YAAK;AACnB,IAAA,IAAIN,WAAW,EAAE;MACfK,SAAS,CAACN,EAAE,CAAC,CAAA;AACf,KAAA;GACD,EAAE,CAACC,WAAW,EAAED,EAAE,EAAEM,SAAS,CAAC,CAAC,CAAA;AAEhC,EAAA,IAAME,MAAM,GAAGH,MAAM,KAAKL,EAAE,CAAA;EAE5B,OAAO;AACLQ,IAAAA,MAAM,EAANA,MAAM;IACNC,MAAM,EAAE,SAARA,MAAMA,GAAA;AAAA,MAAA,OAAQH,SAAS,CAACE,MAAM,GAAG,IAAI,GAAGR,EAAE,CAAC,CAAA;AAAA,KAAA;GAC5C,CAAA;AACH;;;IChCaU,UAAU,GAA8B,SAAxCA,UAAUA,CAAArB,IAAA,EAAoD;AAAA,EAAA,IAAnBsB,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;AAAKrB,IAAAA,IAAI,GAAAsB,6BAAA,CAAAvB,IAAA,EAAAwB,WAAA,CAAA,CAAA;AACnE,EAAA,OACE3B,KAAC,CAAAS,aAAA,CAAAmB,2BAAa,EAAC;AAAAC,IAAAA,QAAQ,EAAEJ,IAAAA;AAAI,GAAA,EAC3BzB,KAAA,CAAAS,aAAA,CAAA,KAAA,EAAAJ,QAAA,CAASD,EAAAA,EAAAA,IAAI,CAAA,CAAI,CACH,CAAA;AAEpB;;;ICJa0B,WAAW,GAA+B,SAA1CA,WAAWA,CAAA3B,IAAA,EAInB;AAAA,EAAA,IAAA4B,SAAA,GAAA5B,IAAA,CAHHsB,IAAI;AAAJA,IAAAA,IAAI,GAAAM,SAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,SAAA;IACZC,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;AACN5B,IAAAA,IAAI,GAAAsB,6BAAA,CAAAvB,IAAA,EAAAwB,WAAA,CAAA,CAAA;AAEP,EAAA,OACE3B,KAAC,CAAAS,aAAA,CAAAwB,mBAAa,EAAA5B,QAAA,CAAA;AACZ2B,IAAAA,SAAS,EAAEE,UAAU,CAACF,SAAS,EAAE,sBAAsB,EAAE;AACvD,MAAA,4BAA4B,EAAEP,IAAAA;KAC/B,CAAA;AAAC,GAAA,EACErB,IAAI,EAAA;AAAA,IAAA,aAAA,EACI,MAAA;AAAM,GAAA,CAAA,CAClB,CAAA;AAEN;;;ACJO,IAAM+B,mBAAmB,GAAuC,SAA1DA,mBAAmBA,CAAAhC,IAAA,EAU3B;AAAA,EAAA,IATHiC,KAAK,GAAAjC,IAAA,CAALiC,KAAK;IACLC,QAAQ,GAAAlC,IAAA,CAARkC,QAAQ;IACRL,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;IACTlB,EAAE,GAAAX,IAAA,CAAFW,EAAE;IACFW,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;IACJa,QAAQ,GAAAnC,IAAA,CAARmC,QAAQ;IACRC,YAAY,GAAApC,IAAA,CAAZoC,YAAY;IACZC,gBAAgB,GAAArC,IAAA,CAAhBqC,gBAAgB;AACbpC,IAAAA,IAAI,GAAAsB,6BAAA,CAAAvB,IAAA,EAAAwB,WAAA,CAAA,CAAA;AAEP,EAAA,OACE3B;AACEgC,IAAAA,SAAS,EAAEE,UAAU,CAAC,sBAAsB,EAAEF,SAAS,EAAE;AACvD,MAAA,yCAAyC,EAAEQ,gBAAAA;KAC5C,CAAA;AAAC,GAAA,EAEFxC,KACE,CAAAS,aAAA,CAAA,QAAA,EAAAJ,QAAA,CAAA;AAAAoC,IAAAA,IAAI,EAAC,QAAQ;AACbT,IAAAA,SAAS,EAAC,+BAA+B;AACzCU,IAAAA,OAAO,EAAEJ,QAAQ;AAAA,IAAA,eAAA,EACFb,IAAI;AACJ,IAAA,eAAA,EAAAA,IAAI,GAAGX,EAAE,GAAG6B,SAAAA;AAAS,GAAA,EAChCvC,IAAI,CAERJ,EAAAA,KAAM,CAAAS,aAAA,CAAA,MAAA,EAAA;AAAAuB,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,EAC1ChC,KAAC,CAAAS,aAAA,CAAAmC,mBAAQ,EAAC;AAAAC,IAAAA,MAAM,EAAC,MAAM;AAACC,IAAAA,EAAE,EAAC,MAAA;GACxB,EAAAV,KAAK,CACG,EACXpC,KAAM,CAAAS,aAAA,CAAA,MAAA,EAAA;AAAAuB,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EACpDhC,KAAC,CAAAS,aAAA,CAAAqB,WAAW;AAACL,IAAAA,IAAI,EAAEA,IAAAA;GAAQ,CAAA,CACtB,CACF,CACA,EACTzB,KAAC,CAAAS,aAAA,CAAAe,UAAU;AACTQ,IAAAA,SAAS,EAAC,+BAA+B;AACzClB,IAAAA,EAAE,EAAEA,EAAE;AACNW,IAAAA,IAAI,EAAEA,IAAI;AACVsB,IAAAA,KAAK,EAAER,YAAAA;KAENF,QAAQ,CACE,CACT,CAAA;AAEV,CAAC;;;IClDYW,aAAa,GAAiC,SAA9CA,aAAaA,CAAA7C,IAAA,EAKrB;AAAA,EAAA,IAAA8C,gBAAA,GAAA9C,IAAA,CAJHY,WAAW;AAAXA,IAAAA,WAAW,GAAAkC,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;IACfC,UAAU,GAAA/C,IAAA,CAAdW,EAAE;IACFyB,YAAY,GAAApC,IAAA,CAAZoC,YAAY;AACTnC,IAAAA,IAAI,GAAAsB,6BAAA,CAAAvB,IAAA,EAAAwB,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMwB,QAAQ,GAAGC,iBAAW,CAAC,oBAAoB,CAAC,CAAA;AAClD,EAAA,IAAMtC,EAAE,GAAGoC,UAAU,IAAIC,QAAQ,CAAA;EACjC,IAAAE,aAAA,GAA2BzC,YAAY,CAAC;AAAEE,MAAAA,EAAE,EAAFA,EAAE;AAAEC,MAAAA,WAAW,EAAXA,WAAAA;AAAW,KAAE,CAAC;IAApDO,MAAM,GAAA+B,aAAA,CAAN/B,MAAM;IAAEC,MAAM,GAAA8B,aAAA,CAAN9B,MAAM,CAAA;EAEtB,OACEvB,oBAACmC,mBAAmB,EAAA9B,QAAA,KACdD,IAAI,EAAA;AACRmC,IAAAA,YAAY,EAAEA,YAAY;AAC1BzB,IAAAA,EAAE,EAAEA,EAAE;AACNwB,IAAAA,QAAQ,EAAEf,MAAM;AAChBE,IAAAA,IAAI,EAAEH,MAAAA;AAAM,GAAA,CACZ,CAAA,CAAA;AAEN;;;ICnBagC,eAAe,GAAmC,SAAlDA,eAAeA,CAAAnD,IAAA,EAIvB;AAAA,EAAA,IAAA8C,gBAAA,GAAA9C,IAAA,CAHHY,WAAW;AAAXA,IAAAA,WAAW,GAAAkC,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;IACnBV,YAAY,GAAApC,IAAA,CAAZoC,YAAY;AACTnC,IAAAA,IAAI,GAAAsB,6BAAA,CAAAvB,IAAA,EAAAwB,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMwB,QAAQ,GAAGC,iBAAW,CAAC,gBAAgB,CAAC,CAAA;AAE9C,EAAA,IAAAG,eAAA,GAA0BvD,KAAK,CAACQ,QAAQ,CAACO,WAAW,CAAC;AAA9CO,IAAAA,MAAM,GAAAiC,eAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,OAAO,GAAAD,eAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,OACEvD,KAAA,CAAAS,aAAA,CAAC0B,mBAAmB,EAAA9B,QAAA,CAAA;AAClBS,IAAAA,EAAE,EAAEqC,QAAQ;AACZ1B,IAAAA,IAAI,EAAEH,MAAM;IACZgB,QAAQ,EAAE,SAAVA,QAAQA,GAAA;MAAA,OAAQkB,OAAO,CAAC,UAAAC,IAAI,EAAA;AAAA,QAAA,OAAI,CAACA,IAAI,CAAA;OAAC,CAAA,CAAA;AAAA,KAAA;AACtClB,IAAAA,YAAY,EAAEA,YAAAA;GACVnC,EAAAA,IAAI,CAAA,CACR,CAAA;AAEN;;;ICpBasD,oBAAoB,GAAuC,SAA3DA,oBAAoBA,CAAAvD,IAAA,EAM5B;AAAA,EAAA,IALHkC,QAAQ,GAAAlC,IAAA,CAARkC,QAAQ;IACRZ,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;IACJa,QAAQ,GAAAnC,IAAA,CAARmC,QAAQ;IAAAqB,OAAA,GAAAxD,IAAA,CACR2C,EAAE;AAAEc,IAAAA,SAAS,GAAAD,OAAA,KAAGf,KAAAA,CAAAA,GAAAA,mBAAQ,GAAAe,OAAA;AACrBvD,IAAAA,IAAI,GAAAsB,6BAAA,CAAAvB,IAAA,EAAAwB,WAAA,CAAA,CAAA;AAEP,EAAA,OACE3B,KACE,CAAAS,aAAA,CAAA,QAAA,EAAAJ,QAAA,CAAA;AAAA2B,IAAAA,SAAS,EAAC,8BAA8B;qBACzBP,IAAI;AACnBgB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,OAAO,EAAEJ,QAAAA;AAAQ,GAAA,EACblC,IAAI,CAERJ,EAAAA,KAAC,CAAAS,aAAA,CAAAmD,SAAS,EAAE,IAAA,EAAAvB,QAAQ,CAAa,EACjCrC,KAAA,CAAAS,aAAA,CAACqB,WAAW,EAAA;AAACL,IAAAA,IAAI,EAAEA,IAAI;AAAEO,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,CAAG,CAC3D,CAAA;AAEb;;;ICIa6B,cAAc,GAAkC,SAAhDA,cAAcA,CAAA1D,IAAA,EAStB;AAAA,EAAA,IARHiC,KAAK,GAAAjC,IAAA,CAALiC,KAAK;IACLC,QAAQ,GAAAlC,IAAA,CAARkC,QAAQ;IAAAY,gBAAA,GAAA9C,IAAA,CACRY,WAAW;AAAXA,IAAAA,WAAW,GAAAkC,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;IACnBV,YAAY,GAAApC,IAAA,CAAZoC,YAAY;IAAAuB,iBAAA,GAAA3D,IAAA,CACZ4D,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,iBAAA;IACzBtB,gBAAgB,GAAArC,IAAA,CAAhBqC,gBAAgB;IAChBR,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;AACN5B,IAAAA,IAAI,GAAAsB,6BAAA,CAAAvB,IAAA,EAAAwB,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMwB,QAAQ,GAAGC,iBAAW,CAAC,qBAAqB,CAAC,CAAA;AACnD,EAAA,IAAAG,eAAA,GAA0BvD,KAAK,CAACQ,QAAQ,CAACO,WAAW,CAAC;AAA9CO,IAAAA,MAAM,GAAAiC,eAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,OAAO,GAAAD,eAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAMS,OAAO,GAAsBhE,KAAK,CAACiE,OAAO,CAC9C,YAAA;IAAA,OAAMC,sBAAsB,CAACH,YAAY,CAAC,CAAA;GAC1C,EAAA,CAACA,YAAY,CAAC,CACf,CAAA;AAED,EAAA,OACE/D;AACEgC,IAAAA,SAAS,EAAEE,UAAU,CAAC,qBAAqB,EAAEF,SAAS,EAAE;AACtD,MAAA,wCAAwC,EAAEQ,gBAAAA;KAC3C,CAAA;AAAC,GAAA,EAEFxC,KAAA,CAAAS,aAAA,CAACiD,oBAAoB,EAAArD,QAAA,CAAA;AACnBoB,IAAAA,IAAI,EAAEH,MAAM;IACZgB,QAAQ,EAAE,SAAVA,QAAQA,GAAA;MAAA,OAAQkB,OAAO,CAAC,UAAAC,IAAI,EAAA;AAAA,QAAA,OAAI,CAACA,IAAI,CAAA;OAAC,CAAA,CAAA;AAAA,KAAA;AAAA,IAAA,eAAA,EACvBnC,MAAM,GAAG6B,QAAQ,GAAGR,SAAS;AAC5CG,IAAAA,EAAE,EAAEkB,OAAAA;GACA5D,EAAAA,IAAI,CAEPgC,EAAAA,KAAK,CACe,EACvBpC,KAAC,CAAAS,aAAA,CAAAe,UAAU,EAAAnB,QAAA,CAAA;AACT2B,IAAAA,SAAS,EAAC,8BAA8B;AACxClB,IAAAA,EAAE,EAAEqC,QAAQ;AACZ1B,IAAAA,IAAI,EAAEH,MAAM;AACZyB,IAAAA,KAAK,EAAER,YAAAA;AAAY,GAAA,EACfnC,IAAI,CAAA,EAEPiC,QAAQ,CACE,CACT,CAAA;AAEV,EAAC;AAED,SAAS6B,sBAAsBA,CAC7BC,OAMkB,EAAA;AAElB,EAAA,QAAQA,OAAO;AACb,IAAA,KAAK,UAAU;AACb,MAAA,OAAOvB,mBAAQ,CAAA;AACjB,IAAA,KAAK,UAAU;AACb,MAAA,OAAOwB,mBAAQ,CAAA;AACjB,IAAA,KAAK,UAAU;AACb,MAAA,OAAOC,mBAAQ,CAAA;AACjB,IAAA,KAAK,UAAU;AACb,MAAA,OAAOC,mBAAQ,CAAA;AACjB,IAAA,KAAK,WAAW;AACd,MAAA,OAAOC,oBAAS,CAAA;AAClB,IAAA,KAAK,cAAc;AACjB,MAAA,OAAOC,uBAAY,CAAA;AACrB,IAAA;AACE,MAAA,OAAO5B,mBAAQ,CAAA;AACnB,GAAA;AACF;;AC5GA6B,4BAAsB,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC;;;;;;;;;;;"}

package/dist/expand.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),n=require("react"),t=require("classnames"),a=require("@entur/typography"),r=require("react-collapse"),o=require("@entur/icons");function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},l.apply(null,arguments)}function i(e,n){if(null==e)return{};var t={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==n.indexOf(a))continue;t[a]=e[a]}return t}var d=n.createContext(null),s=function(e){var t=e.id,a=e.defaultOpen,r=n.useContext(d);if(!r)throw new Error("You need to wrap your AccordionItem inside an Accordion");var o=r[0],l=r[1];n.useEffect((function(){a&&l(t)}),[a,t,l]);var i=o===t;return{isOpen:i,toggle:function(){return l(i?null:t)}}},c=["open"],u=function(e){var t=e.open,a=i(e,c);return n.createElement(r.UnmountClosed,{isOpened:t},n.createElement("div",l({},a)))},p=["open","className"],m=function(e){var a=e.open,r=void 0!==a&&a,d=e.className,s=i(e,p);return n.createElement(o.DownArrowIcon,l({className:t(d,"eds-expandable-arrow",{"eds-expandable-arrow--open":r})},s,{"aria-hidden":"true"}))},g=["title","children","className","id","open","onToggle","contentStyle","disableAnimation"],x=function(e){var r=e.title,o=e.children,d=e.className,s=e.id,c=e.open,p=e.onToggle,x=e.contentStyle,f=e.disableAnimation,b=i(e,g);return n.createElement("div",{className:t("eds-expandable-panel",d,{"eds-expandable-panel--disable-animation":f})},n.createElement("button",l({type:"button",className:"eds-expandable-panel__trigger",onClick:p,"aria-expanded":c,"aria-controls":c?s:void 0},b),n.createElement("span",{className:"eds-expandable-panel__grid"},n.createElement(a.Heading5,{margin:"none",as:"span"},r),n.createElement("span",{className:"eds-expandable-panel__icon-container"},n.createElement(m,{open:c})))),n.createElement(u,{className:"eds-expandable-panel__content",id:s,open:c,style:x},o))},f=["defaultOpen","id","contentStyle"],b=["defaultOpen","contentStyle"],v=["children","open","onToggle","as"],E=function(e){var t=e.children,r=e.open,o=e.onToggle,d=e.as,s=void 0===d?a.Heading5:d,c=i(e,v);return n.createElement("button",l({className:"eds-expandable-text__trigger","aria-expanded":r,type:"button",onClick:o},c),n.createElement(s,null,t),n.createElement(m,{open:r,className:"eds-expandable-text__arrow"}))},y=["title","children","defaultOpen","contentStyle","titleElement","disableAnimation","className"];e.warnAboutMissingStyles("expand","typography","icons"),exports.Accordion=function(e){var t=l({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(e),e)),a=n.useState(null);return n.createElement(d.Provider,l({value:a},t))},exports.AccordionItem=function(t){var a=t.defaultOpen,r=void 0!==a&&a,o=t.id,d=t.contentStyle,c=i(t,f),u=e.useRandomId("eds-accordion-item"),p=o||u,m=s({id:p,defaultOpen:r});return n.createElement(x,l({},c,{contentStyle:d,id:p,onToggle:m.toggle,open:m.isOpen}))},exports.BaseExpand=u,exports.ExpandArrow=m,exports.ExpandablePanel=function(t){var a=t.defaultOpen,r=void 0!==a&&a,o=t.contentStyle,d=i(t,b),s=e.useRandomId("eds-expandable"),c=n.useState(r),u=c[1];return n.createElement(x,l({id:s,open:c[0],onToggle:function(){return u((function(e){return!e}))},contentStyle:o},d))},exports.ExpandableText=function(r){var o=r.title,d=r.children,s=r.defaultOpen,c=void 0!==s&&s,p=r.contentStyle,m=r.titleElement,g=void 0===m?"Heading5":m,x=r.disableAnimation,f=r.className,b=i(r,y),v=e.useRandomId("eds-expandable-text"),h=n.useState(c),O=h[0],N=h[1],S=n.useMemo((function(){return function(e){switch(e){case"Heading5":default:return a.Heading5;case"Heading4":return a.Heading4;case"Heading3":return a.Heading3;case"Heading2":return a.Heading2;case"Paragraph":return a.Paragraph;case"SubParagraph":return a.SubParagraph}}(g)}),[g]);return n.createElement("div",{className:t("eds-expandable-text",f,{"eds-expandable-text--disable-animation":x})},n.createElement(E,l({open:O,onToggle:function(){return N((function(e){return!e}))},"aria-controls":O?v:void 0,as:S},b),o),n.createElement(u,l({className:"eds-expandable-text__content",id:v,open:O,style:p},b),d))},exports.ExpandableTextButton=E,exports.useAccordion=s;
+//# sourceMappingURL=expand.cjs.production.min.js.map

package/dist/expand.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.cjs.production.min.js","sources":["../src/Accordion.tsx","../src/BaseExpand.tsx","../src/ExpandArrow.tsx","../src/BaseExpandablePanel.tsx","../src/ExpandableTextButton.tsx","../src/index.tsx","../src/AccordionItem.tsx","../src/ExpandablePanel.tsx","../src/ExpandableText.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\nimport './BaseExpand.scss';\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      aria-hidden=\"true\"\n    />\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport classNames from 'classnames';\n\nimport { Heading5 } from '@entur/typography';\nimport { BaseExpand } from './BaseExpand';\nimport { ExpandArrow } from './ExpandArrow';\n\nimport './BaseExpandablePanel.scss';\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  disableAnimation?: boolean;\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  disableAnimation,\n  ...rest\n}) => {\n  return (\n    <div\n      className={classNames('eds-expandable-panel', className, {\n        'eds-expandable-panel--disable-animation': disableAnimation,\n      })}\n    >\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 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>{children}</Component>\n      <ExpandArrow open={open} className=\"eds-expandable-text__arrow\" />\n    </button>\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","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  disableAnimation?: boolean;\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, { CSSProperties } from 'react';\nimport classNames from 'classnames';\n\nimport { useRandomId } from '@entur/utils';\nimport { ExpandableTextButton } from './ExpandableTextButton';\nimport { BaseExpand } from './BaseExpand';\nimport {\n  Heading2,\n  Heading3,\n  Heading4,\n  Heading5,\n  Paragraph,\n  SubParagraph,\n} from '@entur/typography';\n\nimport './ExpandableText.scss';\n\nexport type ExpandableTextProps = {\n  /** Teksten som skal \"vises\" */\n  title: React.ReactNode;\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  disableAnimation?: boolean;\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  disableAnimation,\n  className,\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    <div\n      className={classNames('eds-expandable-text', className, {\n        'eds-expandable-text--disable-animation': disableAnimation,\n      })}\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    </div>\n  );\n};\n\nfunction GetTypographyComponent(\n  element:\n    | 'Heading5'\n    | 'Heading4'\n    | 'Heading3'\n    | 'Heading2'\n    | 'Paragraph'\n    | 'SubParagraph',\n) {\n  switch (element) {\n    case 'Heading5':\n      return Heading5;\n    case 'Heading4':\n      return Heading4;\n    case 'Heading3':\n      return Heading3;\n    case 'Heading2':\n      return Heading2;\n    case 'Paragraph':\n      return Paragraph;\n    case 'SubParagraph':\n      return SubParagraph;\n    default:\n      return Heading5;\n  }\n}\n"],"names":["AccordionContext","React","createContext","useAccordion","_ref2","id","defaultOpen","contextValue","useContext","Error","openId","setOpenId","useEffect","isOpen","toggle","BaseExpand","_ref","open","rest","_objectWithoutPropertiesLoose","_excluded","createElement","UnmountClosed","isOpened","_extends","ExpandArrow","_ref$open","className","DownArrowIcon","classNames","BaseExpandablePanel","title","children","onToggle","contentStyle","disableAnimation","type","onClick","undefined","Heading5","margin","as","style","ExpandableTextButton","_ref$as","Component","warnAboutMissingStyles","_objectDestructuringEmpty","currentlyOpenState","useState","Provider","value","_ref$defaultOpen","overrideId","randomId","useRandomId","_useAccordion","_React$useState","setOpen","prev","_ref$titleElement","titleElement","Element","useMemo","element","Heading4","Heading3","Heading2","Paragraph","SubParagraph","GetTypographyComponent"],"mappings":"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"}