@it-holding-ui/atomic 5.2.0 → 5.3.0
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/build/atomic/src/Fields/ITHPhoneInputField/ITHPhoneInputField.d.ts +3 -0
- package/build/atomic/src/Fields/ITHPhoneInputField/ITHPhoneInputField.types.d.ts +5 -0
- package/build/atomic/src/Fields/ITHPhoneInputField/index.d.ts +2 -0
- package/build/atomic/src/Fields/index.d.ts +2 -0
- package/build/atomic/src/ITHItem/ITHItem.d.ts +1 -1
- package/build/atomic/src/ITHManualPopover/ITHManualPopover.constants.d.ts +2 -0
- package/build/atomic/src/ITHManualPopover/ITHManualPopover.d.ts +3 -0
- package/build/atomic/src/ITHManualPopover/ITHManualPopover.types.d.ts +30 -0
- package/build/atomic/src/ITHManualPopover/index.d.ts +4 -0
- package/build/atomic/src/ITHManualPopoverWrapper/ITHManualPopoverWrapper.d.ts +3 -0
- package/build/atomic/src/ITHManualPopoverWrapper/ITHManualPopoverWrapper.types.d.ts +24 -0
- package/build/atomic/src/ITHManualPopoverWrapper/index.d.ts +1 -0
- package/build/atomic/src/ITHPageHeader/ITHPageHeader.d.ts +1 -1
- package/build/atomic/src/ITHPageHeader/ITHPageHeader.types.d.ts +6 -0
- package/build/atomic/src/ITHPageHeader/index.d.ts +1 -1
- package/build/atomic/src/ITHPhoneInput/ITHPhoneInput.d.ts +4 -0
- package/build/atomic/src/ITHPhoneInput/ITHPhoneInput.types.d.ts +20 -0
- package/build/atomic/src/ITHPhoneInput/ITHSelectCountryCodeNumber/ITHSelectCountryCodeNumber.d.ts +4 -0
- package/build/atomic/src/ITHPhoneInput/ITHSelectCountryCodeNumber/ITHSelectCountryCodeNumber.types.d.ts +10 -0
- package/build/atomic/src/ITHPhoneInput/ITHSelectCountryCodeNumber/ITHSelectCountryCodeNumber.utils.d.ts +1 -0
- package/build/atomic/src/ITHPhoneInput/ITHSelectCountryCodeNumber/index.d.ts +1 -0
- package/build/atomic/src/ITHPhoneInput/index.d.ts +2 -0
- package/build/atomic/src/ITHPopover/ITHPopover.d.ts +1 -1
- package/build/atomic/src/ITHSearchbar/ITHSearchbar.d.ts +2 -1
- package/build/atomic/src/ITHSearchbar/ITHSearchbar.types.d.ts +3 -1
- package/build/atomic/src/ITHSheet/ITHSheet.d.ts +1 -1
- package/build/atomic/src/Select/ITHNothingFound/ITHNothingFound.d.ts +4 -0
- package/build/atomic/src/Select/ITHNothingFound/ITHNothingFound.types.d.ts +3 -0
- package/build/atomic/src/Select/ITHNothingFound/index.d.ts +1 -0
- package/build/atomic/src/Select/ITHSelect/ITHSelect.d.ts +2 -1
- package/build/atomic/src/Select/ITHSelect/ITHSelect.types.d.ts +7 -3
- package/build/atomic/src/Select/ITHSelect.hooks.d.ts +17 -11
- package/build/atomic/src/Select/ITHSelect.types.d.ts +8 -7
- package/build/atomic/src/Select/ITHSelectItem/ITHSelectItem.d.ts +2 -1
- package/build/atomic/src/Select/ITHSelectItem/ITHSelectItem.types.d.ts +4 -6
- package/build/atomic/src/Select/ITHSelectPopover/ITHSelectPopover.d.ts +4 -2
- package/build/atomic/src/Select/ITHSelectPopover/ITHSelectPopover.types.d.ts +4 -2
- package/build/atomic/src/Select/ITHSelectPopover/index.d.ts +1 -1
- package/build/atomic/src/Select/ITHSelectSheet/ITHSelectSheet.d.ts +2 -1
- package/build/atomic/src/Select/ITHSelectSheet/ITHSelectSheet.types.d.ts +3 -2
- package/build/atomic/src/Select/index.d.ts +1 -1
- package/build/atomic/src/index.d.ts +7 -1
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FieldProps } from '@it-holding-ui/types';
|
|
2
|
+
import { ITHPhoneInputProps, PhoneInfo } from '~atomic/ITHPhoneInput';
|
|
3
|
+
export declare type ITHPhoneInputFieldProps<T extends PhoneInfo = PhoneInfo> = Omit<ITHPhoneInputProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
|
+
name: string;
|
|
5
|
+
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
export { ITHCheckboxField } from './ITHCheckboxField';
|
|
2
2
|
export { ITHCheckboxItemField } from './ITHCheckboxItemField';
|
|
3
|
+
export { ITHChipGroupField } from './ITHChipGroupField';
|
|
3
4
|
export { ITHCleaveInputField } from './ITHCleaveInputField';
|
|
4
5
|
export { ITHDatePickerInputsField } from './ITHDatePickerInputsField';
|
|
5
6
|
export { ITHInputField } from './ITHInputField';
|
|
7
|
+
export { ITHPhoneInputField } from './ITHPhoneInputField';
|
|
6
8
|
export { ITHPhotoInputField } from './ITHPhotoInputField';
|
|
7
9
|
export { ITHRadioItemField } from './ITHRadioItemField';
|
|
8
10
|
export { ITHRangeField } from './ITHRangeField';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ITHItemProps } from './ITHItem.types';
|
|
3
3
|
import './ITHItem.scss';
|
|
4
|
-
export declare const ITHItem: React.ForwardRefExoticComponent<Pick<ITHItemProps, "type" | "
|
|
4
|
+
export declare const ITHItem: React.ForwardRefExoticComponent<Pick<ITHItemProps, "type" | "button" | "color" | "id" | "lang" | "target" | "role" | "tabIndex" | "fill" | "href" | "mode" | "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" | "children" | "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" | "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" | "hidden" | "dir" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "key" | "footer" | "header" | "label" | "lines" | "routerAnimation" | "rel" | "download" | "shape" | "counter" | "counterFormatter" | "detail" | "detailIcon" | "labelTextType" | "headerTextType" | "icon" | "footerTextType" | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps | "withBorderBottom" | "routerLink" | "routerDirection" | "routerOptions" | "withArrowRight"> & React.RefAttributes<HTMLIonItemElement>>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { ITHManualPopoverProps } from './ITHManualPopover.types';
|
|
2
|
+
import './ITHManualPopover.scss';
|
|
3
|
+
export declare const ITHManualPopover: <T extends HTMLElement>({ children, offset, parentRef, scrollingContainerRef, childrenRect, className, opened, availablePositions, isTriangleShown, style, onPopoverContainerClick, }: ITHManualPopoverProps<T>) => JSX.Element;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum ITHManualPopoverPositions {
|
|
3
|
+
TOP_CENTER = "top-center",
|
|
4
|
+
TOP_LEFT_CORNER = "top-left-corner",
|
|
5
|
+
TOP_RIGHT_CORNER = "top-right-corner",
|
|
6
|
+
BOTTOM_CENTER = "bottom-center",
|
|
7
|
+
BOTTOM_LEFT_CORNER = "bottom-left-corner",
|
|
8
|
+
BOTTOM_RIGHT_CORNER = "bottom-right-corner",
|
|
9
|
+
RIGHT_CENTER = "right-center",
|
|
10
|
+
LEFT_CENTER = "left-center"
|
|
11
|
+
}
|
|
12
|
+
export interface ITHManualPopoverChildRect {
|
|
13
|
+
height: number;
|
|
14
|
+
width: number;
|
|
15
|
+
}
|
|
16
|
+
export interface ITHManualPopoverProps<ParentType extends HTMLElement> {
|
|
17
|
+
parentRef?: React.MutableRefObject<ParentType | null>;
|
|
18
|
+
scrollingContainerRef?: React.RefObject<HTMLElement>;
|
|
19
|
+
offset?: number;
|
|
20
|
+
children: JSX.Element | JSX.Element[];
|
|
21
|
+
availablePositions?: ITHManualPopoverPositions[];
|
|
22
|
+
isTriangleShown?: boolean;
|
|
23
|
+
childrenRect?: ITHManualPopoverChildRect;
|
|
24
|
+
className?: string;
|
|
25
|
+
opened?: boolean;
|
|
26
|
+
style?: {
|
|
27
|
+
[key: string]: unknown;
|
|
28
|
+
};
|
|
29
|
+
onPopoverContainerClick?: () => void;
|
|
30
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { ITHManualPopover } from './ITHManualPopover';
|
|
2
|
+
export { ALL_AVAILABLE_POPOVER_POSITIONS } from './ITHManualPopover.constants';
|
|
3
|
+
export type { ITHManualPopoverChildRect } from './ITHManualPopover.types';
|
|
4
|
+
export { ITHManualPopoverPositions } from './ITHManualPopover.types';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { ITHManualPopoverWrapperProps } from './ITHManualPopoverWrapper.types';
|
|
2
|
+
import './ITHManualPopoverWrapper.scss';
|
|
3
|
+
export declare const ITHManualPopoverWrapper: ({ PopoverTriggerComponent, ChildrenComponent, closeByClickOutside, className, popoverStyle, popoverClassName, closeByClickInside, onPopoverContainerClick, onTriggerClick, onPopoverClose, onPopoverOpen, ...popoverProps }: ITHManualPopoverWrapperProps<HTMLDivElement>) => JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ITHManualPopoverProps } from '~atomic/ITHManualPopover/ITHManualPopover.types';
|
|
2
|
+
export declare type ITHManualPopoverWrapperProps<T extends HTMLElement = HTMLDivElement> = Omit<ITHManualPopoverProps<T>, 'parentRef' | 'children' | 'opened'> & {
|
|
3
|
+
PopoverTriggerComponent: (props: {
|
|
4
|
+
onTriggerButtonClick: () => void;
|
|
5
|
+
openPopover: () => void;
|
|
6
|
+
closePopover: () => void;
|
|
7
|
+
popoverOpened?: boolean;
|
|
8
|
+
}) => JSX.Element;
|
|
9
|
+
ChildrenComponent: (props: {
|
|
10
|
+
openPopover: () => void;
|
|
11
|
+
closePopover: () => void;
|
|
12
|
+
togglePopover: () => void;
|
|
13
|
+
}) => JSX.Element;
|
|
14
|
+
closeByClickOutside?: boolean;
|
|
15
|
+
closeByClickInside?: boolean;
|
|
16
|
+
className?: string;
|
|
17
|
+
popoverClassName?: string;
|
|
18
|
+
popoverStyle?: {
|
|
19
|
+
[key: string]: unknown;
|
|
20
|
+
};
|
|
21
|
+
onTriggerClick?: () => void;
|
|
22
|
+
onPopoverOpen?: () => void;
|
|
23
|
+
onPopoverClose?: () => void;
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ITHManualPopoverWrapper } from './ITHManualPopoverWrapper';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITHPageHeaderProps } from './ITHPageHeader.types';
|
|
2
2
|
import './ITHPageHeader.scss';
|
|
3
|
-
export declare const ITHPageHeader: ({ isMobile, closeIcon, closeIconSlot, title, titleMobileType, titleType, customButtons, withBorderBottom, withShadowBottom, className, onCloseIconClick, }: ITHPageHeaderProps) => JSX.Element;
|
|
3
|
+
export declare const ITHPageHeader: ({ isMobile, closeIcon, closeIconSlot, title, titleMobileType, titleType, customButtons, withBorderBottom, withShadowBottom, className, withSearch, searchValue, onSearchChange, onSearchCancel, onSearchClear, onCloseIconClick, }: ITHPageHeaderProps) => JSX.Element;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
import { IonSearchbarCustomEvent, SearchbarChangeEventDetail } from '@ionic/core';
|
|
1
2
|
import { ITHTextType } from '~atomic/ITHText';
|
|
2
3
|
export declare type ITHPageHeaderCloseIcon = 'back' | 'close';
|
|
3
4
|
export declare type ITHPageHeaderProps = {
|
|
4
5
|
isMobile: boolean;
|
|
6
|
+
withSearch?: boolean;
|
|
7
|
+
searchValue?: string;
|
|
8
|
+
onSearchChange?: (event: IonSearchbarCustomEvent<SearchbarChangeEventDetail>) => void;
|
|
9
|
+
onSearchCancel?: () => void;
|
|
10
|
+
onSearchClear?: () => void;
|
|
5
11
|
title?: string;
|
|
6
12
|
titleMobileType?: ITHTextType;
|
|
7
13
|
titleType?: ITHTextType;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ITHPageHeader } from './ITHPageHeader';
|
|
2
|
-
export type { ITHPageHeaderProps } from './ITHPageHeader.types';
|
|
2
|
+
export type { ITHPageHeaderCloseIcon, ITHPageHeaderProps } from './ITHPageHeader.types';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ITHSelectOption } from '~atomic/Select';
|
|
2
|
+
export declare type PhoneInfo = {
|
|
3
|
+
countryCode: string;
|
|
4
|
+
countryNumberCode: string;
|
|
5
|
+
number: string;
|
|
6
|
+
};
|
|
7
|
+
export declare type ITHPhoneInputProps = {
|
|
8
|
+
countries: ITHSelectOption[];
|
|
9
|
+
value: PhoneInfo;
|
|
10
|
+
nothingFoundText: string;
|
|
11
|
+
isMobile: boolean;
|
|
12
|
+
numberLabel: string;
|
|
13
|
+
codeLabel: string;
|
|
14
|
+
hasError?: boolean;
|
|
15
|
+
errorHint?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
onChange?: (newValue: PhoneInfo) => void;
|
|
18
|
+
onBlur?: () => void;
|
|
19
|
+
onFocus?: () => void;
|
|
20
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ITHSelectOption } from '~atomic/Select';
|
|
2
|
+
export declare type ITHSelectCountryCodeNumberProps = {
|
|
3
|
+
isMobile: boolean;
|
|
4
|
+
nothingFoundText: string;
|
|
5
|
+
countryCode: string;
|
|
6
|
+
allCountries: ITHSelectOption[];
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
label?: string;
|
|
9
|
+
onCountryChange: (newCountryCode: string | undefined, option: ITHSelectOption) => void;
|
|
10
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const countryToValue: (codeNumber: string, flag: string) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ITHSelectCountryCodeNumber as SelectCountryCodeNumber } from './ITHSelectCountryCodeNumber';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './ITHPopover.scss';
|
|
3
|
-
export declare const ITHPopover: React.ForwardRefExoticComponent<Pick<import("@ionic/core/dist/types/components").JSX.IonPopover & Pick<React.HTMLAttributes<HTMLIonPopoverElement>, "
|
|
3
|
+
export declare const ITHPopover: React.ForwardRefExoticComponent<Pick<import("@ionic/core/dist/types/components").JSX.IonPopover & Pick<React.HTMLAttributes<HTMLIonPopoverElement>, "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "children" | "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" | "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" | "hidden" | "dir" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonPopoverElement>, "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "children" | "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" | "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" | "hidden" | "dir" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "key" | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps | keyof import("@ionic/core/dist/types/components").JSX.IonPopover> & React.RefAttributes<HTMLIonPopoverElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ITHSearchbarProps } from './ITHSearchbar.types';
|
|
2
3
|
import './ITHSearchbar.scss';
|
|
3
|
-
export declare const ITHSearchbar: React.ForwardRefExoticComponent<Pick<
|
|
4
|
+
export declare const ITHSearchbar: React.ForwardRefExoticComponent<Pick<ITHSearchbarProps, "id" | "lang" | "role" | "tabIndex" | "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" | "children" | "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" | "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" | "hidden" | "dir" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps | "key" | "withToggleSearchButton" | keyof import("@ionic/core/dist/types/components").JSX.IonSearchbar> & React.RefAttributes<HTMLIonSearchbarElement>>;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IonSearchbar } from '@ionic/react';
|
|
3
|
-
export declare type ITHSearchbarProps = React.ComponentProps<typeof IonSearchbar
|
|
3
|
+
export declare type ITHSearchbarProps = React.ComponentProps<typeof IonSearchbar> & {
|
|
4
|
+
withToggleSearchButton?: boolean;
|
|
5
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './ITHSheet.scss';
|
|
3
|
-
export declare const ITHSheet: React.ForwardRefExoticComponent<Omit<import("@ionic/core/dist/types/components").JSX.IonModal & Pick<React.HTMLAttributes<HTMLIonModalElement>, "
|
|
3
|
+
export declare const ITHSheet: React.ForwardRefExoticComponent<Omit<import("@ionic/core/dist/types/components").JSX.IonModal & Pick<React.HTMLAttributes<HTMLIonModalElement>, "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "children" | "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" | "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" | "hidden" | "dir" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonModalElement>, "defaultValue" | "ref"> & import("~atomic/ITHPageHeader").ITHPageHeaderProps & {
|
|
4
4
|
isMobile: boolean;
|
|
5
5
|
hasHeader?: boolean | undefined;
|
|
6
6
|
isMobileFullScreen?: boolean | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ITHNothingFound } from './ITHNothingFound';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ITHSelectProps } from './ITHSelect.types';
|
|
2
2
|
import './ITHSelect.scss';
|
|
3
|
-
|
|
3
|
+
import { ITHSelectOption } from '~atomic/Select/ITHSelect.types';
|
|
4
|
+
export declare const ITHSelect: <Option extends ITHSelectOption>({ onFocus, onBlur, isMobile, label, icon, iconLeft, iconClassName, prefix, prefixIcon, hasError, errorHint, hint, requiredSign, className, sheetClassName, popoverClassName, valueFormatKey, withVirtualScroll, scrollingContainerRef, disabled, ...props }: ITHSelectProps<Option>) => JSX.Element;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ITHInputProps } from '~atomic/ITHInput';
|
|
2
3
|
import { ITHInputFacadeInputProps } from '~atomic/ITHInput/ITHInputFacade/ITHInputFacade.types';
|
|
3
|
-
import {
|
|
4
|
-
|
|
4
|
+
import { ITHSheetProps } from '~atomic/ITHSheet';
|
|
5
|
+
import { ITHAbstractSelectProps, ITHSelectOption } from '~atomic/Select/ITHSelect.types';
|
|
6
|
+
export declare type ITHSelectProps<Option extends ITHSelectOption = ITHSelectOption> = ITHAbstractSelectProps<Option> & Pick<ITHInputProps, 'label' | 'icon' | 'iconLeft' | 'iconClassName' | 'prefix' | 'prefixIcon' | 'hasError' | 'errorHint' | 'hint' | 'requiredSign' | 'className'> & Pick<ITHInputFacadeInputProps, 'onBlur' | 'onFocus'> & Pick<ITHSheetProps, 'closeIconSlot' | 'closeIcon'> & {
|
|
5
7
|
isMobile: boolean;
|
|
6
8
|
sheetClassName?: string;
|
|
7
9
|
popoverClassName?: string;
|
|
8
|
-
valueFormatKey?:
|
|
10
|
+
valueFormatKey?: keyof Option;
|
|
9
11
|
withVirtualScroll?: boolean;
|
|
10
12
|
disabled?: boolean;
|
|
13
|
+
scrollingContainerRef?: React.RefObject<HTMLElement>;
|
|
14
|
+
withSearch?: boolean;
|
|
11
15
|
};
|
|
@@ -1,16 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare
|
|
1
|
+
import { ITHAbstractSelectProps, ITHSelectOption } from './ITHSelect.types';
|
|
2
|
+
export declare const useSelectSearch: <Option extends ITHSelectOption>(items: Option[], withSearch: boolean | undefined) => {
|
|
3
|
+
searchbarProps: {
|
|
4
|
+
value: string;
|
|
5
|
+
setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
6
|
+
onIonChange: (e: import("@ionic/core").IonSearchbarCustomEvent<import("@ionic/core").SearchbarChangeEventDetail>) => void;
|
|
7
|
+
onIonCancel: () => void;
|
|
8
|
+
onIonClear: () => void;
|
|
9
|
+
};
|
|
10
|
+
visibleItems: Option[];
|
|
11
|
+
};
|
|
12
|
+
declare type useSelectProps<Option extends ITHSelectOption> = ITHAbstractSelectProps<Option> & {
|
|
3
13
|
collapseRadio?: () => void;
|
|
4
14
|
};
|
|
5
|
-
export declare const useSelect: ({ options, collapseRadio, ...props }: useSelectProps) => {
|
|
6
|
-
normalizedItems: {
|
|
15
|
+
export declare const useSelect: <Option extends ITHSelectOption>({ options, collapseRadio, ...props }: useSelectProps<Option>) => {
|
|
16
|
+
normalizedItems: (Option & {
|
|
7
17
|
isSelected: boolean;
|
|
8
|
-
onClick: (itemValue
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
details?: string | undefined;
|
|
12
|
-
icon?: string | JSX.Element | undefined;
|
|
13
|
-
}[];
|
|
14
|
-
handleSelectSheetItemClick: (itemValue?: string | undefined) => void;
|
|
18
|
+
onClick: (itemValue: string | undefined, option: Option) => void;
|
|
19
|
+
})[];
|
|
20
|
+
handleSelectSheetItemClick: (itemValue: string | undefined, option: Option) => void;
|
|
15
21
|
};
|
|
16
22
|
export {};
|
|
@@ -4,19 +4,20 @@ export declare type ITHSelectOption = {
|
|
|
4
4
|
details?: string;
|
|
5
5
|
icon?: string | JSX.Element | undefined;
|
|
6
6
|
};
|
|
7
|
-
export declare type ITHSelectCommonProps = {
|
|
8
|
-
options:
|
|
7
|
+
export declare type ITHSelectCommonProps<Option extends ITHSelectOption> = {
|
|
8
|
+
options: Option[];
|
|
9
9
|
inlineDetails?: boolean;
|
|
10
10
|
additionalItems?: JSX.Element | ((onClose?: (() => void) | undefined) => JSX.Element | undefined) | undefined;
|
|
11
|
+
nothingFoundText: string;
|
|
11
12
|
};
|
|
12
|
-
export declare type ITHSelectCheckboxProps = ITHSelectCommonProps & {
|
|
13
|
+
export declare type ITHSelectCheckboxProps<Option extends ITHSelectOption> = ITHSelectCommonProps<Option> & {
|
|
13
14
|
selectingType?: 'checkbox';
|
|
14
15
|
selectedValue?: (string | undefined)[] | undefined;
|
|
15
|
-
onSelectedValueChange?: (newValue: (string | undefined)[]) => void;
|
|
16
|
+
onSelectedValueChange?: (newValue: (string | undefined)[], options: Option[]) => void;
|
|
16
17
|
};
|
|
17
|
-
export declare type ITHSelectRadioProps = ITHSelectCommonProps & {
|
|
18
|
+
export declare type ITHSelectRadioProps<Option extends ITHSelectOption> = ITHSelectCommonProps<Option> & {
|
|
18
19
|
selectingType?: 'radio';
|
|
19
20
|
selectedValue?: string | undefined;
|
|
20
|
-
onSelectedValueChange?: (newValue: string | undefined) => void;
|
|
21
|
+
onSelectedValueChange?: (newValue: string | undefined, option: Option) => void;
|
|
21
22
|
};
|
|
22
|
-
export declare type
|
|
23
|
+
export declare type ITHAbstractSelectProps<Option extends ITHSelectOption> = ITHSelectCheckboxProps<Option> | ITHSelectRadioProps<Option>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ITHSelectItemProps } from './ITHSelectItem.types';
|
|
2
2
|
import './ITHSelectItem.scss';
|
|
3
|
-
|
|
3
|
+
import { ITHSelectOption } from '~atomic/Select/ITHSelect.types';
|
|
4
|
+
export declare const ITHSelectItem: <Option extends ITHSelectOption>({ item, inlineDetails, isSelected, onClick, slot, }: ITHSelectItemProps<Option>) => JSX.Element;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
details?: string;
|
|
1
|
+
import { ITHSelectOption } from '~atomic/Select';
|
|
2
|
+
export declare type ITHSelectItemProps<Option extends ITHSelectOption> = {
|
|
3
|
+
item: Option;
|
|
5
4
|
inlineDetails?: boolean;
|
|
6
5
|
isSelected?: boolean;
|
|
7
|
-
|
|
8
|
-
onClick?: (value?: string) => void;
|
|
6
|
+
onClick?: (value: string | undefined, item: Option) => void;
|
|
9
7
|
slot?: string;
|
|
10
8
|
};
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
import { ITHSelectPopoverProps } from './ITHSelectPopover.types';
|
|
1
|
+
import { ITHSelectPopoverContentProps, ITHSelectPopoverProps } from './ITHSelectPopover.types';
|
|
2
2
|
import './ITHSelectPopover.scss';
|
|
3
|
-
|
|
3
|
+
import { ITHSelectOption } from '~atomic/Select/ITHSelect.types';
|
|
4
|
+
export declare const ITHSelectPopoverContent: <Option extends ITHSelectOption>({ label, withVirtualScroll, inlineDetails, additionalItems, closePopover, ...props }: ITHSelectPopoverContentProps<Option>) => JSX.Element;
|
|
5
|
+
export declare const ITHSelectPopover: <Option extends ITHSelectOption>({ className, ...props }: ITHSelectPopoverProps<Option>) => JSX.Element;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IonPopover } from '@ionic/react';
|
|
3
|
-
import {
|
|
4
|
-
export declare type
|
|
3
|
+
import { ITHAbstractSelectProps, ITHSelectOption } from '~atomic/Select/ITHSelect.types';
|
|
4
|
+
export declare type ITHSelectPopoverContentProps<Option extends ITHSelectOption> = ITHAbstractSelectProps<Option> & {
|
|
5
5
|
label?: React.ReactText;
|
|
6
6
|
withVirtualScroll?: boolean;
|
|
7
|
+
closePopover?: () => void;
|
|
7
8
|
};
|
|
9
|
+
export declare type ITHSelectPopoverProps<Option extends ITHSelectOption = ITHSelectOption> = React.ComponentProps<typeof IonPopover> & Omit<ITHSelectPopoverContentProps<Option>, 'closePopover' | 'selectingType' | 'selectedValue' | 'onSelectedValueChange'> & ITHAbstractSelectProps<Option>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { ITHSelectPopover } from './ITHSelectPopover';
|
|
1
|
+
export { ITHSelectPopover, ITHSelectPopoverContent } from './ITHSelectPopover';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ITHSelectSheetProps } from './ITHSelectSheet.types';
|
|
2
2
|
import './ITHSelectSheet.scss';
|
|
3
|
-
|
|
3
|
+
import { ITHSelectOption } from '~atomic/Select/ITHSelect.types';
|
|
4
|
+
export declare const ITHSelectSheet: <Option extends ITHSelectOption>({ hasHeader, onClose, inlineDetails, additionalItems, withVirtualScroll, ...props }: ITHSelectSheetProps<Option>) => JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ITHSheetProps } from '~atomic/ITHSheet';
|
|
2
|
-
import {
|
|
3
|
-
export declare type ITHSelectSheetProps = ITHSheetProps &
|
|
2
|
+
import { ITHAbstractSelectProps, ITHSelectOption } from '~atomic/Select/ITHSelect.types';
|
|
3
|
+
export declare type ITHSelectSheetProps<Option extends ITHSelectOption = ITHSelectOption> = Omit<ITHSheetProps, 'searchValue' | 'onSearchChange' | 'onSearchCancel' | 'onSearchClear'> & ITHAbstractSelectProps<Option> & {
|
|
4
4
|
title?: string;
|
|
5
5
|
withVirtualScroll?: boolean;
|
|
6
|
+
withSearch?: boolean;
|
|
6
7
|
};
|