@it-holding-ui/atomic 9.18.0 → 9.19.1
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/ITHCameraFrame/ITHCameraFrame.d.ts +17 -0
- package/build/atomic/src/ITHCameraFrame/ITHCameraFrame.test.d.ts +1 -0
- package/build/atomic/src/ITHCameraFrame/ITHCameraFrame.types.d.ts +33 -0
- package/build/atomic/src/ITHCameraFrame/index.d.ts +3 -0
- package/build/atomic/src/ITHItem/ITHItem.d.ts +1 -1
- package/build/atomic/src/ITHPasswordInput/ITHPasswordInput.d.ts +0 -1
- package/build/atomic/src/ITHPopover/ITHPopover.d.ts +1 -1
- package/build/atomic/src/ITHSearchbar/ITHSearchbar.d.ts +1 -1
- package/build/atomic/src/ITHSheet/ITHSheet.d.ts +1 -1
- package/build/atomic/src/ITHVoiceCapture/ITHVoiceCapture.d.ts +18 -0
- package/build/atomic/src/ITHVoiceCapture/ITHVoiceCapture.test.d.ts +1 -0
- package/build/atomic/src/ITHVoiceCapture/ITHVoiceCapture.types.d.ts +41 -0
- package/build/atomic/src/ITHVoiceCapture/index.d.ts +3 -0
- package/build/atomic/src/index.d.ts +4 -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
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ITHCameraFrameProps } from './ITHCameraFrame.types';
|
|
3
|
+
import './ITHCameraFrame.scss';
|
|
4
|
+
/**
|
|
5
|
+
* A viewfinder with a frame drawn on it.
|
|
6
|
+
*
|
|
7
|
+
* <p>The platform camera takes a better photograph than any web page, and for
|
|
8
|
+
* a picture of a car that is the right tool. A document is different: it has to
|
|
9
|
+
* land square, filled and in focus, and the only way to ask for that is to draw
|
|
10
|
+
* the shape on the screen while the person is aiming. That is what this is —
|
|
11
|
+
* the stream, a cut-out, a hint and a shutter.
|
|
12
|
+
*
|
|
13
|
+
* <p>It never asks for a permission it cannot explain: when the camera is
|
|
14
|
+
* refused or missing it says so and calls back, so the screen can offer the
|
|
15
|
+
* gallery or typing instead of leaving a black rectangle.
|
|
16
|
+
*/
|
|
17
|
+
export declare const ITHCameraFrame: React.NamedExoticComponent<ITHCameraFrameProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare enum ITHCameraFrameShape {
|
|
2
|
+
/** A credit-card rectangle (85.6 × 54) — a registration certificate, a licence, a bank card. */
|
|
3
|
+
CARD = "card",
|
|
4
|
+
/** A sheet of paper stood upright — an invoice, a protocol. */
|
|
5
|
+
DOCUMENT = "document",
|
|
6
|
+
SQUARE = "square",
|
|
7
|
+
/** No cut-out: the whole frame is the picture. */
|
|
8
|
+
FREE = "free"
|
|
9
|
+
}
|
|
10
|
+
export declare enum ITHCameraFrameFailure {
|
|
11
|
+
/** The person said no, or the browser blocks the camera on this page. */
|
|
12
|
+
DENIED = "denied",
|
|
13
|
+
/** No camera, or a browser that cannot open one (an old in-app webview). */
|
|
14
|
+
UNAVAILABLE = "unavailable"
|
|
15
|
+
}
|
|
16
|
+
export type ITHCameraFrameProps = {
|
|
17
|
+
shape?: ITHCameraFrameShape;
|
|
18
|
+
/** Which camera: the back one by default, because documents are on the table. */
|
|
19
|
+
facing?: 'environment' | 'user';
|
|
20
|
+
/** The line under the cut-out: "Put the document in the frame". */
|
|
21
|
+
hint?: string;
|
|
22
|
+
/** What the shutter is called for a screen reader. */
|
|
23
|
+
captureLabel?: string;
|
|
24
|
+
/** Shown only when a handler is given — the gallery is the caller's to open. */
|
|
25
|
+
galleryLabel?: string;
|
|
26
|
+
/** What to say when there is no camera to show. */
|
|
27
|
+
unavailableText?: string;
|
|
28
|
+
/** The photograph, as a JPEG file ready to upload. */
|
|
29
|
+
onCapture?: (file: File) => void;
|
|
30
|
+
onPickFromGallery?: () => void;
|
|
31
|
+
onFailure?: (reason: ITHCameraFrameFailure) => void;
|
|
32
|
+
className?: string;
|
|
33
|
+
};
|
|
@@ -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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "
|
|
4
|
+
export declare const ITHItem: React.ForwardRefExoticComponent<Pick<ITHItemProps, "fill" | "type" | "title" | "onBlur" | "onFocus" | "button" | "footer" | "header" | "label" | "slot" | "children" | "onClick" | "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" | "onFocusCapture" | "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" | "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" | "mode" | "key" | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps | "disabled" | "routerDirection" | "download" | "href" | "rel" | "routerAnimation" | "shape" | "target" | "counter" | "counterFormatter" | "detail" | "detailIcon" | "lines" | "labelTextType" | "headerTextType" | "footerTextType" | "icon" | "labelPosition" | "additionalLabel" | "additionalLabelTextType" | "withArrowRight" | "withBorderBottom" | "routerLink" | "routerOptions"> & React.RefAttributes<HTMLIonItemElement>>;
|
|
@@ -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>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "
|
|
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>, "title" | "onBlur" | "onFocus" | "slot" | "children" | "onClick" | "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" | "onFocusCapture" | "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" | "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/core/dist/types/components").JSX.IonPopover | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps> & React.RefAttributes<HTMLIonPopoverElement>>;
|
|
@@ -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, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "
|
|
4
|
+
export declare const ITHSearchbar: React.ForwardRefExoticComponent<Pick<ITHSearchbarProps, "title" | "onBlur" | "onFocus" | "slot" | "children" | "onClick" | "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" | "onFocusCapture" | "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" | "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>>;
|
|
@@ -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 & Omit<React.HTMLAttributes<HTMLIonModalElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonModalElement>, "
|
|
3
|
+
export declare const ITHSheet: React.ForwardRefExoticComponent<Omit<import("@ionic/core/dist/types/components").JSX.IonModal & Omit<React.HTMLAttributes<HTMLIonModalElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonModalElement>, "ref" | "defaultValue"> & import("../ITHHeader").ITHHeaderProps & {
|
|
4
4
|
hasHeader?: boolean | undefined;
|
|
5
5
|
isMobileFullScreen?: boolean | undefined;
|
|
6
6
|
pageHeaderClassName?: string | undefined;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ITHVoiceCaptureProps } from './ITHVoiceCapture.types';
|
|
3
|
+
import './ITHVoiceCapture.scss';
|
|
4
|
+
/**
|
|
5
|
+
* The microphone, big enough to be the screen.
|
|
6
|
+
*
|
|
7
|
+
* <p>Speaking is the fastest way to tell an app about something the person is
|
|
8
|
+
* standing in front of, and it only works if the screen answers two questions
|
|
9
|
+
* without being read: is it listening, and did it hear me. The ring pulses for
|
|
10
|
+
* the first and the bars move for the second.
|
|
11
|
+
*
|
|
12
|
+
* <p>Deliberately dumb: it neither records nor recognises. The caller owns the
|
|
13
|
+
* recogniser — the browser's own, or ours over an upload — and passes back a
|
|
14
|
+
* state, a level and whatever words have arrived. That keeps the permission
|
|
15
|
+
* prompt, the language and the privacy decision in the app, where they belong,
|
|
16
|
+
* and leaves one component that every voice screen can share.
|
|
17
|
+
*/
|
|
18
|
+
export declare const ITHVoiceCapture: React.NamedExoticComponent<ITHVoiceCaptureProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare enum ITHVoiceCaptureState {
|
|
2
|
+
/** Nothing is being recorded; the button invites a tap. */
|
|
3
|
+
IDLE = "idle",
|
|
4
|
+
/** The microphone is open and words are arriving. */
|
|
5
|
+
LISTENING = "listening",
|
|
6
|
+
/** Recording stopped, the words are still being made sense of. */
|
|
7
|
+
PROCESSING = "processing",
|
|
8
|
+
/** The microphone was refused, or the recogniser gave up. */
|
|
9
|
+
ERROR = "error"
|
|
10
|
+
}
|
|
11
|
+
export declare enum ITHVoiceCaptureSize {
|
|
12
|
+
MEDIUM = "medium",
|
|
13
|
+
LARGE = "large"
|
|
14
|
+
}
|
|
15
|
+
export type ITHVoiceCaptureProps = {
|
|
16
|
+
/** Owned by the caller: this component shows a state, it does not record. */
|
|
17
|
+
state?: ITHVoiceCaptureState;
|
|
18
|
+
/**
|
|
19
|
+
* How loud it is right now, 0–1.
|
|
20
|
+
*
|
|
21
|
+
* <p>Drives the level bars, so somebody can see that the microphone hears
|
|
22
|
+
* them before any words appear. Left out, the bars breathe on a timer
|
|
23
|
+
* instead — honest about showing activity rather than sound.
|
|
24
|
+
*/
|
|
25
|
+
level?: number;
|
|
26
|
+
/** How many level bars to draw. Odd numbers look centred. */
|
|
27
|
+
bars?: number;
|
|
28
|
+
/** The line under the button: "Listening…", "Tap and speak". */
|
|
29
|
+
label?: string;
|
|
30
|
+
/** The quiet line under the label — what to say, or why it failed. */
|
|
31
|
+
hint?: string;
|
|
32
|
+
/** The words heard so far. Shown as they arrive, not only at the end. */
|
|
33
|
+
transcript?: string;
|
|
34
|
+
size?: ITHVoiceCaptureSize;
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
/** What the button is called for a screen reader. */
|
|
37
|
+
ariaLabel?: string;
|
|
38
|
+
/** Tap: start when idle, stop when listening. */
|
|
39
|
+
onToggle?: () => void;
|
|
40
|
+
className?: string;
|
|
41
|
+
};
|
|
@@ -14,6 +14,8 @@ export { ITHBreadcrumbs } from './ITHBreadcrumbs';
|
|
|
14
14
|
export type { ITHBubbleMessageProps } from './ITHBubbleMessage';
|
|
15
15
|
export { ITHBubbleMessage } from './ITHBubbleMessage';
|
|
16
16
|
export * from './ITHButton';
|
|
17
|
+
export type { ITHCameraFrameProps } from './ITHCameraFrame';
|
|
18
|
+
export { ITHCameraFrame, ITHCameraFrameFailure, ITHCameraFrameShape } from './ITHCameraFrame';
|
|
17
19
|
export { ITHCard } from './ITHCard';
|
|
18
20
|
export type { ITHCheckboxProps } from './ITHCheckbox';
|
|
19
21
|
export { ITHCheckbox } from './ITHCheckbox';
|
|
@@ -85,6 +87,8 @@ export type { ITHTrendChartProps, ITHTrendPoint } from './ITHTrendChart';
|
|
|
85
87
|
export { ITHTrendChart, ITHTrendChartTone } from './ITHTrendChart';
|
|
86
88
|
export { ITHVideoModal } from './ITHVideoModal';
|
|
87
89
|
export { ITHVideoPlayer, ITHVideoPlayerType } from './ITHVideoPlayer';
|
|
90
|
+
export type { ITHVoiceCaptureProps } from './ITHVoiceCapture';
|
|
91
|
+
export { ITHVoiceCapture, ITHVoiceCaptureSize, ITHVoiceCaptureState } from './ITHVoiceCapture';
|
|
88
92
|
export { ITHWalletCard } from './ITHWalletCard';
|
|
89
93
|
export type { ITHWheelDiagramProps, ITHWheelDiagramWheel } from './ITHWheelDiagram';
|
|
90
94
|
export { ITHWheelDiagram, ITHWheelPosition, ITHWheelState } from './ITHWheelDiagram';
|