@telia-ace/knowledge-widget-ui 1.0.11 → 1.0.14
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/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/dist/index.js
CHANGED
|
@@ -54,7 +54,7 @@ const DialogLink = ({
|
|
|
54
54
|
props.routeName = name;
|
|
55
55
|
props.params = createParams(__spreadProps(__spreadValues({}, params), {
|
|
56
56
|
guide: id,
|
|
57
|
-
connection
|
|
57
|
+
connection,
|
|
58
58
|
uriName: id === parentId ? formatUrl(parentTitle) : formatUrl(title)
|
|
59
59
|
}));
|
|
60
60
|
break;
|
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/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: connection,\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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/knowledge-widget-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.14",
|
|
4
4
|
"description": "UI components used by ACE Knowledge Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
},
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@telia-ace/knowledge-widget-core": "^1.0.
|
|
28
|
-
"@telia-ace/widget-routing": "^1.0.
|
|
29
|
-
"@telia-ace/widget-ui": "^1.0.
|
|
30
|
-
"@telia-ace/widget-utilities": "^1.0.
|
|
27
|
+
"@telia-ace/knowledge-widget-core": "^1.0.10",
|
|
28
|
+
"@telia-ace/widget-routing": "^1.0.8",
|
|
29
|
+
"@telia-ace/widget-ui": "^1.0.11",
|
|
30
|
+
"@telia-ace/widget-utilities": "^1.0.2",
|
|
31
31
|
"@webprovisions/platform": "^1.1.2"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"@types/react-transition-group": "^4.2.3",
|
|
45
45
|
"@types/styled-components": "^5.1.7"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "198f5d910c2a84fdf3e82b5016574896f19e3167"
|
|
48
48
|
}
|