@it-holding-ui/atomic 9.17.1 → 9.18.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/ITHPopover/ITHPopover.d.ts +1 -1
- package/build/atomic/src/ITHRingGauge/ITHRingGauge.d.ts +11 -0
- package/build/atomic/src/ITHRingGauge/ITHRingGauge.test.d.ts +1 -0
- package/build/atomic/src/ITHRingGauge/ITHRingGauge.types.d.ts +26 -0
- package/build/atomic/src/ITHRingGauge/index.d.ts +3 -0
- package/build/atomic/src/ITHSearchbar/ITHSearchbar.d.ts +1 -1
- package/build/atomic/src/ITHSheet/ITHSheet.d.ts +1 -1
- package/build/atomic/src/ITHTrendChart/ITHTrendChart.d.ts +11 -0
- package/build/atomic/src/ITHTrendChart/ITHTrendChart.test.d.ts +1 -0
- package/build/atomic/src/ITHTrendChart/ITHTrendChart.types.d.ts +29 -0
- package/build/atomic/src/ITHTrendChart/index.d.ts +3 -0
- package/build/atomic/src/ITHWheelDiagram/ITHWheelDiagram.d.ts +12 -0
- package/build/atomic/src/ITHWheelDiagram/ITHWheelDiagram.test.d.ts +1 -0
- package/build/atomic/src/ITHWheelDiagram/ITHWheelDiagram.types.d.ts +35 -0
- package/build/atomic/src/ITHWheelDiagram/index.d.ts +3 -0
- package/build/atomic/src/index.d.ts +6 -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 +2 -3
|
@@ -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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "title" | "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" | "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" | "mode" | "key" | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps | "button" | "footer" | "header" | "label" | "disabled" | "counter" | "counterFormatter" | "shape" | "icon" | "routerDirection" | "detail" | "detailIcon" | "download" | "href" | "lines" | "rel" | "routerAnimation" | "target" | "labelTextType" | "headerTextType" | "footerTextType" | "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>, "
|
|
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" | "slot" | "spellCheck" | "tabIndex" | "title" | "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" | "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" | "key" | keyof import("@ionic/core/dist/types/components").JSX.IonPopover | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps> & React.RefAttributes<HTMLIonPopoverElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ITHRingGaugeProps } from './ITHRingGauge.types';
|
|
2
|
+
import './ITHRingGauge.scss';
|
|
3
|
+
/**
|
|
4
|
+
* A ring that fills clockwise from the top: tread left, storage days left,
|
|
5
|
+
* anything that is a share of a whole.
|
|
6
|
+
*
|
|
7
|
+
* The track and the arc are two circles of the same radius; the arc is drawn
|
|
8
|
+
* with a dash as long as the circumference and offset by the part that is
|
|
9
|
+
* missing, which is what makes the fill animate for free.
|
|
10
|
+
*/
|
|
11
|
+
export declare const ITHRingGauge: ({ value, tone, size, label, caption, ariaLabel, className, }: ITHRingGaugeProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare enum ITHRingGaugeTone {
|
|
2
|
+
PRIMARY = "primary",
|
|
3
|
+
SUCCESS = "success",
|
|
4
|
+
WARNING = "warning",
|
|
5
|
+
DANGER = "danger",
|
|
6
|
+
BASE = "base"
|
|
7
|
+
}
|
|
8
|
+
export declare enum ITHRingGaugeSize {
|
|
9
|
+
SMALL = "small",
|
|
10
|
+
MEDIUM = "medium",
|
|
11
|
+
LARGE = "large"
|
|
12
|
+
}
|
|
13
|
+
export type ITHRingGaugeProps = {
|
|
14
|
+
/** How much of the ring is filled, 0–100. Anything outside is clamped. */
|
|
15
|
+
value: number;
|
|
16
|
+
/** The colour of the filled arc. The track is always the neutral one. */
|
|
17
|
+
tone?: ITHRingGaugeTone;
|
|
18
|
+
size?: ITHRingGaugeSize;
|
|
19
|
+
/** The big figure in the middle, e.g. `72%` or `5.5`. */
|
|
20
|
+
label?: string;
|
|
21
|
+
/** The small line under the figure, e.g. `mm` or `left`. */
|
|
22
|
+
caption?: string;
|
|
23
|
+
/** What the ring measures, for assistive technology. */
|
|
24
|
+
ariaLabel?: string;
|
|
25
|
+
className?: string;
|
|
26
|
+
};
|
|
@@ -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, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "title" | "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" | "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" | "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>, "defaultValue" | "ref"> & import("../ITHHeader").ITHHeaderProps & {
|
|
4
4
|
hasHeader?: boolean | undefined;
|
|
5
5
|
isMobileFullScreen?: boolean | undefined;
|
|
6
6
|
pageHeaderClassName?: string | undefined;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ITHTrendChartProps } from './ITHTrendChart.types';
|
|
2
|
+
import './ITHTrendChart.scss';
|
|
3
|
+
/**
|
|
4
|
+
* A few measurements over distance or time, as a line with the area under it.
|
|
5
|
+
*
|
|
6
|
+
* Built for series of two to a dozen points that somebody typed in by hand —
|
|
7
|
+
* tread readings, odometer entries — not for hundreds. Every point is drawn,
|
|
8
|
+
* the last one is named, and the floor is a line the reader can see the
|
|
9
|
+
* series heading for.
|
|
10
|
+
*/
|
|
11
|
+
export declare const ITHTrendChart: ({ points, floor, floorLabel, projection, formatX, formatY, height, tone, ariaLabel, className, }: ITHTrendChartProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export declare enum ITHTrendChartTone {
|
|
2
|
+
PRIMARY = "primary",
|
|
3
|
+
SUCCESS = "success",
|
|
4
|
+
WARNING = "warning",
|
|
5
|
+
DANGER = "danger"
|
|
6
|
+
}
|
|
7
|
+
export type ITHTrendPoint = {
|
|
8
|
+
/** Where along the axis: a distance, a timestamp, a count. Any unit, as long as it is one unit. */
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
};
|
|
12
|
+
export type ITHTrendChartProps = {
|
|
13
|
+
/** Measurements, in any order. Sorted by `x` before drawing. */
|
|
14
|
+
points: ITHTrendPoint[];
|
|
15
|
+
/** A horizontal guide — the legal floor, the target — drawn dashed with its label. */
|
|
16
|
+
floor?: number;
|
|
17
|
+
floorLabel?: string;
|
|
18
|
+
/** A dashed continuation from the last point, e.g. to where the floor is reached. */
|
|
19
|
+
projection?: ITHTrendPoint;
|
|
20
|
+
/** How to print an `x` on the axis. Defaults to the number itself. */
|
|
21
|
+
formatX?: (x: number) => string;
|
|
22
|
+
/** How to print a `y` — on the axis, at the last point, on the floor. */
|
|
23
|
+
formatY?: (y: number) => string;
|
|
24
|
+
/** Drawing height in px. The width is the container's. */
|
|
25
|
+
height?: number;
|
|
26
|
+
tone?: ITHTrendChartTone;
|
|
27
|
+
ariaLabel?: string;
|
|
28
|
+
className?: string;
|
|
29
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ITHWheelDiagramProps } from './ITHWheelDiagram.types';
|
|
2
|
+
import './ITHWheelDiagram.scss';
|
|
3
|
+
/**
|
|
4
|
+
* A car from above, with a tyre at each corner that can be coloured, named
|
|
5
|
+
* and tapped.
|
|
6
|
+
*
|
|
7
|
+
* The silhouette is deliberately nobody's model: a rounded body, a cabin, two
|
|
8
|
+
* panes of glass. The wheels are the subject and the body only says which one
|
|
9
|
+
* is which. The spare sits in the boot and is drawn only when asked for, so a
|
|
10
|
+
* car without one is not shown carrying a grey circle nobody can explain.
|
|
11
|
+
*/
|
|
12
|
+
export declare const ITHWheelDiagram: ({ wheels, selected, onSelect, showSpare, ariaLabel, className, }: ITHWheelDiagramProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** Which wheel, spelled the way the services spell it, so a response maps straight onto the drawing. */
|
|
2
|
+
export declare enum ITHWheelPosition {
|
|
3
|
+
FRONT_LEFT = "FRONT_LEFT",
|
|
4
|
+
FRONT_RIGHT = "FRONT_RIGHT",
|
|
5
|
+
REAR_LEFT = "REAR_LEFT",
|
|
6
|
+
REAR_RIGHT = "REAR_RIGHT",
|
|
7
|
+
SPARE = "SPARE"
|
|
8
|
+
}
|
|
9
|
+
export declare enum ITHWheelState {
|
|
10
|
+
GOOD = "good",
|
|
11
|
+
FAIR = "fair",
|
|
12
|
+
REPLACE = "replace",
|
|
13
|
+
UNKNOWN = "unknown"
|
|
14
|
+
}
|
|
15
|
+
export type ITHWheelDiagramWheel = {
|
|
16
|
+
position: ITHWheelPosition;
|
|
17
|
+
/** Colours the tyre. Unknown is the neutral grey — nothing is claimed about a wheel nobody measured. */
|
|
18
|
+
state?: ITHWheelState;
|
|
19
|
+
/** The figure beside the wheel, e.g. `7.2 mm`. */
|
|
20
|
+
label?: string;
|
|
21
|
+
/** The small line under the figure, e.g. `good`. */
|
|
22
|
+
caption?: string;
|
|
23
|
+
/** What to call the wheel for assistive technology; falls back to the position. */
|
|
24
|
+
ariaLabel?: string;
|
|
25
|
+
};
|
|
26
|
+
export type ITHWheelDiagramProps = {
|
|
27
|
+
/** Any subset. A road wheel that is missing is drawn as unknown; the spare only when listed or `showSpare`. */
|
|
28
|
+
wheels: ITHWheelDiagramWheel[];
|
|
29
|
+
selected?: ITHWheelPosition | null;
|
|
30
|
+
/** Makes every wheel a button. Without it the drawing is just a drawing. */
|
|
31
|
+
onSelect?: (position: ITHWheelPosition) => void;
|
|
32
|
+
showSpare?: boolean;
|
|
33
|
+
ariaLabel?: string;
|
|
34
|
+
className?: string;
|
|
35
|
+
};
|
|
@@ -64,6 +64,8 @@ export { ITHProvider } from './ITHProvider';
|
|
|
64
64
|
export { ITHRadioItem } from './ITHRadioItem';
|
|
65
65
|
export type { ITHRangeProps } from './ITHRange';
|
|
66
66
|
export { ITHRange } from './ITHRange';
|
|
67
|
+
export type { ITHRingGaugeProps } from './ITHRingGauge';
|
|
68
|
+
export { ITHRingGauge, ITHRingGaugeSize, ITHRingGaugeTone } from './ITHRingGauge';
|
|
67
69
|
export type { ITHSearchbarProps } from './ITHSearchbar';
|
|
68
70
|
export { ITHSearchbar } from './ITHSearchbar';
|
|
69
71
|
export type { ITHSegmentItem } from './ITHSegment';
|
|
@@ -79,7 +81,11 @@ export { ITHStepper } from './ITHStepper';
|
|
|
79
81
|
export { ITHText, ITHTextType } from './ITHText';
|
|
80
82
|
export { ITHTextEditor } from './ITHTextEditor';
|
|
81
83
|
export { ITHToggle } from './ITHToggle';
|
|
84
|
+
export type { ITHTrendChartProps, ITHTrendPoint } from './ITHTrendChart';
|
|
85
|
+
export { ITHTrendChart, ITHTrendChartTone } from './ITHTrendChart';
|
|
82
86
|
export { ITHVideoModal } from './ITHVideoModal';
|
|
83
87
|
export { ITHVideoPlayer, ITHVideoPlayerType } from './ITHVideoPlayer';
|
|
84
88
|
export { ITHWalletCard } from './ITHWalletCard';
|
|
89
|
+
export type { ITHWheelDiagramProps, ITHWheelDiagramWheel } from './ITHWheelDiagram';
|
|
90
|
+
export { ITHWheelDiagram, ITHWheelPosition, ITHWheelState } from './ITHWheelDiagram';
|
|
85
91
|
export * from './Select';
|