Functions — github.com/omgovich/react-colorful

hub / github.com/omgovich/react-colorful / functions

Functions96 in github.com/omgovich/react-colorful

⨍ Functions 96 ◇ Types & classes 22

↓ 30 callersFunctionround

(number: number, digits = 0, base = Math.pow(10, digits))

src/utils/round.ts:1

↓ 20 callersFunctiontest

(input, output)

tests/utils.test.js:57

↓ 12 callersFunctionclamp

(number: number, min = 0, max = 1)

src/utils/clamp.ts:4

↓ 11 callersFunctionvalidHex

(value: string, alpha?: boolean)

src/utils/validate.ts:3

↓ 9 callersFunctionhexToHsva

(hex: string)

src/utils/convert.ts:14

↓ 8 callersFunctionformatClassName

(names: unknown[])

src/utils/format.ts:1

↓ 7 callersFunctionuseEventCallback

(handler?: (value: T) => void)

src/hooks/useEventCallback.ts:4

↓ 6 callersFunctionequalColorObjects

(first: ObjectColor, second: ObjectColor)

src/utils/compare.ts:4

↓ 6 callersFunctionhsvaToHex

(hsva: HsvaColor)

src/utils/convert.ts:67

↓ 6 callersFunctionrgbaToHsva

({ r, g, b, a }: RgbaColor)

src/utils/convert.ts:171

↓ 5 callersFunctionformat

(number: number)

src/utils/convert.ts:161

↓ 5 callersFunctionhsvaToHslString

(hsva: HsvaColor)

src/utils/convert.ts:80

↓ 5 callersFunctionhsvaToRgba

({ h, s, v, a }: HsvaColor)

src/utils/convert.ts:100

↓ 5 callersFunctionisTouch

(event: MouseEvent | TouchEvent)

src/components/common/Interactive.tsx:12

↓ 5 callersFunctionroundHsva

(hsva: HsvaColor)

src/utils/convert.ts:192

↓ 4 callersFunctionequalHex

(first: string, second: string)

src/utils/compare.ts:27

↓ 4 callersFunctionhsvaToHsla

({ h, s, v, a }: HsvaColor)

src/utils/convert.ts:69

↓ 3 callersFunctionequalColorString

(first: string, second: string)

src/utils/compare.ts:23

↓ 3 callersFunctiongetParentWindow

(node?: HTMLDivElement | null)

src/components/common/Interactive.tsx:23

↓ 3 callersFunctionhexToRgba

(hex: string)

src/utils/convert.ts:16

↓ 3 callersFunctionhslaToHsva

({ h, s, l, a }: HslaColor)

src/utils/convert.ts:56

↓ 3 callersFunctionhsvaToHslaString

(hsva: HsvaColor)

src/utils/convert.ts:95

↓ 3 callersFunctionhsvaToHsvaString

(hsva: HsvaColor)

src/utils/convert.ts:90

↓ 3 callersFunctiontoggleDocumentEvents

(state?: boolean)

src/components/common/Interactive.tsx:138

↓ 2 callersFunctioncreateCanvas

()

demo/src/hooks/useFaviconColor.ts:8

↓ 2 callersFunctiongetRelativePosition

( node: HTMLDivElement, event: MouseEvent | TouchEvent, touchId: null | number )

src/components/common/Interactive.tsx:28

↓ 2 callersFunctionhslaToHsl

({ h, s, l }: HslaColor)

src/utils/convert.ts:201

↓ 2 callersFunctionhsvaToHsvString

(hsva: HsvaColor)

src/utils/convert.ts:85

↓ 2 callersFunctionhsvaToRgbString

(hsva: HsvaColor)

src/utils/convert.ts:119

↓ 2 callersFunctionparseHue

(value: string, unit = "deg")

src/utils/convert.ts:36

↓ 2 callersFunctionpreventDefaultMove

(event: MouseEvent | TouchEvent)

src/components/common/Interactive.tsx:47

↓ 2 callersFunctionrgbaToRgb

({ r, g, b }: RgbaColor)

src/utils/convert.ts:199

↓ 2 callersFunctionuseColorManipulation

( colorModel: ColorModel<T>, color: T, onChange?: (color: T) => void, onChangeEnd?: (color: T) => void

src/hooks/useColorManipulation.ts:6

↓ 2 callersFunctionuseStyleSheet

(nodeRef: RefObject<HTMLDivElement>)

src/hooks/useStyleSheet.ts:14

↓ 1 callersFunctioncreateBackgroundCanvas

()

demo/src/hooks/useFaviconColor.ts:15

↓ 1 callersFunctiongetBrightness

({ r, g, b }: RgbaColor)

demo/src/index.tsx:23

↓ 1 callersFunctiongetNonce

()

src/utils/nonce.ts:9

↓ 1 callersFunctiongetTouchPoint

(touches: TouchList, touchId: null | number)

src/components/common/Interactive.tsx:15

↓ 1 callersFunctionhslaStringToHsva

(hslString: string)

src/utils/convert.ts:40

↓ 1 callersFunctionhsvaStringToHsva

(hsvString: string)

src/utils/convert.ts:129

↓ 1 callersFunctionhsvaToHsv

(hsva: HsvaColor)

src/utils/convert.ts:203

↓ 1 callersFunctionhsvaToRgbaString

(hsva: HsvaColor)

src/utils/convert.ts:124

↓ 1 callersFunctionisInvalid

(event: MouseEvent | TouchEvent, hasTouch: boolean)

src/components/common/Interactive.tsx:53

↓ 1 callersFunctionreplaceFavicon

(pointerColor: string)

demo/src/hooks/useFaviconColor.ts:53

↓ 1 callersFunctionrgbaStringToHsva

(rgbaString: string)

src/utils/convert.ts:145

↓ 1 callersFunctionrgbaToHex

({ r, g, b, a }: RgbaColor)

src/utils/convert.ts:166

↓ 1 callersFunctionsetNonce

(hash: string)

src/utils/nonce.ts:19

↓ 1 callersFunctionshouldReplace

()

demo/src/hooks/useFaviconColor.ts:47

↓ 1 callersFunctionsleep

(delay)

tests/csp.test.js:7

↓ 1 callersFunctionuseBodyBackground

(color: string)

demo/src/hooks/useBodyBackground.ts:3

↓ 1 callersFunctionuseFaviconColor

(color: string)

demo/src/hooks/useFaviconColor.ts:35

↓ 1 callersFunctionuseStargazerCount

()

demo/src/hooks/useStargazerCount.ts:3

FunctionAlpha

({ className, hsva, onChange, onChangeEnd }: Props)

src/components/common/Alpha.tsx:19

FunctionAlphaColorPicker

({ className, colorModel, color = colorModel.defaultColor, onChange, onChangeEnd, ...rest }: Props

src/components/common/AlphaColorPicker.tsx:16

FunctionColorInput

(props: Props)

src/components/common/ColorInput.tsx:17

FunctionColorPicker

({ className, colorModel, color = colorModel.defaultColor, onChange, onChangeEnd, ...rest }: Props

src/components/common/ColorPicker.tsx:15

FunctionDemo

()

demo/src/index.tsx:37

FunctionDevTools

()

demo/src/components/DevTools.tsx:33

FunctionHexAlphaColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/HexAlphaColorPicker.tsx:15

FunctionHexColorInput

(props: HexColorInputProps)

src/components/HexColorInput.tsx:17

FunctionHexColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/HexColorPicker.tsx:15

FunctionHslColorPicker

( props: Partial<ColorPickerBaseProps<HslColor>> )

src/components/HslColorPicker.tsx:15

FunctionHslStringColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/HslStringColorPicker.tsx:15

FunctionHslaColorPicker

( props: Partial<ColorPickerBaseProps<HslaColor>> )

src/components/HslaColorPicker.tsx:15

FunctionHslaStringColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/HslaStringColorPicker.tsx:15

FunctionHsvColorPicker

( props: Partial<ColorPickerBaseProps<HsvColor>> )

src/components/HsvColorPicker.tsx:15

FunctionHsvStringColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/HsvStringColorPicker.tsx:15

FunctionHsvaColorPicker

( props: Partial<ColorPickerBaseProps<HsvaColor>> )

src/components/HsvaColorPicker.tsx:15

FunctionHsvaStringColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/HsvaStringColorPicker.tsx:15

FunctionHueBase

({ className, hue, onChange, onChangeEnd }: Props)

src/components/common/Hue.tsx:18

FunctionInteractiveBase

({ onMove, onKey, onEnd, ...rest }: Props)

src/components/common/Interactive.tsx:64

FunctionPickerPreview

({ title, frame, PickerComponent, initialColor, }: Props<T>)

demo/src/components/PickerPreview.tsx:15

FunctionPointer

({ className, color, left, top = 0.5 }: Props)

src/components/common/Pointer.tsx:11

FunctionRgbColorPicker

( props: Partial<ColorPickerBaseProps<RgbColor>> )

src/components/RgbColorPicker.tsx:15

FunctionRgbStringColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/RgbStringColorPicker.tsx:15

FunctionRgbaColorPicker

( props: Partial<ColorPickerBaseProps<RgbaColor>> )

src/components/RgbaColorPicker.tsx:15

FunctionRgbaStringColorPicker

( props: Partial<ColorPickerBaseProps<string>> )

src/components/RgbaStringColorPicker.tsx:15

FunctionSaturationBase

({ hsva, onChange, onChangeEnd }: Props)

src/components/common/Saturation.tsx:15

FunctionStar

(props: React.SVGAttributes<SVGElement>)

demo/src/components/Icon.tsx:3

Methodconstructor

(type, values = {})

tests/components.test.js:26

FunctiongetRandomColor

()

demo/src/index.tsx:25

FunctionhandleChange

(color: RgbaColor)

demo/src/index.tsx:43

FunctionhandleChange

(color: T)

demo/src/components/PickerPreview.tsx:23

FunctionhandleChangeEnd

(color: RgbaColor)

demo/src/index.tsx:48

FunctionhandleKey

(offset: Interaction)

src/components/common/Hue.tsx:23

FunctionhandleKey

(offset: Interaction)

src/components/common/Saturation.tsx:23

FunctionhandleKey

(offset: Interaction)

src/components/common/Alpha.tsx:24

FunctionhandleKeyDown

(event: React.KeyboardEvent)

src/components/common/Interactive.tsx:117

FunctionhandleKeyUp

(event: React.KeyboardEvent)

src/components/common/Interactive.tsx:133

FunctionhandleMove

(interaction: Interaction)

src/components/common/Hue.tsx:19

FunctionhandleMove

(event: MouseEvent | TouchEvent)

src/components/common/Interactive.tsx:93

FunctionhandleMove

(interaction: Interaction)

src/components/common/Saturation.tsx:16

FunctionhandleMove

(interaction: Interaction)

src/components/common/Alpha.tsx:20

FunctionhandleMoveEnd

()

src/components/common/Interactive.tsx:112

FunctionhandleMoveStart

({ nativeEvent }: React.MouseEvent | React.TouchEvent)

src/components/common/Interactive.tsx:73

Functionprefix

(value: string)

src/components/HexColorInput.tsx:15