react-science 0.30.0 → 0.30.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/lib-esm/components/color-picker/react-color/helpers/color.d.ts +5 -4
- package/lib-esm/components/color-picker/react-color/helpers/color.d.ts.map +1 -1
- package/lib-esm/components/drop-zone/DropZone.d.ts.map +1 -1
- package/lib-esm/components/drop-zone/DropZone.js +4 -4
- package/lib-esm/components/drop-zone/DropZone.js.map +1 -1
- package/package.json +2 -1
- package/src/components/drop-zone/DropZone.tsx +4 -4
|
@@ -25,14 +25,15 @@ export namespace red {
|
|
|
25
25
|
}
|
|
26
26
|
export function isvalidColorString(string: any, type: any): any;
|
|
27
27
|
export function getContrastingColor(data: any): "#fff" | "rgba(0,0,0,0.4)" | "#000";
|
|
28
|
-
export function isValidHex(hex: any):
|
|
28
|
+
export function isValidHex(hex: any): boolean;
|
|
29
29
|
export function simpleCheckForValidColor(data: any): any;
|
|
30
30
|
export function toState(data: any, oldHue: any): {
|
|
31
|
-
hsl:
|
|
31
|
+
hsl: tinycolor.ColorFormats.HSLA;
|
|
32
32
|
hex: string;
|
|
33
|
-
rgb:
|
|
34
|
-
hsv:
|
|
33
|
+
rgb: tinycolor.ColorFormats.RGBA;
|
|
34
|
+
hsv: tinycolor.ColorFormats.HSVA;
|
|
35
35
|
oldHue: any;
|
|
36
36
|
source: any;
|
|
37
37
|
};
|
|
38
|
+
import tinycolor from 'tinycolor2';
|
|
38
39
|
//# sourceMappingURL=color.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/helpers/color.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,gEAGC;AAfD,oFAUC;AArBD,
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/helpers/color.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,gEAGC;AAfD,oFAUC;AArBD,8CASC;AApDD,yDAmBC;AAED;;;;;;;EAoBC;sBA3CqB,YAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAGvE,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EACtB,aAAa,EAAE,CAAC,EAAE,EAClB,aAAa,CAAC,EAAE,aAAa,EAAE,KAC5B,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AA0CD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Button, Colors, NonIdealState } from '@blueprintjs/core';
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
|
-
import { rgba } from 'polished';
|
|
5
4
|
import { useCallback, useMemo } from 'react';
|
|
6
5
|
import { useDropzone } from 'react-dropzone';
|
|
6
|
+
import tinycolor from 'tinycolor2';
|
|
7
7
|
const DropzoneRoot = styled.div `
|
|
8
8
|
position: relative;
|
|
9
9
|
height: 100%;
|
|
@@ -22,11 +22,11 @@ const DropzoneDragActive = styled.div `
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
|
|
25
|
-
border-color: ${({ borderColor }) => borderColor
|
|
25
|
+
border-color: ${({ borderColor }) => borderColor ?? tinycolor(borderColor).setAlpha(0.7).toRgbString()};
|
|
26
26
|
`;
|
|
27
27
|
const DropzoneEmpty = styled.div `
|
|
28
28
|
:hover .dropzone-button {
|
|
29
|
-
background-color: ${
|
|
29
|
+
background-color: ${tinycolor(Colors.BLUE3).setAlpha(0.15).toRgbString()};
|
|
30
30
|
}
|
|
31
31
|
width: 100%;
|
|
32
32
|
height: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-science",
|
|
3
|
-
"version": "0.30.
|
|
3
|
+
"version": "0.30.1",
|
|
4
4
|
"description": "React components to build scientific applications UI",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./app": {
|
|
@@ -116,6 +116,7 @@
|
|
|
116
116
|
"@types/react": "^18.2.37",
|
|
117
117
|
"@types/react-dom": "^18.2.15",
|
|
118
118
|
"@types/react-inspector": "^4.0.5",
|
|
119
|
+
"@types/tinycolor2": "^1.4.6",
|
|
119
120
|
"@vitejs/plugin-react": "^4.1.1",
|
|
120
121
|
"@vitest/coverage-v8": "^0.34.6",
|
|
121
122
|
"cheminfo-font": "^1.12.0",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Button, Colors, NonIdealState } from '@blueprintjs/core';
|
|
2
2
|
import type { IconName } from '@blueprintjs/icons';
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
|
-
import { rgba } from 'polished';
|
|
5
4
|
import { CSSProperties, MouseEventHandler, useCallback, useMemo } from 'react';
|
|
6
5
|
import { FileError, FileRejection, useDropzone } from 'react-dropzone';
|
|
6
|
+
import tinycolor from 'tinycolor2';
|
|
7
7
|
|
|
8
8
|
export interface DropZoneProps {
|
|
9
9
|
borderColor?: string;
|
|
@@ -43,12 +43,12 @@ const DropzoneDragActive = styled.div<DropzoneColorProps>`
|
|
|
43
43
|
justify-content: center;
|
|
44
44
|
|
|
45
45
|
border-color: ${({ borderColor }) =>
|
|
46
|
-
borderColor
|
|
46
|
+
borderColor ?? tinycolor(borderColor).setAlpha(0.7).toRgbString()};
|
|
47
47
|
`;
|
|
48
48
|
|
|
49
49
|
const DropzoneEmpty = styled.div<DropzoneColorProps>`
|
|
50
50
|
:hover .dropzone-button {
|
|
51
|
-
background-color: ${
|
|
51
|
+
background-color: ${tinycolor(Colors.BLUE3).setAlpha(0.15).toRgbString()};
|
|
52
52
|
}
|
|
53
53
|
width: 100%;
|
|
54
54
|
height: 100%;
|