@entur/expand 3.5.26-alpha.0 → 3.5.26-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/expand.cjs.development.js +15 -23
- package/dist/expand.cjs.development.js.map +1 -1
- package/dist/expand.cjs.production.min.js +1 -1
- package/dist/expand.cjs.production.min.js.map +1 -1
- package/dist/expand.esm.js +15 -23
- package/dist/expand.esm.js.map +1 -1
- package/package.json +9 -8
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
This package contains the different Expand components.
|
|
4
4
|
|
|
5
|
-
> 💡 Looking for the [documentation](https://design.entur.no/komponenter/layout-
|
|
5
|
+
> 💡 Looking for the [documentation](https://design.entur.no/komponenter/layout-og-flater/expandable)?
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -14,4 +14,4 @@ yarn add @entur/expand
|
|
|
14
14
|
|
|
15
15
|
## Usage
|
|
16
16
|
|
|
17
|
-
Please refer to the [documentation](https://design.entur.no/komponenter/layout-
|
|
17
|
+
Please refer to the [documentation](https://design.entur.no/komponenter/layout-og-flater/expandable) for usage information.
|
|
@@ -10,33 +10,25 @@ var reactCollapse = require('react-collapse');
|
|
|
10
10
|
var icons = require('@entur/icons');
|
|
11
11
|
|
|
12
12
|
function _extends() {
|
|
13
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
for (var
|
|
15
|
-
var
|
|
16
|
-
for (var
|
|
17
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
18
|
-
target[key] = source[key];
|
|
19
|
-
}
|
|
20
|
-
}
|
|
13
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
14
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
15
|
+
var t = arguments[e];
|
|
16
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
21
17
|
}
|
|
22
|
-
return
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
18
|
+
return n;
|
|
19
|
+
}, _extends.apply(null, arguments);
|
|
25
20
|
}
|
|
26
|
-
function _objectDestructuringEmpty(
|
|
27
|
-
if (
|
|
21
|
+
function _objectDestructuringEmpty(t) {
|
|
22
|
+
if (null == t) throw new TypeError("Cannot destructure " + t);
|
|
28
23
|
}
|
|
29
|
-
function _objectWithoutPropertiesLoose(
|
|
30
|
-
if (
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
key = sourceKeys[i];
|
|
36
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
37
|
-
target[key] = source[key];
|
|
24
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
25
|
+
if (null == r) return {};
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
28
|
+
if (e.includes(n)) continue;
|
|
29
|
+
t[n] = r[n];
|
|
38
30
|
}
|
|
39
|
-
return
|
|
31
|
+
return t;
|
|
40
32
|
}
|
|
41
33
|
|
|
42
34
|
var AccordionContext = /*#__PURE__*/React.createContext(null);
|
|
@@ -1 +1 @@
|
|
|
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","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","disableAnimation","type","onClick","undefined","Heading5","margin","as","style","AccordionItem","overrideId","randomId","useRandomId","ExpandablePanel","setOpen","prev","ExpandableTextButton","Component","ExpandableText","titleElement","Element","useMemo","GetTypographyComponent","element","Heading4","Heading3","Heading2","Paragraph","SubParagraph","warnAboutMissingStyles"],"mappings":"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"}
|
|
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;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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)
|
|
1
|
+
"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(n.includes(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),N=h[0],O=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:N,onToggle:function(){return O((function(e){return!e}))},"aria-controls":N?v:void 0,as:S},b),o),n.createElement(u,l({className:"eds-expandable-text__content",id:v,open:N,style:p},b),d))},exports.ExpandableTextButton=E,exports.useAccordion=s;
|
|
2
2
|
//# sourceMappingURL=expand.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
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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"}
|
package/dist/expand.esm.js
CHANGED
|
@@ -6,33 +6,25 @@ import { UnmountClosed } from 'react-collapse';
|
|
|
6
6
|
import { DownArrowIcon } from '@entur/icons';
|
|
7
7
|
|
|
8
8
|
function _extends() {
|
|
9
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
-
for (var
|
|
11
|
-
var
|
|
12
|
-
for (var
|
|
13
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
14
|
-
target[key] = source[key];
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
10
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
11
|
+
var t = arguments[e];
|
|
12
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
17
13
|
}
|
|
18
|
-
return
|
|
19
|
-
};
|
|
20
|
-
return _extends.apply(this, arguments);
|
|
14
|
+
return n;
|
|
15
|
+
}, _extends.apply(null, arguments);
|
|
21
16
|
}
|
|
22
|
-
function _objectDestructuringEmpty(
|
|
23
|
-
if (
|
|
17
|
+
function _objectDestructuringEmpty(t) {
|
|
18
|
+
if (null == t) throw new TypeError("Cannot destructure " + t);
|
|
24
19
|
}
|
|
25
|
-
function _objectWithoutPropertiesLoose(
|
|
26
|
-
if (
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
key = sourceKeys[i];
|
|
32
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
33
|
-
target[key] = source[key];
|
|
20
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
21
|
+
if (null == r) return {};
|
|
22
|
+
var t = {};
|
|
23
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
24
|
+
if (e.includes(n)) continue;
|
|
25
|
+
t[n] = r[n];
|
|
34
26
|
}
|
|
35
|
-
return
|
|
27
|
+
return t;
|
|
36
28
|
}
|
|
37
29
|
|
|
38
30
|
var AccordionContext = /*#__PURE__*/React.createContext(null);
|
package/dist/expand.esm.js.map
CHANGED
|
@@ -1 +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\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","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","disableAnimation","type","onClick","undefined","Heading5","margin","as","style","AccordionItem","overrideId","randomId","useRandomId","ExpandablePanel","setOpen","prev","ExpandableTextButton","Component","ExpandableText","titleElement","Element","useMemo","GetTypographyComponent","element","Heading4","Heading3","Heading2","Paragraph","SubParagraph","warnAboutMissingStyles"],"mappings":"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"}
|
|
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\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":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/expand",
|
|
3
|
-
"version": "3.5.26-
|
|
3
|
+
"version": "3.5.26-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/expand.esm.js",
|
|
@@ -27,15 +27,16 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^7.5.0",
|
|
31
|
-
"@entur/tokens": "^3.17.
|
|
32
|
-
"@entur/typography": "^1.8.50-
|
|
33
|
-
"@entur/utils": "^
|
|
30
|
+
"@entur/icons": "^7.5.1-beta.0",
|
|
31
|
+
"@entur/tokens": "^3.17.4-beta.0",
|
|
32
|
+
"@entur/typography": "^1.8.50-beta.0",
|
|
33
|
+
"@entur/utils": "^0.12.2-beta.0",
|
|
34
34
|
"classnames": "^2.3.1",
|
|
35
|
-
"react-collapse": "
|
|
35
|
+
"react-collapse": "5.1.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@types/react-collapse": "
|
|
38
|
+
"@types/react-collapse": "5.0.1",
|
|
39
|
+
"dts-cli": "2.0.5"
|
|
39
40
|
},
|
|
40
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "b213fa4fd10a1a07abada3fa987b7ee2ed110ac2"
|
|
41
42
|
}
|