stratosphere-ui 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common/index.d.ts +1 -0
- package/dist/{types.d.ts → common/types.d.ts} +0 -0
- package/dist/components/AlertMessages/AlertMessages.d.ts +4 -4
- package/dist/components/AlertMessages/AlertMessagesList.d.ts +5 -0
- package/dist/components/AlertMessages/AlertMessagesProvider.d.ts +3 -3
- package/dist/components/AlertMessages/index.d.ts +0 -1
- package/dist/components/Badge/Badge.d.ts +2 -1
- package/dist/components/Dropdown/Dropdown.d.ts +1 -2
- package/dist/components/Dropdown/DropdownMenu.d.ts +7 -3
- package/dist/components/Form/Form.d.ts +0 -1
- package/dist/components/Form/FormCheckbox.d.ts +8 -0
- package/dist/components/Form/FormError.d.ts +1 -2
- package/dist/components/Form/FormRangeSlider.d.ts +23 -0
- package/dist/components/Form/FormSelect.d.ts +15 -0
- package/dist/components/Form/FormToggleSwitch.d.ts +9 -0
- package/dist/components/Form/index.d.ts +4 -1
- package/dist/components/FullScreenLoader/FullScreenLoader.d.ts +2 -0
- package/dist/components/FullScreenLoader/index.d.ts +1 -0
- package/dist/components/LoadingCard/LoadingCard.d.ts +6 -0
- package/dist/components/LoadingCard/index.d.ts +1 -0
- package/dist/components/Modal/Modal.d.ts +13 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/{Form/Typeahead → Typeahead}/TypeaheadDropdown.d.ts +1 -1
- package/dist/components/{Form/Typeahead → Typeahead}/TypeaheadMultiSelect.d.ts +2 -3
- package/dist/components/{Form/Typeahead → Typeahead}/TypeaheadSelect.d.ts +2 -2
- package/dist/components/{Form/Typeahead → Typeahead}/TypeaheadSingleSelect.d.ts +2 -3
- package/dist/components/Typeahead/index.d.ts +2 -0
- package/dist/components/{Form/Typeahead → Typeahead}/useTypeaheadInput.d.ts +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/index.d.ts +0 -1
- package/dist/stratosphere-ui.js +24964 -3248
- package/dist/style.css +1 -0
- package/package.json +2 -1
- package/dist/components/Form/Typeahead/index.d.ts +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './types';
|
|
File without changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { AlertMessagesListProps } from './AlertMessagesList';
|
|
3
|
+
import { AlertMessagesProviderProps } from './AlertMessagesProvider';
|
|
4
|
+
export interface AlertMessagesProps extends AlertMessagesListProps, Pick<AlertMessagesProviderProps, 'initialData'> {
|
|
4
5
|
}
|
|
5
|
-
export declare const AlertMessages: ({ maxMessages, }: AlertMessagesProps) => JSX.Element;
|
|
6
|
-
export default AlertMessages;
|
|
6
|
+
export declare const AlertMessages: ({ initialData, maxMessages, }: AlertMessagesProps) => JSX.Element;
|
|
@@ -10,9 +10,9 @@ export interface AlertMessagesContextData {
|
|
|
10
10
|
clearAlertMessages: () => void;
|
|
11
11
|
dismissAlertMessage: (index?: number) => void;
|
|
12
12
|
}
|
|
13
|
-
interface AlertMessagesProviderProps {
|
|
13
|
+
export interface AlertMessagesProviderProps {
|
|
14
14
|
children: ReactNode;
|
|
15
|
+
initialData?: AlertMessage[];
|
|
15
16
|
}
|
|
16
17
|
export declare const useAlertMessages: () => AlertMessagesContextData;
|
|
17
|
-
export declare const AlertMessagesProvider: ({ children, }: AlertMessagesProviderProps) => JSX.Element;
|
|
18
|
-
export {};
|
|
18
|
+
export declare const AlertMessagesProvider: ({ children, initialData, }: AlertMessagesProviderProps) => JSX.Element;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ComponentProps, FC, MouseEvent } from 'react';
|
|
2
2
|
import { BadgeProps as DaisyUIBadgeProps } from 'react-daisyui';
|
|
3
3
|
export interface BadgeProps extends DaisyUIBadgeProps {
|
|
4
|
+
dismissable?: boolean;
|
|
4
5
|
icon?: FC<ComponentProps<'svg'>>;
|
|
5
6
|
onDismiss?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
6
7
|
}
|
|
7
|
-
export declare const Badge: ({ children, className, icon, onDismiss, ...props }: BadgeProps) => JSX.Element;
|
|
8
|
+
export declare const Badge: ({ children, className, dismissable, icon, onDismiss, ...props }: BadgeProps) => JSX.Element;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { HTMLProps } from 'react';
|
|
2
|
-
export
|
|
3
|
-
}
|
|
2
|
+
export declare type DropdownProps = HTMLProps<HTMLDivElement>;
|
|
4
3
|
export declare const Dropdown: import("react").ForwardRefExoticComponent<Pick<DropdownProps, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "className" | "color" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "shape" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { MenuProps } from 'react-daisyui';
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export declare type DropdownMenuProps = MenuProps;
|
|
4
|
+
export declare const DropdownMenu: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLUListElement> & import("react-daisyui/dist/types").IComponentBaseProps & {
|
|
5
|
+
normal?: boolean | "xs" | "lg" | "md" | "sm" | undefined;
|
|
6
|
+
compact?: boolean | "xs" | "lg" | "md" | "sm" | undefined;
|
|
7
|
+
vertical?: boolean | "xs" | "lg" | "md" | "sm" | undefined;
|
|
8
|
+
horizontal?: boolean | "xs" | "lg" | "md" | "sm" | undefined;
|
|
9
|
+
} & import("react").RefAttributes<HTMLUListElement>>;
|
|
@@ -6,4 +6,3 @@ export interface FormProps<Values extends FieldValues> extends HTMLProps<HTMLFor
|
|
|
6
6
|
onFormSubmit: SubmitHandler<Values>;
|
|
7
7
|
}
|
|
8
8
|
export declare const Form: <Values extends FieldValues>({ children, methods, onFormSubmit, ...props }: FormProps<Values>) => JSX.Element;
|
|
9
|
-
export default Form;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { CheckboxProps } from 'react-daisyui';
|
|
3
|
+
import { FieldValues, UseControllerProps } from 'react-hook-form';
|
|
4
|
+
export interface FormCheckboxProps<Values extends FieldValues> extends UseControllerProps<Values> {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
inputProps?: CheckboxProps;
|
|
7
|
+
}
|
|
8
|
+
export declare const FormCheckbox: <Values extends FieldValues>({ children, inputProps, ...props }: FormCheckboxProps<Values>) => JSX.Element;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { HTMLProps } from 'react';
|
|
2
|
-
export
|
|
3
|
-
}
|
|
2
|
+
export declare type FormErrorProps = HTMLProps<HTMLLabelElement>;
|
|
4
3
|
export declare const FormError: import("react").ForwardRefExoticComponent<Pick<FormErrorProps, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "className" | "color" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "shape" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ChangeResult } from 'multi-range-slider-react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { FieldValues, Path } from 'react-hook-form';
|
|
4
|
+
export interface FormRangeSliderProps<Values> {
|
|
5
|
+
barColor?: string;
|
|
6
|
+
barInnerColor?: string;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
defaultMin?: number;
|
|
9
|
+
defaultMax?: number;
|
|
10
|
+
labelText?: string;
|
|
11
|
+
min: number;
|
|
12
|
+
max: number;
|
|
13
|
+
name: Path<Values>;
|
|
14
|
+
onChange?: (e: ChangeResult) => void;
|
|
15
|
+
onInput?: (e: ChangeResult) => void;
|
|
16
|
+
ruler?: boolean;
|
|
17
|
+
showLabels?: boolean;
|
|
18
|
+
step?: number;
|
|
19
|
+
stepOnly?: boolean;
|
|
20
|
+
thumbLeftColor?: string;
|
|
21
|
+
thumbRightColor?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const FormRangeSlider: import("react").ForwardRefExoticComponent<FormRangeSliderProps<FieldValues> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentProps, FC, RefObject } from 'react';
|
|
2
|
+
import { ComponentColor } from 'react-daisyui/dist/types';
|
|
3
|
+
import { FieldValues } from 'react-hook-form';
|
|
4
|
+
import { FormFieldProps } from './types';
|
|
5
|
+
import { GenericDataType } from '../../common';
|
|
6
|
+
export interface FormSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'controllerProps' | 'isRequired'> {
|
|
7
|
+
buttonRef?: RefObject<HTMLButtonElement>;
|
|
8
|
+
className?: string;
|
|
9
|
+
buttonColor?: ComponentColor;
|
|
10
|
+
dropdownIcon?: FC<ComponentProps<'svg'>>;
|
|
11
|
+
getItemText: (data: DataItem) => string;
|
|
12
|
+
getItemValue: (data: DataItem) => string;
|
|
13
|
+
options: DataItem[];
|
|
14
|
+
}
|
|
15
|
+
export declare const FormSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonRef, className, dropdownIcon, getItemText, getItemValue, labelText, buttonColor, name, options, }: FormSelectProps<DataItem, Values>) => JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ToggleProps } from 'react-daisyui';
|
|
3
|
+
import { FieldValues, UseControllerProps } from 'react-hook-form';
|
|
4
|
+
export interface FormToggleSwitchProps<Values extends FieldValues> extends UseControllerProps<Values> {
|
|
5
|
+
color?: ToggleProps['color'];
|
|
6
|
+
label: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const FormToggleSwitch: <Values extends FieldValues>({ color, label, className, ...props }: FormToggleSwitchProps<Values>) => JSX.Element;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
export * from './Form';
|
|
2
|
+
export * from './FormCheckbox';
|
|
2
3
|
export * from './FormControl';
|
|
3
4
|
export * from './FormError';
|
|
4
5
|
export * from './FormLabel';
|
|
5
6
|
export * from './FormRadio';
|
|
6
|
-
export * from './
|
|
7
|
+
export * from './FormRangeSlider';
|
|
8
|
+
export * from './FormSelect';
|
|
9
|
+
export * from './FormToggleSwitch';
|
|
7
10
|
export * from './types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FullScreenLoader';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CardProps as DaisyUICardProps } from 'react-daisyui';
|
|
3
|
+
export interface LoadingCardProps extends DaisyUICardProps {
|
|
4
|
+
isLoading?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const LoadingCard: ({ children, isLoading, ...props }: LoadingCardProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './LoadingCard';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from 'react-daisyui';
|
|
3
|
+
export interface ModalActionButton extends ButtonProps {
|
|
4
|
+
initialFocus?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface ModalProps {
|
|
7
|
+
actionButtons: ModalActionButton[];
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
onClose: () => void;
|
|
10
|
+
show: boolean;
|
|
11
|
+
title: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Modal: ({ actionButtons, children, onClose, show, title, }: ModalProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Modal';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { TypeaheadSelectProps } from './TypeaheadSelect';
|
|
4
|
-
import { GenericDataType } from '
|
|
4
|
+
import { GenericDataType } from '../../common';
|
|
5
5
|
export interface TypeaheadDropdownProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<TypeaheadSelectProps<DataItem, Values>, 'getItemText' | 'getItemValue' | 'options'> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
isLoading: boolean;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { TypeaheadSelectProps } from './TypeaheadSelect';
|
|
4
|
-
import { GenericDataType } from '
|
|
5
|
-
export
|
|
6
|
-
}
|
|
4
|
+
import { GenericDataType } from '../../common';
|
|
5
|
+
export declare type TypeaheadMultiSelectProps<DataItem extends GenericDataType, Values extends FieldValues> = Omit<TypeaheadSelectProps<DataItem, Values>, 'multi'>;
|
|
7
6
|
export declare const TypeaheadMultiSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, getItemText, getItemValue, inputRef, isRequired, labelText, name, onDebouncedChange, options, placeholder, }: TypeaheadMultiSelectProps<DataItem, Values>) => JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { UseTypeaheadInputOptions } from './useTypeaheadInput';
|
|
4
|
-
import { FormFieldProps } from '../
|
|
5
|
-
import { GenericDataType } from '
|
|
4
|
+
import { FormFieldProps } from '../Form';
|
|
5
|
+
import { GenericDataType } from '../../common';
|
|
6
6
|
export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends UseTypeaheadInputOptions<DataItem>, FormFieldProps<Values> {
|
|
7
7
|
className?: string;
|
|
8
8
|
getItemText: (data: DataItem) => string;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { TypeaheadSelectProps } from './TypeaheadSelect';
|
|
4
|
-
import { GenericDataType } from '
|
|
5
|
-
export
|
|
6
|
-
}
|
|
4
|
+
import { GenericDataType } from '../../common';
|
|
5
|
+
export declare type TypeaheadSingleSelectProps<DataItem extends GenericDataType, Values extends FieldValues> = Omit<TypeaheadSelectProps<DataItem, Values>, 'multi'>;
|
|
7
6
|
export declare const TypeaheadSingleSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, getItemText, getItemValue, inputRef, isRequired, labelText, name, onDebouncedChange, options, placeholder, }: TypeaheadSingleSelectProps<DataItem, Values>) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import { GenericDataType } from '
|
|
2
|
+
import { GenericDataType } from '../../common';
|
|
3
3
|
export interface UseTypeaheadInputOptions<DataItem> {
|
|
4
4
|
debounceTime?: number;
|
|
5
5
|
onDebouncedChange: (value: string) => void;
|
|
@@ -2,4 +2,8 @@ export * from './AlertMessages';
|
|
|
2
2
|
export * from './Badge';
|
|
3
3
|
export * from './Dropdown';
|
|
4
4
|
export * from './Form';
|
|
5
|
+
export * from './FullScreenLoader';
|
|
5
6
|
export * from './Icons';
|
|
7
|
+
export * from './LoadingCard';
|
|
8
|
+
export * from './Modal';
|
|
9
|
+
export * from './Typeahead';
|
package/dist/index.d.ts
CHANGED