@reapit/elements 2.2.1 → 2.3.1

package/v3/components/input/input.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+export declare type InputWrapped = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<React.InputHTMLAttributes<HTMLInputElement>>>;
+export declare const Input: InputWrapped;

package/v3/{esm/components/input-add-on → components/input-error}/__styles__/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const ElInputAddOn: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+export declare const ElInputError: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/input-error/index.d.ts

@@ -0,0 +1 @@
+export * from './input-error';

package/v3/components/input-error/input-error.d.ts

@@ -0,0 +1,4 @@
+export interface InputErrorInterface {
+    message: string;
+}
+export declare const InputError: ({ message }: InputErrorInterface) => JSX.Element;

package/v3/{esm/components → components}/input-group/input-group.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import { IconNames } from '../icon';
 import { Intent } from '../../helpers/intent';
 export interface InputGroupProps extends React.InputHTMLAttributes<HTMLInputElement> {
@@ -20,5 +20,7 @@ export interface InputGroupProps extends React.InputHTMLAttributes<HTMLInputElem
      * Added to the InputGroup `div`
      */
     className?: string;
+    errorMessage?: string;
 }
-export declare const InputGroup: FC<InputGroupProps>;
+export declare type InputGroupWrapped = React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<React.InputHTMLAttributes<HTMLInputElement>>>;
+export declare const InputGroup: InputGroupWrapped;

package/v3/components/multi-select/__styles__/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const elHasGreyChips: import("@linaria/core").LinariaClassName;
+export declare const ElMultiSelectCheckbox: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElMultiSelectLabel: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElMultiSelect: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElMultiSelectSelected: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElMultiSelectUnSelected: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElMultiSelectInput: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElMultiSelectInputWrapper: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/multi-select/multi-select.d.ts

@@ -0,0 +1,32 @@
+import React, { ChangeEvent, Dispatch, FC, HTMLAttributes, InputHTMLAttributes, RefAttributes, SetStateAction } from 'react';
+export interface MultiSelectProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface MultiSelectOption {
+    value: string;
+    name: string;
+}
+export interface MultiSelectInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    id: string;
+    options: MultiSelectOption[];
+    defaultValues?: string[];
+    noneSelectedLabel?: string;
+}
+export declare type MultiSelectInputWrapped = React.ForwardRefExoticComponent<MultiSelectInputProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
+export interface MultiSelectChipProps extends HTMLAttributes<HTMLInputElement> {
+}
+export declare const handleSetNativeInput: (id: string, selectedOptionValues: string[], testFunc?: ((value: string[]) => void) | undefined) => () => void;
+export declare const handleResetDefaultValues: (setSelectedOptionValues: Dispatch<SetStateAction<string[]>>, setSelectedDefaultValues: Dispatch<SetStateAction<string[]>>, defaultValues?: string[] | undefined, selectedDefaultValues?: string[] | undefined) => () => void;
+export declare const handleSelectedOptions: (value: string, selectedOptionValues: string[], setSelectedOptionValues: Dispatch<SetStateAction<string[]>>) => (event: ChangeEvent<HTMLInputElement>) => void;
+export declare const MultiSelectChip: FC<MultiSelectChipProps>;
+export declare const MultiSelect: FC<MultiSelectProps>;
+export declare const MultiSelectSelected: FC<MultiSelectProps>;
+export declare const MultiSelectUnSelected: FC<MultiSelectProps>;
+/** This looks like I have had a bit of a meltdown but promise it makes sense!
+ * I want the component to behave like an input ie accept refs and onChange handlers and respond as a standard
+ * input would. To do this, I have a hidden input apply all the input props to (onChange included) and I forward
+ * any refs to this input. Intutitively I should be able to update the value of the input from the component state
+ * however, this does not trigger on change. As such, I have to treat the input as a native element, get the
+ * global setter and call it on the input with the value. I then dispatch a real DOM change event and that triggers
+ * the React handler, which hands back to my form lib or similar. It's adapted from this suggested workaround below:
+ *  https://github.com/facebook/react/issues/11095#issuecomment-334305739  */
+export declare const MultiSelectInput: MultiSelectInputWrapped;

package/v3/{esm/components → components}/nav/__styles__/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const elNavIsDesktop: string;
+export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;
 export declare const ElNavContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -9,13 +9,13 @@ export declare const ElNavSubContainer: import("@linaria/core").StyledMeta & imp
 export declare const ElNavItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavItemActive: string;
-export declare const elNavItemExpanded: string;
-export declare const elNavItemHideDesktop: string;
-export declare const elNavItemIcon: string;
+export declare const elNavItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavItemHideDesktop: import("@linaria/core").LinariaClassName;
+export declare const elNavItemIcon: import("@linaria/core").LinariaClassName;
 export declare const ElNavSubItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavSubItemExpanded: string;
-export declare const elNavSubItemActive: string;
-export declare const elNavItemSecondary: string;
+export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemSecondary: import("@linaria/core").LinariaClassName;

package/v3/{cjs/components → components}/nav/nav-responsive.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction } from 'react';
 import { IconNames } from '../icon';
 export declare type NavResponsiveItemType = 'ICON' | 'ITEM' | 'SECONDARY';
 export interface NavResponsiveOption {
@@ -16,4 +16,6 @@ export interface NavResponsiveProps extends HTMLAttributes<HTMLDivElement> {
     defaultNavIndex?: number;
     defaultNavSubIndex?: number;
 }
+export declare type LogoIcon = 'reapitLogoSelectedMenu' | 'reapitLogoMenu';
+export declare const handleToggleLogo: (logoState: LogoIcon, setLogoState: Dispatch<SetStateAction<LogoIcon>>) => () => void;
 export declare const NavResponsive: FC<NavResponsiveProps>;

package/v3/{cjs/components → components}/nav/use-nav.stories.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const UseNavStory: () => JSX.Element;
 export declare const UseNavMobileSubMenuStory: () => JSX.Element;

package/v3/{cjs/components → components}/pagination/__styles__/index.d.ts

@@ -8,4 +8,4 @@ export declare const ElPaginationText: import("@linaria/core").StyledMeta & impo
 export declare const ElPaginationButton: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elPaginationPrimary: string;
+export declare const elPaginationPrimary: import("@linaria/core").LinariaClassName;

package/v3/components/persistant-notification/__styles__/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const elPnIsFullWidth: import("@linaria/core").LinariaClassName;
+export declare const elPnIsFixed: import("@linaria/core").LinariaClassName;
+export declare const elPnIsInline: import("@linaria/core").LinariaClassName;
+export declare const elPnIcon: import("@linaria/core").LinariaClassName;
+export declare const elPnContent: import("@linaria/core").LinariaClassName;
+export declare const ElPersistantNotification: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/{esm/components → components}/progress-bar/__styles__/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const elProgressBarItemDarkBlue: string;
-export declare const elProgressBarItemMediumBlue: string;
-export declare const elProgressBarItemLightBlue: string;
-export declare const elProgressBarItemLightestBlue: string;
-export declare const elProgressBarItemOrange: string;
+export declare const elProgressBarItemDarkBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemMediumBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightestBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemOrange: import("@linaria/core").LinariaClassName;
 export declare const ElProgressBarContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -16,5 +16,5 @@ export declare const ElProgressBarInner: import("@linaria/core").StyledMeta & im
 export declare const ElProgressBarItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elProgressBarLabelRight: string;
-export declare const elProgressBarLabelLeft: string;
+export declare const elProgressBarLabelRight: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarLabelLeft: import("@linaria/core").LinariaClassName;

package/v3/components/searchable-dropdown/__styles__/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const ElSearchableDropdownContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElSearchableDropdownResult: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElSearchableDropdownResultsContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElSearchableDropdownSearchInputAddOn: import("@linaria/core").StyledMeta & import("react").FC<import("../../input-add-on").InputAddOnProps>;
+export declare const ElSearchableDropdownCloseButton: import("@linaria/core").StyledMeta & import("react").FC<import("../../icon").IconProps>;
+export declare const ElSearchableDropdownSearchInput: import("@linaria/core").StyledMeta & import("../../input").InputWrapped;
+export declare const ElSearchableDropdownSearchLabel: import("@linaria/core").StyledMeta & import("react").FC<import("../../label").LabelProps>;
+export declare const ElSearchableDropdownSearchLoader: import("@linaria/core").StyledMeta & import("react").FC<import("../../loader").LoaderProps>;

package/v3/components/searchable-dropdown/index.d.ts

@@ -0,0 +1,5 @@
+export * from './__styles__';
+export { SearchableDropdown, ControlledSearchableDropdown, SearchableDropdownSearchLabel } from './searchable-dropdown';
+import { SearchableDropdownProps as T_SearchableDropdownProps, ControlledSearchableDropdownProps as T_ControlledSearchableDropdownProps } from './searchable-dropdown';
+export declare type ControlledSearchableDropdownProps<T> = T_ControlledSearchableDropdownProps<T>;
+export declare type SearchableDropdownProps<T> = T_SearchableDropdownProps<T>;