@equisoft/design-elements-react 3.5.1-snapshot.20220104194038 → 3.5.1-snapshot.20220107151519

package/dist/components/card/card.d.ts

@@ -1,2 +1,7 @@
-declare const Card: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export { Card };
+import { FunctionComponent } from 'react';
+interface Props {
+    className?: string;
+    noPadding?: boolean;
+}
+export declare const Card: FunctionComponent<Props>;
+export {};

package/dist/components/datepicker/datepicker.d.ts

@@ -1,5 +1,6 @@
 import { FocusEvent } from 'react';
 import { DayOfWeek, SupportedLocale } from './utils/datepicker-utils';
+import { TooltipProps } from '../tooltip/tooltip';
 export interface DatepickerHandles {
     reset(): void;
     setDate(date: Date): void;
@@ -16,6 +17,7 @@ interface DatepickerProps {
     id?: string;
     /** Sets input label */
     label?: string;
+    tooltip?: TooltipProps;
     /**
      * Sets localization
      * @default en-CA

package/dist/components/field-container/field-container.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
+import { TooltipProps } from '../tooltip/tooltip';
 export interface FieldContainerProps {
     className?: string;
     children: ReactNode;
@@ -8,5 +9,6 @@ export interface FieldContainerProps {
     valid: boolean;
     validationErrorMessage: string;
     hint?: string;
+    tooltip?: TooltipProps;
 }
-export declare function FieldContainer({ className, children, fieldId, label, valid, validationErrorMessage, hint, noMargin, ...props }: FieldContainerProps): ReactElement;
+export declare function FieldContainer({ className, children, fieldId, label, valid, validationErrorMessage, hint, noMargin, tooltip, ...props }: FieldContainerProps): ReactElement;

package/dist/components/label/label.d.ts

@@ -1,8 +1,10 @@
 import { ReactElement, ReactNode } from 'react';
+import { TooltipProps } from '../tooltip/tooltip';
 interface LabelProps {
     className?: string;
     children: ReactNode;
     forId: string;
+    tooltip?: TooltipProps;
 }
-declare function Label({ className, children, forId }: LabelProps): ReactElement;
+declare function Label({ className, children, forId, tooltip, }: LabelProps): ReactElement;
 export { Label };

package/dist/components/select/select.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ListboxOption } from '../listbox/listbox';
+import { TooltipProps } from '../tooltip/tooltip';
 export interface Option extends ListboxOption {
     label: string;
 }
@@ -48,6 +49,7 @@ interface SelectProps {
         label: string;
         value?: string;
     };
+    tooltip?: TooltipProps;
     /**
      * Sets input validity
      */
@@ -67,5 +69,5 @@ interface SelectProps {
      */
     onChange?(option: Option): void;
 }
-export declare function Select({ ariaLabel, className, defaultOpen, defaultValue, disabled, noMargin, id, label, onChange, options, name, numberOfItemsVisible, placeholder, required, searchable, skipOption, valid, validationErrorMessage, value, hint, }: SelectProps): ReactElement;
+export declare function Select({ ariaLabel, className, defaultOpen, defaultValue, disabled, noMargin, id, label, onChange, options, name, numberOfItemsVisible, placeholder, required, searchable, skipOption, tooltip, valid, validationErrorMessage, value, hint, }: SelectProps): ReactElement;
 export {};

package/dist/components/stepper-input/stepper-input.d.ts

@@ -1,4 +1,5 @@
 import { DetailedHTMLProps, InputHTMLAttributes, ReactElement } from 'react';
+import { TooltipProps } from '../tooltip/tooltip';
 declare type PartialStepperInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'disabled' | 'onFocus' | 'onBlur' | 'step'>;
 declare type Value = undefined | number | null;
 interface StepperInputProps extends PartialStepperInputProps {
@@ -9,10 +10,11 @@ interface StepperInputProps extends PartialStepperInputProps {
     max?: number;
     min?: number;
     noMargin?: boolean;
+    tooltip?: TooltipProps;
     valid?: boolean;
     validationErrorMessage?: string;
     value?: Value;
     onChange?(value: Value): void;
 }
-export declare function StepperInput({ defaultValue, disabled, hint, id, label, max, min, noMargin, step, valid, validationErrorMessage, value, onBlur, onChange, onFocus, }: StepperInputProps): ReactElement;
+export declare function StepperInput({ defaultValue, disabled, hint, id, label, max, min, noMargin, step, tooltip, valid, validationErrorMessage, value, onBlur, onChange, onFocus, }: StepperInputProps): ReactElement;
 export {};

package/dist/components/tabs/tab-button.d.ts

@@ -1,9 +1,10 @@
 import { KeyboardEvent } from 'react';
 import { IconName } from '../icon/icon';
 interface TabButtonProps {
+    global?: boolean;
     id: string;
-    panelId: string;
     children: string;
+    panelId: string;
     leftIcon?: IconName;
     rightIcon?: IconName;
     isSelected: boolean;

package/dist/components/tabs/tab-panel.d.ts

@@ -1,9 +1,10 @@
 import { ReactElement, ReactNode } from 'react';
 interface TabPanelProps {
-    id: string;
     buttonId: string;
-    hidden: boolean;
     children: ReactNode;
+    contained?: boolean;
+    hidden: boolean;
+    id: string;
 }
-export declare function TabPanel({ id, buttonId, hidden, children, }: TabPanelProps): ReactElement;
+export declare function TabPanel({ buttonId, children, contained, hidden, id, }: TabPanelProps): ReactElement;
 export {};

package/dist/components/tabs/tabs.d.ts

@@ -8,7 +8,10 @@ export interface Tab {
 }
 interface Props {
     className?: string;
+    /** Not available in global mode */
+    contained?: boolean;
     forceRenderTabPanels?: boolean;
+    global?: boolean;
     tabs: Tab[];
 }
 export declare const Tabs: VoidFunctionComponent<Props>;

package/dist/components/text-area/text-area.d.ts

@@ -1,7 +1,9 @@
 import { ChangeEvent, FocusEvent, ReactElement } from 'react';
+import { TooltipProps } from '../tooltip/tooltip';
 export interface TextAreaProps {
     className?: string;
     label: string;
+    tooltip?: TooltipProps;
     defaultValue?: string;
     disabled?: boolean;
     /** Disables default margin */
@@ -21,4 +23,4 @@ export interface TextAreaProps {
     onChange?(event: ChangeEvent<HTMLTextAreaElement>): void;
     onFocus?(event: FocusEvent<HTMLTextAreaElement>): void;
 }
-export declare function TextArea({ className, noMargin, onBlur, onChange, onFocus, hint, defaultValue, disabled, label, placeholder, required, validationErrorMessage, value, maxLength, }: TextAreaProps): ReactElement;
+export declare function TextArea({ className, noMargin, onBlur, onChange, onFocus, hint, defaultValue, disabled, label, placeholder, required, tooltip, validationErrorMessage, value, maxLength, }: TextAreaProps): ReactElement;

package/dist/components/text-input/text-input.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEvent, DetailedHTMLProps, FocusEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
+import { TooltipProps } from '../tooltip/tooltip';
 declare type PartialInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'inputMode' | 'name' | 'value' | 'autoComplete'>;
 interface TextInputProps extends PartialInputProps {
     className?: string;
@@ -8,6 +9,7 @@ interface TextInputProps extends PartialInputProps {
     noMargin?: boolean;
     id?: string;
     label?: string;
+    tooltip?: TooltipProps;
     pattern?: string;
     placeholder?: string;
     required?: boolean;

package/dist/components/tooltip/tooltip.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from 'react';
 export declare type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
-interface TooltipProps {
+export interface TooltipProps {
     className?: string;
     /** Set tooltip open by default */
     defaultOpen?: boolean;
@@ -16,4 +16,3 @@ interface TooltipProps {
     label: string;
 }
 export declare const Tooltip: FunctionComponent<TooltipProps>;
-export {};

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export { AddButton } from './components/buttons/add-button';
 export { Button } from './components/buttons/button';
 export { IconButton } from './components/buttons/icon-button';
 export { NavMenuOption } from './components/nav-menu/nav-menu-option';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "3.5.1-snapshot.20220104194038",
+  "version": "3.5.1-snapshot.20220107151519",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",

package/dist/components/buttons/add-button.d.ts

@@ -1,18 +0,0 @@
-import { MouseEvent, ReactElement } from 'react';
-declare type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive';
-declare type Type = 'submit' | 'button' | 'reset';
-interface ButtonProps {
-    /**
-     * Visual style
-     * @default primary
-     */
-    buttonType: ButtonType;
-    className?: string;
-    disabled?: boolean;
-    inverted?: boolean;
-    label?: string;
-    type?: Type;
-    onClick?(event: MouseEvent<HTMLButtonElement>): void;
-}
-export declare function AddButton({ className, type, buttonType, disabled, inverted, label, onClick, }: ButtonProps): ReactElement;
-export {};