@@ -7,7 +7,7 @@ import clsx from 'clsx'; | |||||
import {SpectrogramCanvas, WaveformCanvas} from '@modal-soft/react-wavesurfer'; | import {SpectrogramCanvas, WaveformCanvas} from '@modal-soft/react-wavesurfer'; | ||||
import {useEnhanced} from '@modal-soft/react-utils'; | import {useEnhanced} from '@modal-soft/react-utils'; | ||||
type AudioMiniFilePreviewDerivedElement = HTMLAudioElement; | |||||
export type AudioMiniFilePreviewDerivedElement = HTMLAudioElement; | |||||
export interface AudioMiniFilePreviewProps<F extends Partial<File> = Partial<File>> extends Omit<React.HTMLProps<AudioMiniFilePreviewDerivedElement>, 'controls'> { | export interface AudioMiniFilePreviewProps<F extends Partial<File> = Partial<File>> extends Omit<React.HTMLProps<AudioMiniFilePreviewDerivedElement>, 'controls'> { | ||||
file?: F; | file?: F; | ||||
@@ -2,7 +2,7 @@ import * as React from 'react'; | |||||
import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
type MaskedTextInputDerivedElement = HTMLInputElement; | |||||
export type MaskedTextInputDerivedElement = HTMLInputElement; | |||||
export interface MaskedTextInputProps extends Omit<React.HTMLProps<MaskedTextInputDerivedElement>, 'size' | 'type' | 'label'> { | export interface MaskedTextInputProps extends Omit<React.HTMLProps<MaskedTextInputDerivedElement>, 'size' | 'type' | 'label'> { | ||||
/** | /** | ||||
@@ -2,7 +2,7 @@ import * as React from 'react'; | |||||
import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
type MultilineTextInputDerivedElement = HTMLTextAreaElement; | |||||
export type MultilineTextInputDerivedElement = HTMLTextAreaElement; | |||||
export interface MultilineTextInputProps extends Omit<React.HTMLProps<MultilineTextInputDerivedElement>, 'size' | 'style' | 'label'> { | export interface MultilineTextInputProps extends Omit<React.HTMLProps<MultilineTextInputDerivedElement>, 'size' | 'style' | 'label'> { | ||||
/** | /** | ||||
@@ -2,7 +2,7 @@ import * as React from 'react'; | |||||
import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
type TextInputDerivedElement = HTMLInputElement; | |||||
export type TextInputDerivedElement = HTMLInputElement; | |||||
export interface TextInputProps extends Omit<React.HTMLProps<TextInputDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> { | export interface TextInputProps extends Omit<React.HTMLProps<TextInputDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> { | ||||
/** | /** | ||||
@@ -1,7 +1,7 @@ | |||||
import * as React from 'react'; | import * as React from 'react'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
type BadgeDerivedElement = HTMLSpanElement; | |||||
export type BadgeDerivedElement = HTMLSpanElement; | |||||
export interface BadgeProps extends React.HTMLProps<BadgeDerivedElement> { | export interface BadgeProps extends React.HTMLProps<BadgeDerivedElement> { | ||||
rounded?: boolean; | rounded?: boolean; | ||||
@@ -1,7 +1,7 @@ | |||||
import * as React from 'react'; | import * as React from 'react'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
type KeyValueTableDerivedElement = HTMLDListElement; | |||||
export type KeyValueTableDerivedElement = HTMLDListElement; | |||||
interface KeyValueProperty { | interface KeyValueProperty { | ||||
key: string; | key: string; | ||||
@@ -2,7 +2,7 @@ import * as React from 'react'; | |||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
import * as ButtonBase from '@tesseract-design/web-base-button'; | import * as ButtonBase from '@tesseract-design/web-base-button'; | ||||
type LinkButtonDerivedElement = HTMLAnchorElement; | |||||
export type LinkButtonDerivedElement = HTMLAnchorElement; | |||||
export interface LinkButtonProps extends Omit<React.HTMLProps<LinkButtonDerivedElement>, 'size'> { | export interface LinkButtonProps extends Omit<React.HTMLProps<LinkButtonDerivedElement>, 'size'> { | ||||
block?: boolean; | block?: boolean; | ||||
@@ -36,7 +36,7 @@ const filterOptions = (children: React.ReactNode): React.ReactNode => { | |||||
export type SliderOrientation = 'horizontal' | 'vertical'; | export type SliderOrientation = 'horizontal' | 'vertical'; | ||||
type SliderDerivedElement = HTMLInputElement; | |||||
export type SliderDerivedElement = HTMLInputElement; | |||||
export interface SliderProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type'> { | export interface SliderProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type'> { | ||||
orient?: SliderOrientation; | orient?: SliderOrientation; | ||||
@@ -3,7 +3,7 @@ import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | |||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
import styles from './style.module.css'; | import styles from './style.module.css'; | ||||
type SpinnerDerivedElement = HTMLInputElement; | |||||
export type SpinnerDerivedElement = HTMLInputElement; | |||||
export interface SpinnerProps extends Omit<React.HTMLProps<SpinnerDerivedElement>, 'size' | 'type' | 'label'> { | export interface SpinnerProps extends Omit<React.HTMLProps<SpinnerDerivedElement>, 'size' | 'type' | 'label'> { | ||||
/** | /** | ||||
@@ -2,7 +2,7 @@ import * as React from 'react'; | |||||
import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
type ComboBoxDerivedElement = HTMLInputElement; | |||||
export type ComboBoxDerivedElement = HTMLInputElement; | |||||
export interface ComboBoxProps extends Omit<React.HTMLProps<ComboBoxDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> { | export interface ComboBoxProps extends Omit<React.HTMLProps<ComboBoxDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> { | ||||
/** | /** | ||||
@@ -4,7 +4,7 @@ import * as SelectControlBase from '@tesseract-design/web-base-selectcontrol'; | |||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
import {RenderOptions} from '@/categories/option/react'; | import {RenderOptions} from '@/categories/option/react'; | ||||
type DropdownSelectDerivedElement = HTMLSelectElement; | |||||
export type DropdownSelectDerivedElement = HTMLSelectElement; | |||||
export interface DropdownSelectProps extends Omit<React.HTMLProps<DropdownSelectDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> { | export interface DropdownSelectProps extends Omit<React.HTMLProps<DropdownSelectDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> { | ||||
/** | /** | ||||
@@ -2,7 +2,7 @@ import * as React from 'react'; | |||||
import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | import * as TextControlBase from '@tesseract-design/web-base-textcontrol'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
type MenuSelectDerivedElement = HTMLSelectElement; | |||||
export type MenuSelectDerivedElement = HTMLSelectElement; | |||||
export interface MenuSelectProps extends Omit<React.HTMLProps<MenuSelectDerivedElement>, 'size' | 'style' | 'label'> { | export interface MenuSelectProps extends Omit<React.HTMLProps<MenuSelectDerivedElement>, 'size' | 'style' | 'label'> { | ||||
/** | /** | ||||
@@ -1,7 +1,6 @@ | |||||
import * as React from 'react'; | import * as React from 'react'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
import styles from './style.module.css'; | import styles from './style.module.css'; | ||||
import {ToggleButtonDerivedElement} from '@/categories/option/react'; | |||||
export type ToggleSwitchDerivedElement = HTMLInputElement; | export type ToggleSwitchDerivedElement = HTMLInputElement; | ||||
@@ -26,7 +25,7 @@ export const ToggleSwitch = React.forwardRef<ToggleSwitchDerivedElement, ToggleS | |||||
indeterminate = false, | indeterminate = false, | ||||
...etcProps | ...etcProps | ||||
}, forwardedRef) => { | }, forwardedRef) => { | ||||
const defaultRef = React.useRef<ToggleButtonDerivedElement>(null); | |||||
const defaultRef = React.useRef<ToggleSwitchDerivedElement>(null); | |||||
const ref = forwardedRef ?? defaultRef; | const ref = forwardedRef ?? defaultRef; | ||||
const defaultId = React.useId(); | const defaultId = React.useId(); | ||||
const id = idProp ?? defaultId; | const id = idProp ?? defaultId; | ||||
@@ -1,7 +1,6 @@ | |||||
import * as React from 'react'; | import * as React from 'react'; | ||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
import styles from './style.module.css'; | import styles from './style.module.css'; | ||||
import {ToggleButtonDerivedElement} from '@/categories/option/react'; | |||||
export type ToggleTickBoxDerivedElement = HTMLInputElement; | export type ToggleTickBoxDerivedElement = HTMLInputElement; | ||||
@@ -23,7 +22,7 @@ export const ToggleTickBox = React.forwardRef<ToggleTickBoxDerivedElement, Toggl | |||||
indeterminate = false, | indeterminate = false, | ||||
...etcProps | ...etcProps | ||||
}, forwardedRef) => { | }, forwardedRef) => { | ||||
const defaultRef = React.useRef<ToggleButtonDerivedElement>(null); | |||||
const defaultRef = React.useRef<ToggleTickBoxDerivedElement>(null); | |||||
const ref = forwardedRef ?? defaultRef; | const ref = forwardedRef ?? defaultRef; | ||||
const defaultId = React.useId(); | const defaultId = React.useId(); | ||||
const id = idProp ?? defaultId; | const id = idProp ?? defaultId; | ||||
@@ -1,7 +1,7 @@ | |||||
import * as React from 'react'; | import * as React from 'react'; | ||||
import styles from './style.module.css'; | import styles from './style.module.css'; | ||||
type BinaryDataCanvasDerivedElement = HTMLDivElement; | |||||
export type BinaryDataCanvasDerivedElement = HTMLDivElement; | |||||
export interface BinaryDataCanvasProps extends Omit<React.HTMLProps<BinaryDataCanvasDerivedElement>, 'children' | 'headers'> { | export interface BinaryDataCanvasProps extends Omit<React.HTMLProps<BinaryDataCanvasDerivedElement>, 'children' | 'headers'> { | ||||
arrayBuffer?: ArrayBuffer; | arrayBuffer?: ArrayBuffer; | ||||
@@ -3,9 +3,9 @@ import RefractorCore from 'react-refractor/all'; | |||||
import styles from './style.module.css'; | import styles from './style.module.css'; | ||||
import {Marker} from 'react-refractor'; | import {Marker} from 'react-refractor'; | ||||
type PrismDerivedElement = HTMLDivElement; | |||||
export type RefractorDerivedElement = HTMLDivElement; | |||||
export interface PrismProps extends Omit<React.HTMLProps<PrismDerivedElement>, 'children'> { | |||||
export interface RefractorProps extends Omit<React.HTMLProps<RefractorDerivedElement>, 'children'> { | |||||
code?: string; | code?: string; | ||||
language?: string; | language?: string; | ||||
lineNumbers?: boolean; | lineNumbers?: boolean; | ||||
@@ -16,7 +16,7 @@ export interface PrismProps extends Omit<React.HTMLProps<PrismDerivedElement>, ' | |||||
markers?: Marker[]; | markers?: Marker[]; | ||||
} | } | ||||
export const Refractor = React.forwardRef<PrismDerivedElement, PrismProps>(({ | |||||
export const Refractor = React.forwardRef<RefractorDerivedElement, RefractorProps>(({ | |||||
code: codeRaw = '', | code: codeRaw = '', | ||||
language = 'plain', | language = 'plain', | ||||
lineNumbers = false, | lineNumbers = false, | ||||
@@ -3,7 +3,7 @@ import {WaveSurferOptions} from 'wavesurfer.js'; | |||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
import {getFormValues} from '@theoryofnekomata/formxtra'; | import {getFormValues} from '@theoryofnekomata/formxtra'; | ||||
type SpectrogramCanvasDerivedElement = HTMLDivElement; | |||||
export type SpectrogramCanvasDerivedElement = HTMLDivElement; | |||||
export interface SpectrogramCanvasProps | export interface SpectrogramCanvasProps | ||||
extends React.HTMLProps<SpectrogramCanvasDerivedElement>, | extends React.HTMLProps<SpectrogramCanvasDerivedElement>, | ||||
@@ -3,7 +3,7 @@ import {WaveSurferOptions} from 'wavesurfer.js'; | |||||
import clsx from 'clsx'; | import clsx from 'clsx'; | ||||
import {getFormValues} from '@theoryofnekomata/formxtra'; | import {getFormValues} from '@theoryofnekomata/formxtra'; | ||||
type WaveformCanvasDerivedElement = HTMLDivElement; | |||||
export type WaveformCanvasDerivedElement = HTMLDivElement; | |||||
export interface WaveformCanvasProps | export interface WaveformCanvasProps | ||||
extends React.HTMLProps<WaveformCanvasDerivedElement>, | extends React.HTMLProps<WaveformCanvasDerivedElement>, | ||||