@telia-ace/knowledge-widget-ui 0.0.1

package/components/dialog-list.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export default _default;

package/components/dropdown-actions.d.ts

@@ -0,0 +1,13 @@
+import { ItemRenderer } from '../../../../ui/src/index.ts';
+import { default as React } from 'react';
+
+type Props = {
+    trigger: React.ReactElement;
+    header?: React.ReactElement;
+    items?: any[];
+    renderItem?: ItemRenderer;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare const DropdownActions: React.FC<Props>;
+export default DropdownActions;

package/components/favorite-button.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { FavoriteActions } from '../hooks';
+
+type Props = {
+    isFavorite: boolean;
+    actions: FavoriteActions;
+    id: string;
+    addFavoriteTooltip?: string;
+    removeFavoriteCancelLabel?: string;
+    removeFavoriteConfirmLabel?: string;
+    removeFavoriteHeader?: string;
+    removeFavoriteLabel?: string;
+    removeFavoriteTooltip?: string;
+    buttonLabel?: string;
+    guideTitle?: string;
+};
+declare const FavoriteButton: React.FC<Props>;
+export default FavoriteButton;

package/components/feedback.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export type Props = {
+    onFeedback?: (feedback: 'positive' | 'negative') => void;
+    positive?: string;
+    negative?: string;
+    header?: string;
+    selected?: 'positive' | 'negative';
+    direction?: 'horizontal' | 'vertical';
+} & any;
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/components/guide-list.d.ts

@@ -0,0 +1,47 @@
+import { Guide } from '../../../core/src/index.ts';
+import { DispatchAction, ItemRenderer } from '../../../../ui/src/index.ts';
+import { Params } from '../../../../utilities/src/index.ts';
+import { default as React } from 'react';
+import { Props as MetadataProps } from './metadata';
+
+type Routing = {
+    guide?: string;
+    page?: string;
+};
+type ParamMappers = {
+    guide?: (guide: Guide) => Params;
+    page?: () => Params;
+};
+export type Props = {
+    paramMappers?: ParamMappers;
+    routing?: Routing;
+    pageLabel?: string;
+    symbolSize?: number;
+    renderItem?: ItemRenderer;
+    pageRole?: 'link' | 'button';
+    pageCaret?: 'right' | 'down';
+    showTags?: boolean;
+    showFavoriteToggle?: boolean;
+    addFavoriteTooltip?: string;
+    removeFavoriteCancelLabel?: string;
+    removeFavoriteConfirmLabel?: string;
+    removeFavoriteHeader?: string;
+    removeFavoriteLabel?: string;
+    removeFavoriteTooltip?: string;
+    metadata?: Partial<MetadataProps>;
+    dispatch?: DispatchAction;
+    localPaging?: boolean;
+    expandable?: boolean;
+    searchResultsEmptyLabel?: string;
+    onItemClick?: (e: React.MouseEvent, guide: Guide) => void;
+} & any;
+export declare const AccordionListItem: React.ForwardRefExoticComponent<{
+    title: string;
+    id: string;
+    route: string;
+    symbolSize?: number | undefined;
+    collapseUri?: string | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLLIElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/components/index.d.ts

@@ -0,0 +1,11 @@
+export { default as DialogLink } from './dialog-link';
+export { default as DialogList } from './dialog-list';
+export { default as DrawerList } from './drawer-list';
+export { default as DropdownActions } from './dropdown-actions';
+export { default as DropdownList } from './dropdown-list';
+export { default as FavoriteButton } from './favorite-button';
+export { default as Feedback } from './feedback';
+export { AccordionListItem, default as GuideList } from './guide-list';
+export { default as Loader, Wrapper as LoaderWrapper } from './loader';
+export { default as Metadata } from './metadata';
+export { default as NotificationList } from './notification-list';

package/components/loader.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+type Props = {
+    loading: boolean | undefined;
+};
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    'data-loading': boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Loader: React.FC<Props>;
+export default Loader;

package/components/metadata.d.ts

@@ -0,0 +1,18 @@
+import { DateFormats } from '../../../../ui/src/index.ts';
+import { default as React } from 'react';
+
+export type Props = {
+    className?: string;
+    modified?: string;
+    published?: string;
+    modifiedBy?: string | null;
+    publishedBy?: string | null;
+    showModified?: boolean;
+    showPublished?: boolean;
+    modifiedLabel?: string;
+    publishedLabel?: string;
+    byLabel?: string;
+    format?: DateFormats;
+};
+declare const Metadata: React.FC<Props>;
+export default Metadata;

package/components/notification-list.d.ts

@@ -0,0 +1,20 @@
+import { Notification } from '../../../core/src/index.ts';
+import { Symbol } from '../../../../ui/src/index.ts';
+import { default as React } from 'react';
+
+type Props = {
+    className?: string;
+    showHeader?: boolean;
+    loading: boolean;
+    notificationList?: {
+        id: string;
+        title?: string;
+        symbol?: Symbol;
+        notifications: Notification[];
+        defaultHeaderOptions?: {
+            visible: boolean;
+        };
+    };
+};
+declare const NotificationList: React.FC<Props>;
+export default NotificationList;

package/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { default as useArrowKeys } from './use-arrow-keys';
+export { default as useDebounce } from './use-debounce';
+export { default as useFavorites } from './use-favorites';
+export type { FavoriteActions } from './use-favorites';
+export { default as useHover } from './use-hover';

package/hooks/use-arrow-keys.d.ts

@@ -0,0 +1,3 @@
+type ArrowKey = 'up' | 'down' | 'left' | 'right';
+declare const useArrowKeys: () => ArrowKey | null;
+export default useArrowKeys;

package/hooks/use-debounce.d.ts

@@ -0,0 +1,2 @@
+declare const useDebounce: (value: string, delay: number) => string;
+export default useDebounce;

package/hooks/use-favorites.d.ts

@@ -0,0 +1,8 @@
+export type FavoriteActions = {
+    addFavorite: (guideId: string) => Promise<string[]>;
+    clearFavorites: () => Promise<string[]>;
+    removeFavorite: (guideId: string) => Promise<string[]>;
+    toggleFavorite: (guideId: string) => Promise<string[]>;
+};
+declare const useFavorites: () => [string[], FavoriteActions];
+export default useFavorites;

package/hooks/use-hover.d.ts

@@ -0,0 +1,5 @@
+declare const _default: () => [
+    boolean,
+    React.MutableRefObject<HTMLElement | undefined>
+];
+export default _default;

package/index.d.ts

@@ -0,0 +1,8 @@
+import { AccordionListItem, DialogLink, DialogList, DrawerList, DropdownActions, DropdownList, FavoriteButton, Feedback, GuideList, Loader, LoaderWrapper, Metadata, NotificationList } from './components';
+import { FavoriteActions, useArrowKeys, useDebounce, useFavorites, useHover } from './hooks';
+import { loadingOpacity, SmallCaret, StyledHeaderText, StyledListButton } from './styles';
+import { guideRenderInstructions } from './utils';
+
+export * from '../../../ui/src/index.ts';
+export { useFavorites, useDebounce, useArrowKeys, useHover, guideRenderInstructions, Metadata, NotificationList, AccordionListItem, GuideList, DialogLink, DialogList, FavoriteButton, Feedback, Loader, LoaderWrapper, DrawerList, DropdownActions, DropdownList, SmallCaret, StyledHeaderText, StyledListButton, loadingOpacity, };
+export type { FavoriteActions };