@it-holding-ui/atomic 9.19.1 → 9.20.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/ITHItem/ITHItem.d.ts +1 -1
- package/build/atomic/src/ITHPasswordInput/ITHPasswordInput.d.ts +1 -0
- package/build/atomic/src/ITHPhotoInput/ITHPhotoInput.d.ts +1 -0
- package/build/atomic/src/ITHPopover/ITHPopover.d.ts +1 -1
- package/build/atomic/src/ITHProfilePhotoInput/ITHProfilePhotoInput.d.ts +1 -0
- package/build/atomic/src/ITHSearchbar/ITHSearchbar.d.ts +1 -1
- package/build/atomic/src/ITHTileSelect/ITHTileSelect.d.ts +22 -0
- package/build/atomic/src/ITHTileSelect/ITHTileSelect.test.d.ts +1 -0
- package/build/atomic/src/ITHTileSelect/ITHTileSelect.types.d.ts +45 -0
- package/build/atomic/src/ITHTileSelect/index.d.ts +3 -0
- package/build/atomic/src/index.d.ts +2 -0
- package/build/css/main.css +1 -1
- package/build/css/main.css.map +1 -1
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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, "fill" | "type" | "
|
|
4
|
+
export declare const ITHItem: React.ForwardRefExoticComponent<Pick<ITHItemProps, "fill" | "type" | "children" | "button" | "footer" | "header" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "routerDirection" | "counter" | "counterFormatter" | "detail" | "detailIcon" | "disabled" | "download" | "href" | "lines" | "mode" | "rel" | "routerAnimation" | "shape" | "target" | "labelTextType" | "headerTextType" | "footerTextType" | "icon" | "labelPosition" | "key" | "additionalLabel" | "additionalLabelTextType" | "withArrowRight" | "withBorderBottom" | "routerLink" | "routerOptions" | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps> & React.RefAttributes<HTMLIonItemElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ITHPhotoInputProps } from './ITHPhotoInput.types';
|
|
2
3
|
import './ITHPhotoInput.scss';
|
|
3
4
|
export declare const ITHPhotoInput: ({ title, description, maxImages, className, initialPhotos, isBig, onPhotosChange, onBlur, onFocus, isSmall, isFullOfEmptyPhotos, addPhotoIcon, ...props }: ITHPhotoInputProps) => JSX.Element;
|
|
@@ -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 & Omit<React.HTMLAttributes<HTMLIonPopoverElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonPopoverElement>, "
|
|
3
|
+
export declare const ITHPopover: React.ForwardRefExoticComponent<Pick<import("@ionic/core/dist/types/components").JSX.IonPopover & Omit<React.HTMLAttributes<HTMLIonPopoverElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonPopoverElement>, "children" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "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
|
+
/// <reference types="react" />
|
|
1
2
|
import { ITHProfilePhotoInputProps } from './ITHProfilePhotoInput.types';
|
|
2
3
|
import './ITHProfilePhotoInput.scss';
|
|
3
4
|
export declare const ITHProfilePhotoInput: ({ photo, className, disabled, onPhotoChange, onBlur, onFocus, onDeleteClick, deleteTitle, addPhotoTitle, deleteTextType, deleteTextMobileType, addPhotoTextType, addPhotoTextMobileType, updateOnPhotoClick, ...hiddenInputProps }: ITHProfilePhotoInputProps) => JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ITHSearchbarProps } from './ITHSearchbar.types';
|
|
3
3
|
import './ITHSearchbar.scss';
|
|
4
|
-
export declare const ITHSearchbar: React.ForwardRefExoticComponent<Pick<ITHSearchbarProps, "
|
|
4
|
+
export declare const ITHSearchbar: React.ForwardRefExoticComponent<Pick<ITHSearchbarProps, "children" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "key" | keyof import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps | "withToggleSearchButton" | keyof import("@ionic/core/dist/types/components").JSX.IonSearchbar> & React.RefAttributes<HTMLIonSearchbarElement>>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ITHTileSelectProps } from './ITHTileSelect.types';
|
|
3
|
+
import './ITHTileSelect.scss';
|
|
4
|
+
/**
|
|
5
|
+
* A grid of tiles, one of which is the answer.
|
|
6
|
+
*
|
|
7
|
+
* <p>For choices short enough to show whole — a dozen expense categories, the
|
|
8
|
+
* doors on a dashboard. Everything is on screen at once, which is the point:
|
|
9
|
+
* a list that scrolls asks the person to remember what they have already
|
|
10
|
+
* passed, and a select asks them to open it first. Past roughly sixteen
|
|
11
|
+
* entries that stops being true and a searchable select is the better control.
|
|
12
|
+
*
|
|
13
|
+
* <p>Buttons in a group rather than radios: the tiles are pressed, and with
|
|
14
|
+
* `multiple` there is no single answer for a radio to hold. `aria-pressed`
|
|
15
|
+
* carries the state either way, so the same markup reads correctly for one
|
|
16
|
+
* choice and for several.
|
|
17
|
+
*
|
|
18
|
+
* <p>No `value` at all means nothing is chosen and nothing can look chosen —
|
|
19
|
+
* that is the grid used as navigation, where each tile opens a screen rather
|
|
20
|
+
* than answering a question.
|
|
21
|
+
*/
|
|
22
|
+
export declare const ITHTileSelect: React.NamedExoticComponent<ITHTileSelectProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type ITHTile = {
|
|
3
|
+
/** What comes back from `onChange`. Unique within the grid. */
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
/** Drawn above the label. An icon component, or a URL to one. */
|
|
7
|
+
icon?: string | JSX.Element;
|
|
8
|
+
/** The quiet second line — a sum, a count, a date. Optional. */
|
|
9
|
+
details?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare enum ITHTileSelectSize {
|
|
13
|
+
/** A square tile with the icon centred over the label — the chooser. */
|
|
14
|
+
MEDIUM = "medium",
|
|
15
|
+
/** A shorter tile with the icon and label to the left — a row of doors. */
|
|
16
|
+
COMPACT = "compact"
|
|
17
|
+
}
|
|
18
|
+
export type ITHTileSelectProps = {
|
|
19
|
+
tiles: ITHTile[];
|
|
20
|
+
/**
|
|
21
|
+
* What is chosen: one value, or several when `multiple` is set.
|
|
22
|
+
*
|
|
23
|
+
* <p>Left out entirely, nothing is chosen and nothing ever looks chosen —
|
|
24
|
+
* which is how a grid of doors behaves, as opposed to a grid of answers.
|
|
25
|
+
*/
|
|
26
|
+
value?: string | string[];
|
|
27
|
+
multiple?: boolean;
|
|
28
|
+
/** How many across. Three is the phone default; four needs a tablet. */
|
|
29
|
+
columns?: 2 | 3 | 4;
|
|
30
|
+
size?: ITHTileSelectSize;
|
|
31
|
+
/**
|
|
32
|
+
* What the grid as a whole is called for a screen reader — "Expense
|
|
33
|
+
* category". Without it the tiles are announced one by one with nothing
|
|
34
|
+
* saying what the choice is about.
|
|
35
|
+
*/
|
|
36
|
+
ariaLabel?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Called with the tile's value. With `multiple`, the caller keeps the
|
|
39
|
+
* array: this component says which tile was pressed, not what the set
|
|
40
|
+
* should become, because only the caller knows whether a second choice
|
|
41
|
+
* adds or replaces.
|
|
42
|
+
*/
|
|
43
|
+
onChange?: (value: string, event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
44
|
+
className?: string;
|
|
45
|
+
};
|
|
@@ -82,6 +82,8 @@ export { ITHStarRating } from './ITHStarRating';
|
|
|
82
82
|
export { ITHStepper } from './ITHStepper';
|
|
83
83
|
export { ITHText, ITHTextType } from './ITHText';
|
|
84
84
|
export { ITHTextEditor } from './ITHTextEditor';
|
|
85
|
+
export type { ITHTile, ITHTileSelectProps } from './ITHTileSelect';
|
|
86
|
+
export { ITHTileSelect, ITHTileSelectSize } from './ITHTileSelect';
|
|
85
87
|
export { ITHToggle } from './ITHToggle';
|
|
86
88
|
export type { ITHTrendChartProps, ITHTrendPoint } from './ITHTrendChart';
|
|
87
89
|
export { ITHTrendChart, ITHTrendChartTone } from './ITHTrendChart';
|