@telia-ace/knowledge-widget-ui 1.0.23 → 1.0.25

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.
Files changed (8) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/components/notification-list.d.ts +19 -0
  3. package/dist/index.d.ts +3 -3
  4. package/dist/index.js +663 -566
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.d.ts +0 -1
  7. package/dist/utils/guide-render-instructions.d.ts +0 -2
  8. package/package.json +7 -6
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/dialog-link.tsx","../src/components/dialog-list.tsx","../src/components/drawer-list.tsx","../src/components/dropdown-actions.tsx","../src/components/dropdown-list.tsx","../src/components/loader.tsx","../src/styles.ts","../src/components/favorite-button.tsx","../src/components/feedback.tsx","../src/hooks/use-arrow-keys.ts","../src/hooks/use-debounce.ts","../src/hooks/use-favorites.ts","../src/hooks/use-hover.ts","../src/components/metadata.tsx","../src/components/guide-list.tsx","../src/utils/embedded-link-mapper.tsx","../src/utils/guide-render-instructions.tsx"],"sourcesContent":["import { Icon, Link, useRouteData } from '@telia-ace/widget-ui';\r\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport { LinkProps } from '../missing-type-exports';\r\n\r\nexport type Props = Merge<\r\n LinkProps,\r\n {\r\n parent: {\r\n id: string;\r\n title: string;\r\n };\r\n type: 'guide' | 'link' | 'default';\r\n connection?: string;\r\n }\r\n>;\r\n\r\nconst DialogLink: React.FC<Props> = ({\r\n title = '',\r\n className,\r\n id,\r\n parent,\r\n connection,\r\n type,\r\n target,\r\n href,\r\n children,\r\n}) => {\r\n const props: any = {};\r\n const { name, params } = useRouteData();\r\n\r\n switch (type) {\r\n case 'default':\r\n case 'guide':\r\n const { id: parentId, title: parentTitle } = parent;\r\n props.routeName = name;\r\n props.params = createParams({\r\n ...params,\r\n guide: id,\r\n connection: id === parentId ? connection : undefined,\r\n uriName: id === parentId ? formatUrl(parentTitle) : formatUrl(title),\r\n });\r\n break;\r\n case 'link':\r\n props.href = href;\r\n props.target = target;\r\n break;\r\n }\r\n\r\n return (\r\n <Link className={appendClassNames(className, 'humany-dialog-link')} {...props}>\r\n {children || (\r\n <>\r\n {type === 'link' && <Icon faIcon=\"link\" />}\r\n <span>{title}</span>\r\n </>\r\n )}\r\n </Link>\r\n );\r\n};\r\n\r\nexport default DialogLink;\r\n","import { invertedHoverButton, List, list } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { forwardRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport DialogLink, { Props as DialogLinkProps } from './dialog-link';\r\n\r\ntype Props = Merge<\r\n React.ComponentProps<'ul'>,\r\n {\r\n dialog: DialogLinkProps[];\r\n }\r\n>;\r\n\r\nexport default forwardRef<HTMLUListElement, Props>(({ className, dialog, ...other }, ref) => {\r\n return !!dialog.length ? (\r\n <StyledList\r\n className={appendClassNames(className, 'humany-dialog')}\r\n items={dialog}\r\n renderItem={(item: DialogLinkProps) => (\r\n <li key={item.connection} data-dialog={item.connection}>\r\n <DialogLink {...item} />\r\n </li>\r\n )}\r\n {...other}\r\n ref={ref}\r\n />\r\n ) : null;\r\n});\r\n\r\nconst StyledList = styled(List)`\r\n ${list}\r\n a {\r\n min-width: 150px;\r\n max-width: 400px;\r\n display: block;\r\n white-space: normal;\r\n ${(p) =>\r\n invertedHoverButton({\r\n primaryColor: p.theme.colors?.primary,\r\n secondaryColor: '#FFFFFF',\r\n })}\r\n }\r\n\r\n i {\r\n margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n }\r\n`;\r\n","import { Drawer, ItemList, itemList } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { DrawerProps, ItemListProps } from '../missing-type-exports';\r\n\r\ntype Props = Merge<ItemListProps, DrawerProps>;\r\n\r\nconst DrawerList: React.FC<Props> = ({\r\n trigger,\r\n header,\r\n className,\r\n animation,\r\n fullScreen,\r\n onToggle,\r\n children,\r\n ref,\r\n closeButtonAriaLabel,\r\n ...other\r\n}) => {\r\n return (\r\n <Drawer\r\n className={appendClassNames(className, 'humany-drawer-list')}\r\n trigger={trigger}\r\n header={header}\r\n animation={animation}\r\n fullScreen={fullScreen}\r\n onToggle={onToggle}\r\n closeButtonAriaLabel={closeButtonAriaLabel}\r\n >\r\n <StyledItemList {...other}>{children}</StyledItemList>\r\n </Drawer>\r\n );\r\n};\r\n\r\nexport default DrawerList;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n ${itemList}\r\n font-family: ${(p) => p.theme.fonts?.type};\r\n padding: ${(p) => p.theme.sizes?.medium};\r\n > ul > li {\r\n overflow: visible;\r\n font-weight: 300;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n }\r\n`;\r\n","import { Dropdown, ItemRenderer, List } from '@telia-ace/widget-ui';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\n\r\ntype Props = {\r\n trigger: React.ReactElement;\r\n header?: React.ReactElement;\r\n items?: any[];\r\n renderItem?: ItemRenderer;\r\n className?: string;\r\n};\r\n\r\nconst DropdownActions: React.FC<Props> = ({ items, renderItem, trigger, header, children }) => {\r\n return (\r\n <Dropdown className=\"humany-dropdown-actions\" trigger={trigger}>\r\n <Wrapper>\r\n {!!header && <Header>{header}</Header>}\r\n {items && renderItem && (\r\n <StyledList items={items} renderItem={renderItem}></StyledList>\r\n )}\r\n {children}\r\n </Wrapper>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default DropdownActions;\r\n\r\nconst Wrapper = styled.div`\r\n background: #fff;\r\n border: #ccc 1px solid;\r\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\r\n font-family: ${(p) => p.theme.fonts?.type};\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n`;\r\n\r\nconst Header = styled.div`\r\n padding: ${(p) => p.theme.sizes.normal};\r\n padding-bottom: 0;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n font-weight: normal;\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n margin: 0;\r\n font-weight: normal;\r\n padding-bottom: 0;\r\n }\r\n\r\n svg,\r\n i {\r\n margin-right: ${(p) => p.theme.sizes.small};\r\n }\r\n`;\r\n\r\nconst StyledList = styled(List)`\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n padding: ${(p) => p.theme.sizes.small} 0;\r\n\r\n li {\r\n background: #fff;\r\n\r\n a {\r\n display: block;\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n padding: ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.normal}`};\r\n cursor: pointer;\r\n color: #555;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n background: #f9f9f9;\r\n color: ${(p) => p.theme.colors?.primary};\r\n }\r\n }\r\n }\r\n`;\r\n","import { Dropdown, headingElement, ItemList, itemList } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { DropdownProps, ItemListProps } from '../missing-type-exports';\r\n\r\nexport type Props = Merge<DropdownProps, ItemListProps>;\r\n\r\nconst DropdownList: React.FC<Props> = ({\r\n trigger,\r\n className,\r\n children,\r\n closeButtonAriaLabel,\r\n ...other\r\n}) => {\r\n return (\r\n <Dropdown\r\n className={appendClassNames(className, 'humany-dropdown-list')}\r\n closeButtonAriaLabel={closeButtonAriaLabel}\r\n trigger={trigger}\r\n >\r\n <StyledItemList {...other}>{children}</StyledItemList>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default DropdownList;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n ${itemList}\r\n font-family: ${(p) => p.theme.fonts?.type};\r\n > div {\r\n ${headingElement(\r\n '> h1',\r\n css`\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n line-height: 1.2em;\r\n `\r\n )}\r\n }\r\n > ul > li {\r\n overflow: visible;\r\n font-weight: 300;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n\r\n a {\r\n display: inline-block;\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n`;\r\n","import React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\ntype Props = {\r\n loading: boolean | undefined;\r\n};\r\n\r\nconst spin = keyframes`\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n`;\r\n\r\nconst dash = keyframes`\r\n 0% {\r\n stroke-dasharray: 1, 200;\r\n stroke-dashoffset: 0;\r\n }\r\n 50% {\r\n stroke-dasharray: 89, 200;\r\n stroke-dashoffset: -35px;\r\n }\r\n 100% {\r\n stroke-dasharray: 89, 200;\r\n stroke-dashoffset: -124px;\r\n }\r\n`;\r\n\r\nconst SpinnerSvg = styled.svg`\r\n animation: ${spin} 2s linear infinite;\r\n height: 100%;\r\n transform-origin: center center;\r\n width: 100%;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n margin: auto;\r\n transition: 200ms ease-out opacity;\r\n`;\r\n\r\nexport const Wrapper = styled.div<{ 'data-loading': boolean }>`\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 100%;\r\n width: 100%;\r\n pointer-events: ${(p) => (p['data-loading'] ? 'all' : 'none')}\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n transition: 200ms ease-out opacity;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n ${SpinnerSvg} {\r\n opacity: ${(p) => (p['data-loading'] ? '1' : '0')}\r\n }\r\n`;\r\n\r\nconst Spinner = styled.div`\r\n position: relative;\r\n margin: 0 auto;\r\n width: 100px;\r\n &:before {\r\n content: '';\r\n display: block;\r\n padding-top: 100%;\r\n }\r\n`;\r\n\r\nconst SpinnerCircle = styled.circle`\r\n stroke-dasharray: 1, 200;\r\n stroke-dashoffset: 0;\r\n animation: ${dash} 1.5s ease-in-out infinite;\r\n stroke-linecap: round;\r\n stroke: ${(p) => p.theme.colors?.primary};\r\n stroke-width: 2px;\r\n`;\r\n\r\nconst Loader: React.SFC<Props> = ({ loading = false }) => {\r\n return (\r\n <Wrapper className=\"humany-loader\" data-loading={loading}>\r\n <Spinner className=\"humany-spinner\">\r\n <SpinnerSvg viewBox=\"25 25 50 50\">\r\n <SpinnerCircle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r=\"20\"\r\n fill=\"none\"\r\n stroke-width=\"2\"\r\n stroke-miterlimit=\"10\"\r\n />\r\n </SpinnerSvg>\r\n </Spinner>\r\n </Wrapper>\r\n );\r\n};\r\n\r\nexport default Loader;\r\n","import { Button, Icon, linkTabStyle, paddedBorderTabStyle, Text } from '@telia-ace/widget-ui';\r\nimport styled, { css } from 'styled-components';\r\nimport { Wrapper as LoaderWrapper } from './components/loader';\r\n\r\nexport const loadingOpacity = css<{ 'data-loading': boolean }>`\r\n ${(p) => p['data-loading'] && 'position: relative;'};\r\n ${(p) => p['data-loading'] && 'min-height: 150px;'}\r\n > * {\r\n transition: 200ms ease-out opacity;\r\n opacity: ${(p) => (p['data-loading'] ? '0.5' : '1')};\r\n }\r\n ${LoaderWrapper} {\r\n opacity: ${(p) => (p['data-loading'] ? '1' : '0')};\r\n }\r\n`;\r\n\r\nexport const genericHtml = css<any>`\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n font-weight: 300;\r\n line-height: 1.5em;\r\n color: ${(p) => p.theme.colors?.text};\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n word-break: break-word;\r\n &:first-child {\r\n margin-top: 0;\r\n }\r\n &:only-child {\r\n margin: 0;\r\n }\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n a {\r\n color: ${(p) => p.theme.colors?.link};\r\n &:focus {\r\n ${(p) => p.theme.accessibility?.isTabbing && linkTabStyle};\r\n }\r\n }\r\n\r\n img {\r\n max-width: 100% !important;\r\n height: auto !important;\r\n }\r\n\r\n p {\r\n word-break: break-word;\r\n margin: ${(p) => p.theme.sizes?.normal} 0;\r\n }\r\n\r\n p:first-child {\r\n margin: 0 0 ${(p) => p.theme.sizes?.normal};\r\n }\r\n\r\n p:last-child {\r\n margin: ${(p) => p.theme.sizes?.normal} 0 0;\r\n }\r\n\r\n p:only-child {\r\n margin: 0;\r\n }\r\n`;\r\n\r\nexport const SmallCaret = styled(Icon)`\r\n && {\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n }\r\n width: 1.2em;\r\n`;\r\n\r\nexport const StyledHeaderText = styled(Text)`\r\n font-size: ${(p) => p.theme.fonts?.medium};\r\n font-weight: normal;\r\n line-height: 1.2em;\r\n color: ${(p) => p.theme.colors?.text};\r\n`;\r\n\r\nexport const StyledListButton = styled(Button)<any>`\r\n display: flex;\r\n align-items: center;\r\n\r\n ${(p: any) =>\r\n p['data-has-label'] === 'true' &&\r\n p['data-has-symbol'] === 'true' &&\r\n `\r\n svg, i {\r\n margin: 0 ${p.theme.sizes?.small} 0 0;\r\n }\r\n `}\r\n\r\n &:focus {\r\n ${(p: any) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${(p: any) => p['data-has-label'] === 'true' && paddedBorderTabStyle}\r\n\r\n svg, i {\r\n ${(p: any) =>\r\n p['data-has-label'] === 'false' &&\r\n p['data-has-symbol'] === 'true' &&\r\n css`\r\n ${paddedBorderTabStyle}\r\n box-sizing: content-box;\r\n `}\r\n }\r\n `};\r\n }\r\n\r\n span {\r\n flex: 1;\r\n font-weight: 300;\r\n }\r\n`;\r\n","import { Confirm, StyledText, SymbolBadge } from '@telia-ace/widget-ui';\r\nimport React, { useCallback } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { FavoriteActions } from '../hooks';\r\nimport { StyledListButton } from '../styles';\r\n\r\ntype Props = {\r\n isFavorite: boolean;\r\n actions: FavoriteActions;\r\n id: string;\r\n addFavoriteTooltip?: string;\r\n removeFavoriteCancelLabel?: string;\r\n removeFavoriteConfirmLabel?: string;\r\n removeFavoriteHeader?: string;\r\n removeFavoriteLabel?: string;\r\n removeFavoriteTooltip?: string;\r\n buttonLabel?: string;\r\n guideTitle?: string;\r\n};\r\n\r\nconst FavoriteButton: React.FC<Props> = ({\r\n addFavoriteTooltip,\r\n removeFavoriteCancelLabel,\r\n removeFavoriteConfirmLabel,\r\n removeFavoriteHeader,\r\n removeFavoriteLabel,\r\n removeFavoriteTooltip,\r\n id,\r\n isFavorite,\r\n guideTitle,\r\n buttonLabel = '',\r\n actions: { addFavorite, removeFavorite },\r\n}) => {\r\n const remove = useCallback(() => {\r\n removeFavorite(id);\r\n }, [id, removeFavorite]);\r\n\r\n const add = useCallback(() => {\r\n addFavorite(id);\r\n }, [id, addFavorite]);\r\n\r\n const tooltip = `${isFavorite ? removeFavoriteTooltip : addFavoriteTooltip}${\r\n guideTitle ? `: \"${guideTitle}\"` : ''\r\n }`;\r\n\r\n return (\r\n <>\r\n {isFavorite ? (\r\n <Confirm\r\n trigger={\r\n <StyledButton\r\n className=\"humany-favorite-button\"\r\n title={tooltip}\r\n aria-label={tooltip}\r\n data-favorite=\"true\"\r\n data-has-label={buttonLabel ? 'true' : 'false'}\r\n data-has-symbol=\"true\"\r\n >\r\n <SymbolBadge\r\n size={16}\r\n symbol={{ type: 'Svg', content: 'star-empty' }}\r\n />\r\n {buttonLabel && <StyledText>{buttonLabel}</StyledText>}\r\n </StyledButton>\r\n }\r\n onConfirm={remove}\r\n cancelLabel={removeFavoriteCancelLabel}\r\n confirmLabel={removeFavoriteConfirmLabel}\r\n header={removeFavoriteHeader}\r\n text={removeFavoriteLabel}\r\n />\r\n ) : (\r\n <StyledButton\r\n className=\"humany-favorite-button\"\r\n title={tooltip}\r\n aria-label={tooltip}\r\n onClick={add}\r\n data-favorite=\"false\"\r\n data-has-label={buttonLabel ? 'true' : 'false'}\r\n data-has-symbol=\"true\"\r\n >\r\n <SymbolBadge size={16} symbol={{ type: 'Svg', content: 'star-empty' }} />\r\n {buttonLabel && <StyledText>{buttonLabel}</StyledText>}\r\n </StyledButton>\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nexport default FavoriteButton;\r\n\r\nconst StyledButton = styled(StyledListButton)<any>`\r\n grid-area: favorite;\r\n\r\n &:focus {\r\n ${(p: any) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n svg {\r\n ${(p: any) =>\r\n p['data-favorite'] === 'true'\r\n ? `\r\n fill: transparent;\r\n\r\n path {\r\n fill: transparent;\r\n }\r\n `\r\n : `\r\n fill: ${p.theme.colors?.text};\r\n\r\n path {\r\n fill: ${p.theme.colors?.text};\r\n }\r\n `}\r\n }\r\n `};\r\n }\r\n\r\n ${(p: any) =>\r\n p.theme.colors?.text &&\r\n css`\r\n svg {\r\n stroke: ${p.theme.colors?.text};\r\n\r\n path {\r\n stroke: ${p.theme.colors?.text};\r\n }\r\n\r\n ${p['data-favorite'] === 'true' &&\r\n `\r\n fill: ${p.theme.colors?.text};\r\n\r\n path {\r\n fill: ${p.theme.colors?.text};\r\n }\r\n `}\r\n }\r\n\r\n &:hover {\r\n svg {\r\n ${p['data-favorite'] === 'true'\r\n ? `\r\n fill: transparent;\r\n\r\n path {\r\n fill: transparent;\r\n }\r\n `\r\n : `\r\n fill: ${p.theme.colors?.text};\r\n\r\n path {\r\n fill: ${p.theme.colors?.text};\r\n }\r\n `}\r\n }\r\n }\r\n `}\r\n`;\r\n","import {\r\n Button,\r\n convertToStringAttributes,\r\n Icon,\r\n invertedHoverButton,\r\n StyledText,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { forwardRef } from 'react';\r\nimport styled, { css } from 'styled-components';\r\n\r\nexport type Props = Merge<\r\n React.ComponentProps<'div'>,\r\n {\r\n onFeedback?: (feedback: 'positive' | 'negative') => void;\r\n positive?: string;\r\n negative?: string;\r\n header?: string;\r\n selected?: 'positive' | 'negative';\r\n direction?: 'horizontal' | 'vertical';\r\n }\r\n>;\r\n\r\nexport default forwardRef<HTMLDivElement, Props>(\r\n (\r\n {\r\n onFeedback = () => {},\r\n direction = 'horizontal',\r\n className,\r\n header,\r\n positive,\r\n negative,\r\n selected,\r\n ...other\r\n },\r\n ref\r\n ) => {\r\n return (\r\n <Wrapper\r\n className={appendClassNames(className, 'humany-feedback')}\r\n data-direction={direction}\r\n {...convertToStringAttributes(other)}\r\n ref={ref}\r\n >\r\n {!!header && <Header>{header}</Header>}\r\n <FeedbackButton\r\n className=\"humany-feedback-button\"\r\n disabled={!!selected}\r\n aria-pressed={selected === 'positive'}\r\n data-selected={selected === 'positive'}\r\n data-direction={direction}\r\n onClick={() => onFeedback('positive')}\r\n >\r\n <Icon faIcon=\"smile-o\" />\r\n <span>{positive}</span>\r\n </FeedbackButton>\r\n <FeedbackButton\r\n className=\"humany-feedback-button\"\r\n disabled={!!selected}\r\n aria-pressed={selected === 'negative'}\r\n data-selected={selected === 'negative'}\r\n data-direction={direction}\r\n onClick={() => onFeedback('negative')}\r\n >\r\n <Icon faIcon=\"frown-o\" />\r\n <span>{negative}</span>\r\n </FeedbackButton>\r\n </Wrapper>\r\n );\r\n }\r\n);\r\n\r\nconst Header = styled(StyledText)`\r\n font-weight: normal;\r\n margin: 0 0 ${(p) => p.theme.sizes?.normal};\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n display: block;\r\n`;\r\n\r\nconst FeedbackButton = styled(Button)<{\r\n 'data-selected': boolean;\r\n 'data-direction': 'horizontal' | 'vertical';\r\n}>`\r\n display: inline-block;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n font-weight: 300;\r\n && {\r\n margin-right: ${(p) => p.theme.sizes?.large};\r\n }\r\n\r\n ${(p) =>\r\n p['data-direction'] === 'horizontal' &&\r\n css`\r\n width: 225px;\r\n max-width: calc(50% - ${p.theme.sizes?.large} - ${p.theme.sizes?.small});\r\n `}\r\n\r\n ${(p) =>\r\n p['data-direction'] === 'vertical' &&\r\n css`\r\n min-width: 190px;\r\n `}\r\n\r\n ${(p) =>\r\n invertedHoverButton({\r\n active: p['data-selected'],\r\n primaryColor: p.theme.colors?.primary,\r\n secondaryColor: '#FFFFFF',\r\n })}\r\n\r\n i {\r\n margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n }\r\n`;\r\n\r\nconst Wrapper = styled.div<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\r\n ${(p) =>\r\n p['data-direction'] === 'vertical' &&\r\n css`\r\n > button {\r\n width: 100%;\r\n &:not(:last-child) {\r\n margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n }\r\n }\r\n `}\r\n`;\r\n","import { useKeyPress } from '@telia-ace/widget-ui';\r\nimport { useEffect, useState } from 'react';\r\n\r\ntype ArrowKey = 'up' | 'down' | 'left' | 'right';\r\n\r\nconst useArrowKeys = (): ArrowKey | null => {\r\n // State for keeping track of whether key is pressed\r\n const [keyPressed, setKeyPressed] = useState<ArrowKey | null>(null);\r\n\r\n const left = useKeyPress('ArrowLeft');\r\n const right = useKeyPress('ArrowRight');\r\n const up = useKeyPress('ArrowUp');\r\n const down = useKeyPress('ArrowDown');\r\n\r\n const effect = () => {\r\n if (left) {\r\n setKeyPressed('left');\r\n } else if (right) {\r\n setKeyPressed('right');\r\n } else if (up) {\r\n setKeyPressed('up');\r\n } else if (down) {\r\n setKeyPressed('down');\r\n } else {\r\n setKeyPressed(null);\r\n }\r\n };\r\n\r\n useEffect(effect, [left, right, up, down]);\r\n\r\n return keyPressed;\r\n};\r\n\r\nexport default useArrowKeys;\r\n","import { useCallback, useEffect, useState } from 'react';\r\n\r\nconst useDebounce = (value: string, delay: number) => {\r\n // State and setters for debounced value\r\n const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n const handler = useCallback(() => {\r\n // Update debounced value after delay\r\n return setTimeout(() => {\r\n setDebouncedValue(value);\r\n }, delay);\r\n }, [delay, setDebouncedValue, value]);\r\n\r\n useEffect(\r\n () => {\r\n const timeout = handler();\r\n\r\n // Cancel the timeout if value changes (also on delay change or unmount)\r\n // This is how we prevent debounced value from updating if value is changed\r\n // within the delay period. Timeout gets cleared and restarted.\r\n return () => {\r\n clearTimeout(timeout);\r\n };\r\n },\r\n [handler] // Only re-call effect if value or delay changes\r\n );\r\n\r\n return debouncedValue;\r\n};\r\n\r\nexport default useDebounce;\r\n","import { Widget } from '@telia-ace/knowledge-widget-core';\r\nimport { useContainer } from '@telia-ace/widget-ui';\r\nimport { useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nexport type FavoriteActions = {\r\n addFavorite: (guideId: string) => Promise<string[]>;\r\n clearFavorites: () => Promise<string[]>;\r\n removeFavorite: (guideId: string) => Promise<string[]>;\r\n toggleFavorite: (guideId: string) => Promise<string[]>;\r\n};\r\n\r\nconst useFavorites = (): [string[], FavoriteActions] => {\r\n const container = useContainer();\r\n const [favorites, setFavorites] = useState<string[]>([]);\r\n const platform = container.get('favorites');\r\n\r\n useEffect(() => {\r\n if (platform) {\r\n setFavorites(platform.get());\r\n\r\n const { events } = container.get('$widget') as Widget;\r\n const unsubscribe = events.subscribe('widget:favorites-updated', (_, { updated }) => {\r\n setFavorites([...updated]);\r\n });\r\n\r\n return unsubscribe;\r\n }\r\n }, []);\r\n\r\n const add = (guideId: string): Promise<string[]> => {\r\n if (!platform) {\r\n return Promise.resolve([]);\r\n }\r\n return platform.add(guideId);\r\n };\r\n\r\n const remove = (guideId: string) => {\r\n if (!platform) {\r\n return Promise.resolve([]);\r\n }\r\n return platform.remove(guideId);\r\n };\r\n\r\n const clear = () => {\r\n if (!platform) {\r\n return Promise.resolve([]);\r\n }\r\n return platform.clear();\r\n };\r\n\r\n const toggle = useCallback(\r\n (guideId: string) => {\r\n if (favorites.indexOf(guideId) > -1) {\r\n return remove(guideId);\r\n } else {\r\n return add(guideId);\r\n }\r\n },\r\n [favorites]\r\n );\r\n\r\n return [\r\n favorites,\r\n useMemo(\r\n () => ({\r\n addFavorite: add,\r\n removeFavorite: remove,\r\n clearFavorites: clear,\r\n toggleFavorite: toggle,\r\n }),\r\n [favorites]\r\n ),\r\n ];\r\n};\r\n\r\nexport default useFavorites;\r\n","import { useEventListener } from '@telia-ace/widget-ui';\r\nimport { useCallback, useRef, useState } from 'react';\r\n\r\nexport default (): [boolean, React.MutableRefObject<HTMLElement | undefined>] => {\r\n const [hovering, setHovering] = useState(false);\r\n const elem = useRef<HTMLElement>();\r\n\r\n const onMouseEnter = useCallback(() => setHovering(true), [setHovering]);\r\n\r\n const onMouseLeave = useCallback(() => setHovering(false), [setHovering]);\r\n\r\n useEventListener('mouseenter', onMouseEnter, elem.current);\r\n\r\n useEventListener('mouseleave', onMouseLeave, elem.current);\r\n\r\n return [hovering, elem];\r\n};\r\n","import { DateFormats, Text, Timestamp } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nexport type Props = {\r\n className?: string;\r\n modified?: string;\r\n published?: string;\r\n modifiedBy?: string | null;\r\n publishedBy?: string | null;\r\n showModified?: boolean;\r\n showPublished?: boolean;\r\n modifiedLabel?: string;\r\n publishedLabel?: string;\r\n byLabel?: string;\r\n format?: DateFormats;\r\n};\r\n\r\nconst Metadata: React.FC<Props> = ({\r\n format = DateFormats.YYYY_MM_DD_HH_MM,\r\n className = '',\r\n byLabel = '',\r\n modifiedLabel = '',\r\n publishedLabel = '',\r\n modifiedBy = '',\r\n publishedBy = '',\r\n showModified = false,\r\n showPublished = false,\r\n modified,\r\n published,\r\n}) => {\r\n const publishedTimestamp =\r\n showPublished && published ? (\r\n <StyledTimestamp format={format} timestamp={published} />\r\n ) : null;\r\n const modifiedTimestamp =\r\n showModified && modified ? <StyledTimestamp format={format} timestamp={modified} /> : null;\r\n\r\n if (!publishedTimestamp && !modifiedTimestamp) {\r\n return null;\r\n }\r\n\r\n return (\r\n <StyledText className={appendClassNames(className, 'humany-metadata')}>\r\n {publishedTimestamp && (\r\n <StyledText className=\"humany-published\">\r\n {publishedLabel}\r\n {publishedTimestamp}\r\n {byLabel && publishedBy && ` ${byLabel.replace('{{editor}}', publishedBy)}`}\r\n </StyledText>\r\n )}\r\n {modifiedTimestamp && (\r\n <StyledText className=\"humany-modified\">\r\n {publishedTimestamp && ', '}\r\n {modifiedLabel}\r\n {modifiedTimestamp}\r\n {byLabel && modifiedBy && ` ${byLabel.replace('{{editor}}', modifiedBy)}`}\r\n </StyledText>\r\n )}\r\n </StyledText>\r\n );\r\n};\r\n\r\nexport default Metadata;\r\n\r\nconst StyledTimestamp = styled(Timestamp)`\r\n &:not(:first-child) {\r\n margin-left: 4px;\r\n }\r\n &:not(:last-child) {\r\n margin-right: 4px;\r\n }\r\n`;\r\n\r\nconst StyledText = styled(Text)`\r\n font-style: italic;\r\n`;\r\n","import { Guide, Symbol, Tag } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n borderTabStyle,\r\n convertToStringAttributes,\r\n DispatchAction,\r\n headingElement,\r\n ItemList,\r\n itemList,\r\n ItemRenderer,\r\n List,\r\n list,\r\n SymbolBadge,\r\n TextLink,\r\n usePrevious,\r\n useRouteData,\r\n} from '@telia-ace/widget-ui';\r\nimport {\r\n appendClassNames,\r\n createParams,\r\n htmlParentContains,\r\n Params,\r\n} from '@telia-ace/widget-utilities';\r\nimport React, {\r\n forwardRef,\r\n useCallback,\r\n useContext,\r\n useEffect,\r\n useImperativeHandle,\r\n useRef,\r\n} from 'react';\r\nimport styled, { css, ThemeContext } from 'styled-components';\r\nimport { useFavorites } from '../hooks';\r\nimport { ItemListProps } from '../missing-type-exports';\r\nimport FavoriteButton from './favorite-button';\r\nimport Metadata, { Props as MetadataProps } from './metadata';\r\n\r\ntype Routing = {\r\n guide?: string;\r\n page?: string;\r\n};\r\n\r\ntype ParamMappers = {\r\n guide?: (guide: Guide) => Params;\r\n page?: () => Params;\r\n};\r\n\r\nexport type Props = Merge<\r\n ItemListProps,\r\n {\r\n paramMappers?: ParamMappers;\r\n routing?: Routing;\r\n pageLabel?: string;\r\n symbolSize?: number;\r\n renderItem?: ItemRenderer;\r\n pageRole?: 'link' | 'button';\r\n pageCaret?: 'right' | 'down';\r\n showTags?: boolean;\r\n showFavoriteToggle?: boolean;\r\n addFavoriteTooltip?: string;\r\n removeFavoriteCancelLabel?: string;\r\n removeFavoriteConfirmLabel?: string;\r\n removeFavoriteHeader?: string;\r\n removeFavoriteLabel?: string;\r\n removeFavoriteTooltip?: string;\r\n metadata?: Partial<MetadataProps>;\r\n dispatch?: DispatchAction;\r\n localPaging?: boolean;\r\n expandable?: boolean;\r\n onItemClick?: (e: React.MouseEvent, guide: Guide) => void;\r\n }\r\n>;\r\n\r\nconst Tags: React.FC<{ tags: Tag[] }> = ({ tags }) => {\r\n if (!tags.filter((t) => t.symbol).length) {\r\n return null;\r\n }\r\n\r\n return (\r\n <StyledTagList\r\n className=\"humany-guide-list-tags\"\r\n items={tags}\r\n renderItem={({ id, symbol, title }: Tag) =>\r\n symbol && (\r\n <li key={id} data-tag={id}>\r\n <StyledTagIcon size={18} symbol={symbol} title={title} />\r\n </li>\r\n )\r\n }\r\n />\r\n );\r\n};\r\n\r\nexport const AccordionListItem = forwardRef<\r\n HTMLLIElement,\r\n {\r\n title: string;\r\n id: string;\r\n route: string;\r\n symbolSize?: number;\r\n collapseUri?: string;\r\n children?: React.ReactNode;\r\n }\r\n>(({ title, id, route, symbolSize, collapseUri, children }, ref) => {\r\n const { params } = useRouteData();\r\n\r\n return (\r\n <ActiveAccordionListItem ref={ref} data-guide={id}>\r\n <TextLink\r\n title={title}\r\n aria-label={title}\r\n routeName={route}\r\n params={createParams({\r\n ...params,\r\n uriName: collapseUri ? collapseUri : undefined,\r\n id: undefined,\r\n guide: undefined,\r\n accordion: undefined,\r\n })}\r\n text={title}\r\n >\r\n <SymbolBadge size={symbolSize} symbol={{ type: 'Svg', content: 'caret-up' }} />\r\n </TextLink>\r\n {children}\r\n </ActiveAccordionListItem>\r\n );\r\n});\r\n\r\nconst ActiveAccordionListItem = styled.li`\r\n > a { \r\n grid-column: 1 / -1\r\n font-weight: bold;\r\n margin: 0 0 ${(p) => p.theme.sizes?.normal} 0;\r\n }\r\n\r\n > div {\r\n grid-column: 1 / -1\r\n }\r\n`;\r\n\r\nexport default forwardRef<HTMLDivElement, Props>(\r\n (\r\n {\r\n expandable = false,\r\n routing = {},\r\n paramMappers = {},\r\n symbolSize = 11,\r\n pageRole = 'link',\r\n pageCaret = 'down',\r\n showTags = false,\r\n showFavoriteToggle = false,\r\n localPaging = false,\r\n onItemClick = () => {},\r\n dispatch = () => {},\r\n metadata = {},\r\n pageLabel,\r\n className,\r\n children,\r\n items,\r\n renderItem,\r\n addFavoriteTooltip,\r\n removeFavoriteCancelLabel,\r\n removeFavoriteConfirmLabel,\r\n removeFavoriteHeader,\r\n removeFavoriteLabel,\r\n removeFavoriteTooltip,\r\n ...other\r\n },\r\n ref\r\n ) => {\r\n const {\r\n accessibility: { isTabbing = false },\r\n } = useContext(ThemeContext);\r\n const innerRef = useRef() as React.MutableRefObject<HTMLElement>;\r\n const prevItems = usePrevious(items);\r\n const { guide: guideRoute = 'guide', page: pageRoute = 'index' } = routing;\r\n const {\r\n guide: mapGuideParams = ({ id }: Guide) => createParams({ guide: id }),\r\n page: mapPageParams = () => createParams(),\r\n } = paramMappers;\r\n const [favorites, actions] = useFavorites();\r\n\r\n useImperativeHandle(ref, () => innerRef.current as any);\r\n\r\n const defaultRenderer: ItemRenderer = (guide: Guide) => {\r\n const { id, title, tags, published, modified, publishedBy, modifiedBy } = guide;\r\n\r\n return (\r\n <li\r\n key={id}\r\n data-guide={id}\r\n has-metadata={(\r\n (!!metadata?.showPublished && !!published) ||\r\n (!!metadata?.showModified && !!modified)\r\n ).toString()}\r\n >\r\n <TextLink\r\n className=\"humany-guide-link\"\r\n title={title}\r\n aria-label={title}\r\n routeName={guideRoute}\r\n onClick={(e: React.MouseEvent) => onItemClick(e, guide)}\r\n params={mapGuideParams(guide)}\r\n text={title}\r\n >\r\n <SymbolBadge\r\n size={symbolSize}\r\n symbol={{\r\n type: 'Svg',\r\n content: expandable ? 'caret-down' : 'caret-right',\r\n }}\r\n />\r\n </TextLink>\r\n {showFavoriteToggle && (\r\n <FavoriteButton\r\n guideTitle={title}\r\n addFavoriteTooltip={addFavoriteTooltip}\r\n removeFavoriteCancelLabel={removeFavoriteCancelLabel}\r\n removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\r\n removeFavoriteHeader={removeFavoriteHeader}\r\n removeFavoriteLabel={removeFavoriteLabel}\r\n removeFavoriteTooltip={removeFavoriteTooltip}\r\n isFavorite={favorites.indexOf(id) > -1}\r\n actions={actions}\r\n id={id}\r\n />\r\n )}\r\n {showTags && <Tags tags={tags} />}\r\n <StyledMetadata\r\n {...metadata}\r\n indent={expandable ? undefined : symbolSize}\r\n modified={modified}\r\n published={published}\r\n publishedBy={publishedBy}\r\n modifiedBy={modifiedBy}\r\n />\r\n </li>\r\n );\r\n };\r\n\r\n const renderer = useCallback(\r\n (guide: Guide, index: number, items: Guide[]) => {\r\n if (renderItem) {\r\n return renderItem(guide, index, items, defaultRenderer);\r\n }\r\n\r\n return defaultRenderer(guide, index, items);\r\n },\r\n [renderItem, defaultRenderer]\r\n );\r\n\r\n const onPageClick = useCallback(\r\n (e: React.MouseEvent) => {\r\n if (localPaging) {\r\n e.preventDefault();\r\n dispatch('page', mapPageParams());\r\n }\r\n },\r\n [dispatch, localPaging]\r\n );\r\n\r\n useEffect(() => {\r\n if (isTabbing && prevItems && prevItems.length < items.length && innerRef.current) {\r\n const elements = innerRef.current.querySelectorAll('.humany-guide-list > ul > li');\r\n const listItemElem = elements[prevItems.length] as HTMLElement;\r\n\r\n if (elements.length === items.length && prevItems.length) {\r\n const nextListItem = elements[prevItems.length] as HTMLElement;\r\n\r\n if (nextListItem) {\r\n const focusNext = nextListItem.querySelector(\r\n '.humany-guide-link'\r\n ) as HTMLElement | null;\r\n focusNext && focusNext.focus();\r\n }\r\n } else if (listItemElem) {\r\n const observer = new MutationObserver((mutations, observer) => {\r\n mutations.forEach((mutation) => {\r\n if (mutation.addedNodes) {\r\n const found = Array.from(\r\n mutation.addedNodes as NodeListOf<HTMLElement>\r\n ).find((node) => node.tagName === 'A');\r\n\r\n if (\r\n found &&\r\n htmlParentContains(innerRef.current, document.activeElement)\r\n ) {\r\n isTabbing && found.focus();\r\n observer.disconnect();\r\n }\r\n }\r\n });\r\n });\r\n\r\n observer.observe(listItemElem, {\r\n attributes: false,\r\n characterData: false,\r\n childList: true,\r\n subtree: true,\r\n attributeOldValue: false,\r\n characterDataOldValue: false,\r\n });\r\n }\r\n }\r\n });\r\n\r\n const hasMetaData = !!Object.keys(metadata).filter(\r\n (k) => typeof (metadata as any)[k] !== 'undefined'\r\n ).length;\r\n return (\r\n <StyledItemList\r\n className={appendClassNames(className, 'humany-guide-list')}\r\n data-item-count={items.length}\r\n items={items}\r\n renderItem={renderer}\r\n expandable={expandable ? 'true' : 'false'}\r\n grid-items={showTags || showFavoriteToggle || hasMetaData ? 'true' : 'false'}\r\n {...convertToStringAttributes(other)}\r\n ref={innerRef as React.Ref<HTMLDivElement>}\r\n >\r\n {pageLabel ? (\r\n <TextLink\r\n text={pageLabel}\r\n title={pageLabel}\r\n aria-label={pageLabel}\r\n routeName={pageRoute}\r\n role={pageRole}\r\n params={mapPageParams()}\r\n onClick={onPageClick}\r\n >\r\n <SymbolBadge\r\n size={symbolSize}\r\n symbol={{ type: 'Svg', content: `caret-${pageCaret}` }}\r\n />\r\n </TextLink>\r\n ) : null}\r\n {children}\r\n </StyledItemList>\r\n );\r\n }\r\n);\r\n\r\nconst StyledItemList = styled(ItemList)<{\r\n 'grid-items': 'true' | 'false';\r\n expandable: 'true' | 'false';\r\n}>`\r\n ${itemList}\r\n padding: ${(p) => p.theme.sizes?.large};\r\n overflow: auto;\r\n justify-content: flex-start;\r\n white-space: nowrap;\r\n font-weight: 300;\r\n text-decoration: none;\r\n\r\n > div {\r\n ${headingElement(\r\n '> h1',\r\n css`\r\n white-space: pre-wrap;\r\n `\r\n )}\r\n }\r\n\r\n > ul > li {\r\n ${(p) =>\r\n p['grid-items'] === 'true' &&\r\n css`\r\n display: grid;\r\n grid-template-columns: auto 1fr 1fr;\r\n gap: 0px 0px;\r\n grid-template-areas: '. favorite tags';\r\n align-items: center;\r\n\r\n > button {\r\n margin: 0 0 0 ${(p) => p.theme.sizes?.small};\r\n\r\n &[data-favorite='false'] {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing ? 'opacity: 0;' : 'display: none;'};\r\n &:focus {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n\r\n > span {\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n }\r\n\r\n &:hover {\r\n button[data-favorite='false'] {\r\n display: flex;\r\n justify-self: flex-start;\r\n }\r\n }\r\n\r\n &[has-metadata='true'] {\r\n grid-template-rows: 1fr 1fr;\r\n grid-template-areas:\r\n '. favorite tags'\r\n 'metadata metadata metadata';\r\n }\r\n `}\r\n > a {\r\n color: ${(p) => p.theme.colors?.primary};\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-width: 100%;\r\n display: inline-block;\r\n\r\n svg {\r\n margin: 0 calc(${(p) => p.theme.sizes?.small}*2) 0 0;\r\n line {\r\n stroke: ${(p) => p.theme.colors?.primary};\r\n }\r\n }\r\n\r\n ${(p) =>\r\n p.expandable === 'true' &&\r\n css`\r\n display: flex;\r\n flex-direction: row-reverse;\r\n justify-content: flex-end;\r\n align-items: center;\r\n\r\n span {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n svg {\r\n margin: 0 0 0 ${(p) => p.theme.sizes?.small};\r\n }\r\n `}\r\n\r\n &:focus {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${borderTabStyle}\r\n text-decoration: underline;\r\n `};\r\n }\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n\r\n > a {\r\n color: ${(p) => p.theme.colors?.text};\r\n margin: ${(p) => p.theme.sizes?.normal} 0 0;\r\n align-self: flex-start;\r\n align-items: center;\r\n display: flex;\r\n\r\n span {\r\n text-decoration: underline;\r\n }\r\n\r\n svg {\r\n margin: 0 calc(${(p) => p.theme.sizes?.small}*2) 0 0;\r\n line {\r\n stroke: ${(p) => p.theme.colors?.text};\r\n }\r\n }\r\n\r\n &:focus {\r\n ${(p) =>\r\n p.theme.accessibility?.isTabbing &&\r\n css`\r\n ${borderTabStyle}\r\n text-decoration: underline;\r\n `};\r\n }\r\n }\r\n`;\r\n\r\nconst StyledTagList = styled(List)`\r\n ${list}\r\n display: flex;\r\n margin: 0 0 0 auto;\r\n grid-area: tags;\r\n\r\n li,\r\n li:last-child {\r\n margin: 0 0 0 ${(p) => p.theme.sizes?.small};\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n`;\r\n\r\nconst StyledTagIcon = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\r\n display: block;\r\n color: ${(p) => p.theme.colors?.primary};\r\n ${(p: any) => {\r\n if (p.symbol.type === 'Uri') {\r\n return `\r\n width: ${p.size}px;\r\n height: ${p.size}px;\r\n `;\r\n }\r\n\r\n if (p.symbol.type === 'FontAwesome') {\r\n return `\r\n font-size: ${p.size}px;\r\n `;\r\n }\r\n }}\r\n`;\r\n\r\nconst StyledMetadata = styled(Metadata)<{ indent?: number }>`\r\n grid-area: metadata;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n ${(p) =>\r\n typeof p.indent === 'number' &&\r\n `text-indent: calc(${p.theme.sizes?.small} * 2 + ${p.indent}px);`}\r\n`;\r\n","import { Implementation } from '@telia-ace/knowledge-widget-core';\r\nimport { AnchorLink, WidgetLink } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport React from 'react';\r\n\r\n// Determine if href starts with a hashtag\r\nconst isAnchorLink = (href: string) => {\r\n const re = new RegExp('^#', 'i');\r\n const match = re.test(href);\r\n\r\n return match;\r\n};\r\n\r\nconst embeddedLinkMapper =\r\n (container: Container) =>\r\n ({ children, ...props }: any) => {\r\n const {\r\n implementation,\r\n name: currentWidgetName,\r\n }: { implementation: Implementation; name: string } = container.get('$widget');\r\n\r\n const { href = '' } = props;\r\n\r\n if (isAnchorLink(href)) {\r\n return (\r\n <AnchorLink smooth to={href}>\r\n {children}\r\n </AnchorLink>\r\n );\r\n }\r\n\r\n const escapedBindings = implementation.bindings\r\n .map((binding: string) => binding.replace(/\\./g, '\\\\.'))\r\n .join('|');\r\n const regexp = new RegExp(`^((http[s]?:)?\\/\\/)?(${escapedBindings})\\/([^\\\\s]+)`);\r\n\r\n const expArray = regexp.exec(href);\r\n\r\n if (expArray && expArray.length >= 4) {\r\n const targetWidgetName = expArray[4];\r\n const targetWidget = implementation.widgets.get(targetWidgetName);\r\n\r\n // blob links should not be treated as a widget link\r\n if (\r\n targetWidget &&\r\n !targetWidgetName.startsWith('blob?') &&\r\n !targetWidgetName.startsWith(currentWidgetName)\r\n ) {\r\n return <WidgetLink widgetName={targetWidgetName}>{children}</WidgetLink>;\r\n }\r\n }\r\n\r\n return <a {...props}>{children}</a>;\r\n };\r\n\r\nexport default embeddedLinkMapper;\r\n","import { Lightbox } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport React from 'react';\r\nimport { DialogLink } from '../components';\r\nimport embeddedLinkMapper from './embedded-link-mapper';\r\n\r\nconst imageLightboxRenderer = (\r\n attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>\r\n) => <Lightbox attrs={attrs} />;\r\n\r\nconst guideRenderInstructions = (container: Container, dialog: any[] = []) => {\r\n return {\r\n transform: {\r\n img: imageLightboxRenderer,\r\n a: (attr: any) => {\r\n const { children, ...otherAttr } = attr;\r\n const connectionId = otherAttr['data-target'];\r\n if (connectionId && dialog.length) {\r\n const item = dialog.find(({ connection }: any) => connection === connectionId);\r\n if (item) {\r\n return <DialogLink {...item}>{children}</DialogLink>;\r\n }\r\n }\r\n\r\n const defaultInstructions = embeddedLinkMapper(container);\r\n\r\n return defaultInstructions(attr);\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport default guideRenderInstructions;\r\n"],"names":["StyledList","StyledItemList","Wrapper","Header","LoaderWrapper","StyledText"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/components/dialog-link.tsx","../src/components/dialog-list.tsx","../src/components/drawer-list.tsx","../src/components/dropdown-actions.tsx","../src/components/dropdown-list.tsx","../src/components/loader.tsx","../src/styles.ts","../src/components/favorite-button.tsx","../src/components/feedback.tsx","../src/hooks/use-arrow-keys.ts","../src/hooks/use-debounce.ts","../src/hooks/use-favorites.ts","../src/hooks/use-hover.ts","../src/components/metadata.tsx","../src/components/guide-list.tsx","../src/components/notification-list.tsx","../src/utils/embedded-link-mapper.tsx","../src/utils/guide-render-instructions.tsx"],"sourcesContent":["import { Icon, Link, useRouteData } from '@telia-ace/widget-ui';\r\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport { LinkProps } from '../missing-type-exports';\r\n\r\nexport type Props = Merge<\r\n LinkProps,\r\n {\r\n parent: {\r\n id: string;\r\n title: string;\r\n };\r\n type: 'guide' | 'link' | 'default';\r\n connection?: string;\r\n }\r\n>;\r\n\r\nconst DialogLink: React.FC<Props> = ({\r\n title = '',\r\n className,\r\n id,\r\n parent,\r\n connection,\r\n type,\r\n target,\r\n href,\r\n children,\r\n}) => {\r\n const props: any = {};\r\n const { name, params } = useRouteData();\r\n\r\n switch (type) {\r\n case 'default':\r\n case 'guide':\r\n const { id: parentId, title: parentTitle } = parent;\r\n props.routeName = name;\r\n props.params = createParams({\r\n ...params,\r\n guide: id,\r\n connection: id === parentId ? connection : undefined,\r\n uriName: id === parentId ? formatUrl(parentTitle) : formatUrl(title),\r\n });\r\n break;\r\n case 'link':\r\n props.href = href;\r\n props.target = target;\r\n break;\r\n }\r\n\r\n return (\r\n <Link className={appendClassNames(className, 'humany-dialog-link')} {...props}>\r\n {children || (\r\n <>\r\n {type === 'link' && <Icon faIcon=\"link\" />}\r\n <span>{title}</span>\r\n </>\r\n )}\r\n </Link>\r\n );\r\n};\r\n\r\nexport default DialogLink;\r\n","import { invertedHoverButton, List, list } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { forwardRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport DialogLink, { Props as DialogLinkProps } from './dialog-link';\r\n\r\ntype Props = Merge<\r\n React.ComponentProps<'ul'>,\r\n {\r\n dialog: DialogLinkProps[];\r\n }\r\n>;\r\n\r\nexport default forwardRef<HTMLUListElement, Props>(({ className, dialog, ...other }, ref) => {\r\n return !!dialog.length ? (\r\n <StyledList\r\n className={appendClassNames(className, 'humany-dialog')}\r\n items={dialog}\r\n renderItem={(item: DialogLinkProps) => (\r\n <li key={item.connection} data-dialog={item.connection}>\r\n <DialogLink {...item} />\r\n </li>\r\n )}\r\n {...other}\r\n ref={ref}\r\n />\r\n ) : null;\r\n});\r\n\r\nconst StyledList = styled(List)`\r\n ${list}\r\n a {\r\n min-width: 150px;\r\n max-width: 400px;\r\n display: block;\r\n white-space: normal;\r\n ${(p) =>\r\n invertedHoverButton({\r\n primaryColor: p.theme.colors?.primary,\r\n secondaryColor: '#FFFFFF',\r\n })}\r\n }\r\n\r\n i {\r\n margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n }\r\n`;\r\n","import { Drawer, ItemList, itemList } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { DrawerProps, ItemListProps } from '../missing-type-exports';\r\n\r\ntype Props = Merge<ItemListProps, DrawerProps>;\r\n\r\nconst DrawerList: React.FC<Props> = ({\r\n trigger,\r\n header,\r\n className,\r\n animation,\r\n fullScreen,\r\n onToggle,\r\n children,\r\n ref,\r\n closeButtonAriaLabel,\r\n ...other\r\n}) => {\r\n return (\r\n <Drawer\r\n className={appendClassNames(className, 'humany-drawer-list')}\r\n trigger={trigger}\r\n header={header}\r\n animation={animation}\r\n fullScreen={fullScreen}\r\n onToggle={onToggle}\r\n closeButtonAriaLabel={closeButtonAriaLabel}\r\n >\r\n <StyledItemList {...other}>{children}</StyledItemList>\r\n </Drawer>\r\n );\r\n};\r\n\r\nexport default DrawerList;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n ${itemList}\r\n font-family: ${(p) => p.theme.fonts?.type};\r\n padding: ${(p) => p.theme.sizes?.medium};\r\n > ul > li {\r\n overflow: visible;\r\n font-weight: 300;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n }\r\n`;\r\n","import { Dropdown, ItemRenderer, List } from '@telia-ace/widget-ui';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\n\r\ntype Props = {\r\n trigger: React.ReactElement;\r\n header?: React.ReactElement;\r\n items?: any[];\r\n renderItem?: ItemRenderer;\r\n className?: string;\r\n};\r\n\r\nconst DropdownActions: React.FC<Props> = ({ items, renderItem, trigger, header, children }) => {\r\n return (\r\n <Dropdown className=\"humany-dropdown-actions\" trigger={trigger}>\r\n <Wrapper>\r\n {!!header && <Header>{header}</Header>}\r\n {items && renderItem && (\r\n <StyledList items={items} renderItem={renderItem}></StyledList>\r\n )}\r\n {children}\r\n </Wrapper>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default DropdownActions;\r\n\r\nconst Wrapper = styled.div`\r\n background: #fff;\r\n border: #ccc 1px solid;\r\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\r\n font-family: ${(p) => p.theme.fonts?.type};\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n`;\r\n\r\nconst Header = styled.div`\r\n padding: ${(p) => p.theme.sizes.normal};\r\n padding-bottom: 0;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n font-weight: normal;\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n margin: 0;\r\n font-weight: normal;\r\n padding-bottom: 0;\r\n }\r\n\r\n svg,\r\n i {\r\n margin-right: ${(p) => p.theme.sizes.small};\r\n }\r\n`;\r\n\r\nconst StyledList = styled(List)`\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n padding: ${(p) => p.theme.sizes.small} 0;\r\n\r\n li {\r\n background: #fff;\r\n\r\n a {\r\n display: block;\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n padding: ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.normal}`};\r\n cursor: pointer;\r\n color: #555;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n background: #f9f9f9;\r\n color: ${(p) => p.theme.colors?.primary};\r\n }\r\n }\r\n }\r\n`;\r\n","import { Dropdown, headingElement, ItemList, itemList } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { DropdownProps, ItemListProps } from '../missing-type-exports';\r\n\r\nexport type Props = Merge<DropdownProps, ItemListProps>;\r\n\r\nconst DropdownList: React.FC<Props> = ({\r\n trigger,\r\n className,\r\n children,\r\n closeButtonAriaLabel,\r\n ...other\r\n}) => {\r\n return (\r\n <Dropdown\r\n className={appendClassNames(className, 'humany-dropdown-list')}\r\n closeButtonAriaLabel={closeButtonAriaLabel}\r\n trigger={trigger}\r\n >\r\n <StyledItemList {...other}>{children}</StyledItemList>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default DropdownList;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n ${itemList}\r\n font-family: ${(p) => p.theme.fonts?.type};\r\n > div {\r\n ${headingElement(\r\n '> h1',\r\n css`\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n line-height: 1.2em;\r\n `\r\n )}\r\n }\r\n > ul > li {\r\n overflow: visible;\r\n font-weight: 300;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n\r\n a {\r\n display: inline-block;\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n`;\r\n","import React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\ntype Props = {\r\n loading: boolean | undefined;\r\n};\r\n\r\nconst spin = keyframes`\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n`;\r\n\r\nconst dash = keyframes`\r\n 0% {\r\n stroke-dasharray: 1, 200;\r\n stroke-dashoffset: 0;\r\n }\r\n 50% {\r\n stroke-dasharray: 89, 200;\r\n stroke-dashoffset: -35px;\r\n }\r\n 100% {\r\n stroke-dasharray: 89, 200;\r\n stroke-dashoffset: -124px;\r\n }\r\n`;\r\n\r\nconst SpinnerSvg = styled.svg`\r\n animation: ${spin} 2s linear infinite;\r\n height: 100%;\r\n transform-origin: center center;\r\n width: 100%;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n margin: auto;\r\n transition: 200ms ease-out opacity;\r\n`;\r\n\r\nexport const Wrapper = styled.div<{ 'data-loading': boolean }>`\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 100%;\r\n width: 100%;\r\n pointer-events: ${(p) => (p['data-loading'] ? 'all' : 'none')}\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n transition: 200ms ease-out opacity;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n ${SpinnerSvg} {\r\n opacity: ${(p) => (p['data-loading'] ? '1' : '0')}\r\n }\r\n`;\r\n\r\nconst Spinner = styled.div`\r\n position: relative;\r\n margin: 0 auto;\r\n width: 100px;\r\n &:before {\r\n content: '';\r\n display: block;\r\n padding-top: 100%;\r\n }\r\n`;\r\n\r\nconst SpinnerCircle = styled.circle`\r\n stroke-dasharray: 1, 200;\r\n stroke-dashoffset: 0;\r\n animation: ${dash} 1.5s ease-in-out infinite;\r\n stroke-linecap: round;\r\n stroke: ${(p) => p.theme.colors?.primary};\r\n stroke-width: 2px;\r\n`;\r\n\r\nconst Loader: React.SFC<Props> = ({ loading = false }) => {\r\n return (\r\n <Wrapper className=\"humany-loader\" data-loading={loading}>\r\n <Spinner className=\"humany-spinner\">\r\n <SpinnerSvg viewBox=\"25 25 50 50\">\r\n <SpinnerCircle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r=\"20\"\r\n fill=\"none\"\r\n stroke-width=\"2\"\r\n stroke-miterlimit=\"10\"\r\n />\r\n </SpinnerSvg>\r\n </Spinner>\r\n </Wrapper>\r\n );\r\n};\r\n\r\nexport default Loader;\r\n","import { Button, Icon, paddedBorderTabStyle, Text } from '@telia-ace/widget-ui';\r\nimport styled, { css } from 'styled-components';\r\nimport { Wrapper as LoaderWrapper } from './components/loader';\r\n\r\nexport const loadingOpacity = css<{ 'data-loading': boolean }>`\r\n ${(p) => p['data-loading'] && 'position: relative;'};\r\n ${(p) => p['data-loading'] && 'min-height: 150px;'}\r\n > * {\r\n transition: 200ms ease-out opacity;\r\n opacity: ${(p) => (p['data-loading'] ? '0.5' : '1')};\r\n }\r\n ${LoaderWrapper} {\r\n opacity: ${(p) => (p['data-loading'] ? '1' : '0')};\r\n }\r\n`;\r\n\r\nexport const SmallCaret = styled(Icon)`\r\n && {\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n }\r\n width: 1.2em;\r\n`;\r\n\r\nexport const StyledHeaderText = styled(Text)`\r\n font-size: ${(p) => p.theme.fonts?.medium};\r\n font-weight: normal;\r\n line-height: 1.2em;\r\n color: ${(p) => p.theme.colors?.text};\r\n`;\r\n\r\nexport const StyledListButton = styled(Button)<any>`\r\n display: flex;\r\n align-items: center;\r\n\r\n ${(p: any) =>\r\n p['data-has-label'] === 'true' &&\r\n p['data-has-symbol'] === 'true' &&\r\n `\r\n svg, i {\r\n margin: 0 ${p.theme.sizes?.small} 0 0;\r\n }\r\n `}\r\n\r\n &:focus-visible {\r\n ${(p: any) => p['data-has-label'] === 'true' && paddedBorderTabStyle}\r\n\r\n svg, i {\r\n ${(p: any) =>\r\n p['data-has-label'] === 'false' &&\r\n p['data-has-symbol'] === 'true' &&\r\n css`\r\n ${paddedBorderTabStyle}\r\n box-sizing: content-box;\r\n `}\r\n }\r\n }\r\n\r\n span {\r\n flex: 1;\r\n font-weight: 300;\r\n }\r\n`;\r\n","import { Confirm, StyledText, SymbolBadge } from '@telia-ace/widget-ui';\r\nimport React, { useCallback } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { FavoriteActions } from '../hooks';\r\nimport { StyledListButton } from '../styles';\r\n\r\ntype Props = {\r\n isFavorite: boolean;\r\n actions: FavoriteActions;\r\n id: string;\r\n addFavoriteTooltip?: string;\r\n removeFavoriteCancelLabel?: string;\r\n removeFavoriteConfirmLabel?: string;\r\n removeFavoriteHeader?: string;\r\n removeFavoriteLabel?: string;\r\n removeFavoriteTooltip?: string;\r\n buttonLabel?: string;\r\n guideTitle?: string;\r\n};\r\n\r\nconst FavoriteButton: React.FC<Props> = ({\r\n addFavoriteTooltip,\r\n removeFavoriteCancelLabel,\r\n removeFavoriteConfirmLabel,\r\n removeFavoriteHeader,\r\n removeFavoriteLabel,\r\n removeFavoriteTooltip,\r\n id,\r\n isFavorite,\r\n guideTitle,\r\n buttonLabel = '',\r\n actions: { addFavorite, removeFavorite },\r\n}) => {\r\n const remove = useCallback(() => {\r\n removeFavorite(id);\r\n }, [id, removeFavorite]);\r\n\r\n const add = useCallback(() => {\r\n addFavorite(id);\r\n }, [id, addFavorite]);\r\n\r\n const tooltip = `${isFavorite ? removeFavoriteTooltip : addFavoriteTooltip}${\r\n guideTitle ? `: \"${guideTitle}\"` : ''\r\n }`;\r\n\r\n return (\r\n <>\r\n {isFavorite ? (\r\n <Confirm\r\n trigger={\r\n <StyledButton\r\n className=\"humany-favorite-button\"\r\n title={tooltip}\r\n aria-label={tooltip}\r\n data-favorite=\"true\"\r\n data-has-label={buttonLabel ? 'true' : 'false'}\r\n data-has-symbol=\"true\"\r\n >\r\n <SymbolBadge\r\n size={16}\r\n symbol={{ type: 'Svg', content: 'star-empty' }}\r\n />\r\n {buttonLabel && <StyledText>{buttonLabel}</StyledText>}\r\n </StyledButton>\r\n }\r\n onConfirm={remove}\r\n cancelLabel={removeFavoriteCancelLabel}\r\n confirmLabel={removeFavoriteConfirmLabel}\r\n header={removeFavoriteHeader}\r\n text={removeFavoriteLabel}\r\n />\r\n ) : (\r\n <StyledButton\r\n className=\"humany-favorite-button\"\r\n title={tooltip}\r\n aria-label={tooltip}\r\n onClick={add}\r\n data-favorite=\"false\"\r\n data-has-label={buttonLabel ? 'true' : 'false'}\r\n data-has-symbol=\"true\"\r\n >\r\n <SymbolBadge size={16} symbol={{ type: 'Svg', content: 'star-empty' }} />\r\n {buttonLabel && <StyledText>{buttonLabel}</StyledText>}\r\n </StyledButton>\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nexport default FavoriteButton;\r\n\r\nconst StyledButton = styled(StyledListButton)<any>`\r\n grid-area: favorite;\r\n\r\n &:focus-visible {\r\n svg {\r\n ${(p: any) =>\r\n p['data-favorite'] === 'true'\r\n ? `\r\n fill: transparent;\r\n\r\n path {\r\n fill: transparent;\r\n }\r\n `\r\n : `\r\n fill: ${p.theme.colors?.text};\r\n\r\n path {\r\n fill: ${p.theme.colors?.text};\r\n }\r\n `}\r\n }\r\n }\r\n\r\n ${(p: any) =>\r\n p.theme.colors?.text &&\r\n css`\r\n svg {\r\n stroke: ${p.theme.colors?.text};\r\n\r\n path {\r\n stroke: ${p.theme.colors?.text};\r\n }\r\n\r\n ${p['data-favorite'] === 'true' &&\r\n `\r\n fill: ${p.theme.colors?.text};\r\n\r\n path {\r\n fill: ${p.theme.colors?.text};\r\n }\r\n `}\r\n }\r\n\r\n &:hover {\r\n svg {\r\n ${p['data-favorite'] === 'true'\r\n ? `\r\n fill: transparent;\r\n\r\n path {\r\n fill: transparent;\r\n }\r\n `\r\n : `\r\n fill: ${p.theme.colors?.text};\r\n\r\n path {\r\n fill: ${p.theme.colors?.text};\r\n }\r\n `}\r\n }\r\n }\r\n `}\r\n`;\r\n","import {\r\n Button,\r\n convertToStringAttributes,\r\n Icon,\r\n invertedHoverButton,\r\n StyledText,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { forwardRef } from 'react';\r\nimport styled, { css } from 'styled-components';\r\n\r\nexport type Props = Merge<\r\n React.ComponentProps<'div'>,\r\n {\r\n onFeedback?: (feedback: 'positive' | 'negative') => void;\r\n positive?: string;\r\n negative?: string;\r\n header?: string;\r\n selected?: 'positive' | 'negative';\r\n direction?: 'horizontal' | 'vertical';\r\n }\r\n>;\r\n\r\nexport default forwardRef<HTMLDivElement, Props>(\r\n (\r\n {\r\n onFeedback = () => {},\r\n direction = 'horizontal',\r\n className,\r\n header,\r\n positive,\r\n negative,\r\n selected,\r\n ...other\r\n },\r\n ref\r\n ) => {\r\n return (\r\n <Wrapper\r\n className={appendClassNames(className, 'humany-feedback')}\r\n data-direction={direction}\r\n {...convertToStringAttributes(other)}\r\n ref={ref}\r\n >\r\n {!!header && <Header>{header}</Header>}\r\n <FeedbackButton\r\n className=\"humany-feedback-button\"\r\n disabled={!!selected}\r\n aria-pressed={selected === 'positive'}\r\n data-selected={selected === 'positive'}\r\n data-direction={direction}\r\n onClick={() => onFeedback('positive')}\r\n >\r\n <Icon faIcon=\"smile-o\" />\r\n <span>{positive}</span>\r\n </FeedbackButton>\r\n <FeedbackButton\r\n className=\"humany-feedback-button\"\r\n disabled={!!selected}\r\n aria-pressed={selected === 'negative'}\r\n data-selected={selected === 'negative'}\r\n data-direction={direction}\r\n onClick={() => onFeedback('negative')}\r\n >\r\n <Icon faIcon=\"frown-o\" />\r\n <span>{negative}</span>\r\n </FeedbackButton>\r\n </Wrapper>\r\n );\r\n }\r\n);\r\n\r\nconst Header = styled(StyledText)`\r\n font-weight: normal;\r\n margin: 0 0 ${(p) => p.theme.sizes?.normal};\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n display: block;\r\n`;\r\n\r\nconst FeedbackButton = styled(Button)<{\r\n 'data-selected': boolean;\r\n 'data-direction': 'horizontal' | 'vertical';\r\n}>`\r\n display: inline-block;\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n font-weight: 300;\r\n && {\r\n margin-right: ${(p) => p.theme.sizes?.large};\r\n }\r\n\r\n ${(p) =>\r\n p['data-direction'] === 'horizontal' &&\r\n css`\r\n width: 225px;\r\n max-width: calc(50% - ${p.theme.sizes?.large} - ${p.theme.sizes?.small});\r\n `}\r\n\r\n ${(p) =>\r\n p['data-direction'] === 'vertical' &&\r\n css`\r\n min-width: 190px;\r\n `}\r\n\r\n ${(p) =>\r\n invertedHoverButton({\r\n active: p['data-selected'],\r\n primaryColor: p.theme.colors?.primary,\r\n secondaryColor: '#FFFFFF',\r\n })}\r\n\r\n i {\r\n margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n }\r\n`;\r\n\r\nconst Wrapper = styled.div<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\r\n ${(p) =>\r\n p['data-direction'] === 'vertical' &&\r\n css`\r\n > button {\r\n width: 100%;\r\n &:not(:last-child) {\r\n margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n }\r\n }\r\n `}\r\n`;\r\n","import { useKeyPress } from '@telia-ace/widget-ui';\r\nimport { useEffect, useState } from 'react';\r\n\r\ntype ArrowKey = 'up' | 'down' | 'left' | 'right';\r\n\r\nconst useArrowKeys = (): ArrowKey | null => {\r\n // State for keeping track of whether key is pressed\r\n const [keyPressed, setKeyPressed] = useState<ArrowKey | null>(null);\r\n\r\n const left = useKeyPress('ArrowLeft');\r\n const right = useKeyPress('ArrowRight');\r\n const up = useKeyPress('ArrowUp');\r\n const down = useKeyPress('ArrowDown');\r\n\r\n const effect = () => {\r\n if (left) {\r\n setKeyPressed('left');\r\n } else if (right) {\r\n setKeyPressed('right');\r\n } else if (up) {\r\n setKeyPressed('up');\r\n } else if (down) {\r\n setKeyPressed('down');\r\n } else {\r\n setKeyPressed(null);\r\n }\r\n };\r\n\r\n useEffect(effect, [left, right, up, down]);\r\n\r\n return keyPressed;\r\n};\r\n\r\nexport default useArrowKeys;\r\n","import { useCallback, useEffect, useState } from 'react';\r\n\r\nconst useDebounce = (value: string, delay: number) => {\r\n // State and setters for debounced value\r\n const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n const handler = useCallback(() => {\r\n // Update debounced value after delay\r\n return setTimeout(() => {\r\n setDebouncedValue(value);\r\n }, delay);\r\n }, [delay, setDebouncedValue, value]);\r\n\r\n useEffect(\r\n () => {\r\n const timeout = handler();\r\n\r\n // Cancel the timeout if value changes (also on delay change or unmount)\r\n // This is how we prevent debounced value from updating if value is changed\r\n // within the delay period. Timeout gets cleared and restarted.\r\n return () => {\r\n clearTimeout(timeout);\r\n };\r\n },\r\n [handler] // Only re-call effect if value or delay changes\r\n );\r\n\r\n return debouncedValue;\r\n};\r\n\r\nexport default useDebounce;\r\n","import { Widget } from '@telia-ace/knowledge-widget-core';\r\nimport { useContainer } from '@telia-ace/widget-ui';\r\nimport { useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nexport type FavoriteActions = {\r\n addFavorite: (guideId: string) => Promise<string[]>;\r\n clearFavorites: () => Promise<string[]>;\r\n removeFavorite: (guideId: string) => Promise<string[]>;\r\n toggleFavorite: (guideId: string) => Promise<string[]>;\r\n};\r\n\r\nconst useFavorites = (): [string[], FavoriteActions] => {\r\n const container = useContainer();\r\n const [favorites, setFavorites] = useState<string[]>([]);\r\n const platform = container.get('favorites');\r\n\r\n useEffect(() => {\r\n if (platform) {\r\n setFavorites(platform.get());\r\n\r\n const { events } = container.get('$widget') as Widget;\r\n const unsubscribe = events.subscribe('widget:favorites-updated', (_, { updated }) => {\r\n setFavorites([...updated]);\r\n });\r\n\r\n return unsubscribe;\r\n }\r\n }, []);\r\n\r\n const add = (guideId: string): Promise<string[]> => {\r\n if (!platform) {\r\n return Promise.resolve([]);\r\n }\r\n return platform.add(guideId);\r\n };\r\n\r\n const remove = (guideId: string) => {\r\n if (!platform) {\r\n return Promise.resolve([]);\r\n }\r\n return platform.remove(guideId);\r\n };\r\n\r\n const clear = () => {\r\n if (!platform) {\r\n return Promise.resolve([]);\r\n }\r\n return platform.clear();\r\n };\r\n\r\n const toggle = useCallback(\r\n (guideId: string) => {\r\n if (favorites.indexOf(guideId) > -1) {\r\n return remove(guideId);\r\n } else {\r\n return add(guideId);\r\n }\r\n },\r\n [favorites]\r\n );\r\n\r\n return [\r\n favorites,\r\n useMemo(\r\n () => ({\r\n addFavorite: add,\r\n removeFavorite: remove,\r\n clearFavorites: clear,\r\n toggleFavorite: toggle,\r\n }),\r\n [favorites]\r\n ),\r\n ];\r\n};\r\n\r\nexport default useFavorites;\r\n","import { useEventListener } from '@telia-ace/widget-ui';\r\nimport { useCallback, useRef, useState } from 'react';\r\n\r\nexport default (): [boolean, React.MutableRefObject<HTMLElement | undefined>] => {\r\n const [hovering, setHovering] = useState(false);\r\n const elem = useRef<HTMLElement>();\r\n\r\n const onMouseEnter = useCallback(() => setHovering(true), [setHovering]);\r\n\r\n const onMouseLeave = useCallback(() => setHovering(false), [setHovering]);\r\n\r\n useEventListener('mouseenter', onMouseEnter, elem.current);\r\n\r\n useEventListener('mouseleave', onMouseLeave, elem.current);\r\n\r\n return [hovering, elem];\r\n};\r\n","import { DateFormats, Text, Timestamp } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nexport type Props = {\r\n className?: string;\r\n modified?: string;\r\n published?: string;\r\n modifiedBy?: string | null;\r\n publishedBy?: string | null;\r\n showModified?: boolean;\r\n showPublished?: boolean;\r\n modifiedLabel?: string;\r\n publishedLabel?: string;\r\n byLabel?: string;\r\n format?: DateFormats;\r\n};\r\n\r\nconst Metadata: React.FC<Props> = ({\r\n format = DateFormats.YYYY_MM_DD_HH_MM,\r\n className = '',\r\n byLabel = '',\r\n modifiedLabel = '',\r\n publishedLabel = '',\r\n modifiedBy = '',\r\n publishedBy = '',\r\n showModified = false,\r\n showPublished = false,\r\n modified,\r\n published,\r\n}) => {\r\n const publishedTimestamp =\r\n showPublished && published ? (\r\n <StyledTimestamp format={format} timestamp={published} />\r\n ) : null;\r\n const modifiedTimestamp =\r\n showModified && modified ? <StyledTimestamp format={format} timestamp={modified} /> : null;\r\n\r\n if (!publishedTimestamp && !modifiedTimestamp) {\r\n return null;\r\n }\r\n\r\n return (\r\n <StyledText className={appendClassNames(className, 'humany-metadata')}>\r\n {publishedTimestamp && (\r\n <StyledText className=\"humany-published\">\r\n {publishedLabel}\r\n {publishedTimestamp}\r\n {byLabel && publishedBy && ` ${byLabel.replace('{{editor}}', publishedBy)}`}\r\n </StyledText>\r\n )}\r\n {modifiedTimestamp && (\r\n <StyledText className=\"humany-modified\">\r\n {publishedTimestamp && ', '}\r\n {modifiedLabel}\r\n {modifiedTimestamp}\r\n {byLabel && modifiedBy && ` ${byLabel.replace('{{editor}}', modifiedBy)}`}\r\n </StyledText>\r\n )}\r\n </StyledText>\r\n );\r\n};\r\n\r\nexport default Metadata;\r\n\r\nconst StyledTimestamp = styled(Timestamp)`\r\n &:not(:first-child) {\r\n margin-left: 4px;\r\n }\r\n &:not(:last-child) {\r\n margin-right: 4px;\r\n }\r\n`;\r\n\r\nconst StyledText = styled(Text)`\r\n font-style: italic;\r\n`;\r\n","import { Guide, Symbol, Tag } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n borderTabStyle,\r\n convertToStringAttributes,\r\n DispatchAction,\r\n headingElement,\r\n ItemList,\r\n itemList,\r\n ItemRenderer,\r\n List,\r\n list,\r\n SymbolBadge,\r\n TextLink,\r\n useIsTabbing,\r\n usePrevious,\r\n useRouteData,\r\n} from '@telia-ace/widget-ui';\r\nimport {\r\n appendClassNames,\r\n createParams,\r\n htmlParentContains,\r\n Params,\r\n} from '@telia-ace/widget-utilities';\r\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { useFavorites } from '../hooks';\r\nimport { ItemListProps } from '../missing-type-exports';\r\nimport FavoriteButton from './favorite-button';\r\nimport Metadata, { Props as MetadataProps } from './metadata';\r\n\r\ntype Routing = {\r\n guide?: string;\r\n page?: string;\r\n};\r\n\r\ntype ParamMappers = {\r\n guide?: (guide: Guide) => Params;\r\n page?: () => Params;\r\n};\r\n\r\nexport type Props = Merge<\r\n ItemListProps,\r\n {\r\n paramMappers?: ParamMappers;\r\n routing?: Routing;\r\n pageLabel?: string;\r\n symbolSize?: number;\r\n renderItem?: ItemRenderer;\r\n pageRole?: 'link' | 'button';\r\n pageCaret?: 'right' | 'down';\r\n showTags?: boolean;\r\n showFavoriteToggle?: boolean;\r\n addFavoriteTooltip?: string;\r\n removeFavoriteCancelLabel?: string;\r\n removeFavoriteConfirmLabel?: string;\r\n removeFavoriteHeader?: string;\r\n removeFavoriteLabel?: string;\r\n removeFavoriteTooltip?: string;\r\n metadata?: Partial<MetadataProps>;\r\n dispatch?: DispatchAction;\r\n localPaging?: boolean;\r\n expandable?: boolean;\r\n onItemClick?: (e: React.MouseEvent, guide: Guide) => void;\r\n }\r\n>;\r\n\r\nconst Tags: React.FC<{ tags: Tag[] }> = ({ tags }) => {\r\n if (!tags.filter((t) => t.symbol).length) {\r\n return null;\r\n }\r\n\r\n return (\r\n <StyledTagList\r\n className=\"humany-guide-list-tags\"\r\n items={tags}\r\n renderItem={({ id, symbol, title }: Tag) =>\r\n symbol && (\r\n <li key={id} data-tag={id}>\r\n <StyledTagIcon size={18} symbol={symbol} title={title} />\r\n </li>\r\n )\r\n }\r\n />\r\n );\r\n};\r\n\r\nexport const AccordionListItem = forwardRef<\r\n HTMLLIElement,\r\n {\r\n title: string;\r\n id: string;\r\n route: string;\r\n symbolSize?: number;\r\n collapseUri?: string;\r\n children?: React.ReactNode;\r\n }\r\n>(({ title, id, route, symbolSize, collapseUri, children }, ref) => {\r\n const { params } = useRouteData();\r\n\r\n return (\r\n <ActiveAccordionListItem ref={ref} data-guide={id}>\r\n <TextLink\r\n title={title}\r\n aria-label={title}\r\n routeName={route}\r\n params={createParams({\r\n ...params,\r\n uriName: collapseUri ? collapseUri : undefined,\r\n id: undefined,\r\n guide: undefined,\r\n accordion: undefined,\r\n })}\r\n text={title}\r\n >\r\n <SymbolBadge size={symbolSize} symbol={{ type: 'Svg', content: 'caret-up' }} />\r\n </TextLink>\r\n {children}\r\n </ActiveAccordionListItem>\r\n );\r\n});\r\n\r\nconst ActiveAccordionListItem = styled.li`\r\n > a { \r\n grid-column: 1 / -1\r\n font-weight: bold;\r\n margin: 0 0 ${(p) => p.theme.sizes?.normal} 0;\r\n }\r\n\r\n > div {\r\n grid-column: 1 / -1\r\n }\r\n`;\r\n\r\nexport default forwardRef<HTMLDivElement, Props>(\r\n (\r\n {\r\n expandable = false,\r\n routing = {},\r\n paramMappers = {},\r\n symbolSize = 11,\r\n pageRole = 'link',\r\n pageCaret = 'down',\r\n showTags = false,\r\n showFavoriteToggle = false,\r\n localPaging = false,\r\n onItemClick = () => {},\r\n dispatch = () => {},\r\n metadata = {},\r\n pageLabel,\r\n className,\r\n children,\r\n items,\r\n renderItem,\r\n addFavoriteTooltip,\r\n removeFavoriteCancelLabel,\r\n removeFavoriteConfirmLabel,\r\n removeFavoriteHeader,\r\n removeFavoriteLabel,\r\n removeFavoriteTooltip,\r\n ...other\r\n },\r\n ref\r\n ) => {\r\n const isTabbing = useIsTabbing();\r\n const innerRef = useRef() as React.MutableRefObject<HTMLElement>;\r\n const prevItems = usePrevious(items);\r\n const { guide: guideRoute = 'guide', page: pageRoute = 'index' } = routing;\r\n const {\r\n guide: mapGuideParams = ({ id }: Guide) => createParams({ guide: id }),\r\n page: mapPageParams = () => createParams(),\r\n } = paramMappers;\r\n const [favorites, actions] = useFavorites();\r\n\r\n useImperativeHandle(ref, () => innerRef.current as any);\r\n\r\n const defaultRenderer: ItemRenderer = (guide: Guide) => {\r\n const { id, title, tags, published, modified, publishedBy, modifiedBy } = guide;\r\n\r\n return (\r\n <li\r\n key={id}\r\n data-guide={id}\r\n has-metadata={(\r\n (!!metadata?.showPublished && !!published) ||\r\n (!!metadata?.showModified && !!modified)\r\n ).toString()}\r\n >\r\n <TextLink\r\n className=\"humany-guide-link\"\r\n title={title}\r\n aria-label={title}\r\n routeName={guideRoute}\r\n onClick={(e: React.MouseEvent) => onItemClick(e, guide)}\r\n params={mapGuideParams(guide)}\r\n text={title}\r\n >\r\n <SymbolBadge\r\n size={symbolSize}\r\n symbol={{\r\n type: 'Svg',\r\n content: expandable ? 'caret-down' : 'caret-right',\r\n }}\r\n />\r\n </TextLink>\r\n {showFavoriteToggle && (\r\n <FavoriteButton\r\n guideTitle={title}\r\n addFavoriteTooltip={addFavoriteTooltip}\r\n removeFavoriteCancelLabel={removeFavoriteCancelLabel}\r\n removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\r\n removeFavoriteHeader={removeFavoriteHeader}\r\n removeFavoriteLabel={removeFavoriteLabel}\r\n removeFavoriteTooltip={removeFavoriteTooltip}\r\n isFavorite={favorites.indexOf(id) > -1}\r\n actions={actions}\r\n id={id}\r\n />\r\n )}\r\n {showTags && <Tags tags={tags} />}\r\n <StyledMetadata\r\n {...metadata}\r\n indent={expandable ? undefined : symbolSize}\r\n modified={modified}\r\n published={published}\r\n publishedBy={publishedBy}\r\n modifiedBy={modifiedBy}\r\n />\r\n </li>\r\n );\r\n };\r\n\r\n const renderer = useCallback(\r\n (guide: Guide, index: number, items: Guide[]) => {\r\n if (renderItem) {\r\n return renderItem(guide, index, items, defaultRenderer);\r\n }\r\n\r\n return defaultRenderer(guide, index, items);\r\n },\r\n [renderItem, defaultRenderer]\r\n );\r\n\r\n const onPageClick = useCallback(\r\n (e: React.MouseEvent) => {\r\n if (localPaging) {\r\n e.preventDefault();\r\n dispatch('page', mapPageParams());\r\n }\r\n },\r\n [dispatch, localPaging]\r\n );\r\n\r\n useEffect(() => {\r\n if (isTabbing && prevItems && prevItems.length < items.length && innerRef.current) {\r\n const elements = innerRef.current.querySelectorAll('.humany-guide-list > ul > li');\r\n const listItemElem = elements[prevItems.length] as HTMLElement;\r\n\r\n if (elements.length === items.length && prevItems.length) {\r\n const nextListItem = elements[prevItems.length] as HTMLElement;\r\n\r\n if (nextListItem) {\r\n const focusNext = nextListItem.querySelector(\r\n '.humany-guide-link'\r\n ) as HTMLElement | null;\r\n focusNext && focusNext.focus();\r\n }\r\n } else if (listItemElem) {\r\n const observer = new MutationObserver((mutations, observer) => {\r\n mutations.forEach((mutation) => {\r\n if (mutation.addedNodes) {\r\n const found = Array.from(\r\n mutation.addedNodes as NodeListOf<HTMLElement>\r\n ).find((node) => node.tagName === 'A');\r\n\r\n if (\r\n found &&\r\n htmlParentContains(innerRef.current, document.activeElement)\r\n ) {\r\n isTabbing && found.focus();\r\n observer.disconnect();\r\n }\r\n }\r\n });\r\n });\r\n\r\n observer.observe(listItemElem, {\r\n attributes: false,\r\n characterData: false,\r\n childList: true,\r\n subtree: true,\r\n attributeOldValue: false,\r\n characterDataOldValue: false,\r\n });\r\n }\r\n }\r\n });\r\n\r\n const hasMetaData = !!Object.keys(metadata).filter(\r\n (k) => typeof (metadata as any)[k] !== 'undefined'\r\n ).length;\r\n return (\r\n <StyledItemList\r\n className={appendClassNames(className, 'humany-guide-list')}\r\n data-item-count={items.length}\r\n items={items}\r\n renderItem={renderer}\r\n isTabbing={isTabbing}\r\n expandable={expandable ? 'true' : 'false'}\r\n grid-items={showTags || showFavoriteToggle || hasMetaData ? 'true' : 'false'}\r\n {...convertToStringAttributes(other)}\r\n ref={innerRef as React.Ref<HTMLDivElement>}\r\n >\r\n {pageLabel ? (\r\n <TextLink\r\n text={pageLabel}\r\n title={pageLabel}\r\n aria-label={pageLabel}\r\n routeName={pageRoute}\r\n role={pageRole}\r\n params={mapPageParams()}\r\n onClick={onPageClick}\r\n >\r\n <SymbolBadge\r\n size={symbolSize}\r\n symbol={{ type: 'Svg', content: `caret-${pageCaret}` }}\r\n />\r\n </TextLink>\r\n ) : null}\r\n {children}\r\n </StyledItemList>\r\n );\r\n }\r\n);\r\n\r\nconst StyledItemList = styled(ItemList)<{\r\n 'grid-items': 'true' | 'false';\r\n expandable: 'true' | 'false';\r\n isTabbing: boolean;\r\n}>`\r\n ${itemList}\r\n padding: ${(p) => p.theme.sizes?.large};\r\n overflow: auto;\r\n justify-content: flex-start;\r\n white-space: nowrap;\r\n font-weight: 300;\r\n text-decoration: none;\r\n\r\n > div {\r\n ${headingElement(\r\n '> h1',\r\n css`\r\n white-space: pre-wrap;\r\n `\r\n )}\r\n }\r\n\r\n > ul > li {\r\n ${(p) =>\r\n p['grid-items'] === 'true' &&\r\n css`\r\n display: grid;\r\n grid-template-columns: auto 1fr 1fr;\r\n gap: 0px 0px;\r\n grid-template-areas: '. favorite tags';\r\n align-items: center;\r\n\r\n > button {\r\n margin: 0 0 0 ${(p) => p.theme.sizes?.small};\r\n\r\n &[data-favorite='false'] {\r\n ${(p) => (p.isTabbing ? 'opacity: 0;' : 'display: none;')};\r\n &:focus {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n\r\n > span {\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n }\r\n\r\n &:hover {\r\n button[data-favorite='false'] {\r\n display: flex;\r\n justify-self: flex-start;\r\n }\r\n }\r\n\r\n &[has-metadata='true'] {\r\n grid-template-rows: 1fr 1fr;\r\n grid-template-areas:\r\n '. favorite tags'\r\n 'metadata metadata metadata';\r\n }\r\n `}\r\n > a {\r\n color: ${(p) => p.theme.colors?.primary};\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-width: 100%;\r\n display: inline-block;\r\n\r\n svg {\r\n margin: 0 calc(${(p) => p.theme.sizes?.small}*2) 0 0;\r\n line {\r\n stroke: ${(p) => p.theme.colors?.primary};\r\n }\r\n }\r\n\r\n ${(p) =>\r\n p.expandable === 'true' &&\r\n css`\r\n display: flex;\r\n flex-direction: row-reverse;\r\n justify-content: flex-end;\r\n align-items: center;\r\n\r\n span {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n svg {\r\n margin: 0 0 0 ${(p) => p.theme.sizes?.small};\r\n }\r\n `}\r\n\r\n &:focus-visible {\r\n ${borderTabStyle}\r\n text-decoration: underline;\r\n }\r\n\r\n @media (hover: hover) {\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n\r\n > a {\r\n color: ${(p) => p.theme.colors?.text};\r\n margin: ${(p) => p.theme.sizes?.normal} 0 0;\r\n align-self: flex-start;\r\n align-items: center;\r\n display: flex;\r\n\r\n span {\r\n text-decoration: underline;\r\n }\r\n\r\n svg {\r\n margin: 0 calc(${(p) => p.theme.sizes?.small}*2) 0 0;\r\n line {\r\n stroke: ${(p) => p.theme.colors?.text};\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n ${borderTabStyle}\r\n text-decoration: underline;\r\n }\r\n }\r\n`;\r\n\r\nconst StyledTagList = styled(List)`\r\n ${list}\r\n display: flex;\r\n margin: 0 0 0 auto;\r\n grid-area: tags;\r\n\r\n li,\r\n li:last-child {\r\n margin: 0 0 0 ${(p) => p.theme.sizes?.small};\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n`;\r\n\r\nconst StyledTagIcon = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\r\n display: block;\r\n color: ${(p) => p.theme.colors?.primary};\r\n ${(p: any) => {\r\n if (p.symbol.type === 'Uri') {\r\n return `\r\n width: ${p.size}px;\r\n height: ${p.size}px;\r\n `;\r\n }\r\n\r\n if (p.symbol.type === 'FontAwesome') {\r\n return `\r\n font-size: ${p.size}px;\r\n `;\r\n }\r\n }}\r\n`;\r\n\r\nconst StyledMetadata = styled(Metadata)<{ indent?: number }>`\r\n grid-area: metadata;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n ${(p) =>\r\n typeof p.indent === 'number' &&\r\n `text-indent: calc(${p.theme.sizes?.small} * 2 + ${p.indent}px);`}\r\n`;\r\n","import { Notification } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n borderTabStyle,\r\n Button,\r\n DateFormats,\r\n genericHtml,\r\n headingElement,\r\n itemList,\r\n ItemList,\r\n Paragraph,\r\n Symbol,\r\n SymbolBadge,\r\n Timestamp,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { useState } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { loadingOpacity } from '../styles';\r\nimport Loader from './loader';\r\n\r\ntype Props = {\r\n className?: string;\r\n showHeader?: boolean;\r\n loading: boolean;\r\n notificationList?: {\r\n id: string;\r\n title?: string;\r\n symbol?: Symbol;\r\n notifications: Notification[];\r\n defaultHeaderOptions?: {\r\n visible: boolean;\r\n };\r\n };\r\n};\r\n\r\nconst NotificationList: React.FC<Props> = ({\r\n className,\r\n showHeader,\r\n notificationList,\r\n loading,\r\n ...other\r\n}) => {\r\n const [expanded, setExpanded] = useState<string | null>(null);\r\n\r\n const {\r\n id,\r\n title,\r\n symbol,\r\n notifications = [],\r\n defaultHeaderOptions = { visible: true },\r\n } = notificationList || {};\r\n\r\n if (!notifications.length && !loading) {\r\n return null;\r\n }\r\n\r\n return (\r\n <StyledItemList\r\n {...other}\r\n data-loading={loading}\r\n data-show-header={\r\n typeof showHeader === 'boolean' ? showHeader : defaultHeaderOptions.visible\r\n }\r\n className={appendClassNames(className, 'humany-notification-list')}\r\n data-notification-category={id}\r\n header={title}\r\n symbol={symbol}\r\n items={notifications}\r\n renderItem={({ id, title, body, modified, expandable }: Notification) => (\r\n <StyledItem\r\n key={id}\r\n data-notification={id}\r\n data-expanded={expandable ? expanded === id : true}\r\n >\r\n {expandable ? (\r\n <>\r\n <StyledButton\r\n title={title}\r\n aria-label={title}\r\n aria-expanded={expanded === id}\r\n onClick={() => setExpanded(expanded === id ? null : id)}\r\n >\r\n <span>{title}</span>\r\n <StyledSymbolBadge\r\n size={11}\r\n symbol={{\r\n type: 'Svg',\r\n content: `caret-${expanded === id ? 'up' : 'down'}`,\r\n }}\r\n />\r\n </StyledButton>\r\n <StyledParagraph html={body} />\r\n {modified && (\r\n <StyledTimestamp\r\n format={DateFormats.YYYY_MM_DD}\r\n timestamp={modified}\r\n />\r\n )}\r\n </>\r\n ) : (\r\n <StyledParagraph html={body} />\r\n )}\r\n </StyledItem>\r\n )}\r\n >\r\n <Loader loading={loading} />\r\n </StyledItemList>\r\n );\r\n};\r\n\r\nconst StyledButton = styled(Button)`\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n text-align: left;\r\n svg,\r\n i {\r\n color: ${(p) => p.theme.colors?.primary};\r\n }\r\n span {\r\n color: ${(p) => p.theme.colors?.text};\r\n font-size: ${(p) => p.theme.fonts?.normal};\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n flex: 1;\r\n white-space: nowrap;\r\n }\r\n &:focus-visible {\r\n ${borderTabStyle}\r\n span {\r\n color: ${(p) => p.theme.colors?.primary};\r\n text-decoration: underline;\r\n }\r\n }\r\n`;\r\n\r\nconst StyledItemList = styled(ItemList)<\r\n {\r\n 'data-loading': boolean;\r\n 'data-show-header': boolean;\r\n } & any\r\n>`\r\n ${loadingOpacity}\r\n ${itemList}\r\n overflow: hidden;\r\n justify-content: flex-start;\r\n padding: ${(p) => p.theme.sizes?.large};\r\n ${(p) =>\r\n !p['data-show-header'] &&\r\n css`\r\n > div {\r\n ${headingElement(\r\n 'h1',\r\n css`\r\n display: none;\r\n `\r\n )}\r\n }\r\n `}\r\n\r\n @media (hover: hover) {\r\n button:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n`;\r\n\r\nconst StyledParagraph = styled(Paragraph)`\r\n ${genericHtml}\r\n font-weight: 300;\r\n\r\n p {\r\n white-space: normal;\r\n }\r\n`;\r\n\r\nconst StyledItem = styled.li<{ 'data-expanded': boolean }>`\r\n ${StyledParagraph} {\r\n display: none;\r\n &:not(:only-child) {\r\n ${(p) =>\r\n p.theme.sizes?.cardinal &&\r\n p.theme.sizes?.normal &&\r\n css`\r\n margin: ${p.theme.sizes?.normal} 0;\r\n `}\r\n }\r\n }\r\n\r\n ${(p) =>\r\n p['data-expanded'] &&\r\n css`\r\n ${StyledParagraph} {\r\n display: block;\r\n }\r\n `}\r\n\r\n > span {\r\n display: block;\r\n font-weight: 300;\r\n color: ${(p) => p.theme.colors?.accent};\r\n }\r\n`;\r\n\r\nconst StyledSymbolBadge = styled(SymbolBadge)`\r\n margin: 0 0 0 ${(p) => p.theme.sizes?.small};\r\n line {\r\n stroke: ${(p) => p.theme.colors?.primary};\r\n }\r\n`;\r\n\r\nconst StyledTimestamp = styled(Timestamp)`\r\n font-size: ${(p) => p.theme.fonts?.small};\r\n font-weight: 300;\r\n`;\r\n\r\nexport default NotificationList;\r\n","import { Implementation } from '@telia-ace/knowledge-widget-core';\r\nimport { AnchorLink, WidgetLink } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport React from 'react';\r\n\r\n// Determine if href starts with a hashtag\r\nconst isAnchorLink = (href: string) => {\r\n const re = new RegExp('^#', 'i');\r\n const match = re.test(href);\r\n\r\n return match;\r\n};\r\n\r\nconst embeddedLinkMapper =\r\n (container: Container) =>\r\n ({ children, ...props }: any) => {\r\n const {\r\n implementation,\r\n name: currentWidgetName,\r\n }: { implementation: Implementation; name: string } = container.get('$widget');\r\n\r\n const { href = '' } = props;\r\n\r\n if (isAnchorLink(href)) {\r\n return (\r\n <AnchorLink smooth to={href}>\r\n {children}\r\n </AnchorLink>\r\n );\r\n }\r\n\r\n const escapedBindings = implementation.bindings\r\n .map((binding: string) => binding.replace(/\\./g, '\\\\.'))\r\n .join('|');\r\n const regexp = new RegExp(`^((http[s]?:)?\\/\\/)?(${escapedBindings})\\/([^\\\\s]+)`);\r\n\r\n const expArray = regexp.exec(href);\r\n\r\n if (expArray && expArray.length >= 4) {\r\n const targetWidgetName = expArray[4];\r\n const targetWidget = implementation.widgets.get(targetWidgetName);\r\n\r\n // blob links should not be treated as a widget link\r\n if (\r\n targetWidget &&\r\n !targetWidgetName.startsWith('blob?') &&\r\n !targetWidgetName.startsWith(currentWidgetName)\r\n ) {\r\n return <WidgetLink widgetName={targetWidgetName}>{children}</WidgetLink>;\r\n }\r\n }\r\n\r\n return <a {...props}>{children}</a>;\r\n };\r\n\r\nexport default embeddedLinkMapper;\r\n","import { Container } from '@webprovisions/platform';\r\nimport React from 'react';\r\nimport { DialogLink } from '../components';\r\nimport embeddedLinkMapper from './embedded-link-mapper';\r\n\r\nconst guideRenderInstructions = (container: Container, dialog: any[] = []) => {\r\n return {\r\n transform: {\r\n a: (attr: any) => {\r\n const { children, ...otherAttr } = attr;\r\n const connectionId = otherAttr['data-target'];\r\n if (connectionId && dialog.length) {\r\n const item = dialog.find(({ connection }: any) => connection === connectionId);\r\n if (item) {\r\n return <DialogLink {...item}>{children}</DialogLink>;\r\n }\r\n }\r\n\r\n const defaultInstructions = embeddedLinkMapper(container);\r\n\r\n return defaultInstructions(attr);\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport default guideRenderInstructions;\r\n"],"names":["DialogLink","title","className","id","parent","connection","type","target","href","children","props","name","params","useRouteData","parentId","parentTitle","createParams","__spreadProps","__spreadValues","formatUrl","React","Link","appendClassNames","Icon","dialogList","forwardRef","_a","ref","_b","dialog","other","__objRest","StyledList","item","styled","List","list","p","invertedHoverButton","DrawerList","trigger","header","animation","fullScreen","onToggle","closeButtonAriaLabel","Drawer","StyledItemList","ItemList","itemList","DropdownActions","items","renderItem","Dropdown","Wrapper","Header","DropdownList","headingElement","css","spin","keyframes","dash","SpinnerSvg","Spinner","SpinnerCircle","Loader","loading","loadingOpacity","LoaderWrapper","SmallCaret","StyledHeaderText","Text","StyledListButton","Button","paddedBorderTabStyle","FavoriteButton","addFavoriteTooltip","removeFavoriteCancelLabel","removeFavoriteConfirmLabel","removeFavoriteHeader","removeFavoriteLabel","removeFavoriteTooltip","isFavorite","guideTitle","buttonLabel","addFavorite","removeFavorite","remove","useCallback","add","tooltip","Confirm","StyledButton","SymbolBadge","StyledText","_c","_d","_e","_f","_g","feedback","onFeedback","direction","positive","negative","selected","convertToStringAttributes","FeedbackButton","useArrowKeys","keyPressed","setKeyPressed","useState","left","useKeyPress","right","up","down","useEffect","useDebounce","value","delay","debouncedValue","setDebouncedValue","handler","timeout","useFavorites","container","useContainer","favorites","setFavorites","platform","events","_","updated","guideId","clear","toggle","useMemo","useHover","hovering","setHovering","elem","useRef","onMouseEnter","onMouseLeave","useEventListener","Metadata","format","DateFormats","byLabel","modifiedLabel","publishedLabel","modifiedBy","publishedBy","showModified","showPublished","modified","published","publishedTimestamp","StyledTimestamp","modifiedTimestamp","Timestamp","Tags","tags","t","StyledTagList","symbol","StyledTagIcon","AccordionListItem","route","symbolSize","collapseUri","ActiveAccordionListItem","TextLink","guideList","expandable","routing","paramMappers","pageRole","pageCaret","showTags","showFavoriteToggle","localPaging","onItemClick","dispatch","metadata","pageLabel","isTabbing","useIsTabbing","innerRef","prevItems","usePrevious","guideRoute","pageRoute","mapGuideParams","mapPageParams","actions","useImperativeHandle","defaultRenderer","guide","e","StyledMetadata","renderer","index","onPageClick","elements","listItemElem","nextListItem","focusNext","mutations","observer","mutation","found","node","htmlParentContains","hasMetaData","k","borderTabStyle","NotificationList","showHeader","notificationList","expanded","setExpanded","notifications","defaultHeaderOptions","body","StyledItem","StyledSymbolBadge","StyledParagraph","Paragraph","genericHtml","isAnchorLink","embeddedLinkMapper","implementation","currentWidgetName","AnchorLink","escapedBindings","binding","expArray","targetWidgetName","WidgetLink","guideRenderInstructions","attr","connectionId"],"mappings":"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"}
package/dist/styles.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export declare const loadingOpacity: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
2
2
  'data-loading': boolean;
3
3
  }, any>>;
4
- export declare const genericHtml: import("styled-components").FlattenInterpolation<any>;
5
4
  export declare const SmallCaret: import("styled-components").StyledComponent<import("react").FC<import("@telia-ace/widget-ui").IconProps>, any, {}, never>;
6
5
  export declare const StyledHeaderText: import("styled-components").StyledComponent<import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, any, {}, never>;
7
6
  export declare const StyledListButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>, any, any, never>;
package/dist/utils/guide-render-instructions.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  import { Container } from '@webprovisions/platform';
2
- import React from 'react';
3
2
  declare const guideRenderInstructions: (container: Container, dialog?: any[]) => {
4
3
  transform: {
5
- img: (attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => JSX.Element;
6
4
  a: (attr: any) => JSX.Element;
7
5
  };
8
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/knowledge-widget-ui",
3
- "version": "1.0.23",
3
+ "version": "1.0.25",
4
4
  "description": "UI components used by ACE Knowledge Widgets.",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "Telia Company AB",
@@ -8,6 +8,7 @@
8
8
  "telia"
9
9
  ],
10
10
  "main": "dist/index.js",
11
+ "sourceMain": "src/index.ts",
11
12
  "type": "module",
12
13
  "types": "dist/index.d.ts",
13
14
  "files": [
@@ -25,10 +26,10 @@
25
26
  },
26
27
  "sideEffects": false,
27
28
  "dependencies": {
28
- "@telia-ace/knowledge-widget-core": "^1.0.17",
29
- "@telia-ace/widget-routing": "^1.0.14",
30
- "@telia-ace/widget-ui": "^1.0.20",
31
- "@telia-ace/widget-utilities": "^1.0.2",
29
+ "@telia-ace/knowledge-widget-core": "^1.0.19",
30
+ "@telia-ace/widget-routing": "^1.0.16",
31
+ "@telia-ace/widget-ui": "^1.0.22",
32
+ "@telia-ace/widget-utilities": "^1.0.4",
32
33
  "@webprovisions/platform": "^1.1.2"
33
34
  },
34
35
  "peerDependencies": {
@@ -45,5 +46,5 @@
45
46
  "@types/react-transition-group": "^4.2.3",
46
47
  "@types/styled-components": "^5.1.7"
47
48
  },
48
- "gitHead": "236c65b59b887cbf825c8ee81ce935607e46b9e2"
49
+ "gitHead": "dc024eefcfc33ad8e67b35e5f266bf4a58eb2c48"
49
50
  }