@entur/expand 3.6.13-beta.9 → 3.6.13

package/dist/expand.cjs.js

@@ -0,0 +1,234 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@entur/utils");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("classnames");
+const typography = require("@entur/typography");
+const reactCollapse = require("react-collapse");
+const icons = require("@entur/icons");
+const AccordionContext = React.createContext(null);
+const Accordion = ({ ...rest }) => {
+  const currentlyOpenState = React.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: currentlyOpenState, ...rest });
+};
+const useAccordion = ({ id, defaultOpen }) => {
+  const contextValue = React.useContext(AccordionContext);
+  if (!contextValue) {
+    throw new Error("You need to wrap your AccordionItem inside an Accordion");
+  }
+  const [openId, setOpenId] = contextValue;
+  React.useEffect(() => {
+    if (defaultOpen) {
+      setOpenId(id);
+    }
+  }, [defaultOpen, id, setOpenId]);
+  const isOpen = openId === id;
+  return {
+    isOpen,
+    toggle: () => setOpenId(isOpen ? null : id)
+  };
+};
+const BaseExpand = ({ open, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactCollapse.UnmountClosed, { isOpened: open, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest }) });
+};
+const ExpandArrow = ({
+  open = false,
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    icons.DownArrowIcon,
+    {
+      className: classNames(className, "eds-expandable-arrow", {
+        "eds-expandable-arrow--open": open
+      }),
+      ...rest,
+      "aria-hidden": "true"
+    }
+  );
+};
+const BaseExpandablePanel = ({
+  title,
+  children,
+  className,
+  id,
+  open,
+  onToggle,
+  contentStyle,
+  disableAnimation,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classNames("eds-expandable-panel", className, {
+        "eds-expandable-panel--disable-animation": disableAnimation
+      }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "eds-expandable-panel__trigger",
+            onClick: onToggle,
+            "aria-expanded": open,
+            "aria-controls": open ? id : void 0,
+            ...rest,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "eds-expandable-panel__grid", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(typography.Heading5, { margin: "none", as: "span", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "eds-expandable-panel__icon-container", children: /* @__PURE__ */ jsxRuntime.jsx(ExpandArrow, { open }) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BaseExpand,
+          {
+            className: "eds-expandable-panel__content",
+            id,
+            open,
+            style: contentStyle,
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+const AccordionItem = ({
+  defaultOpen = false,
+  id: overrideId,
+  contentStyle,
+  ...rest
+}) => {
+  const randomId = utils.useRandomId("eds-accordion-item");
+  const id = overrideId || randomId;
+  const { isOpen, toggle } = useAccordion({ id, defaultOpen });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseExpandablePanel,
+    {
+      ...rest,
+      contentStyle,
+      id,
+      onToggle: toggle,
+      open: isOpen
+    }
+  );
+};
+const ExpandablePanel = ({
+  defaultOpen = false,
+  contentStyle,
+  ...rest
+}) => {
+  const randomId = utils.useRandomId("eds-expandable");
+  const [isOpen, setOpen] = React.useState(defaultOpen);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseExpandablePanel,
+    {
+      id: randomId,
+      open: isOpen,
+      onToggle: () => setOpen((prev) => !prev),
+      contentStyle,
+      ...rest
+    }
+  );
+};
+const ExpandableTextButton = ({
+  children,
+  open,
+  onToggle,
+  as: Component = typography.Heading5,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      className: "eds-expandable-text__trigger",
+      "aria-expanded": open,
+      type: "button",
+      onClick: onToggle,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Component, { children }),
+        /* @__PURE__ */ jsxRuntime.jsx(ExpandArrow, { open, className: "eds-expandable-text__arrow" })
+      ]
+    }
+  );
+};
+const ExpandableText = ({
+  title,
+  children,
+  defaultOpen = false,
+  contentStyle,
+  titleElement = "Heading5",
+  disableAnimation,
+  className,
+  ...rest
+}) => {
+  const randomId = utils.useRandomId("eds-expandable-text");
+  const [isOpen, setOpen] = React.useState(defaultOpen);
+  const Element = React.useMemo(
+    () => GetTypographyComponent(titleElement),
+    [titleElement]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classNames("eds-expandable-text", className, {
+        "eds-expandable-text--disable-animation": disableAnimation
+      }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ExpandableTextButton,
+          {
+            open: isOpen,
+            onToggle: () => setOpen((prev) => !prev),
+            "aria-controls": isOpen ? randomId : void 0,
+            as: Element,
+            ...rest,
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BaseExpand,
+          {
+            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.js.map

package/dist/expand.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.cjs.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":["jsx","UnmountClosed","DownArrowIcon","jsxs","Heading5","useRandomId","Heading4","Heading3","Heading2","Paragraph","SubParagraph","warnAboutMissingStyles"],"mappings":"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"}