@plurid/plurid-ui-components-react 0.0.0-1 → 0.0.0-12

package/distribution/components/pluridal/index.d.ts

@@ -2,7 +2,7 @@
 declare const pluridal: {
     notifications: {
         Notification: import("react").FC<import("./notifications/Notification").NotificationOwnProperties>;
-        Notifications: import("react-redux").ConnectedComponent<import("react").FC<import("./notifications/Notifications").NotificationsProperties>, import("react-redux").Omit<import("./notifications/Notifications").NotificationsProperties, "stateGeneralTheme" | "stateNotifications" | "dispatchRemoveNotification"> & import("./notifications/Notifications").NotificationsOwnProperties>;
+        Notifications: import("react-redux").ConnectedComponent<import("react").FC<import("./notifications/Notifications").NotificationsProperties>, Omit<import("./notifications/Notifications").NotificationsProperties, "stateGeneralTheme" | "stateNotifications" | "dispatchRemoveNotification"> & import("./notifications/Notifications").NotificationsOwnProperties & import("react-redux").ConnectProps>;
     };
     sitting: {
         SittingTray: import("react-redux").ConnectedComponent<import("react").FC<import("./sitting/SittingTray").SittingTrayProperties>, any>;

package/distribution/components/pluridal/notifications/Notification/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { notifications } from '@plurid/plurid-ui-state-react';
 import { Theme } from '@plurid/plurid-themes';
+import { notifications } from '@plurid/plurid-ui-state-react';
 export interface NotificationOwnProperties {
     data: notifications.Types.Notification;
     theme: Theme;

package/distribution/components/pluridal/notifications/Notifications/index.d.ts

@@ -22,5 +22,5 @@ export interface NotificationsDispatchProperties {
     dispatchRemoveNotification: typeof notificationsStateService.actions.removeNotification;
 }
 export declare type NotificationsProperties = NotificationsOwnProperties & NotificationsStateProperties & NotificationsDispatchProperties;
-declare const ConnectedNotifications: import("react-redux").ConnectedComponent<React.FC<NotificationsProperties>, import("react-redux").Omit<NotificationsProperties, "stateGeneralTheme" | "stateNotifications" | "dispatchRemoveNotification"> & NotificationsOwnProperties>;
+declare const ConnectedNotifications: import("react-redux").ConnectedComponent<React.FC<NotificationsProperties>, Omit<NotificationsProperties, "stateGeneralTheme" | "stateNotifications" | "dispatchRemoveNotification"> & NotificationsOwnProperties & import("react-redux").ConnectProps>;
 export default ConnectedNotifications;

package/distribution/components/pluridal/notifications/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const notifications: {
     Notification: import("react").FC<import("./Notification").NotificationOwnProperties>;
-    Notifications: import("react-redux").ConnectedComponent<import("react").FC<import("./Notifications").NotificationsProperties>, import("react-redux").Omit<import("./Notifications").NotificationsProperties, "stateGeneralTheme" | "stateNotifications" | "dispatchRemoveNotification"> & import("./Notifications").NotificationsOwnProperties>;
+    Notifications: import("react-redux").ConnectedComponent<import("react").FC<import("./Notifications").NotificationsProperties>, Omit<import("./Notifications").NotificationsProperties, "stateGeneralTheme" | "stateNotifications" | "dispatchRemoveNotification"> & import("./Notifications").NotificationsOwnProperties & import("react-redux").ConnectProps>;
 };
 export default notifications;

package/distribution/components/pluridal/toolbars/ToolbarControls/index.d.ts

@@ -6,6 +6,7 @@ export interface ToolbarControlsOwnProperties {
     theme?: Theme;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode;
 }
 export declare type ToolbarControlsProperties = ToolbarControlsOwnProperties;
 declare const ToolbarControls: React.FC<ToolbarControlsProperties>;

package/distribution/components/pluridal/toolbars/ToolbarControls/styled.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from '@plurid/plurid-themes';
 import { VerticalPositions } from "../../../../data/enumerations";
-interface IStyledToolbarControls {
+export interface IStyledToolbarControls {
     position: keyof typeof VerticalPositions;
     theme: Theme;
 }

package/distribution/components/pluridal/toolbars/ToolbarSpecific/index.d.ts

@@ -8,6 +8,7 @@ export interface ToolbarSpecificOwnProperties {
     activeType: any;
     selectors: any;
     position?: keyof typeof HorizontalPositions;
+    children?: React.ReactNode;
 }
 export interface ToolbarSpecificStateProperties {
     stateToolbars: any;

package/distribution/components/universal/form/FormLeftRight/index.d.ts

@@ -4,6 +4,7 @@ export interface FormLeftRightProperties {
     theme?: Theme;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode;
 }
 /**
  * Form left and right items

package/distribution/components/universal/form/Formitem/index.d.ts

@@ -5,6 +5,7 @@ export interface FormitemProperties {
     level?: number;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode;
 }
 /**
  * Renders a form item.

package/distribution/components/universal/form/Formline/index.d.ts

@@ -8,6 +8,7 @@ export interface FormlineProperties {
     responsive?: boolean;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode;
 }
 /**
  * Renders a descriptive text and a form element side by side.

package/distribution/components/universal/index.d.ts

@@ -17,6 +17,8 @@ declare const universal: {
     };
     inputs: {
         Dropdown: import("react").FC<import("./inputs/Dropdown").DropdownProperties>;
+        EntityPill: import("react").FC<import("./inputs/EntityPill").EntityPillProperties>;
+        EntityPillGroup: import("react").FC<import("./inputs/EntityPillGroup").EntityPillGroupProperties>;
         InputBox: import("react").FC<import("./inputs/InputBox").InputBoxProperties>;
         InputDescriptor: import("react").FC<import("./inputs/InputDescriptor").InputDescriptorProperties>;
         InputLine: import("react").FC<import("./inputs/InputLine").InputLineProperties>;
@@ -39,6 +41,7 @@ declare const universal: {
     };
     varia: {
         CopyableLine: import("react").FC<import("./varia/CopyableLine").CopyableLineProperties>;
+        NewPageLink: import("react").FC<import("./varia/NewPageLink").NewPageLinkProperties>;
         ScrollableLine: import("react").FC<import("./varia/ScrollableLine").ScrollableLineProperties>;
         TextItem: import("react").FC<import("./varia/TextItem").TextItemProperties>;
     };

package/distribution/components/universal/inputs/EntityPill/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface EntityPillProperties {
+    id: string;
+    remove: (id: string) => void;
+    text?: string;
+    theme?: Theme;
+    style?: React.CSSProperties;
+}
+declare const EntityPill: React.FC<EntityPillProperties>;
+export default EntityPill;

package/distribution/components/universal/inputs/EntityPill/styled.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledEntityPill {
+    theme: Theme;
+}
+export declare const StyledEntityPill: import("styled-components").StyledComponent<"div", any, IStyledEntityPill, never>;

package/distribution/components/universal/inputs/EntityPillGroup/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+import { PluridUIEntityPillData } from "../../../../data/interfaces";
+export interface EntityPillGroupProperties {
+    entities: (string | PluridUIEntityPillData)[];
+    remove: (id: string) => void;
+    keyFix?: string;
+    theme?: Theme;
+    style?: React.CSSProperties;
+    pillStyle?: React.CSSProperties;
+}
+declare const EntityPillGroup: React.FC<EntityPillGroupProperties>;
+export default EntityPillGroup;

package/distribution/components/universal/inputs/EntityPillGroup/styled.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledEntityPillGroup {
+    theme: Theme;
+}
+export declare const StyledEntityPillGroup: import("styled-components").StyledComponent<"div", any, IStyledEntityPillGroup, never>;

package/distribution/components/universal/inputs/InputDescriptor/index.d.ts

@@ -3,7 +3,9 @@ import { Theme } from '@plurid/plurid-themes';
 export interface InputDescriptorProperties {
     name: string;
     show: boolean;
-    theme: Theme;
+    theme?: Theme;
+    style?: React.CSSProperties;
+    className?: string;
 }
 declare const InputDescriptor: React.FC<InputDescriptorProperties>;
 export default InputDescriptor;

package/distribution/components/universal/inputs/InputSwitch/index.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
 export interface InputSwitchProperties {
     name: string;
     checked: boolean;
-    theme: any;
     atChange: () => void;
+    theme?: Theme;
     compact?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
 }
 declare const InputSwitch: React.FC<InputSwitchProperties>;
 export default InputSwitch;

package/distribution/components/universal/inputs/Switch/index.d.ts

@@ -7,6 +7,7 @@ export interface SwitchProperties {
     round?: boolean;
     exclusive?: boolean;
     accent?: string;
+    Icon?: React.FC<any>;
     atChange: () => void;
 }
 declare const Switch: React.FC<SwitchProperties>;

package/distribution/components/universal/inputs/Switch/styled.d.ts

@@ -1,2 +1,3 @@
 export declare const StyledSwitch: any;
 export declare const StyledSwitchSlider: any;
+export declare const StyledSwitchIcon: any;

package/distribution/components/universal/inputs/Textline/index.d.ts

@@ -22,6 +22,7 @@ export interface TextlineProperties {
     width?: string | number;
     error?: boolean;
     enterIconLeft?: boolean;
+    enterEmpty?: boolean;
     enterAtClick?: () => void;
     escapeClear?: boolean;
     ariaLabel?: string;
@@ -51,6 +52,7 @@ export declare type TextlineType = TextlineProperties & React.RefAttributes<any>
  * @param error optional - `boolean`
  *
  * @param enterIconLeft optional - `boolean`
+ * @param enterEmpty optional - `boolean`
  * @param enterAtClick optional - `() => void`
  * @param escapeClear optional - `boolean`
  *

package/distribution/components/universal/inputs/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 declare const inputs: {
     Dropdown: import("react").FC<import("./Dropdown").DropdownProperties>;
+    EntityPill: import("react").FC<import("./EntityPill").EntityPillProperties>;
+    EntityPillGroup: import("react").FC<import("./EntityPillGroup").EntityPillGroupProperties>;
     InputBox: import("react").FC<import("./InputBox").InputBoxProperties>;
     InputDescriptor: import("react").FC<import("./InputDescriptor").InputDescriptorProperties>;
     InputLine: import("react").FC<import("./InputLine").InputLineProperties>;

package/distribution/components/universal/markers/Spinner/index.d.ts

@@ -4,6 +4,8 @@ import { Sizes } from "../../../../data/interfaces";
 export interface SpinnerProperties {
     theme?: Theme;
     size?: Sizes;
+    style?: React.CSSProperties;
+    className?: string;
 }
 declare const Spinner: React.FC<SpinnerProperties>;
 export default Spinner;

package/distribution/components/universal/varia/CopyableLine/index.d.ts

@@ -1,7 +1,19 @@
 import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
 export interface CopyableLineProperties {
+    /**
+     * Data to be copied.
+     */
     data: string;
+    /**
+     * Data to be shown.
+     */
+    theme?: Theme;
     viewData?: string;
+    copyMessage?: string;
+    copyMessageTime?: number;
+    style?: React.CSSProperties;
+    className?: string;
 }
 declare const CopyableLine: React.FC<CopyableLineProperties>;
 export default CopyableLine;

package/distribution/components/universal/varia/NewPageLink/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface NewPageLinkProperties {
+    link: string;
+    text: string | JSX.Element;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Opens the `link` in new page/tab.
+ *
+ * @param properties
+ */
+declare const NewPageLink: React.FC<NewPageLinkProperties>;
+export default NewPageLink;

package/distribution/components/universal/varia/NewPageLink/styled.d.ts

@@ -0,0 +1,3 @@
+export interface IStyledNewPageLink {
+}
+export declare const StyledNewPageLink: import("styled-components").StyledComponent<"a", any, IStyledNewPageLink, never>;

package/distribution/components/universal/varia/ScrollableLine/index.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
-import { Theme } from '@plurid/plurid-themes';
 export interface ScrollableLineProperties {
     text: string;
-    theme?: Theme;
-    level?: number;
     style?: React.CSSProperties;
     className?: string;
 }

package/distribution/components/universal/varia/ScrollableLine/styled.d.ts

@@ -1,6 +1,3 @@
-import { Theme } from '@plurid/plurid-themes';
 export interface IStyledScrollableLine {
-    theme: Theme;
-    level: number;
 }
 export declare const StyledScrollableLine: import("styled-components").StyledComponent<"div", any, IStyledScrollableLine, never>;

package/distribution/components/universal/varia/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare const varia: {
     CopyableLine: import("react").FC<import("./CopyableLine").CopyableLineProperties>;
+    NewPageLink: import("react").FC<import("./NewPageLink").NewPageLinkProperties>;
     ScrollableLine: import("react").FC<import("./ScrollableLine").ScrollableLineProperties>;
     TextItem: import("react").FC<import("./TextItem").TextItemProperties>;
 };

package/distribution/data/interfaces/index.d.ts

@@ -3,6 +3,10 @@ export interface PluridUIDropdownSelectable {
     id: string;
     value: string;
 }
+export interface PluridUIEntityPillData {
+    id: string;
+    text?: string;
+}
 export declare type Small = 'small';
 export declare type Normal = 'normal';
 export declare type Large = 'large';

package/distribution/index.d.ts

@@ -1,5 +1,4 @@
-import { fonts } from './data/constants';
 import universal from "./components/universal";
 import pluridal from "./components/pluridal";
 export * from './data/interfaces';
-export { universal, pluridal, fonts, };
+export { universal, pluridal, };