@deephaven/components 0.33.1-beta.0 → 0.33.1-beta.4
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/css/BaseStyleSheet.css +8 -1
- package/css/BaseStyleSheet.css.map +1 -1
- package/dist/modal/InfoModal.css +24 -0
- package/dist/modal/InfoModal.css.map +1 -0
- package/dist/modal/InfoModal.d.ts +13 -0
- package/dist/modal/InfoModal.d.ts.map +1 -0
- package/dist/modal/InfoModal.js +30 -0
- package/dist/modal/InfoModal.js.map +1 -0
- package/dist/modal/index.d.ts +1 -0
- package/dist/modal/index.d.ts.map +1 -1
- package/dist/modal/index.js +1 -0
- package/dist/modal/index.js.map +1 -1
- package/package.json +8 -8
- package/scss/BaseStyleSheet.scss +10 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* stylelint-disable scss/at-import-no-partial-leading-underscore */
|
|
2
|
+
.info-modal {
|
|
3
|
+
text-align: center;
|
|
4
|
+
padding-bottom: 18px;
|
|
5
|
+
}
|
|
6
|
+
.info-modal .message-icon {
|
|
7
|
+
font-size: 120px;
|
|
8
|
+
text-align: center;
|
|
9
|
+
line-height: 1;
|
|
10
|
+
}
|
|
11
|
+
.info-modal .message-icon .svg-inline--fa {
|
|
12
|
+
font-size: inherit;
|
|
13
|
+
}
|
|
14
|
+
.info-modal .message-header {
|
|
15
|
+
font-size: 24px;
|
|
16
|
+
}
|
|
17
|
+
.info-modal .message-header .svg-inline--fa {
|
|
18
|
+
font-size: inherit;
|
|
19
|
+
}
|
|
20
|
+
.info-modal .message-content {
|
|
21
|
+
font-style: italic;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/*# sourceMappingURL=InfoModal.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../src/modal/InfoModal.scss"],"names":[],"mappings":"AAAA;ACMA;EACE;EACA,gBAJ0B;;AAK1B;EACE,WARwB;EASxB;EACA;;AACA;EACE;;AAGJ;EACE,WAfwB;;AAgBxB;EACE;;AAGJ;EACE","file":"InfoModal.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '../../scss/custom.scss';\n\n$info-modal-icon-font-size: 120px;\n$info-modal-message-header: 24px;\n$info-modal-padding-bottom: 18px;\n\n.info-modal {\n text-align: center;\n padding-bottom: $info-modal-padding-bottom;\n .message-icon {\n font-size: $info-modal-icon-font-size;\n text-align: center;\n line-height: 1;\n .svg-inline--fa {\n font-size: inherit;\n }\n }\n .message-header {\n font-size: $info-modal-message-header;\n .svg-inline--fa {\n font-size: inherit;\n }\n }\n .message-content {\n font-style: italic;\n }\n}\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
3
|
+
import './InfoModal.scss';
|
|
4
|
+
type InfoModalProps = {
|
|
5
|
+
className?: string;
|
|
6
|
+
icon?: IconProp;
|
|
7
|
+
title: React.ReactNode;
|
|
8
|
+
subtitle?: React.ReactNode;
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
};
|
|
11
|
+
declare function InfoModal({ className, icon, isOpen, subtitle, title, }: InfoModalProps): JSX.Element;
|
|
12
|
+
export default InfoModal;
|
|
13
|
+
//# sourceMappingURL=InfoModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoModal.d.ts","sourceRoot":"","sources":["../../src/modal/InfoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,OAAO,kBAAkB,CAAC;AAE1B,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,GACN,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAkB9B;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
3
|
+
import Modal from "./Modal.js";
|
|
4
|
+
import ModalBody from "./ModalBody.js";
|
|
5
|
+
import "./InfoModal.css";
|
|
6
|
+
function InfoModal(_ref) {
|
|
7
|
+
var {
|
|
8
|
+
className,
|
|
9
|
+
icon,
|
|
10
|
+
isOpen,
|
|
11
|
+
subtitle,
|
|
12
|
+
title
|
|
13
|
+
} = _ref;
|
|
14
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
15
|
+
isOpen: isOpen,
|
|
16
|
+
className: className
|
|
17
|
+
}, /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
|
|
18
|
+
className: "info-modal"
|
|
19
|
+
}, icon != null && /*#__PURE__*/React.createElement("div", {
|
|
20
|
+
className: "message-icon"
|
|
21
|
+
}, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
|
|
22
|
+
icon: icon
|
|
23
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
24
|
+
className: "message-header"
|
|
25
|
+
}, title), subtitle != null && /*#__PURE__*/React.createElement("div", {
|
|
26
|
+
className: "message-content"
|
|
27
|
+
}, subtitle))));
|
|
28
|
+
}
|
|
29
|
+
export default InfoModal;
|
|
30
|
+
//# sourceMappingURL=InfoModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoModal.js","names":["React","FontAwesomeIcon","Modal","ModalBody","InfoModal","className","icon","isOpen","subtitle","title"],"sources":["../../src/modal/InfoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport Modal from './Modal';\nimport ModalBody from './ModalBody';\nimport './InfoModal.scss';\n\ntype InfoModalProps = {\n className?: string;\n icon?: IconProp;\n title: React.ReactNode;\n subtitle?: React.ReactNode;\n isOpen: boolean;\n};\n\nfunction InfoModal({\n className,\n icon,\n isOpen,\n subtitle,\n title,\n}: InfoModalProps): JSX.Element {\n return (\n <Modal isOpen={isOpen} className={className}>\n <ModalBody>\n <div className=\"info-modal\">\n {icon != null && (\n <div className=\"message-icon\">\n <FontAwesomeIcon icon={icon} />\n </div>\n )}\n <div className=\"message-header\">{title}</div>\n {subtitle != null && (\n <div className=\"message-content\">{subtitle}</div>\n )}\n </div>\n </ModalBody>\n </Modal>\n );\n}\n\nexport default InfoModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAAC,OAE1DC,KAAK;AAAA,OACLC,SAAS;AAAA;AAWhB,SAASC,SAAS,OAMc;EAAA,IANb;IACjBC,SAAS;IACTC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC;EACc,CAAC;EACf,oBACE,oBAAC,KAAK;IAAC,MAAM,EAAEF,MAAO;IAAC,SAAS,EAAEF;EAAU,gBAC1C,oBAAC,SAAS,qBACR;IAAK,SAAS,EAAC;EAAY,GACxBC,IAAI,IAAI,IAAI,iBACX;IAAK,SAAS,EAAC;EAAc,gBAC3B,oBAAC,eAAe;IAAC,IAAI,EAAEA;EAAK,EAAG,CAElC,eACD;IAAK,SAAS,EAAC;EAAgB,GAAEG,KAAK,CAAO,EAC5CD,QAAQ,IAAI,IAAI,iBACf;IAAK,SAAS,EAAC;EAAiB,GAAEA,QAAQ,CAC3C,CACG,CACI,CACN;AAEZ;AAEA,eAAeJ,SAAS"}
|
package/dist/modal/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/modal/index.js
CHANGED
package/dist/modal/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Modal","ModalBody","ModalHeader","ModalFooter"],"sources":["../../src/modal/index.ts"],"sourcesContent":["export { default as Modal } from './Modal';\nexport { default as ModalBody } from './ModalBody';\nexport { default as ModalHeader } from './ModalHeader';\nexport { default as ModalFooter } from './ModalFooter';\n"],"mappings":"SAASA,OAAO,IAAIC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","InfoModal","Modal","ModalBody","ModalHeader","ModalFooter"],"sources":["../../src/modal/index.ts"],"sourcesContent":["export { default as InfoModal } from './InfoModal';\nexport { default as Modal } from './Modal';\nexport { default as ModalBody } from './ModalBody';\nexport { default as ModalHeader } from './ModalHeader';\nexport { default as ModalFooter } from './ModalFooter';\n"],"mappings":"SAASA,OAAO,IAAIC,SAAS;AAAA,SACpBD,OAAO,IAAIE,KAAK;AAAA,SAChBF,OAAO,IAAIG,SAAS;AAAA,SACpBH,OAAO,IAAII,WAAW;AAAA,SACtBJ,OAAO,IAAIK,WAAW"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/components",
|
|
3
|
-
"version": "0.33.1-beta.
|
|
3
|
+
"version": "0.33.1-beta.4+f1f3abff",
|
|
4
4
|
"description": "Deephaven React component library",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
"build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist ./scss/BaseStyleSheet.scss:./css/BaseStyleSheet.css"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@deephaven/icons": "^0.33.1-beta.
|
|
27
|
-
"@deephaven/log": "^0.33.1-beta.
|
|
28
|
-
"@deephaven/react-hooks": "^0.33.1-beta.
|
|
29
|
-
"@deephaven/utils": "^0.33.1-beta.
|
|
26
|
+
"@deephaven/icons": "^0.33.1-beta.4+f1f3abff",
|
|
27
|
+
"@deephaven/log": "^0.33.1-beta.4+f1f3abff",
|
|
28
|
+
"@deephaven/react-hooks": "^0.33.1-beta.4+f1f3abff",
|
|
29
|
+
"@deephaven/utils": "^0.33.1-beta.4+f1f3abff",
|
|
30
30
|
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
|
31
31
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
32
32
|
"bootstrap": "4.6.2",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"react-dom": "^17.x"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@deephaven/mocks": "^0.33.1-beta.
|
|
53
|
-
"@deephaven/tsconfig": "^0.33.1-beta.
|
|
52
|
+
"@deephaven/mocks": "^0.33.1-beta.4+f1f3abff",
|
|
53
|
+
"@deephaven/tsconfig": "^0.33.1-beta.4+f1f3abff"
|
|
54
54
|
},
|
|
55
55
|
"files": [
|
|
56
56
|
"dist",
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"publishConfig": {
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "f1f3abffc9df4178477714f06dcc57d40d6942a9"
|
|
67
67
|
}
|
package/scss/BaseStyleSheet.scss
CHANGED
|
@@ -677,10 +677,19 @@ input[type='number']::-webkit-inner-spin-button {
|
|
|
677
677
|
|
|
678
678
|
.monaco-editor {
|
|
679
679
|
// Hide the "Loading..." and "No suggestions" message in the suggest widget in monaco to make it feel faster
|
|
680
|
-
.editor-widget.suggest-widget.message
|
|
680
|
+
.editor-widget.suggest-widget.message,
|
|
681
|
+
.parameter-hints-widget.message {
|
|
681
682
|
display: none;
|
|
682
683
|
}
|
|
683
684
|
|
|
685
|
+
.monaco-hover hr {
|
|
686
|
+
margin-bottom: 4px !important; // Monaco sets this to -4 which causes items below a dividing line to collide w/ the line
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
.parameter-hints-widget {
|
|
690
|
+
z-index: 30 !important; // Need to make above golden-layout, but below completion item widget at z=40
|
|
691
|
+
}
|
|
692
|
+
|
|
684
693
|
.find-widget {
|
|
685
694
|
&.visible {
|
|
686
695
|
// For some reason the height of this is set improperly in 0.18.1
|