@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.
@@ -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"}
@@ -1,3 +1,4 @@
1
+ export { default as InfoModal } from './InfoModal';
1
2
  export { default as Modal } from './Modal';
2
3
  export { default as ModalBody } from './ModalBody';
3
4
  export { default as ModalHeader } from './ModalHeader';
@@ -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"}
@@ -1,3 +1,4 @@
1
+ export { default as InfoModal } from "./InfoModal.js";
1
2
  export { default as Modal } from "./Modal.js";
2
3
  export { default as ModalBody } from "./ModalBody.js";
3
4
  export { default as ModalHeader } from "./ModalHeader.js";
@@ -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,KAAK;AAAA,SAChBD,OAAO,IAAIE,SAAS;AAAA,SACpBF,OAAO,IAAIG,WAAW;AAAA,SACtBH,OAAO,IAAII,WAAW"}
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.0+778346cf",
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.0+778346cf",
27
- "@deephaven/log": "^0.33.1-beta.0+778346cf",
28
- "@deephaven/react-hooks": "^0.33.1-beta.0+778346cf",
29
- "@deephaven/utils": "^0.33.1-beta.0+778346cf",
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.0+778346cf",
53
- "@deephaven/tsconfig": "^0.33.1-beta.0+778346cf"
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": "778346cf8a96f20e04dbad0f6cab75d5fad4b541"
66
+ "gitHead": "f1f3abffc9df4178477714f06dcc57d40d6942a9"
67
67
  }
@@ -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