@dnanpm/styleguide 3.7.0 → 3.7.2

package/build/cjs/src/components/Notification/Notification.d.ts

@@ -1,48 +0,0 @@
-import type { MouseEvent, ReactNode } from 'react';
-import React from 'react';
-type NotificationType = 'info' | 'success' | 'warning' | 'error';
-interface Props {
-    /**
-     * Allows to change styling of component, depending on the passed type
-     *
-     * @param {NotificationType} info Displays `info` icon and uses `theme.color.notification.info` for styling
-     * @param {NotificationType} success Displays `success` icon and uses `theme.color.notification.success` for styling
-     * @param {NotificationType} warning Displays `warning` icon and uses `theme.color.notification.warning` for styling
-     * @param {NotificationType} error Displays `error` icon and uses `theme.color.notification.error` for styling
-     *
-     * @default 'info'
-     */
-    type?: NotificationType;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to show and hide close button
-     *
-     * @default false
-     */
-    closeButton?: boolean;
-    /**
-     * On close button click callback
-     */
-    onClickCloseButton?: (e: MouseEvent<HTMLElement>) => void;
-    /**
-     * Allows to dismiss the notification programmatically
-     *
-     * @default false
-     */
-    dismissed?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/** @visibleName Notification */
-declare const Notification: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element | null;
-/** @component */
-export default Notification;

package/build/cjs/src/components/NotificationBadge/NotificationBadge.d.ts

@@ -1,42 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to change CSS property `position`
-     *
-     * @default 'absolute'
-     */
-    position?: string;
-    /**
-     * Allows to change CSS property `top`
-     *
-     * @default '0'
-     */
-    top?: string;
-    /**
-     * Allows to change CSS property `right`
-     *
-     * @default '0'
-     */
-    right?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/** @visibleName Notification Badge */
-declare const NotificationBadge: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default NotificationBadge;

package/build/cjs/src/components/Pill/Pill.d.ts

@@ -1,78 +0,0 @@
-import type { ChangeEvent, ReactNode } from 'react';
-import React from 'react';
-type PillType = 'none' | 'checkbox' | 'radio';
-type Position = 'auto' | 'left' | 'right' | 'middle';
-interface Props {
-    /**
-     * Unique ID for the input element
-     */
-    id: string;
-    /**
-     * Name of the input element
-     */
-    name?: string;
-    /**
-     * Allows to change the functionality of component while retaining style
-     *
-     * @param {PillType} none No functionality
-     * @param {PillType} checkbox Acts as a checkbox input type
-     * @param {PillType} radio Acts as a radiobutton input type
-     *
-     * @default 'none'
-     */
-    type?: PillType;
-    /**
-     * Default value of input element
-     *
-     * @default undefined
-     */
-    value?: string | number;
-    /**
-     * On checkbox/radiobutton change callback
-     */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Allows to set position of component relative to other in line content by adding appropriate margins
-     *
-     * @param {Position} auto Pill component is grouped with other pill components, add margins in between
-     * @param {Position} left Pill component is on the left side of content, add right margin
-     * @param {Position} right Pill component is on the right side of content, add left margin
-     * @param {Position} middle Pill component is in the middle of content, add left and right margins
-     *
-     * @default undefined
-     */
-    position?: Position;
-    /**
-     * Allows to set checkbox/radiobutton as checked
-     *
-     * @default false
-     */
-    isChecked?: boolean;
-    /**
-     * Allows to set checkbox/radiobutton as checked by default
-     *
-     * @default false
-     */
-    isDefaultChecked?: boolean;
-    /**
-     * Allows to disable checkbox/radiobutton functionality
-     *
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-}
-declare const Pill: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Pill;

package/build/cjs/src/components/PixelLoader/PixelLoader.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-interface Props {
-    /**
-     * Allows to pass custom color
-     *
-     * @default 'theme.color.default.pink'
-     */
-    color?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/** @visibleName Pixel Loader */
-declare const PixelLoader: ({ className, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default PixelLoader;

package/build/cjs/src/components/PriorityNavigation/PriorityNavigation.d.ts

@@ -1,44 +0,0 @@
-import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';
-import React from 'react';
-interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass common mouse click callback to all children
-     */
-    onClick?: (e: MouseEvent<HTMLElement>) => void;
-    /**
-     * Allows to pass common keyboard key down callback to all children
-     */
-    onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Allows to define aria-label attribute for nav HTML element
-     */
-    navigationLabel?: string;
-    /**
-     * Allows to change label of ButtonIcon
-     *
-     * @default 'Lisää'
-     */
-    dropdownButtonLabel?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/**
- * @visibleName Priority Navigation
- */
-declare const PriorityNavigation: ({ dropdownButtonLabel, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default PriorityNavigation;

package/build/cjs/src/components/PriorityNavigation/__tests__/PriorityNavigation.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/src/components/PriorityNavigationItem/PriorityNavigationItem.d.ts

@@ -1,42 +0,0 @@
-import type { KeyboardEvent, MouseEvent, ReactNode, RefObject } from 'react';
-import React from 'react';
-export interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * On component mouse click callback
-     */
-    onClick?: (e: MouseEvent<HTMLElement>) => void;
-    /**
-     * On component keyboard key down callback
-     */
-    onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Allows to set component as active
-     */
-    isActive?: boolean;
-    /**
-     * A ref object, or a ref callback function
-     */
-    innerRef?: RefObject<HTMLLIElement> | ((instance: HTMLLIElement | null) => void) | null;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/**
- * @visibleName Priority NavigationItem
- */
-declare const PriorityNavigationItem: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default PriorityNavigationItem;

package/build/cjs/src/components/PriorityNavigationItem/__tests__/PriorityNavigationItem.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/src/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,41 +0,0 @@
-import type { MouseEvent } from 'react';
-import React from 'react';
-type ProgressIndicatorStatus = 'error';
-interface Props {
-    /**
-     * Array of strings to be used as labels or number of steps.
-     * If number is passed as a value, no labels will be generated
-     */
-    steps: string[] | number;
-    /**
-     * Allows to set the active step (zero based index) by passing the index of item from `steps` array
-     */
-    activeStep?: number;
-    /**
-     * On Progress Indicator Item label or number click callback
-     * Use `e.currentTarget.parentElement` to get Progress Indicator Item element
-     */
-    onStepClick?: (stepIndex: number, e: MouseEvent<HTMLElement>) => void;
-    /**
-     * Allows to change version of component to small
-     */
-    small?: boolean;
-    /**
-     * Depending on the passed status, the styling of component changes
-     *
-     * @param {ProgressIndicatorStatus} error Displays `error` icon with `theme.color.notification.error` color in currently active step
-     */
-    status?: ProgressIndicatorStatus;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/** @visibleName Progress Indicator */
-declare const ProgressIndicator: ({ activeStep, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default ProgressIndicator;

package/build/cjs/src/components/RadioButton/RadioButton.d.ts

@@ -1,50 +0,0 @@
-import type { ChangeEvent } from 'react';
-import React from 'react';
-interface Props {
-    /**
-     * Unique ID for the input element
-     */
-    id: string;
-    /**
-     * Name of the input element
-     */
-    name?: string;
-    /**
-     * Default value of input element
-     *
-     * @default undefined
-     */
-    value?: string | number;
-    /**
-     * Text of the label shown next to radio button
-     */
-    label?: string;
-    /**
-     * On radio button change callback
-     */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Allows to set the radio button as checked
-     *
-     * @default false
-     */
-    checked?: boolean;
-    /**
-     * Allows to disable the radio button
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/** @visibleName Radio Button */
-declare const RadioButton: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default RadioButton;

package/build/cjs/src/components/ReadMore/ReadMore.d.ts

@@ -1,18 +0,0 @@
-import type { FunctionComponent, MouseEvent, ReactNode } from 'react';
-interface ReadMoreProps {
-    /** The label for show more link */
-    showMoreText?: string;
-    /** The label for show less link */
-    showLessText?: string;
-    /** Text content for component */
-    children: ReactNode;
-    /** Allows to pass a custom className */
-    className?: string;
-    /** Allows to pass custom onClick */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /** Init in expanded state and immediately close on client for better SEO */
-    seoInitExpanded?: boolean;
-}
-/** @visibleName Read More */
-declare const ReadMore: FunctionComponent<ReadMoreProps>;
-export default ReadMore;

package/build/cjs/src/components/Search/Search.d.ts

@@ -1,59 +0,0 @@
-import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
-import React from 'react';
-interface Props {
-    /**
-     * Unique ID for the search input element
-     */
-    id?: string;
-    /**
-     *  Name of the search input element
-     */
-    name: string;
-    /**
-     * Default value of search input element
-     */
-    value?: string;
-    /**
-     * Text of placeholder for the search input value
-     */
-    placeholder?: string;
-    /**
-     * On search input change callback
-     */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * On search input blur callback
-     */
-    onBlur?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * On search input focus callback
-     */
-    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * On search input key press callback
-     */
-    onKeyPress?: (e: KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * On search input key down callback
-     */
-    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * On button click callback
-     */
-    onButtonClick?: (e: MouseEvent<HTMLElement>) => void;
-    /**
-     * Allow to set search input element focus on page load
-     */
-    autoFocus?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Search: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Search;

package/build/cjs/src/components/SecondaryNavigation/SecondaryNavigation.d.ts

@@ -1,90 +0,0 @@
-import type { ComponentType, ReactNode } from 'react';
-import React from 'react';
-import type { LangProps } from '../../types/language';
-interface MenuItem {
-    id: string;
-    titles: LangProps;
-    urls: LangProps;
-    icon?: string;
-    target?: string;
-}
-interface SecondaryNavigationData {
-    name?: string;
-    categoryId?: string;
-    pages?: MenuItem[] | null;
-}
-interface NextJSLink {
-    linkUrl: string;
-    linkTitle: string;
-    iconName: string;
-    showNotification: boolean;
-    collapseSize: number;
-    children?: ReactNode;
-}
-interface Props {
-    /**
-     * Component data in JSON format
-     */
-    data: SecondaryNavigationData;
-    /**
-     * Highlight active item
-     */
-    currentUrl: string;
-    /**
-     * Allows to use nextJS component instead of HTML Anchor
-     */
-    nextJSSecondaryNavLink?: ComponentType<NextJSLink>;
-    /**
-     * Allows to change language of component
-     *
-     * @default 'fi'
-     */
-    lang?: string;
-    /**
-     * Allows to set threshold in px, when desktop style changes to mobile style
-     *
-     * @default 767
-     */
-    collapseSize?: number;
-    /**
-     * Allows to set maximum width of component
-     */
-    'max-width'?: number;
-    /**
-     * Defines how active item is determined relative to `currentUrl` property
-     *
-     * @default true
-     */
-    matchFullUrl?: boolean;
-    /**
-     * Allows to hide component in desktop mode
-     *
-     * @default false
-     */
-    mobileOnly?: boolean;
-    /**
-     * Allows to highlight component items
-     */
-    highlightIds?: string[];
-    /**
-     * Allows to set Secondary navigation background to white
-     *
-     * @default false
-     */
-    whiteBg?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/**
- * @visibleName Secondary Navigation
- * @deprecated Use `PriorityNavigation` component
- */
-declare const SecondaryNavigation: ({ currentUrl, lang, nextJSSecondaryNavLink: NextJSSecondaryNavLink, collapseSize, "max-width": maxWidth, matchFullUrl, highlightIds, className, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default SecondaryNavigation;

package/build/cjs/src/components/Selectbox/Selectbox.d.ts

@@ -1,119 +0,0 @@
-import React from 'react';
-import type { GroupBase, OptionsOrGroups, Props as ReactSelectProps } from 'react-select';
-interface SelectboxOption {
-    label: string;
-    value: string;
-}
-declare module 'react-select/dist/declarations/src/Select' {
-    interface Props<Option extends SelectboxOption = SelectboxOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> {
-        errorState?: boolean;
-    }
-}
-interface Props<Option extends SelectboxOption = SelectboxOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> {
-    /**
-     * Unique ID for the select element
-     */
-    inputId: ReactSelectProps['inputId'];
-    /**
-     * Array of options that populate the select menu
-     */
-    options: OptionsOrGroups<Option, Group>;
-    /**
-     * Default value of select menu
-     *
-     * @default undefined
-     */
-    value?: ReactSelectProps<Option>['value'];
-    /**
-     * Text of the select element label
-     */
-    label?: string;
-    /**
-     * Text of placeholder for the select value
-     */
-    placeholder?: ReactSelectProps['placeholder'];
-    /**
-     * Text to display when there are no options
-     */
-    noOptionsText?: string;
-    /**
-     * On select change callback
-     */
-    onChange: ReactSelectProps<Option, IsMulti>['onChange'];
-    /**
-     * On input change callback
-     */
-    onInputChange?: ReactSelectProps['onInputChange'];
-    /**
-     * Allows to attach selectbox options menu to specific HTML element
-     * Useful when used in modals
-     *
-     * @default selectbox-container
-     */
-    menuPortalTarget?: ReactSelectProps['menuPortalTarget'];
-    /**
-     * Allows to place selectbox options menu above or below the selectbox control
-     *
-     * @param {MenuPlacement} top Opens options menu above the control
-     * @param {MenuPlacement} bottom Opens options menu below the control
-     *
-     * @default 'auto'
-     */
-    menuPlacement?: ReactSelectProps['menuPlacement'];
-    /**
-     * Displays loading indicator (PixelLoader) instead of selectbox
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Allows to enable search functionality
-     *
-     * @default false
-     */
-    isSearchable?: boolean;
-    /**
-     * Allows to clear selected value
-     *
-     * @default false
-     */
-    isClearable?: boolean;
-    /**
-     * Allows to select multiple options
-     *
-     * @default false
-     */
-    isMulti?: IsMulti;
-    /**
-     * Allows to disable the component functionality
-     *
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Allows to set selectbox as mandatory
-     *
-     * @default false
-     */
-    isRequired?: boolean;
-    /**
-     * Allows to set selectbox to error state
-     *
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Text of the error message when selectbox is in error state
-     */
-    errorMessage?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const SelectBox: <Option extends SelectboxOption = SelectboxOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ noOptionsText, "data-testid": dataTestId, ...props }: Props<Option, IsMulti, Group>) => React.JSX.Element;
-export default SelectBox;

package/build/cjs/src/components/Selectbox/__tests__/Selectbox.spec.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';