react-science 4.0.0 → 4.1.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/components/button/Button.d.ts +1 -1
- package/lib/components/button/Button.d.ts.map +1 -1
- package/lib/components/button/Button.js +3 -2
- package/lib/components/button/Button.js.map +1 -1
- package/lib/components/color-picker/gradient-select/GradientSelect.d.ts +1 -1
- package/lib/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
- package/lib/components/color-picker/gradient-select/GradientSelect.js +45 -23
- package/lib/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
- package/lib/components/fullscreen/FullscreenContext.js +4 -4
- package/lib/components/fullscreen/FullscreenContext.js.map +1 -1
- package/lib/components/hooks/useSelect.d.ts +7 -5
- package/lib/components/hooks/useSelect.d.ts.map +1 -1
- package/lib/components/hooks/useSelect.js +3 -1
- package/lib/components/hooks/useSelect.js.map +1 -1
- package/lib/components/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib/components/info-panel/InfoPanel.js +78 -20
- package/lib/components/info-panel/InfoPanel.js.map +1 -1
- package/lib/components/table/Table.d.ts +3 -1
- package/lib/components/table/TableHeader.d.ts +3 -1
- package/lib/components/table/TableHeader.d.ts.map +1 -1
- package/lib/components/table/TableHeader.js +8 -2
- package/lib/components/table/TableHeader.js.map +1 -1
- package/lib-esm/components/button/Button.d.ts +1 -1
- package/lib-esm/components/button/Button.d.ts.map +1 -1
- package/lib-esm/components/button/Button.js +3 -2
- package/lib-esm/components/button/Button.js.map +1 -1
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts +1 -1
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +45 -23
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
- package/lib-esm/components/fullscreen/FullscreenContext.js +4 -4
- package/lib-esm/components/fullscreen/FullscreenContext.js.map +1 -1
- package/lib-esm/components/hooks/useSelect.d.ts +7 -5
- package/lib-esm/components/hooks/useSelect.d.ts.map +1 -1
- package/lib-esm/components/hooks/useSelect.js +3 -1
- package/lib-esm/components/hooks/useSelect.js.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.js +52 -17
- package/lib-esm/components/info-panel/InfoPanel.js.map +1 -1
- package/lib-esm/components/table/Table.d.ts +3 -1
- package/lib-esm/components/table/TableHeader.d.ts +3 -1
- package/lib-esm/components/table/TableHeader.d.ts.map +1 -1
- package/lib-esm/components/table/TableHeader.js +8 -2
- package/lib-esm/components/table/TableHeader.js.map +1 -1
- package/package.json +42 -44
- package/src/components/button/Button.tsx +12 -5
- package/src/components/color-picker/gradient-select/GradientSelect.tsx +82 -46
- package/src/components/fullscreen/FullscreenContext.tsx +4 -4
- package/src/components/hooks/useSelect.tsx +13 -8
- package/src/components/info-panel/InfoPanel.tsx +88 -48
- package/src/components/table/TableHeader.tsx +14 -2
|
@@ -5,7 +5,7 @@ type BlueprintProps = {
|
|
|
5
5
|
[key in keyof BlueprintButtonProps & keyof BlueprintAnchorButtonProps]?: BlueprintButtonProps[key] & BlueprintAnchorButtonProps[key];
|
|
6
6
|
};
|
|
7
7
|
export type ButtonProps = BlueprintProps & {
|
|
8
|
-
tooltipProps?: Omit<TooltipProps, 'children'
|
|
8
|
+
tooltipProps?: Partial<Omit<TooltipProps, 'children'>>;
|
|
9
9
|
tag?: ReactNode;
|
|
10
10
|
tagProps?: Omit<TagProps, 'children'>;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAEL,iBAAiB,IAAI,0BAA0B,EAE/C,WAAW,IAAI,oBAAoB,EAEnC,QAAQ,EAER,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,cAAc,GAAG;KACnB,GAAG,IAAI,MAAM,oBAAoB,GAChC,MAAM,0BAA0B,CAAC,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC7D,0BAA0B,CAAC,GAAG,CAAC;CAClC,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAEL,iBAAiB,IAAI,0BAA0B,EAE/C,WAAW,IAAI,oBAAoB,EAEnC,QAAQ,EAER,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,cAAc,GAAG;KACnB,GAAG,IAAI,MAAM,oBAAoB,GAChC,MAAM,0BAA0B,CAAC,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC7D,0BAA0B,CAAC,GAAG,CAAC;CAClC,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;CACvC,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAgDxC"}
|
|
@@ -6,11 +6,12 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
6
6
|
const core_1 = require("@blueprintjs/core");
|
|
7
7
|
const react_1 = require("@emotion/react");
|
|
8
8
|
function Button(props) {
|
|
9
|
-
const { tooltipProps, children, tag, tagProps, ...buttonProps } = props;
|
|
9
|
+
const { tooltipProps = {}, children, tag, tagProps, ...buttonProps } = props;
|
|
10
|
+
const { fill, content = '', disabled = !tooltipProps.content, ...otherToolTipProps } = tooltipProps;
|
|
10
11
|
const InnerButton = buttonProps.disabled
|
|
11
12
|
? core_1.AnchorButton
|
|
12
13
|
: core_1.Button;
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(core_1.Tooltip, { fill:
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(core_1.Tooltip, { fill: fill || buttonProps.fill, disabled: disabled, content: content, ...otherToolTipProps, renderTarget: ({ isOpen, ...targetProps }) => ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [tag && ((0, jsx_runtime_1.jsx)(core_1.Tag, { css: (0, react_1.css) `
|
|
14
15
|
position: absolute;
|
|
15
16
|
top: 0;
|
|
16
17
|
left: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,4CAS2B;AAC3B,0CAAqC;AAcrC,SAAgB,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,4CAS2B;AAC3B,0CAAqC;AAcrC,SAAgB,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,EACJ,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,CAAC,YAAY,CAAC,OAAO,EAChC,GAAG,iBAAiB,EACrB,GAAG,YAAY,CAAC;IACjB,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ;QACtC,CAAC,CAAC,mBAAqB;QACvB,CAAC,CAAC,aAAe,CAAC;IACpB,OAAO,CACL,uBAAC,cAAO,IACN,IAAI,EAAE,IAAI,IAAI,WAAW,CAAC,IAAI,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,KACZ,iBAAiB,EACrB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAC5C,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aACjC,GAAG,IAAI,CACN,uBAAC,UAAG,IACF,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;;;;;;;;eAYP,EACD,KAAK,QACL,MAAM,EAAC,SAAS,KACZ,QAAQ,YAEX,GAAG,GACA,CACP,EACD,uBAAC,WAAW,OAAK,WAAW,KAAM,WAAW,EAAE,KAAK,EAAE,EAAE,YACrD,QAAQ,GACG,IACV,CACP,GACD,CACH,CAAC;AACJ,CAAC;AAhDD,wBAgDC"}
|
|
@@ -11,5 +11,5 @@ export interface GradientSelectProps {
|
|
|
11
11
|
value: GradientScaleName;
|
|
12
12
|
onChange: (value: GradientScaleName) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function GradientSelect(props: GradientSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function GradientSelect(props: GradientSelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
15
|
//# sourceMappingURL=GradientSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;AAKrD,eAAO,MAAM,mBAAmB;;;;;;CAM/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AA0BjE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAiFxD"}
|
|
@@ -27,13 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.GradientSelect = exports.fixedGradientScales = void 0;
|
|
30
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
|
+
/** @jsxImportSource @emotion/react */
|
|
32
|
+
const react_1 = require("@emotion/react");
|
|
31
33
|
const styled_1 = __importDefault(require("@emotion/styled"));
|
|
32
|
-
|
|
33
|
-
// @ts-ignore This import fails when compiling to CJS.
|
|
34
|
-
const react_1 = require("@headlessui/react");
|
|
34
|
+
const Select = __importStar(require("@radix-ui/react-select"));
|
|
35
35
|
const scaleChromatic = __importStar(require("d3-scale-chromatic"));
|
|
36
|
-
const react_2 = require("react");
|
|
37
36
|
const fa_1 = require("react-icons/fa");
|
|
38
37
|
const FixedGradientPreview_1 = __importDefault(require("../preview/FixedGradientPreview"));
|
|
39
38
|
exports.fixedGradientScales = {
|
|
@@ -48,40 +47,63 @@ const GradientSelectListbox = styled_1.default.div `
|
|
|
48
47
|
position: relative;
|
|
49
48
|
width: 100%;
|
|
50
49
|
border: 1px solid darkgray;
|
|
50
|
+
margin-top: 100px;
|
|
51
51
|
border-radius: 0.25rem;
|
|
52
52
|
`;
|
|
53
|
-
const GradientSelectButton = styled_1.default.button `
|
|
54
|
-
position: relative;
|
|
55
|
-
width: 100%;
|
|
56
|
-
height: 30px;
|
|
57
|
-
padding: 3px;
|
|
58
|
-
`;
|
|
59
53
|
const GradientSelectChevron = (0, styled_1.default)(fa_1.FaChevronDown) `
|
|
60
54
|
position: absolute;
|
|
61
55
|
height: 100%;
|
|
62
56
|
top: 0;
|
|
63
57
|
right: 0.5rem;
|
|
64
58
|
`;
|
|
65
|
-
const GradientSelectOptions = styled_1.default.ul `
|
|
66
|
-
position: absolute;
|
|
67
|
-
width: 100%;
|
|
68
|
-
margin-top: 5px;
|
|
69
|
-
border: 1px solid darkgray;
|
|
70
|
-
border-radius: 0.25rem;
|
|
71
|
-
padding-inline: 3px;
|
|
72
|
-
padding-bottom: 5px;
|
|
73
|
-
`;
|
|
74
59
|
const GradientSelectOption = styled_1.default.li `
|
|
75
60
|
display: flex;
|
|
76
61
|
flex-direction: column;
|
|
77
62
|
padding-top: 5px;
|
|
78
63
|
cursor: pointer;
|
|
79
|
-
${(props) => !props.active && 'opacity: 0.8;'}
|
|
80
|
-
${(props) => props.active && 'font-weight: bold;'}
|
|
81
64
|
`;
|
|
82
65
|
function GradientSelect(props) {
|
|
83
66
|
const { value, onChange } = props;
|
|
84
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(GradientSelectListbox, { children: (0, jsx_runtime_1.jsxs)(Select.Root, { value: value, onValueChange: onChange, children: [(0, jsx_runtime_1.jsx)(Select.Trigger, { css: (0, react_1.css) `
|
|
68
|
+
width: 100%;
|
|
69
|
+
height: 30px;
|
|
70
|
+
padding: 4px;
|
|
71
|
+
`, children: (0, jsx_runtime_1.jsxs)(Select.Value, { children: [(0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: value }), (0, jsx_runtime_1.jsx)(GradientSelectChevron, {})] }) }), (0, jsx_runtime_1.jsx)(Select.Portal, { children: (0, jsx_runtime_1.jsx)(Select.Content, { position: "popper", sideOffset: 10, css: (0, react_1.css) `
|
|
72
|
+
background-color: white;
|
|
73
|
+
width: var(--radix-select-trigger-width);
|
|
74
|
+
border: 1px solid darkgray;
|
|
75
|
+
border-radius: 0.25rem;
|
|
76
|
+
padding: 4px;
|
|
77
|
+
`, children: (0, jsx_runtime_1.jsx)(Select.Viewport, { children: scaleOptions.map((option) => ((0, jsx_runtime_1.jsx)(Select.Item, { value: option, css: (0, react_1.css) `
|
|
78
|
+
outline: none;
|
|
79
|
+
padding: 8px 0 8px 0;
|
|
80
|
+
cursor: pointer;
|
|
81
|
+
margin-left: 20px;
|
|
82
|
+
&[data-state='checked'] {
|
|
83
|
+
font-weight: bold;
|
|
84
|
+
}
|
|
85
|
+
&[data-state='unchecked'] {
|
|
86
|
+
opacity: 1;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&:not([data-highlighted]) span {
|
|
90
|
+
margin-left: 12px;
|
|
91
|
+
}
|
|
92
|
+
&[data-highlighted] {
|
|
93
|
+
span {
|
|
94
|
+
margin-left: 4px;
|
|
95
|
+
}
|
|
96
|
+
::before {
|
|
97
|
+
content: '';
|
|
98
|
+
display: inline-block;
|
|
99
|
+
width: 8px;
|
|
100
|
+
height: 8px;
|
|
101
|
+
border-radius: 1px;
|
|
102
|
+
filter: brightness(60%);
|
|
103
|
+
background-color: dimgray;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
`, children: (0, jsx_runtime_1.jsxs)(Select.ItemText, { children: [option, (0, jsx_runtime_1.jsx)(GradientSelectOption, { children: (0, jsx_runtime_1.jsx)("div", { style: { height: 15 }, children: (0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: option }) }) })] }) }, option))) }) }) })] }) }));
|
|
85
107
|
}
|
|
86
108
|
exports.GradientSelect = GradientSelect;
|
|
87
109
|
//# sourceMappingURL=GradientSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0CAAqC;AACrC,6DAAqC;AACrC,+DAAiD;AACjD,mEAAqD;AACrD,uCAA+C;AAE/C,2FAAmE;AAEtD,QAAA,mBAAmB,GAAG;IACjC,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,MAAM,EAAE,cAAc,CAAC,iBAAiB;CACzC,CAAC;AAIF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,2BAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,qBAAqB,GAAG,IAAA,gBAAM,EAAC,kBAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,oBAAoB,GAAG,gBAAM,CAAC,EAAE,CAAA;;;;;CAKrC,CAAC;AAOF,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,uBAAC,qBAAqB,cACpB,wBAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAChD,uBAAC,MAAM,CAAC,OAAO,IACb,GAAG,EAAE,IAAA,WAAG,EAAA;;;;WAIP,YAED,wBAAC,MAAM,CAAC,KAAK,eACX,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,uBAAC,qBAAqB,KAAG,IACZ,GACA,EACjB,uBAAC,MAAM,CAAC,MAAM,cACZ,uBAAC,MAAM,CAAC,OAAO,IACb,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,EAAE,EACd,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;;aAMP,YAED,uBAAC,MAAM,CAAC,QAAQ,cACb,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,uBAAC,MAAM,CAAC,IAAI,IAEV,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA6BP,YAED,wBAAC,MAAM,CAAC,QAAQ,eACb,MAAM,EACP,uBAAC,oBAAoB,cACnB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,GACe,IACP,IAxCb,MAAM,CAyCC,CACf,CAAC,GACc,GACH,GACH,IACJ,GACQ,CACzB,CAAC;AACJ,CAAC;AAjFD,wCAiFC"}
|
|
@@ -47,12 +47,12 @@ function FullscreenInner(props) {
|
|
|
47
47
|
if (isFullScreen && ref.current) {
|
|
48
48
|
if (ref.current.requestFullscreen) {
|
|
49
49
|
ref.current.requestFullscreen().catch(() => {
|
|
50
|
-
alert('Fullscreen is not supported');
|
|
50
|
+
window.alert('Fullscreen is not supported');
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
else if (ref.current.webkitRequestFullscreen) {
|
|
54
54
|
ref.current.webkitRequestFullscreen()?.catch(() => {
|
|
55
|
-
alert('Fullscreen is not supported');
|
|
55
|
+
window.alert('Fullscreen is not supported');
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
58
|
}
|
|
@@ -60,12 +60,12 @@ function FullscreenInner(props) {
|
|
|
60
60
|
if (!isFullScreen && document.fullscreenElement) {
|
|
61
61
|
if (document.exitFullscreen) {
|
|
62
62
|
document.exitFullscreen().catch(() => {
|
|
63
|
-
alert("Can't exit fullscreen");
|
|
63
|
+
window.alert("Can't exit fullscreen");
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
else if (document.webkitExitFullscreen) {
|
|
67
67
|
document.webkitExitFullscreen().catch(() => {
|
|
68
|
-
alert("Can't exit fullscreen");
|
|
68
|
+
window.alert("Can't exit fullscreen");
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
71
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenContext.js","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenContext.tsx"],"names":[],"mappings":";;;;AAAA,6BAA6B;AAC7B,iCAQe;AAoBf,MAAM,qBAAqB,GAAG;IAC5B,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,GAAG,EAAE;QACX,QAAQ;IACV,CAAC;CACF,CAAC;AACF,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAc,qBAAqB,CAAC,CAAC;AAE5E,SAAgB,aAAa;IAC3B,OAAO,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC;AAFD,sCAEC;AACD,SAAgB,kBAAkB,CAAC,KAAsB;IACvD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE7E,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,EAChC,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;IACF,OAAO,CACL,uBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtC,uBAAC,eAAe,OAAK,KAAK,GAAI,GACH,CAC9B,CAAC;AACJ,CAAC;AAZD,gDAYC;AACD,SAAS,eAAe,CAAC,KAAsB;IAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACjD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,kBAAkB;YACzB,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAwB,CAAC;YACjD,MAAM,KAAK,GAAG,OAAO,CACnB,QAAQ,CAAC,iBAAiB,IAAI,QAAQ,CAAC,uBAAuB,CAC/D,CAAC;YACF,IAAI,CAAC,KAAK,IAAI,YAAY;gBAAE,MAAM,EAAE,CAAC;QACvC,CAAC;QACD,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;QACxB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAC7D,GAAG,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;YAChE,GAAG,CAAC,mBAAmB,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;gBAClC,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;oBACzC,KAAK,CAAC,6BAA6B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FullscreenContext.js","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ItemRenderer } from '@blueprintjs/select';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
3
|
type FilterType<SourceType, Type> = Pick<SourceType, {
|
|
4
4
|
[K in keyof SourceType]: SourceType[K] extends Type ? K : never;
|
|
5
5
|
}[keyof SourceType]>;
|
|
6
|
-
interface
|
|
7
|
-
|
|
6
|
+
interface ItemOptions<T> {
|
|
7
|
+
renderItem?: (item: T) => ReactNode;
|
|
8
8
|
defaultSelectedItem?: T;
|
|
9
9
|
}
|
|
10
|
-
interface
|
|
10
|
+
interface BaseOptions<T> extends ItemOptions<T> {
|
|
11
|
+
itemTextKey: keyof FilterType<T, string>;
|
|
12
|
+
}
|
|
13
|
+
interface RenderOptions<T> extends ItemOptions<T> {
|
|
11
14
|
getItemText: (item: T) => string;
|
|
12
|
-
defaultSelectedItem?: T;
|
|
13
15
|
}
|
|
14
16
|
type SelectOptions<T> = BaseOptions<T> | RenderOptions<T>;
|
|
15
17
|
export declare function useSelect<T>(options: SelectOptions<T>): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5C,KAAK,UAAU,CAAC,UAAU,EAAE,IAAI,IAAI,IAAI,CACtC,UAAU,EACV;KACG,CAAC,IAAI,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,GAAG,KAAK;CAChE,CAAC,MAAM,UAAU,CAAC,CACpB,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACzB;AAED,UAAU,WAAW,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;CAC1C;AAED,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IAC/C,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CAClC;AAED,KAAK,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAsB1D,wBAAgB,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;;;;;;yBAOjC,WAAW;;;;;;;2BAWA,MAAM,QAAQ,CAAC;+BAKX,MAAM,SAAS,CAAC,EAAE;EAiBrD"}
|
|
@@ -64,7 +64,9 @@ function getItemRenderer(value, options) {
|
|
|
64
64
|
const selectedLabel = getLabel(value, options);
|
|
65
65
|
const render = (item, { handleClick, handleFocus, modifiers, index }) => {
|
|
66
66
|
const label = getLabel(item, options);
|
|
67
|
-
|
|
67
|
+
const { renderItem } = options;
|
|
68
|
+
const { active, disabled } = modifiers;
|
|
69
|
+
return ((0, jsx_runtime_1.jsx)(core_1.MenuItem, { active: active, disabled: disabled, selected: selectedLabel === label, onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: renderItem?.(item) || label }, index));
|
|
68
70
|
};
|
|
69
71
|
return render;
|
|
70
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelect.js","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":";;;;AAAA,4CAA6C;AAE7C,
|
|
1
|
+
{"version":3,"file":"useSelect.js","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAkC,MAAM,OAAO,CAAC;AAKtE,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;CAChE;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;
|
|
1
|
+
{"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAkC,MAAM,OAAO,CAAC;AAKtE,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;CAChE;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAqDD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAqJ9C"}
|
|
@@ -1,27 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
26
|
exports.InfoPanel = void 0;
|
|
4
27
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
28
|
/** @jsxImportSource @emotion/react */
|
|
6
29
|
const core_1 = require("@blueprintjs/core");
|
|
7
30
|
const react_1 = require("@emotion/react");
|
|
8
|
-
const
|
|
9
|
-
const
|
|
31
|
+
const Collapsible = __importStar(require("@radix-ui/react-collapsible"));
|
|
32
|
+
const react_2 = require("react");
|
|
10
33
|
const index_1 = require("../index");
|
|
11
34
|
const Table_1 = require("../table/Table");
|
|
12
35
|
const style = {
|
|
36
|
+
content: (0, react_1.css)({
|
|
37
|
+
overflow: 'hidden',
|
|
38
|
+
"&[data-state='open']": {
|
|
39
|
+
animation: 'slideDown 300ms ease-out',
|
|
40
|
+
},
|
|
41
|
+
'&[data-state="closed"]': {
|
|
42
|
+
animation: 'slideUp 300ms ease-out',
|
|
43
|
+
},
|
|
44
|
+
'@keyframes slideDown': {
|
|
45
|
+
from: {
|
|
46
|
+
height: 0,
|
|
47
|
+
},
|
|
48
|
+
to: { height: 'var(--radix-collapsible-content-height)' },
|
|
49
|
+
},
|
|
50
|
+
'@keyframes slideUp': {
|
|
51
|
+
from: {
|
|
52
|
+
height: 'var(--radix-collapsible-content-height)',
|
|
53
|
+
},
|
|
54
|
+
to: { height: 0 },
|
|
55
|
+
},
|
|
56
|
+
}),
|
|
13
57
|
container: (0, react_1.css)({
|
|
14
|
-
padding: '5px',
|
|
58
|
+
padding: '5px 0 0 0',
|
|
59
|
+
height: '100%',
|
|
60
|
+
display: 'flex',
|
|
61
|
+
flexDirection: 'column',
|
|
15
62
|
}),
|
|
16
|
-
chevron: (
|
|
17
|
-
rotate: open ? '90deg' : '0deg',
|
|
63
|
+
chevron: (0, react_1.css)({
|
|
18
64
|
transition: 'all 0.3s ease-in-out',
|
|
19
65
|
}),
|
|
20
66
|
button: (0, react_1.css)({
|
|
67
|
+
zIndex: 10,
|
|
68
|
+
position: 'sticky',
|
|
69
|
+
height: 30,
|
|
70
|
+
top: 0,
|
|
71
|
+
"&[data-state='open'] > span": {
|
|
72
|
+
rotate: '90deg',
|
|
73
|
+
},
|
|
74
|
+
cursor: 'pointer',
|
|
21
75
|
borderBottom: '1px solid #f5f5f5',
|
|
76
|
+
backgroundColor: 'white',
|
|
22
77
|
display: 'flex',
|
|
23
78
|
alignItems: 'center',
|
|
24
|
-
gap: 5,
|
|
25
79
|
padding: '5px 2px',
|
|
26
80
|
width: '100%',
|
|
27
81
|
':hover': {
|
|
@@ -30,9 +84,9 @@ const style = {
|
|
|
30
84
|
}),
|
|
31
85
|
};
|
|
32
86
|
function InfoPanel(props) {
|
|
33
|
-
const [search, setSearch] = (0,
|
|
87
|
+
const [search, setSearch] = (0, react_2.useState)('');
|
|
34
88
|
const { title = 'Information', data = [], titleStyle, inputStyle } = props;
|
|
35
|
-
const viewData = (0,
|
|
89
|
+
const viewData = (0, react_2.useCallback)((data) => {
|
|
36
90
|
const exactMatch = [];
|
|
37
91
|
const startsWith = [];
|
|
38
92
|
const includes = [];
|
|
@@ -59,7 +113,7 @@ function InfoPanel(props) {
|
|
|
59
113
|
}
|
|
60
114
|
return [...exactMatch, ...startsWith, ...includes, ...valueContains];
|
|
61
115
|
}, [search]);
|
|
62
|
-
const { filteredData, total, count } = (0,
|
|
116
|
+
const { filteredData, total, count } = (0, react_2.useMemo)(() => {
|
|
63
117
|
const filteredData = [];
|
|
64
118
|
let total = 0;
|
|
65
119
|
let count = 0;
|
|
@@ -73,10 +127,12 @@ function InfoPanel(props) {
|
|
|
73
127
|
}
|
|
74
128
|
return { filteredData, total, count };
|
|
75
129
|
}, [data, viewData]);
|
|
76
|
-
return ((0, jsx_runtime_1.jsxs)("div", { css: style.container, children: [(0, jsx_runtime_1.jsx)("div", { style:
|
|
77
|
-
|
|
130
|
+
return ((0, jsx_runtime_1.jsxs)("div", { css: style.container, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
131
|
+
padding: '0 5px',
|
|
132
|
+
...titleStyle,
|
|
133
|
+
}, children: title }), (0, jsx_runtime_1.jsxs)("div", { tabIndex: 0, css: (0, react_1.css)({
|
|
134
|
+
padding: '0 5px',
|
|
78
135
|
marginTop: '5px',
|
|
79
|
-
position: 'sticky',
|
|
80
136
|
backgroundColor: 'white',
|
|
81
137
|
top: '5px',
|
|
82
138
|
display: 'flex',
|
|
@@ -85,22 +141,24 @@ function InfoPanel(props) {
|
|
|
85
141
|
width: '100%',
|
|
86
142
|
}), children: [(0, jsx_runtime_1.jsx)(core_1.InputGroup, { css: (0, react_1.css)({
|
|
87
143
|
flexGrow: 1,
|
|
88
|
-
}), placeholder: "
|
|
144
|
+
}), placeholder: "Search for a parameter", value: search, onChange: ({ target }) => {
|
|
89
145
|
if (target.value !== undefined) {
|
|
90
146
|
setSearch(target.value);
|
|
91
147
|
}
|
|
92
148
|
}, style: inputStyle, leftIcon: "search", type: "search", fill: true }), "[", count, "/", total, "]"] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
149
|
+
position: 'relative',
|
|
93
150
|
marginTop: '5px',
|
|
94
151
|
display: 'flex',
|
|
95
152
|
flexDirection: 'column',
|
|
96
|
-
|
|
153
|
+
overflowY: 'auto',
|
|
154
|
+
flex: 1,
|
|
97
155
|
}, children: filteredData.map(({ description, data }) => {
|
|
98
|
-
return ((0, jsx_runtime_1.
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
156
|
+
return ((0, jsx_runtime_1.jsxs)(Collapsible.Root, { className: "CollapsibleRoot", defaultOpen: true, children: [(0, jsx_runtime_1.jsx)(Collapsible.Trigger, { asChild: true, css: style.button, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(core_1.Icon, { icon: "chevron-right", css: style.chevron }), description] }) }), (0, jsx_runtime_1.jsx)(Collapsible.Content, { css: style.content, children: (0, jsx_runtime_1.jsxs)(Table_1.Table, { striped: true, css: (0, react_1.css)({
|
|
157
|
+
width: '100%',
|
|
158
|
+
}), compact: true, children: [(0, jsx_runtime_1.jsxs)(Table_1.Table.Header, { children: [(0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Header, { value: "Parameter" }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Header, { value: "Value" })] }), data.map(([key, value]) => ((0, jsx_runtime_1.jsxs)(Table_1.Table.Row, { style: {
|
|
159
|
+
height: '10px',
|
|
160
|
+
padding: '0 !imporant',
|
|
161
|
+
}, children: [(0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: key }), valueCell(value)] }, key)))] }) })] }, description));
|
|
104
162
|
}) })] }));
|
|
105
163
|
}
|
|
106
164
|
exports.InfoPanel = InfoPanel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,8 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
|
10
10
|
export declare function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
11
|
export declare namespace Table {
|
|
12
12
|
var Row: ({ children, style, bordered, ...other }: import("./TableRow").TableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
var Header: ({ children, bordered, style }: TableProps
|
|
13
|
+
var Header: ({ children, bordered, style, sticky, }: TableProps & {
|
|
14
|
+
sticky?: boolean | undefined;
|
|
15
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
}
|
|
15
17
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import type { TableProps } from './Table';
|
|
2
|
-
export declare const TableHeader: ({ children, bordered, style }: TableProps
|
|
2
|
+
export declare const TableHeader: ({ children, bordered, style, sticky, }: TableProps & {
|
|
3
|
+
sticky?: boolean;
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
3
5
|
//# sourceMappingURL=TableHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,WAAW,2CAKrB,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,4CAQnC,CAAC"}
|
|
@@ -3,8 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.TableHeader = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const TableRow_1 = require("./TableRow");
|
|
6
|
-
const
|
|
7
|
-
|
|
6
|
+
const headerStyle = {
|
|
7
|
+
position: 'sticky',
|
|
8
|
+
top: 0,
|
|
9
|
+
zIndex: 10,
|
|
10
|
+
backgroundColor: 'white',
|
|
11
|
+
};
|
|
12
|
+
const TableHeader = ({ children, bordered, style, sticky, }) => {
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { bordered: bordered, style: style, children: children }) }));
|
|
8
14
|
};
|
|
9
15
|
exports.TableHeader = TableHeader;
|
|
10
16
|
//# sourceMappingURL=TableHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";;;;AACA,yCAAsC;
|
|
1
|
+
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";;;;AACA,yCAAsC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,kCAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,uBAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,WAAW,eAatB"}
|
|
@@ -5,7 +5,7 @@ type BlueprintProps = {
|
|
|
5
5
|
[key in keyof BlueprintButtonProps & keyof BlueprintAnchorButtonProps]?: BlueprintButtonProps[key] & BlueprintAnchorButtonProps[key];
|
|
6
6
|
};
|
|
7
7
|
export type ButtonProps = BlueprintProps & {
|
|
8
|
-
tooltipProps?: Omit<TooltipProps, 'children'
|
|
8
|
+
tooltipProps?: Partial<Omit<TooltipProps, 'children'>>;
|
|
9
9
|
tag?: ReactNode;
|
|
10
10
|
tagProps?: Omit<TagProps, 'children'>;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAEL,iBAAiB,IAAI,0BAA0B,EAE/C,WAAW,IAAI,oBAAoB,EAEnC,QAAQ,EAER,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,cAAc,GAAG;KACnB,GAAG,IAAI,MAAM,oBAAoB,GAChC,MAAM,0BAA0B,CAAC,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC7D,0BAA0B,CAAC,GAAG,CAAC;CAClC,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAEL,iBAAiB,IAAI,0BAA0B,EAE/C,WAAW,IAAI,oBAAoB,EAEnC,QAAQ,EAER,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,cAAc,GAAG;KACnB,GAAG,IAAI,MAAM,oBAAoB,GAChC,MAAM,0BAA0B,CAAC,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC7D,0BAA0B,CAAC,GAAG,CAAC;CAClC,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;CACvC,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAgDxC"}
|
|
@@ -3,11 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
|
3
3
|
import { AnchorButton as BlueprintAnchorButton, Button as BlueprintButton, Tag, Tooltip, } from '@blueprintjs/core';
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
export function Button(props) {
|
|
6
|
-
const { tooltipProps, children, tag, tagProps, ...buttonProps } = props;
|
|
6
|
+
const { tooltipProps = {}, children, tag, tagProps, ...buttonProps } = props;
|
|
7
|
+
const { fill, content = '', disabled = !tooltipProps.content, ...otherToolTipProps } = tooltipProps;
|
|
7
8
|
const InnerButton = buttonProps.disabled
|
|
8
9
|
? BlueprintAnchorButton
|
|
9
10
|
: BlueprintButton;
|
|
10
|
-
return (_jsx(Tooltip, { fill:
|
|
11
|
+
return (_jsx(Tooltip, { fill: fill || buttonProps.fill, disabled: disabled, content: content, ...otherToolTipProps, renderTarget: ({ isOpen, ...targetProps }) => (_jsxs("div", { style: { position: 'relative' }, children: [tag && (_jsx(Tag, { css: css `
|
|
11
12
|
position: absolute;
|
|
12
13
|
top: 0;
|
|
13
14
|
left: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EACL,YAAY,IAAI,qBAAqB,EAErC,MAAM,IAAI,eAAe,EAEzB,GAAG,EAEH,OAAO,GAER,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAcrC,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EACL,YAAY,IAAI,qBAAqB,EAErC,MAAM,IAAI,eAAe,EAEzB,GAAG,EAEH,OAAO,GAER,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAcrC,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,EACJ,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,CAAC,YAAY,CAAC,OAAO,EAChC,GAAG,iBAAiB,EACrB,GAAG,YAAY,CAAC;IACjB,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ;QACtC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,eAAe,CAAC;IACpB,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,IAAI,WAAW,CAAC,IAAI,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,KACZ,iBAAiB,EACrB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAC5C,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aACjC,GAAG,IAAI,CACN,KAAC,GAAG,IACF,GAAG,EAAE,GAAG,CAAA;;;;;;;;;;;;eAYP,EACD,KAAK,QACL,MAAM,EAAC,SAAS,KACZ,QAAQ,YAEX,GAAG,GACA,CACP,EACD,KAAC,WAAW,OAAK,WAAW,KAAM,WAAW,EAAE,KAAK,EAAE,EAAE,YACrD,QAAQ,GACG,IACV,CACP,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -11,5 +11,5 @@ export interface GradientSelectProps {
|
|
|
11
11
|
value: GradientScaleName;
|
|
12
12
|
onChange: (value: GradientScaleName) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function GradientSelect(props: GradientSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function GradientSelect(props: GradientSelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
15
|
//# sourceMappingURL=GradientSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;AAKrD,eAAO,MAAM,mBAAmB;;;;;;CAM/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AA0BjE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAiFxD"}
|