superdesk-ui-framework 3.0.0-rc12 → 3.0.0

package/app-typescript/dist/components/SelectWithTemplate.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Dropdown } from '@superdesk/primereact/dropdown';
+interface IProps<T> {
+    getItems(searchString: string | null): Promise<Array<T>>;
+    value: T;
+    getLabel(option: T): string;
+    onChange(value: T): void;
+    areEqual(a: T, b: T): boolean;
+    itemTemplate: React.ComponentType<{
+        option: T | null;
+    }>;
+    noResultsFoundMessage: string;
+    filterPlaceholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    autoOpen?: boolean;
+    width?: 'min' | '100%';
+    zIndex?: number;
+    'data-test-id'?: string;
+}
+interface IState<T> {
+    options: Array<T>;
+    loading: boolean;
+}
+export declare class SelectWithTemplate<T> extends React.Component<IProps<T>, IState<T>> {
+    componentRef: Dropdown | null;
+    constructor(props: IProps<T>);
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/SlidingToolbar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface IProps {
+    multi: boolean;
+}
+export declare class SlidingToolbar extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/StrechBar.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare class StrechBar extends React.PureComponent {
+    render(): JSX.Element;
+}

package/app-typescript/dist/components/SubNav.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface IProps {
+    color?: 'light' | 'darker' | 'blueGrey' | 'blueGreyDarker' | 'darkUi';
+    zIndex?: number;
+    theme?: 'light' | 'dark';
+}
+export declare class SubNav extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/Switch.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface IProps {
+    value: boolean;
+    disabled?: boolean;
+    onChange(nextValue: boolean): void;
+}
+export declare class Switch extends React.PureComponent<IProps> {
+    constructor(props: IProps);
+    onClick(): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/TabCustom.d.ts

@@ -0,0 +1,25 @@
+interface ITabs {
+    size?: 'normal' | 'large' | 'small';
+    theme?: 'light' | 'dark';
+    ariaLabel?: string;
+    children: Array<any>;
+    onClick(i: number): void;
+}
+interface ITabLabel {
+    label: string;
+    indexValue: number;
+}
+interface ITabContent {
+    theme?: 'light' | 'dark';
+    children: any;
+    activePanel: number;
+}
+interface ITabPanel {
+    indexValue: number;
+    children: any;
+}
+export declare const TabLabel: ({ label }: ITabLabel) => JSX.Element;
+export declare const Tabs: ({ size, theme, ariaLabel, children, onClick }: ITabs) => JSX.Element;
+export declare const TabContent: ({ theme, children, activePanel }: ITabContent) => JSX.Element;
+export declare const TabPanel: ({ children, indexValue }: ITabPanel) => JSX.Element;
+export {};

package/app-typescript/dist/components/TabList.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+interface ITabList {
+    size?: 'normal' | 'large' | 'small';
+    theme?: 'light' | 'dark';
+    children: Array<any>;
+}
+interface IState {
+    index: number;
+}
+interface ITab {
+    label: string;
+}
+declare class Tab extends React.PureComponent<ITab> {
+    render(): JSX.Element;
+}
+declare class TabList extends React.PureComponent<ITabList, IState> {
+    constructor(props: ITabList);
+    private handleChange;
+    goTo(label: string): void;
+    render(): JSX.Element;
+}
+export { Tab, TabList };

package/app-typescript/dist/components/Tag.d.ts

@@ -0,0 +1,9 @@
+interface IProps {
+    text: string;
+    keyValue?: number;
+    shade?: 'light' | 'darker' | 'highlight1' | 'highlight2';
+    shape?: 'round' | 'square';
+    onClick(): void;
+}
+export declare const Tag: ({ text, keyValue, shade, shape, onClick }: IProps) => JSX.Element;
+export {};

package/app-typescript/dist/components/TagInput.d.ts

@@ -0,0 +1,7 @@
+interface ITagInput {
+    items?: Array<any>;
+    label: string;
+    freetype?: boolean;
+}
+export declare const TagInput: ({ items, label, freetype }: ITagInput) => JSX.Element;
+export {};

package/app-typescript/dist/components/TagInputTest.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface IProps {
+    items: Array<any>;
+    keyValue: string;
+    minLength?: number;
+}
+interface IState {
+    selectedItem: any;
+    filteredItems: any;
+}
+export declare class TagInputTest extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    searchItem(event: any): void;
+    itemTemplate(item: any): JSX.Element;
+    handleItem(e: any): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/TimePicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IProps {
+    value: string;
+    onChange(valueNext: string): void;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare class TimePicker extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/Tooltip.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IProps {
+    text: string;
+    flow?: 'top' | 'left' | 'right' | 'down';
+}
+export declare class Tooltip extends React.PureComponent<IProps> {
+    htmlId: string;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/_Positioner.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { PopperOptions } from 'popper.js';
+declare type ICloseOthersEvent = CustomEvent<{
+    triggerElement: HTMLElement;
+}>;
+interface IPropsPositioner {
+    triggerSelector: string;
+    placement: PopperOptions['placement'];
+    zIndex?: number;
+    className?: string;
+}
+interface IStatePositioner {
+    open: boolean;
+}
+export declare class Positioner extends React.Component<IPropsPositioner, IStatePositioner> {
+    elementForPositioner: HTMLDivElement;
+    triggerElement: HTMLElement;
+    constructor(props: IPropsPositioner);
+    handleCloseOthers(event: ICloseOthersEvent): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    toggleDropdown(e: MouseEvent): void;
+    closeDropdownOnOutsideClick(wrapper: HTMLElement, event: MouseEvent): void;
+    componentDidUpdate(): void;
+    render(): null;
+}
+export {};

package/app-typescript/dist/index.d.ts

@@ -0,0 +1,56 @@
+export { HelloWorld } from './components/HelloWorld';
+export { Button } from './components/Button';
+export { Input } from './components/Input';
+export { Select, Option } from './components/Select';
+export { SelectWithTemplate } from './components/SelectWithTemplate';
+export { Popover } from './components/Popover';
+export { Label } from './components/Label';
+export { Badge } from './components/Badge';
+export { Alert } from './components/Alert';
+export { AvatarWrapper } from './components/Avatar';
+export { AvatarContentText } from './components/Avatar';
+export { AvatarContentImage } from './components/Avatar';
+export { IconButton } from './components/IconButton';
+export { IconLabel } from './components/IconLabel';
+export { Tooltip } from './components/Tooltip';
+export { DatePicker } from './components/DatePicker';
+export { DatePickerISO } from './components/DatePicker';
+export { DatePickerLocaleSettings } from './components/DatePicker';
+export { TimePicker } from './components/TimePicker';
+export { FormLabel } from './components/FormLabel';
+export { Switch } from './components/Switch';
+export { ButtonGroup } from './components/ButtonGroup';
+export { Loader } from './components/Loader';
+export { Radio } from './components/Radio';
+export { Checkbox } from './components/Checkbox';
+export { RadioButton } from './components/RadioButton';
+export { CheckboxButton } from './components/CheckboxButton';
+export { CheckGroup } from './components/CheckGroup';
+export { CheckButtonGroup } from './components/CheckButtonGroup';
+export { NavButton } from './components/NavButton';
+export { Tab, TabList } from './components/TabList';
+export { LeftMenu } from './components/LeftMenu';
+export { SubNav } from './components/SubNav';
+export { SlidingToolbar } from './components/SlidingToolbar';
+export { StrechBar } from './components/StrechBar';
+export { PropsList, Prop } from './components/PropsList';
+export { Icon } from './components/Icon';
+export { Divider } from './components/Divider';
+export { HeadingText } from './components/HeadingText';
+export { DropdownFirst } from './components/DropdownFirst';
+export { DropdownItem } from './components/DropdownFirst';
+export { DropdownLabel } from './components/DropdownFirst';
+export { DropdownDivider } from './components/DropdownFirst';
+export { Dropdown } from './components/Dropdown';
+export { Tag } from './components/Tag';
+export { TabLabel, TabPanel, TabContent, Tabs } from './components/TabCustom';
+export { EmptyState } from './components/EmptyState';
+export { Autocomplete } from './components/Autocomplete';
+export { DonutChart } from './components/DonutChart';
+export { TagInput } from './components/TagInput';
+export { TagInputTest } from './components/TagInputTest';
+export { Genie } from './components/Genie';
+export { GridList } from './components/GridList';
+export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper } from './components/GridItem';
+export declare const ToggleBoxNext: any;
+export declare const reactToAngular1: any;

package/dist/examples.bundle.css

@@ -11105,6 +11105,45 @@ doc-react-playground {
   --icon-base-size: 64px
         ; }
 
+.icon-text-block:before {
+  content: ""; }
+
+.icon-text-block.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-block.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-block.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-block.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-block.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-block.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-block.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-block.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-block.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-block.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-block.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-flex !important;