@finos/legend-lego 2.0.151 → 2.0.152
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/index.css +2 -2
- package/lib/index.css.map +1 -1
- package/lib/sql-playground/SQLPlaygroundEditor.d.ts +26 -0
- package/lib/sql-playground/SQLPlaygroundEditor.d.ts.map +1 -0
- package/lib/sql-playground/SQLPlaygroundEditor.js +122 -0
- package/lib/sql-playground/SQLPlaygroundEditor.js.map +1 -0
- package/lib/sql-playground/SQLPlaygroundGrid.d.ts +24 -0
- package/lib/sql-playground/SQLPlaygroundGrid.d.ts.map +1 -0
- package/lib/sql-playground/SQLPlaygroundGrid.js +143 -0
- package/lib/sql-playground/SQLPlaygroundGrid.js.map +1 -0
- package/lib/sql-playground/SQLPlaygroundPanel.d.ts +20 -0
- package/lib/sql-playground/SQLPlaygroundPanel.d.ts.map +1 -0
- package/lib/sql-playground/SQLPlaygroundPanel.js +39 -0
- package/lib/sql-playground/SQLPlaygroundPanel.js.map +1 -0
- package/lib/sql-playground/index.d.ts +20 -0
- package/lib/sql-playground/index.d.ts.map +1 -0
- package/lib/sql-playground/index.js +20 -0
- package/lib/sql-playground/index.js.map +1 -0
- package/lib/sql-playground/store/AbstractSQLPlaygroundState.d.ts +47 -0
- package/lib/sql-playground/store/AbstractSQLPlaygroundState.d.ts.map +1 -0
- package/lib/sql-playground/store/AbstractSQLPlaygroundState.js +122 -0
- package/lib/sql-playground/store/AbstractSQLPlaygroundState.js.map +1 -0
- package/package.json +6 -5
- package/src/sql-playground/SQLPlaygroundEditor.tsx +197 -0
- package/src/sql-playground/SQLPlaygroundGrid.tsx +245 -0
- package/src/sql-playground/SQLPlaygroundPanel.tsx +150 -0
- package/src/sql-playground/index.ts +20 -0
- package/src/sql-playground/store/AbstractSQLPlaygroundState.ts +152 -0
- package/tsconfig.json +6 -1
package/lib/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license @finos/legend-lego v2.0.
|
|
1
|
+
/** @license @finos/legend-lego v2.0.152
|
|
2
2
|
* Copyright (c) 2020-present, Goldman Sachs
|
|
3
3
|
*
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
@@ -14,4 +14,4 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
|
-
@import"ag-grid-community/styles/ag-grid.css";@import"ag-grid-community/styles/ag-theme-balham.css";.fuzzy-search__advanced-config__panel{width:100%;background:var(--color-dark-grey-250)}.fuzzy-search__advanced-config__panel__header__label{display:flex;align-items:center;font-weight:500;color:var(--color-light-grey-50);background:var(--color-dark-grey-300);padding:0 1rem;line-height:2rem;font-size:1.2rem;cursor:default;user-select:none}.tab-manager{display:flex;flex:1;overflow:hidden;height:100%}.tab-manager__content{width:calc(100% - 2.8rem);display:flex;overflow-x:auto}.tab-manager__tab{display:flex;align-items:center;cursor:pointer;color:var(--color-light-grey-400);background:var(--color-dark-grey-80);border-right:.1rem solid var(--color-dark-grey-50)}.tab-manager__tab--active{color:var(--color-light-grey-100);background:var(--color-dark-grey-50)}.tab-manager__tab--dragged{filter:opacity(0.7)}.tab-manager__tab__content{display:flex;align-items:center;height:100%;width:100%}.tab-manager__tab__label{height:100%;color:inherit;padding:0 .5rem 0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-manager__tab__close-btn{display:flex;align-items:center;justify-content:center;visibility:hidden;height:2rem;width:2rem;border-radius:.2rem;margin-right:.4rem}.tab-manager__tab__close-btn svg{color:var(--color-light-grey-200);font-size:1.2rem}.tab-manager__tab__close-btn:hover{background:var(--color-dark-grey-200)}.tab-manager__tab__pin-btn{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:.2rem;margin-right:.4rem}.tab-manager__tab__pin-btn svg{color:var(--color-dark-grey-500);font-size:1.4rem}.tab-manager__tab__pin-btn:hover{background:var(--color-dark-grey-200)}.tab-manager__tab--active .tab-manager__tab__close-btn,.tab-manager__tab:hover .tab-manager__tab__close-btn{visibility:visible}.tab-manager__tab--active .tab-manager__tab__close-btn svg,.tab-manager__tab:hover .tab-manager__tab__close-btn svg{color:var(--color-light-grey-100)}.tab-manager__tab__dnd__placeholder{text-align:left;margin:0;padding:0 .5rem;background:var(--color-dark-grey-100)}.tab-manager__menu{min-width:15rem;max-width:30rem;height:100%;padding:0}.tab-manager__menu__toggler{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;color:var(--color-light-grey-400);border-left:.1rem solid var(--color-dark-grey-50);height:100%;width:2.8rem}.tab-manager__menu__item{justify-content:space-between}.tab-manager__menu__item--active,.tab-manager__menu__item:not([disabled]):hover{background:var(--color-dark-grey-250)}.tab-manager__menu__item__label{text-align:left;white-space:nowrap;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis}.tab-manager__menu__item__close-btn{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;padding:.4rem;margin-left:.6rem}.tab-manager__menu__item__close-btn svg{width:1.2rem;height:1.2rem}.activity-bar__item .activity-bar__item__experimental-badge{display:flex;align-items:center;justify-content:center;position:absolute;top:.6rem;right:.6rem;height:1.6rem;width:1.6rem;border-radius:50%;background:var(--color-mauve-50);border:.1rem solid var(--color-dark-grey-280)}.activity-bar__item .activity-bar__item__experimental-badge svg{font-size:1.2rem;color:var(--color-dark-grey-280)}.undo-redo__button{display:flex;align-items:center;color:var(--color-light-blue-50);margin:0 .5rem;flex-direction:column}.undo-redo__button svg{font-size:1.1rem}.undo-redo__button__label{font-size:1.2rem;font-weight:700;display:inline-block;line-height:1}.undo-redo__button[disabled]{color:var(--color-dark-grey-500)}.documentation-link{display:inline-flex;align-self:center;color:var(--color-dark-grey-500);cursor:pointer}.documentation-link--inline{margin-left:.5rem}.documentation-link:hover{color:var(--color-light-grey-400)}.documentation-preview{display:flex;background:var(--color-dark-grey-85);border:.1rem solid var(--color-dark-grey-280);border-radius:.2rem}.documentation-preview__text{padding:1rem;width:calc(100% - 3rem);color:var(--color-light-grey-400);line-height:2rem}.documentation-preview__hint{display:flex;justify-content:center;padding:1rem 0;width:3rem}.monaco-editor *{font-size:1.4rem}.monaco-editor em{font-style:italic}.monaco-editor strong{font-weight:bold}.monaco-editor--small-font *{font-size:1.2rem}.code-editor{height:100%;width:100%}.code-editor__content{height:100%;width:100%;position:relative;background:var(--color-dark-grey-50)}.code-editor__header{display:flex;align-items:center;justify-content:right;width:100%;height:2.8rem;background:var(--color-dark-grey-50);border-bottom:.1rem solid var(--color-dark-grey-80);border-radius:.2rem .2rem 0 0}.code-editor__header__action{display:flex;align-items:center;justify-content:center;color:var(--color-dark-grey-400);height:2.8rem;width:2.8rem}.code-editor__header__action:hover{color:var(--color-dark-grey-500)}.code-editor__header__action--active,.code-editor__header__action--active:hover{color:var(--color-light-grey-300)}.code-editor__header__action svg{font-size:1.6rem}.code-editor__body{height:100%;width:100%;position:absolute;top:0;left:0;overflow:hidden}.code-editor__content--padding{border-radius:.2rem}.code-editor__content--padding .code-editor__body{border-radius:.2rem}.code-editor__content--with__header{height:calc(100% - 2.8rem)}.code-editor__content--with__header .code-editor__body{border-radius:0 0 .2rem .2rem}.packageable-element-option-label{display:flex;align-items:center}.packageable-element-option-label__tag{display:flex;align-items:center;color:var(--color-dark-grey-500);background:var(--color-light-grey-50);border:.1rem solid var(--color-light-grey-180);margin-left:1rem;border-radius:.2rem;font-size:1rem;padding:0 .5rem;height:1.6rem;font-weight:500}.packageable-element-option-label__name{display:flex;align-items:center;height:1.8rem}.packageable-element-option-label__type{margin:-1rem .8rem -1rem -1.2rem;height:3.2rem;padding-left:.5rem;background:rgba(0,0,0,0)}.packageable-element-option-label__type--system{background:var(--color-system)}.packageable-element-option-label__type--generated{background:var(--color-generated)}.packageable-element-option-label__type--dependency{background:var(--color-dependency)}.packageable-element-option-label--dark{display:flex;align-items:center;display:flex}.packageable-element-option-label--dark__tag{display:flex;align-items:center;color:var(--color-dark-grey-250);background:var(--color-dark-grey-400);margin-left:1rem;border-radius:.2rem;font-size:1rem;padding:0 .5rem;height:1.6rem;font-weight:500}.packageable-element-option-label--dark__name{display:flex;align-items:center;height:1.8rem}.models-documentation__viewer__wiki{display:flex;flex-direction:column;width:100%}.models-documentation__viewer__wiki__section{flex-direction:column}.models-documentation__viewer__wiki__section__header{display:flex;align-items:center;justify-content:space-between;height:3rem;border-bottom:.2rem solid var(--color-blue-100);margin-bottom:2rem;margin-top:4rem;user-select:none;color:var(--color-blue-100)}.models-documentation__viewer__wiki__section__header__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left;font-size:2.4rem;text-transform:uppercase;font-weight:500}.models-documentation__viewer__wiki__section__header__anchor{display:flex;align-items:center;display:none;margin-left:.5rem;cursor:pointer}.models-documentation__viewer__wiki__section__header__anchor svg{color:var(--color-dark-grey-300)}.models-documentation__viewer__wiki__section__header__anchor:hover svg{color:var(--color-dark-grey-400)}.models-documentation__viewer__wiki__section__header:hover .models-documentation__viewer__wiki__section__header__anchor{display:inline-flex}.models-documentation__viewer__wiki__section__header__documentation{color:var(--color-blue-100)}.models-documentation__viewer__wiki__section__content{margin-bottom:3rem}.models-documentation__viewer__wiki__placeholder{display:flex;align-items:center;justify-content:center;justify-content:flex-start;width:100%;border-radius:.2rem;color:var(--color-dark-grey-300);user-select:none;height:auto;background:rgba(0,0,0,0);font-style:italic}.models-documentation__header{display:flex;align-items:center;width:100%;justify-content:space-between;height:3.8rem}.models-documentation__content{display:flex;flex-direction:row;height:50rem}.models-documentation__viewer__grid--empty{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;font-weight:500;border-radius:.5rem;background:var(--color-dark-grey-50);color:var(--color-dark-grey-300)}.models-documentation__viewer__grid__empty-cell{font-size:1.2rem;color:var(--color-dark-grey-280)}.models-documentation__viewer__grid__header-cell{display:flex;align-items:center;width:100%}.models-documentation__viewer__grid__header-cell__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left}.models-documentation__viewer__grid__last-column-header{--ag-header-column-separator-display: none}.models-documentation__viewer__grid.ag-theme-balham-dark{--ag-font-family: "Roboto";--ag-border-color: var(--color-dark-grey-200);--ag-background-color: var(--color-dark-grey-50);--ag-foreground-color: var(--color-light-grey-200);--ag-header-background-color: var(--color-dark-grey-100);--ag-header-foreground-color: var(--color-light-grey-50);--ag-balham-active-color: var(--color-blue-200);--ag-odd-row-background-color: var(--color-dark-grey-50);--ag-even-row-background-color: var(--color-dark-grey-50);--ag-row-hover-color: var(--color-dark-blue-shade-100);--ag-row-border-color: var(--color-dark-grey-200)}.models-documentation__viewer__grid .ag-header-cell-text{font-weight:700}.models-documentation__viewer__grid .ag-cell-value{word-break:normal;overflow-wrap:anywhere}.models-documentation__viewer__grid .ag-center-cols-viewport{background:repeating-linear-gradient(135deg, var(--color-dark-grey-50), var(--color-dark-grey-50) 0.5rem, var(--color-dark-grey-80) 0.5rem, var(--color-dark-grey-80) 1rem)}.models-documentation__viewer__grid ::-webkit-scrollbar-track-piece{background:rgba(0,0,0,0)}.models-documentation__grid{width:100%}.models-documentation__grid--shrink{width:calc(100% - 25rem)}.models-documentation__grid ::-webkit-scrollbar{width:.6rem;height:.6rem}.models-documentation__grid ::-webkit-scrollbar-thumb{border:.2rem solid rgba(0,0,0,0);background-clip:content-box;border-radius:.3rem}.models-documentation__grid__cell{display:flex;align-items:center;width:100%;justify-content:space-between}.models-documentation__grid__cell__label{display:flex;align-items:center;width:calc(100% - 4rem)}.models-documentation__grid__cell__label__icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;height:1.8rem;width:1.8rem;border-radius:.2rem;background:var(--color-dark-grey-100);color:var(--color-light-grey-200);font-size:1.2rem;font-family:"Roboto Mono",monospace;font-weight:900;margin-right:.5rem}.models-documentation__grid__cell__label__icon--class{background:var(--color-purple-400)}.models-documentation__grid__cell__label__icon--enumeration{background:var(--color-pink-300)}.models-documentation__grid__cell__label__icon--association{background:var(--color-green-200)}.models-documentation__grid__cell__label__icon--property{background:var(--color-blue-180)}.models-documentation__grid__cell__label__icon--enum{background:var(--color-orange-150)}.models-documentation__grid__cell__label__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left}.models-documentation__grid__cell__label__derived-property-badge{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;font-family:"Roboto Mono",monospace;margin-left:.5rem;padding:0 .2rem;height:2rem;border-radius:.2rem;background:var(--color-dark-grey-100);color:var(--color-blue-100)}.models-documentation__grid__cell__label__milestoning-badge{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:2rem;margin-right:1rem}.models-documentation__grid__cell__label__milestoning-badge svg{color:var(--color-blue-150);font-size:1.2rem}.models-documentation__grid__cell__actions{display:flex;align-items:center;width:4rem}.models-documentation__grid__cell__action{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;color:var(--color-dark-grey-350);width:2rem;height:2rem}.models-documentation__grid__cell__action:hover{color:var(--color-light-grey-400)}.models-documentation__grid__cell__action__info{font-size:1.2rem}.models-documentation__grid__element-row{background:var(--color-yellow-200);color:var(--color-dark-grey-100);--ag-row-hover-color: var(--color-yellow-100)}.models-documentation__grid__element-row .models-documentation__grid__cell__action{color:var(--color-dark-shade-300)}.models-documentation__grid__element-row .models-documentation__grid__cell__action:hover{color:var(--color-dark-shade-800)}.models-documentation__filter__toggler{display:flex;align-items:center;flex-grow:0;flex-shrink:0;height:2.8rem;border:.1rem solid var(--color-dark-grey-280);color:var(--color-dark-grey-350);margin-right:.5rem}.models-documentation__filter__toggler:hover{color:var(--color-light-grey-50)}.models-documentation__filter__toggler__icon{display:flex;align-items:center;justify-content:center;border-left:.1rem solid var(--color-dark-grey-280);width:2.8rem;height:2.8rem}.models-documentation__filter__toggler svg{font-size:1.2rem}.models-documentation__filter__panel{display:flex;flex-direction:column;width:25rem;margin-right:.5rem;border-radius:.2rem;border:.1rem solid var(--color-dark-grey-200);color:var(--color-light-grey-200)}.models-documentation__filter__group{display:flex;flex-direction:column}.models-documentation__filter__group+.models-documentation__filter__group{border-top:.1rem solid var(--color-dark-grey-200)}.models-documentation__filter__group--by-type{height:13rem}.models-documentation__filter__group--by-package{height:calc(100% - 16.2rem)}.models-documentation__filter__group__header{display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:space-between;height:3.2rem;padding:0 1rem;user-select:none}.models-documentation__filter__group__header__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left;font-weight:500;color:var(--color-dark-grey-350)}.models-documentation__filter__group__header__actions{display:flex;align-items:center}.models-documentation__filter__group__header__reset{font-family:"Roboto Mono",monospace;font-size:1.1rem;color:var(--color-blue-150);margin-left:.5rem}.models-documentation__filter__group__header__reset:hover{color:var(--color-blue-100)}.models-documentation__filter__group__header__reset[disabled],.models-documentation__filter__group__header__reset[disabled]:hover{color:var(--color-dark-grey-350)}.models-documentation__filter__group__content{padding:.5rem;padding-top:0;overflow-y:auto}.models-documentation__filter__tree{height:100%;width:100%;display:flex;flex-direction:column}.models-documentation__filter__tree__node__container{display:flex;width:100%;height:2.2rem}.models-documentation__filter__tree__node__container:hover{background:var(--color-dark-blue-shade-100)}.models-documentation__filter__tree__node__content{display:flex;align-items:center;height:100%;width:calc(100% - 3.3rem)}.models-documentation__filter__tree__node__type-icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;height:1.4rem;width:1.4rem;border-radius:.2rem;color:var(--color-light-grey-200);font-size:1rem;font-family:"Roboto Mono",monospace;font-weight:700;user-select:none;margin-left:.5rem}.models-documentation__filter__tree__node__type-icon--class{background:var(--color-purple-400)}.models-documentation__filter__tree__node__type-icon--enumeration{background:var(--color-pink-300)}.models-documentation__filter__tree__node__type-icon--association{background:var(--color-green-200)}.models-documentation__filter__tree__node__type-icon--package{color:var(--color-dark-grey-400)}.models-documentation__filter__tree__node__checker{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:1.4rem;height:100%}.models-documentation__filter__tree__node__checker svg{color:var(--color-dark-grey-500);font-size:1.2rem}.models-documentation__filter__tree__node__checker:hover svg{color:var(--color-light-grey-300)}.models-documentation__filter__tree__node__expand-icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:1.4rem;height:100%}.models-documentation__filter__tree__node__expand-icon svg{color:var(--color-light-grey-400);font-size:1.2rem}.models-documentation__filter__tree__node__label{font-size:1.2rem;color:var(--color-dark-grey-350);user-select:none;margin-left:.5rem}.models-documentation__filter__tree__node__count{display:flex;align-items:center;justify-content:center;font-family:"Roboto Mono",monospace;margin-left:.5rem;height:1.4rem;background:var(--color-light-grey-400);color:var(--color-dark-grey-400);padding:0 .3rem;border-radius:.2rem;font-size:.8rem;font-weight:700}.models-documentation__search{position:relative}.models-documentation__search__input{font-size:1.3rem;height:2.8rem;padding-right:5.6rem;padding-left:1rem;width:25rem;border-radius:.2rem;border:.1rem solid var(--color-dark-grey-200)}.models-documentation__search__input__search__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:.3rem;height:2.8rem;width:2.8rem}.models-documentation__search__input__search__icon svg{color:var(--color-light-shade-100)}.models-documentation__search__input__clear-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:.3rem;height:2.8rem;width:2.8rem}.models-documentation__search__input__clear-btn svg{color:var(--color-dark-grey-400)}.models-documentation__search__input__clear-btn:hover svg{color:var(--color-dark-grey-500)}.models-documentation__search__input__config__trigger{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:3.1rem;height:2.8rem;width:1.8rem;cursor:pointer}.models-documentation__search__input__config__trigger svg{color:var(--color-dark-grey-400)}.models-documentation__search__input__config__trigger--toggled svg,.models-documentation__search__input__config__trigger:hover svg{color:var(--color-dark-grey-500)}.models-documentation__search__input__config__trigger--active svg,.models-documentation__search__input__config__trigger--active:hover svg{color:var(--color-blue-150)}.models-documentation__tooltip{border-radius:.2rem !important;background:var(--color-dark-grey-200) !important;opacity:.9 !important;transition:none;max-height:30rem;overflow:auto;margin-top:.5rem !important}.models-documentation__tooltip--right{margin:0 .5rem !important}.models-documentation__tooltip__content{padding:.5rem}.models-documentation__tooltip__item{display:flex;line-height:1.6rem}.models-documentation__tooltip__item__label{font-size:1.3rem;user-select:none;cursor:default;color:var(--color-dark-grey-500)}.models-documentation__tooltip__item__value{font-size:1.3rem;user-select:none;cursor:default;font-weight:500;margin-left:.5rem;max-width:50rem;white-space:pre-line}/*# sourceMappingURL=index.css.map */
|
|
17
|
+
@import"ag-grid-community/styles/ag-grid.css";@import"ag-grid-community/styles/ag-theme-balham.css";.fuzzy-search__advanced-config__panel{width:100%;background:var(--color-dark-grey-250)}.fuzzy-search__advanced-config__panel__header__label{display:flex;align-items:center;font-weight:500;color:var(--color-light-grey-50);background:var(--color-dark-grey-300);padding:0 1rem;line-height:2rem;font-size:1.2rem;cursor:default;user-select:none}.tab-manager{display:flex;flex:1;overflow:hidden;height:100%}.tab-manager__content{width:calc(100% - 2.8rem);display:flex;overflow-x:auto}.tab-manager__tab{display:flex;align-items:center;cursor:pointer;color:var(--color-light-grey-400);background:var(--color-dark-grey-80);border-right:.1rem solid var(--color-dark-grey-50)}.tab-manager__tab--active{color:var(--color-light-grey-100);background:var(--color-dark-grey-50)}.tab-manager__tab--dragged{filter:opacity(0.7)}.tab-manager__tab__content{display:flex;align-items:center;height:100%;width:100%}.tab-manager__tab__label{height:100%;color:inherit;padding:0 .5rem 0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-manager__tab__close-btn{display:flex;align-items:center;justify-content:center;visibility:hidden;height:2rem;width:2rem;border-radius:.2rem;margin-right:.4rem}.tab-manager__tab__close-btn svg{color:var(--color-light-grey-200);font-size:1.2rem}.tab-manager__tab__close-btn:hover{background:var(--color-dark-grey-200)}.tab-manager__tab__pin-btn{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:.2rem;margin-right:.4rem}.tab-manager__tab__pin-btn svg{color:var(--color-dark-grey-500);font-size:1.4rem}.tab-manager__tab__pin-btn:hover{background:var(--color-dark-grey-200)}.tab-manager__tab--active .tab-manager__tab__close-btn,.tab-manager__tab:hover .tab-manager__tab__close-btn{visibility:visible}.tab-manager__tab--active .tab-manager__tab__close-btn svg,.tab-manager__tab:hover .tab-manager__tab__close-btn svg{color:var(--color-light-grey-100)}.tab-manager__tab__dnd__placeholder{text-align:left;margin:0;padding:0 .5rem;background:var(--color-dark-grey-100)}.tab-manager__menu{min-width:15rem;max-width:30rem;height:100%;padding:0}.tab-manager__menu__toggler{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;color:var(--color-light-grey-400);border-left:.1rem solid var(--color-dark-grey-50);height:100%;width:2.8rem}.tab-manager__menu__item{justify-content:space-between}.tab-manager__menu__item--active,.tab-manager__menu__item:not([disabled]):hover{background:var(--color-dark-grey-250)}.tab-manager__menu__item__label{text-align:left;white-space:nowrap;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis}.tab-manager__menu__item__close-btn{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;padding:.4rem;margin-left:.6rem}.tab-manager__menu__item__close-btn svg{width:1.2rem;height:1.2rem}.activity-bar__item .activity-bar__item__experimental-badge{display:flex;align-items:center;justify-content:center;position:absolute;top:.6rem;right:.6rem;height:1.6rem;width:1.6rem;border-radius:50%;background:var(--color-mauve-50);border:.1rem solid var(--color-dark-grey-280)}.activity-bar__item .activity-bar__item__experimental-badge svg{font-size:1.2rem;color:var(--color-dark-grey-280)}.undo-redo__button{display:flex;align-items:center;color:var(--color-light-blue-50);margin:0 .5rem;flex-direction:column}.undo-redo__button svg{font-size:1.1rem}.undo-redo__button__label{font-size:1.2rem;font-weight:700;display:inline-block;line-height:1}.undo-redo__button[disabled]{color:var(--color-dark-grey-500)}.documentation-link{display:inline-flex;align-self:center;color:var(--color-dark-grey-500);cursor:pointer}.documentation-link--inline{margin-left:.5rem}.documentation-link:hover{color:var(--color-light-grey-400)}.documentation-preview{display:flex;background:var(--color-dark-grey-85);border:.1rem solid var(--color-dark-grey-280);border-radius:.2rem}.documentation-preview__text{padding:1rem;width:calc(100% - 3rem);color:var(--color-light-grey-400);line-height:2rem}.documentation-preview__hint{display:flex;justify-content:center;padding:1rem 0;width:3rem}.monaco-editor *{font-size:1.4rem}.monaco-editor em{font-style:italic}.monaco-editor strong{font-weight:bold}.monaco-editor--small-font *{font-size:1.2rem}.code-editor{height:100%;width:100%}.code-editor__content{height:100%;width:100%;position:relative;background:var(--color-dark-grey-50)}.code-editor__header{display:flex;align-items:center;justify-content:right;width:100%;height:2.8rem;background:var(--color-dark-grey-50);border-bottom:.1rem solid var(--color-dark-grey-80);border-radius:.2rem .2rem 0 0}.code-editor__header__action{display:flex;align-items:center;justify-content:center;color:var(--color-dark-grey-400);height:2.8rem;width:2.8rem}.code-editor__header__action:hover{color:var(--color-dark-grey-500)}.code-editor__header__action--active,.code-editor__header__action--active:hover{color:var(--color-light-grey-300)}.code-editor__header__action svg{font-size:1.6rem}.code-editor__body{height:100%;width:100%;position:absolute;top:0;left:0;overflow:hidden}.code-editor__content--padding{border-radius:.2rem}.code-editor__content--padding .code-editor__body{border-radius:.2rem}.code-editor__content--with__header{height:calc(100% - 2.8rem)}.code-editor__content--with__header .code-editor__body{border-radius:0 0 .2rem .2rem}.light-mode .query-builder__result__advanced__mode{display:flex;align-items:center;height:100%;padding:.5rem}.light-mode .query-builder__result__advanced__mode__label{display:flex;align-items:center;justify-content:center;background:var(--color-light-grey-400);padding:0 1rem;height:2.2rem;border-radius:.2rem 0 0 .2rem;font-size:1.2rem;user-select:none}.light-mode .query-builder__result__advanced__mode__toggler__btn{display:flex;align-items:center;background:var(--color-light-grey-400);padding:0 .5rem 0 0;height:2.2rem}.light-mode .query-builder__result__advanced__mode__toggler__btn svg{font-size:2rem;color:var(--color-light-grey-100)}.light-mode .query-builder__result__advanced__mode__toggler__btn[disabled] svg,.light-mode .query-builder__result__advanced__mode__toggler__btn[disabled]:hover svg{cursor:not-allowed;color:var(--color-light-grey-100)}.light-mode .query-builder__result__advanced__mode__toggler__btn--toggled svg{font-size:2rem;color:var(--color-blue-150)}.light-mode .query-builder__result__advanced__mode__toggler__btn--toggled[disabled] svg,.light-mode .query-builder__result__advanced__mode__toggler__btn--toggled[disabled]:hover svg{cursor:not-allowed;color:var(--color-dark-grey-100)}.packageable-element-option-label{display:flex;align-items:center}.packageable-element-option-label__tag{display:flex;align-items:center;color:var(--color-dark-grey-500);background:var(--color-light-grey-50);border:.1rem solid var(--color-light-grey-180);margin-left:1rem;border-radius:.2rem;font-size:1rem;padding:0 .5rem;height:1.6rem;font-weight:500}.packageable-element-option-label__name{display:flex;align-items:center;height:1.8rem}.packageable-element-option-label__type{margin:-1rem .8rem -1rem -1.2rem;height:3.2rem;padding-left:.5rem;background:rgba(0,0,0,0)}.packageable-element-option-label__type--system{background:var(--color-system)}.packageable-element-option-label__type--generated{background:var(--color-generated)}.packageable-element-option-label__type--dependency{background:var(--color-dependency)}.packageable-element-option-label--dark{display:flex;align-items:center;display:flex}.packageable-element-option-label--dark__tag{display:flex;align-items:center;color:var(--color-dark-grey-250);background:var(--color-dark-grey-400);margin-left:1rem;border-radius:.2rem;font-size:1rem;padding:0 .5rem;height:1.6rem;font-weight:500}.packageable-element-option-label--dark__name{display:flex;align-items:center;height:1.8rem}.models-documentation__viewer__wiki{display:flex;flex-direction:column;width:100%}.models-documentation__viewer__wiki__section{flex-direction:column}.models-documentation__viewer__wiki__section__header{display:flex;align-items:center;justify-content:space-between;height:3rem;border-bottom:.2rem solid var(--color-blue-100);margin-bottom:2rem;margin-top:4rem;user-select:none;color:var(--color-blue-100)}.models-documentation__viewer__wiki__section__header__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left;font-size:2.4rem;text-transform:uppercase;font-weight:500}.models-documentation__viewer__wiki__section__header__anchor{display:flex;align-items:center;display:none;margin-left:.5rem;cursor:pointer}.models-documentation__viewer__wiki__section__header__anchor svg{color:var(--color-dark-grey-300)}.models-documentation__viewer__wiki__section__header__anchor:hover svg{color:var(--color-dark-grey-400)}.models-documentation__viewer__wiki__section__header:hover .models-documentation__viewer__wiki__section__header__anchor{display:inline-flex}.models-documentation__viewer__wiki__section__header__documentation{color:var(--color-blue-100)}.models-documentation__viewer__wiki__section__content{margin-bottom:3rem}.models-documentation__viewer__wiki__placeholder{display:flex;align-items:center;justify-content:center;justify-content:flex-start;width:100%;border-radius:.2rem;color:var(--color-dark-grey-300);user-select:none;height:auto;background:rgba(0,0,0,0);font-style:italic}.models-documentation__header{display:flex;align-items:center;width:100%;justify-content:space-between;height:3.8rem}.models-documentation__content{display:flex;flex-direction:row;height:50rem}.models-documentation__viewer__grid--empty{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;font-weight:500;border-radius:.5rem;background:var(--color-dark-grey-50);color:var(--color-dark-grey-300)}.models-documentation__viewer__grid__empty-cell{font-size:1.2rem;color:var(--color-dark-grey-280)}.models-documentation__viewer__grid__header-cell{display:flex;align-items:center;width:100%}.models-documentation__viewer__grid__header-cell__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left}.models-documentation__viewer__grid__last-column-header{--ag-header-column-separator-display: none}.models-documentation__viewer__grid.ag-theme-balham-dark{--ag-font-family: "Roboto";--ag-border-color: var(--color-dark-grey-200);--ag-background-color: var(--color-dark-grey-50);--ag-foreground-color: var(--color-light-grey-200);--ag-header-background-color: var(--color-dark-grey-100);--ag-header-foreground-color: var(--color-light-grey-50);--ag-balham-active-color: var(--color-blue-200);--ag-odd-row-background-color: var(--color-dark-grey-50);--ag-even-row-background-color: var(--color-dark-grey-50);--ag-row-hover-color: var(--color-dark-blue-shade-100);--ag-row-border-color: var(--color-dark-grey-200)}.models-documentation__viewer__grid .ag-header-cell-text{font-weight:700}.models-documentation__viewer__grid .ag-cell-value{word-break:normal;overflow-wrap:anywhere}.models-documentation__viewer__grid .ag-center-cols-viewport{background:repeating-linear-gradient(135deg, var(--color-dark-grey-50), var(--color-dark-grey-50) 0.5rem, var(--color-dark-grey-80) 0.5rem, var(--color-dark-grey-80) 1rem)}.models-documentation__viewer__grid ::-webkit-scrollbar-track-piece{background:rgba(0,0,0,0)}.models-documentation__grid{width:100%}.models-documentation__grid--shrink{width:calc(100% - 25rem)}.models-documentation__grid ::-webkit-scrollbar{width:.6rem;height:.6rem}.models-documentation__grid ::-webkit-scrollbar-thumb{border:.2rem solid rgba(0,0,0,0);background-clip:content-box;border-radius:.3rem}.models-documentation__grid__cell{display:flex;align-items:center;width:100%;justify-content:space-between}.models-documentation__grid__cell__label{display:flex;align-items:center;width:calc(100% - 4rem)}.models-documentation__grid__cell__label__icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;height:1.8rem;width:1.8rem;border-radius:.2rem;background:var(--color-dark-grey-100);color:var(--color-light-grey-200);font-size:1.2rem;font-family:"Roboto Mono",monospace;font-weight:900;margin-right:.5rem}.models-documentation__grid__cell__label__icon--class{background:var(--color-purple-400)}.models-documentation__grid__cell__label__icon--enumeration{background:var(--color-pink-300)}.models-documentation__grid__cell__label__icon--association{background:var(--color-green-200)}.models-documentation__grid__cell__label__icon--property{background:var(--color-blue-180)}.models-documentation__grid__cell__label__icon--enum{background:var(--color-orange-150)}.models-documentation__grid__cell__label__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left}.models-documentation__grid__cell__label__derived-property-badge{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;font-family:"Roboto Mono",monospace;margin-left:.5rem;padding:0 .2rem;height:2rem;border-radius:.2rem;background:var(--color-dark-grey-100);color:var(--color-blue-100)}.models-documentation__grid__cell__label__milestoning-badge{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:2rem;margin-right:1rem}.models-documentation__grid__cell__label__milestoning-badge svg{color:var(--color-blue-150);font-size:1.2rem}.models-documentation__grid__cell__actions{display:flex;align-items:center;width:4rem}.models-documentation__grid__cell__action{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;color:var(--color-dark-grey-350);width:2rem;height:2rem}.models-documentation__grid__cell__action:hover{color:var(--color-light-grey-400)}.models-documentation__grid__cell__action__info{font-size:1.2rem}.models-documentation__grid__element-row{background:var(--color-yellow-200);color:var(--color-dark-grey-100);--ag-row-hover-color: var(--color-yellow-100)}.models-documentation__grid__element-row .models-documentation__grid__cell__action{color:var(--color-dark-shade-300)}.models-documentation__grid__element-row .models-documentation__grid__cell__action:hover{color:var(--color-dark-shade-800)}.models-documentation__filter__toggler{display:flex;align-items:center;flex-grow:0;flex-shrink:0;height:2.8rem;border:.1rem solid var(--color-dark-grey-280);color:var(--color-dark-grey-350);margin-right:.5rem}.models-documentation__filter__toggler:hover{color:var(--color-light-grey-50)}.models-documentation__filter__toggler__icon{display:flex;align-items:center;justify-content:center;border-left:.1rem solid var(--color-dark-grey-280);width:2.8rem;height:2.8rem}.models-documentation__filter__toggler svg{font-size:1.2rem}.models-documentation__filter__panel{display:flex;flex-direction:column;width:25rem;margin-right:.5rem;border-radius:.2rem;border:.1rem solid var(--color-dark-grey-200);color:var(--color-light-grey-200)}.models-documentation__filter__group{display:flex;flex-direction:column}.models-documentation__filter__group+.models-documentation__filter__group{border-top:.1rem solid var(--color-dark-grey-200)}.models-documentation__filter__group--by-type{height:13rem}.models-documentation__filter__group--by-package{height:calc(100% - 16.2rem)}.models-documentation__filter__group__header{display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:space-between;height:3.2rem;padding:0 1rem;user-select:none}.models-documentation__filter__group__header__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:normal;overflow-wrap:anywhere;text-align:left;font-weight:500;color:var(--color-dark-grey-350)}.models-documentation__filter__group__header__actions{display:flex;align-items:center}.models-documentation__filter__group__header__reset{font-family:"Roboto Mono",monospace;font-size:1.1rem;color:var(--color-blue-150);margin-left:.5rem}.models-documentation__filter__group__header__reset:hover{color:var(--color-blue-100)}.models-documentation__filter__group__header__reset[disabled],.models-documentation__filter__group__header__reset[disabled]:hover{color:var(--color-dark-grey-350)}.models-documentation__filter__group__content{padding:.5rem;padding-top:0;overflow-y:auto}.models-documentation__filter__tree{height:100%;width:100%;display:flex;flex-direction:column}.models-documentation__filter__tree__node__container{display:flex;width:100%;height:2.2rem}.models-documentation__filter__tree__node__container:hover{background:var(--color-dark-blue-shade-100)}.models-documentation__filter__tree__node__content{display:flex;align-items:center;height:100%;width:calc(100% - 3.3rem)}.models-documentation__filter__tree__node__type-icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;height:1.4rem;width:1.4rem;border-radius:.2rem;color:var(--color-light-grey-200);font-size:1rem;font-family:"Roboto Mono",monospace;font-weight:700;user-select:none;margin-left:.5rem}.models-documentation__filter__tree__node__type-icon--class{background:var(--color-purple-400)}.models-documentation__filter__tree__node__type-icon--enumeration{background:var(--color-pink-300)}.models-documentation__filter__tree__node__type-icon--association{background:var(--color-green-200)}.models-documentation__filter__tree__node__type-icon--package{color:var(--color-dark-grey-400)}.models-documentation__filter__tree__node__checker{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:1.4rem;height:100%}.models-documentation__filter__tree__node__checker svg{color:var(--color-dark-grey-500);font-size:1.2rem}.models-documentation__filter__tree__node__checker:hover svg{color:var(--color-light-grey-300)}.models-documentation__filter__tree__node__expand-icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:1.4rem;height:100%}.models-documentation__filter__tree__node__expand-icon svg{color:var(--color-light-grey-400);font-size:1.2rem}.models-documentation__filter__tree__node__label{font-size:1.2rem;color:var(--color-dark-grey-350);user-select:none;margin-left:.5rem}.models-documentation__filter__tree__node__count{display:flex;align-items:center;justify-content:center;font-family:"Roboto Mono",monospace;margin-left:.5rem;height:1.4rem;background:var(--color-light-grey-400);color:var(--color-dark-grey-400);padding:0 .3rem;border-radius:.2rem;font-size:.8rem;font-weight:700}.models-documentation__search{position:relative}.models-documentation__search__input{font-size:1.3rem;height:2.8rem;padding-right:5.6rem;padding-left:1rem;width:25rem;border-radius:.2rem;border:.1rem solid var(--color-dark-grey-200)}.models-documentation__search__input__search__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:.3rem;height:2.8rem;width:2.8rem}.models-documentation__search__input__search__icon svg{color:var(--color-light-shade-100)}.models-documentation__search__input__clear-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:.3rem;height:2.8rem;width:2.8rem}.models-documentation__search__input__clear-btn svg{color:var(--color-dark-grey-400)}.models-documentation__search__input__clear-btn:hover svg{color:var(--color-dark-grey-500)}.models-documentation__search__input__config__trigger{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:3.1rem;height:2.8rem;width:1.8rem;cursor:pointer}.models-documentation__search__input__config__trigger svg{color:var(--color-dark-grey-400)}.models-documentation__search__input__config__trigger--toggled svg,.models-documentation__search__input__config__trigger:hover svg{color:var(--color-dark-grey-500)}.models-documentation__search__input__config__trigger--active svg,.models-documentation__search__input__config__trigger--active:hover svg{color:var(--color-blue-150)}.models-documentation__tooltip{border-radius:.2rem !important;background:var(--color-dark-grey-200) !important;opacity:.9 !important;transition:none;max-height:30rem;overflow:auto;margin-top:.5rem !important}.models-documentation__tooltip--right{margin:0 .5rem !important}.models-documentation__tooltip__content{padding:.5rem}.models-documentation__tooltip__item{display:flex;line-height:1.6rem}.models-documentation__tooltip__item__label{font-size:1.3rem;user-select:none;cursor:default;color:var(--color-dark-grey-500)}.models-documentation__tooltip__item__value{font-size:1.3rem;user-select:none;cursor:default;font-weight:500;margin-left:.5rem;max-width:50rem;white-space:pre-line}/*# sourceMappingURL=index.css.map */
|
package/lib/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../style/_data-grid.scss","../style/application/_fuzzy-search.scss","../../../node_modules/@finos/legend-art/scss/_mixins.scss","../style/application/_tab-manager.scss","../style/application/_activity-bar.scss","../style/application/_undo-redo-button.scss","../style/application/_documentation-link.scss","../style/reset/_monaco-editor.scss","../style/_code-editor.scss","../style/graph-editor/_packageable-element-option-label.scss","../style/model-documentation/_model-documentation-viewer.scss"],"names":[],"mappings":"AAgBQ,8CACA,sDCCR,sCACE,WACA,sCAEA,qDCQA,aACA,mBDNE,gBACA,iCACA,sCACA,eACA,iBACA,iBACA,eACA,iBEdJ,aACE,aACA,OACA,gBACA,YAEA,sBACE,0BACA,aACA,gBAGF,+BDCA,mBCEE,eACA,kCACA,qCACA,mDAEA,0BACE,kCACA,qCAGF,2BACE,oBAGF,2BDjBF,aACA,mBCmBI,YACA,WAGF,yBACE,YACA,cACA,uBACA,mBACA,gBACA,uBAGF,6BDvCF,aACA,mBACA,uBCwCI,kBACA,YACA,WACA,oBACA,mBAEA,iCACE,kCACA,iBAGF,mCACE,sCAIJ,2BD1DF,aACA,mBACA,uBC2DI,YACA,WACA,oBACA,mBAEA,+BACE,iCACA,iBAGF,iCACE,sCAIJ,4GAEE,mBAEA,oHACE,kCAIJ,oCACE,gBACA,SACA,gBACA,sCAIJ,mBACE,gBACA,gBACA,YACA,UAEA,4BDnGF,aACA,mBACA,uBA4BA,YACA,cCwEI,kCACA,kDACA,YACA,aAGF,yBACE,8BAEA,gFAEE,sCAIJ,gCACE,gBACA,mBACA,iBACA,gBACA,uBAGF,oCD9HF,aACA,mBACA,uBA4BA,YACA,cCmGI,cACA,kBAEA,wCACE,aACA,cC5IN,4DFKA,aACA,mBACA,uBEJE,kBACA,UACA,YACA,cACA,aACA,kBACA,iCACA,8CAEA,gEACE,iBACA,iCCdJ,mBHWA,aACA,mBGTE,iCACA,eACA,sBAEA,uBACE,iBAGF,0BACE,iBACA,gBACA,qBACA,cAIJ,6BACE,iCCrBJ,oBACE,oBACA,kBACA,iCACA,eAEA,4BACE,kBAIJ,0BACE,kCAGF,uBACE,aACA,qCACA,8CACA,oBAEA,6BACE,aACA,wBACA,kCACA,iBAGF,6BJXA,aACA,uBIaE,eACA,WClCJ,iBACE,iBAGF,kBACE,kBAGF,sBACE,iBAGF,6BACE,iBCZF,aACE,YACA,WAEA,sBACE,YACA,WACA,kBACA,qCAGF,qBNEA,aACA,yCMCE,WACA,cACA,qCACA,oDACA,8BAGF,6BNfA,aACA,mBACA,uBMgBE,iCACA,cACA,aAEA,mCACE,iCAGF,gFAEE,kCAGF,iCACE,iBAIJ,mBACE,YACA,WACA,kBACA,MACA,OACA,gBAGF,+BACE,oBAGF,kDACE,oBAGF,oCACE,2BAGF,uDACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../style/_data-grid.scss","../style/application/_fuzzy-search.scss","../../../node_modules/@finos/legend-art/scss/_mixins.scss","../style/application/_tab-manager.scss","../style/application/_activity-bar.scss","../style/application/_undo-redo-button.scss","../style/application/_documentation-link.scss","../style/reset/_monaco-editor.scss","../style/_code-editor.scss","../style/graph-editor/_packageable-element-option-label.scss","../style/model-documentation/_model-documentation-viewer.scss"],"names":[],"mappings":"AAgBQ,8CACA,sDCCR,sCACE,WACA,sCAEA,qDCQA,aACA,mBDNE,gBACA,iCACA,sCACA,eACA,iBACA,iBACA,eACA,iBEdJ,aACE,aACA,OACA,gBACA,YAEA,sBACE,0BACA,aACA,gBAGF,+BDCA,mBCEE,eACA,kCACA,qCACA,mDAEA,0BACE,kCACA,qCAGF,2BACE,oBAGF,2BDjBF,aACA,mBCmBI,YACA,WAGF,yBACE,YACA,cACA,uBACA,mBACA,gBACA,uBAGF,6BDvCF,aACA,mBACA,uBCwCI,kBACA,YACA,WACA,oBACA,mBAEA,iCACE,kCACA,iBAGF,mCACE,sCAIJ,2BD1DF,aACA,mBACA,uBC2DI,YACA,WACA,oBACA,mBAEA,+BACE,iCACA,iBAGF,iCACE,sCAIJ,4GAEE,mBAEA,oHACE,kCAIJ,oCACE,gBACA,SACA,gBACA,sCAIJ,mBACE,gBACA,gBACA,YACA,UAEA,4BDnGF,aACA,mBACA,uBA4BA,YACA,cCwEI,kCACA,kDACA,YACA,aAGF,yBACE,8BAEA,gFAEE,sCAIJ,gCACE,gBACA,mBACA,iBACA,gBACA,uBAGF,oCD9HF,aACA,mBACA,uBA4BA,YACA,cCmGI,cACA,kBAEA,wCACE,aACA,cC5IN,4DFKA,aACA,mBACA,uBEJE,kBACA,UACA,YACA,cACA,aACA,kBACA,iCACA,8CAEA,gEACE,iBACA,iCCdJ,mBHWA,aACA,mBGTE,iCACA,eACA,sBAEA,uBACE,iBAGF,0BACE,iBACA,gBACA,qBACA,cAIJ,6BACE,iCCrBJ,oBACE,oBACA,kBACA,iCACA,eAEA,4BACE,kBAIJ,0BACE,kCAGF,uBACE,aACA,qCACA,8CACA,oBAEA,6BACE,aACA,wBACA,kCACA,iBAGF,6BJXA,aACA,uBIaE,eACA,WClCJ,iBACE,iBAGF,kBACE,kBAGF,sBACE,iBAGF,6BACE,iBCZF,aACE,YACA,WAEA,sBACE,YACA,WACA,kBACA,qCAGF,qBNEA,aACA,yCMCE,WACA,cACA,qCACA,oDACA,8BAGF,6BNfA,aACA,mBACA,uBMgBE,iCACA,cACA,aAEA,mCACE,iCAGF,gFAEE,kCAGF,iCACE,iBAIJ,mBACE,YACA,WACA,kBACA,MACA,OACA,gBAGF,+BACE,oBAGF,kDACE,oBAGF,oCACE,2BAGF,uDACE,8BAMA,mDN1DF,aACA,mBM4DI,YACA,cAEA,0DNtEJ,aACA,mBACA,uBMuEM,uCACA,eACA,cACA,8BACA,iBACA,iBAGF,iEN3EJ,aACA,mBM6EM,uCACA,oBACA,cAEA,qEACE,eACA,kCAGF,oKAEE,mBACA,kCAKF,8EACE,eACA,4BAGF,sLAEE,mBACA,iCCnHV,kCPYE,aACA,mBOVA,uCPSA,aACA,mBOPE,iCACA,sCACA,+CACA,iBACA,oBACA,eACA,gBACA,cACA,gBAGF,wCPLA,aACA,mBOOE,cAIJ,wCACE,iCACA,cACA,mBACA,yBAEA,gDACE,+BAGF,mDACE,kCAGF,oDACE,mCAIJ,wCP/BE,aACA,mBOiCA,aAEA,6CPpCA,aACA,mBOsCE,iCACA,sCACA,iBACA,oBACA,eACA,gBACA,cACA,gBAGF,8CPjDA,aACA,mBOmDE,cCjEJ,oCACE,aACA,sBACA,WAEA,6CACE,sBAEA,qDRKF,aACA,mBQHI,8BACA,YACA,gDACA,mBACA,gBACA,iBACA,4BAEA,4DRIJ,mBACA,uBACA,gBACA,kBACA,uBACA,gBQNM,iBACA,yBACA,gBAGF,6DRdJ,aACA,mBQgBM,aACA,kBACA,eAEA,iEACE,iCAGF,uEACE,iCAIJ,wHACE,oBAGF,oEACE,4BAIJ,sDACE,mBAIJ,iDRlDA,aACA,mBACA,uBQmDE,2BACA,WACA,oBACA,iCACA,iBACA,YACA,yBACA,kBAKF,8BR3DA,aACA,mBQ6DE,WACA,8BACA,cAGF,+BACE,aACA,mBACA,aAKF,2CRjFA,aACA,mBACA,uBQkFE,oBACA,gBACA,oBACA,qCACA,iCAGF,gDACE,iBACA,iCAGF,iDR1FA,aACA,mBQ4FE,WAEA,wDRrFF,mBACA,uBACA,gBACA,kBACA,uBACA,gBQqFA,wDACE,2CAKF,yDACE,2BAIA,8CACA,iDACA,mDACA,yDACA,yDACA,gDACA,yDACA,0DACA,uDACA,kDAGF,yDACE,gBAGF,mDACE,kBACA,uBAGF,6DAGE,4KASF,oEACE,yBAIJ,4BACE,WAEA,oCACE,yBAGF,gDACE,YACA,aAGF,sDACE,iCACA,4BACA,oBAGF,kCRvKA,aACA,mBQyKE,WACA,8BAEA,yCR7KF,aACA,mBQ+KI,wBAGF,+CRzLF,aACA,mBACA,uBA4BA,YACA,cQ8JI,cACA,aACA,oBACA,sCACA,kCACA,iBACA,oCACA,gBACA,mBAEA,sDACE,mCAGF,4DACE,iCAGF,4DACE,kCAGF,yDACE,iCAGF,qDACE,mCAIJ,+CR5MF,mBACA,uBACA,gBACA,kBACA,uBACA,gBQ2ME,iERhOF,aACA,mBACA,uBQiOI,iBACA,gBACA,oCACA,kBACA,gBACA,YACA,oBACA,sCACA,4BAGF,4DR9OF,aACA,mBACA,uBA4BA,YACA,cQmNI,WACA,kBAEA,gEACE,4BACA,iBAIJ,2CRrPF,aACA,mBQuPI,WAGF,0CRjQF,aACA,mBACA,uBA4BA,YACA,cQsOI,iCACA,WACA,YAEA,gDACE,kCAIJ,gDACE,iBAIJ,yCACE,mCACA,iCAEA,8CAIA,mFACE,kCAEA,yFACE,kCAON,uCRhSA,aACA,mBAuBA,YACA,cQ2QE,cACA,8CACA,iCACA,mBAEA,6CACE,iCAGF,6CRnTF,aACA,mBACA,uBQoTI,mDACA,aACA,cAGF,2CACE,iBAIJ,qCACE,aACA,sBACA,YACA,mBACA,oBACA,8CACA,kCAGF,qCACE,aACA,sBAGF,0EACE,kDAGF,8CACE,aAGF,iDACE,4BAGF,6CRrVA,aACA,mBAuBA,YACA,cQgUE,8BACA,cACA,eACA,iBAGF,oDRrVA,mBACA,uBACA,gBACA,kBACA,uBACA,gBQmVE,gBACA,iCAGF,sDRtWA,aACA,mBQyWA,oDACE,oCACA,iBACA,4BACA,kBAEA,0DACE,4BAGF,kIAEE,iCAIJ,8CACE,cACA,cACA,gBAIJ,oCACE,YACA,WACA,aACA,sBAEA,qDACE,aACA,WACA,cAEA,2DACE,4CAIJ,mDRjZA,aACA,mBQmZE,YACA,0BAGF,qDR9ZA,aACA,mBACA,uBA4BA,YACA,cQmYE,cACA,aACA,oBACA,kCACA,eACA,oCACA,gBACA,iBACA,kBAEA,4DACE,mCAGF,kEACE,iCAGF,kEACE,kCAGF,8DACE,iCAIJ,mDR7bA,aACA,mBACA,uBA4BA,YACA,cQkaE,aACA,YAEA,uDACE,iCACA,iBAGF,6DACE,kCAIJ,uDR9cA,aACA,mBACA,uBA4BA,YACA,cQmbE,aACA,YAEA,2DACE,kCACA,iBAIJ,iDACE,iBACA,iCACA,iBACA,kBAGF,iDRleA,aACA,mBACA,uBQmeE,oCACA,kBACA,cACA,uCACA,iCACA,gBACA,oBACA,gBACA,gBAIJ,8BACE,kBAEA,qCACE,iBACA,cACA,qBACA,kBACA,YACA,oBACA,8CAEA,mDR7fF,aACA,mBACA,uBQ8fI,kBACA,MACA,YACA,cACA,aAEA,uDACE,mCAIJ,gDR3gBF,aACA,mBACA,uBQ4gBI,kBACA,MACA,YACA,cACA,aAEA,oDACE,iCAGF,0DACE,iCAIJ,sDR7hBF,aACA,mBACA,uBQ8hBI,kBACA,MACA,aACA,cACA,aACA,eAEA,0DACE,iCAGF,mIAEE,iCAGF,0IAEE,4BAMR,+BACE,+BACA,iDACA,sBACA,gBAEA,iBACA,cACA,4BAEA,sCACE,0BAGF,wCACE,cAGF,qCACE,aACA,mBAGF,4CACE,iBACA,iBACA,eACA,iCAGF,4CACE,iBACA,iBACA,eACA,gBACA,kBAEA,gBACA","file":"index.css"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
import type { AbstractSQLPlaygroundState } from './store/AbstractSQLPlaygroundState.js';
|
|
17
|
+
export interface SQLPlaygroundPanelProps {
|
|
18
|
+
playgroundState: AbstractSQLPlaygroundState;
|
|
19
|
+
advancedMode: boolean;
|
|
20
|
+
disableDragDrop?: boolean;
|
|
21
|
+
enableDarkMode?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export declare const PlaygroundSQLCodeEditor: ((props: SQLPlaygroundPanelProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
24
|
+
displayName: string;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=SQLPlaygroundEditor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SQLPlaygroundEditor.d.ts","sourceRoot":"","sources":["../../src/sql-playground/SQLPlaygroundEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAkBH,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAExF,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,0BAA0B,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAgBD,eAAO,MAAM,uBAAuB,WAC1B,uBAAuB;;CA4IhC,CAAC"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
import { observer } from 'mobx-react-lite';
|
|
18
|
+
import { PanelDropZone } from '@finos/legend-art';
|
|
19
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
20
|
+
import { useCommands } from '@finos/legend-application';
|
|
21
|
+
import { CODE_EDITOR_LANGUAGE, CODE_EDITOR_THEME, getBaseCodeEditorOptions, } from '@finos/legend-code-editor';
|
|
22
|
+
import { editor as monacoEditorAPI, languages as monacoLanguagesAPI, } from 'monaco-editor';
|
|
23
|
+
import { useDrop } from 'react-dnd';
|
|
24
|
+
import { isString } from '@finos/legend-shared';
|
|
25
|
+
const toCompletionItems = (labels) => labels.map((label) => ({
|
|
26
|
+
label,
|
|
27
|
+
kind: monacoLanguagesAPI.CompletionItemKind.Keyword,
|
|
28
|
+
insertTextRules: monacoLanguagesAPI.CompletionItemInsertTextRule.InsertAsSnippet,
|
|
29
|
+
insertText: `${label} `,
|
|
30
|
+
}));
|
|
31
|
+
export const PlaygroundSQLCodeEditor = observer((props) => {
|
|
32
|
+
const { playgroundState, disableDragDrop = false, enableDarkMode = false, } = props;
|
|
33
|
+
const codeEditorRef = useRef(null);
|
|
34
|
+
const sqlIdentifierSuggestionProviderDisposer = useRef(undefined);
|
|
35
|
+
const [editor, setEditor] = useState();
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
if (!editor && codeEditorRef.current) {
|
|
38
|
+
const element = codeEditorRef.current;
|
|
39
|
+
playgroundState.setTheme(enableDarkMode ? 'dark' : 'light');
|
|
40
|
+
const newEditor = monacoEditorAPI.create(element, {
|
|
41
|
+
...getBaseCodeEditorOptions(),
|
|
42
|
+
theme: playgroundState.theme === 'light'
|
|
43
|
+
? CODE_EDITOR_THEME.GITHUB_LIGHT
|
|
44
|
+
: CODE_EDITOR_THEME.DEFAULT_DARK,
|
|
45
|
+
language: CODE_EDITOR_LANGUAGE.SQL,
|
|
46
|
+
padding: {
|
|
47
|
+
top: 10,
|
|
48
|
+
},
|
|
49
|
+
});
|
|
50
|
+
newEditor.onDidChangeModelContent(() => {
|
|
51
|
+
const currentVal = newEditor.getValue();
|
|
52
|
+
playgroundState.setSQLText(currentVal);
|
|
53
|
+
});
|
|
54
|
+
newEditor.setModel(playgroundState.sqlEditorTextModel);
|
|
55
|
+
if (playgroundState.sqlEditorViewState) {
|
|
56
|
+
newEditor.restoreViewState(playgroundState.sqlEditorViewState);
|
|
57
|
+
}
|
|
58
|
+
newEditor.focus();
|
|
59
|
+
playgroundState.setSQLEditor(newEditor);
|
|
60
|
+
setEditor(newEditor);
|
|
61
|
+
}
|
|
62
|
+
}, [playgroundState, editor, enableDarkMode]);
|
|
63
|
+
useCommands(playgroundState);
|
|
64
|
+
if (editor) {
|
|
65
|
+
sqlIdentifierSuggestionProviderDisposer.current?.dispose();
|
|
66
|
+
sqlIdentifierSuggestionProviderDisposer.current =
|
|
67
|
+
monacoLanguagesAPI.registerCompletionItemProvider(CODE_EDITOR_LANGUAGE.SQL, {
|
|
68
|
+
triggerCharacters: [],
|
|
69
|
+
provideCompletionItems: async (model, position, context) => {
|
|
70
|
+
let suggestions = [];
|
|
71
|
+
if (context.triggerKind ===
|
|
72
|
+
monacoLanguagesAPI.CompletionTriggerKind.Invoke) {
|
|
73
|
+
const labels = playgroundState.getCodeCompletionSuggestions();
|
|
74
|
+
suggestions = suggestions.concat(toCompletionItems(labels));
|
|
75
|
+
}
|
|
76
|
+
return { suggestions };
|
|
77
|
+
},
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
useEffect(() => () => {
|
|
81
|
+
if (editor) {
|
|
82
|
+
playgroundState.setSQLEditorViewState(editor.saveViewState() ?? undefined);
|
|
83
|
+
editor.dispose();
|
|
84
|
+
sqlIdentifierSuggestionProviderDisposer.current?.dispose();
|
|
85
|
+
}
|
|
86
|
+
}, [playgroundState, editor]);
|
|
87
|
+
const DATABASE_NODE_DND_TYPE = 'DATABASE_NODE_DND_TYPE';
|
|
88
|
+
const handleDatabaseNodeDrop = useCallback((item) => {
|
|
89
|
+
if (isString(item.text)) {
|
|
90
|
+
if (playgroundState.sqlEditor) {
|
|
91
|
+
const currentValue = playgroundState.sqlEditorTextModel.getValue();
|
|
92
|
+
const lines = currentValue.split('\n');
|
|
93
|
+
const position = playgroundState.sqlEditor.getPosition() ?? {
|
|
94
|
+
lineNumber: lines.length,
|
|
95
|
+
column: lines.at(-1)?.length ?? 0,
|
|
96
|
+
};
|
|
97
|
+
playgroundState.sqlEditor.executeEdits('', [
|
|
98
|
+
{
|
|
99
|
+
range: {
|
|
100
|
+
startLineNumber: position.lineNumber,
|
|
101
|
+
startColumn: position.column,
|
|
102
|
+
endLineNumber: position.lineNumber,
|
|
103
|
+
endColumn: position.column,
|
|
104
|
+
},
|
|
105
|
+
text: item.text,
|
|
106
|
+
forceMoveMarkers: true,
|
|
107
|
+
},
|
|
108
|
+
]);
|
|
109
|
+
playgroundState.setSQLText(playgroundState.sqlEditorTextModel.getValue());
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}, [playgroundState]);
|
|
113
|
+
const [{ isDatabaseNodeDragOver }, dropConnector] = useDrop(() => ({
|
|
114
|
+
accept: DATABASE_NODE_DND_TYPE,
|
|
115
|
+
drop: (item) => handleDatabaseNodeDrop(item),
|
|
116
|
+
collect: (monitor) => ({
|
|
117
|
+
isDatabaseNodeDragOver: monitor.isOver({ shallow: true }),
|
|
118
|
+
}),
|
|
119
|
+
}), [handleDatabaseNodeDrop]);
|
|
120
|
+
return (_jsx("div", { className: "sql-playground__code-editor", children: _jsx(PanelDropZone, { className: "sql-playground__code-editor__content", isDragOver: isDatabaseNodeDragOver, dropTargetConnector: dropConnector, disabled: disableDragDrop, children: _jsx("div", { className: "code-editor__container", children: _jsx("div", { className: "code-editor__body", ref: codeEditorRef }) }) }) }));
|
|
121
|
+
});
|
|
122
|
+
//# sourceMappingURL=SQLPlaygroundEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SQLPlaygroundEditor.js","sourceRoot":"","sources":["../../src/sql-playground/SQLPlaygroundEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
export declare const PlayGroundSQLExecutionResultGrid: ((props: {
|
|
17
|
+
result: string;
|
|
18
|
+
useAdvancedGrid?: boolean;
|
|
19
|
+
useLocalMode?: boolean;
|
|
20
|
+
enableDarkMode?: boolean;
|
|
21
|
+
}) => import("react/jsx-runtime").JSX.Element) & {
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=SQLPlaygroundGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SQLPlaygroundGrid.d.ts","sourceRoot":"","sources":["../../src/sql-playground/SQLPlaygroundGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA0EH,eAAO,MAAM,gCAAgC,WACnC;IACN,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;;CAsJF,CAAC"}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
import { observer } from 'mobx-react-lite';
|
|
18
|
+
import { BlankPanelContent, clsx } from '@finos/legend-art';
|
|
19
|
+
import { useCallback } from 'react';
|
|
20
|
+
import { at, isString, parseCSVString, isNonNullable, isNumber, isValidURL, } from '@finos/legend-shared';
|
|
21
|
+
import { DataGrid, } from '../data-grid/DataGrid.js';
|
|
22
|
+
const parseExecutionResultData = (data) => {
|
|
23
|
+
const lines = data.split('\n').filter((line) => line.trim().length);
|
|
24
|
+
if (lines.length) {
|
|
25
|
+
const columns = parseCSVString(at(lines, 0)) ?? [];
|
|
26
|
+
const rowData = lines
|
|
27
|
+
.slice(1)
|
|
28
|
+
.map((item) => {
|
|
29
|
+
const rowItems = parseCSVString(item);
|
|
30
|
+
if (!rowItems) {
|
|
31
|
+
return undefined;
|
|
32
|
+
}
|
|
33
|
+
const row = {};
|
|
34
|
+
columns.forEach((column, idx) => {
|
|
35
|
+
row[column] = rowItems[idx] ?? '';
|
|
36
|
+
});
|
|
37
|
+
return row;
|
|
38
|
+
})
|
|
39
|
+
.filter(isNonNullable);
|
|
40
|
+
return { rowData, columns };
|
|
41
|
+
}
|
|
42
|
+
return undefined;
|
|
43
|
+
};
|
|
44
|
+
const TDSResultCellRenderer = observer((params) => {
|
|
45
|
+
const cellValue = params.value;
|
|
46
|
+
const formattedCellValue = () => {
|
|
47
|
+
if (isNumber(cellValue)) {
|
|
48
|
+
return Intl.NumberFormat('en-US', {
|
|
49
|
+
maximumFractionDigits: 4,
|
|
50
|
+
}).format(Number(cellValue));
|
|
51
|
+
}
|
|
52
|
+
return cellValue;
|
|
53
|
+
};
|
|
54
|
+
const cellValueUrlLink = isString(cellValue) && isValidURL(cellValue) ? cellValue : undefined;
|
|
55
|
+
return (_jsx("div", { className: clsx('query-builder__result__values__table__cell'), children: cellValueUrlLink ? (_jsx("a", { href: cellValueUrlLink, target: "_blank", rel: "noreferrer", children: cellValueUrlLink })) : (_jsx("span", { children: formattedCellValue() })) }));
|
|
56
|
+
});
|
|
57
|
+
export const PlayGroundSQLExecutionResultGrid = observer((props) => {
|
|
58
|
+
const { result, useAdvancedGrid, useLocalMode, enableDarkMode = false, } = props;
|
|
59
|
+
const data = parseExecutionResultData(result);
|
|
60
|
+
const darkMode = enableDarkMode;
|
|
61
|
+
if (!data) {
|
|
62
|
+
return (_jsx(BlankPanelContent, { children: `Can't parse result, displaying raw form:\n${result}` }));
|
|
63
|
+
}
|
|
64
|
+
if (useAdvancedGrid) {
|
|
65
|
+
if (useLocalMode) {
|
|
66
|
+
const localcolDefs = data.columns.map((colName) => ({
|
|
67
|
+
minWidth: 50,
|
|
68
|
+
sortable: true,
|
|
69
|
+
resizable: true,
|
|
70
|
+
field: colName,
|
|
71
|
+
flex: 1,
|
|
72
|
+
enablePivot: true,
|
|
73
|
+
enableRowGroup: true,
|
|
74
|
+
enableValue: true,
|
|
75
|
+
allowedAggFuncs: ['count'],
|
|
76
|
+
}));
|
|
77
|
+
return (_jsx("div", { className: clsx('sql-playground__result__grid', {
|
|
78
|
+
'ag-theme-balham': !darkMode,
|
|
79
|
+
'ag-theme-balham-dark': darkMode,
|
|
80
|
+
}), children: _jsx(DataGrid, { rowData: data.rowData, gridOptions: {
|
|
81
|
+
suppressScrollOnNewData: true,
|
|
82
|
+
rowSelection: {
|
|
83
|
+
mode: 'multiRow',
|
|
84
|
+
checkboxes: false,
|
|
85
|
+
headerCheckbox: false,
|
|
86
|
+
},
|
|
87
|
+
pivotPanelShow: 'always',
|
|
88
|
+
rowGroupPanelShow: 'always',
|
|
89
|
+
cellSelection: true,
|
|
90
|
+
},
|
|
91
|
+
// NOTE: when column definition changed, we need to force refresh the cell to make sure the cell renderer is updated
|
|
92
|
+
// See https://stackoverflow.com/questions/56341073/how-to-refresh-an-ag-grid-when-a-change-occurs-inside-a-custom-cell-renderer-com
|
|
93
|
+
onRowDataUpdated: (params) => {
|
|
94
|
+
params.api.refreshCells({ force: true });
|
|
95
|
+
}, suppressFieldDotNotation: true, suppressContextMenu: false, columnDefs: localcolDefs, sideBar: ['columns', 'filters'] }) }));
|
|
96
|
+
}
|
|
97
|
+
const colDefs = data.columns.map((colName) => ({
|
|
98
|
+
minWidth: 50,
|
|
99
|
+
sortable: true,
|
|
100
|
+
resizable: true,
|
|
101
|
+
field: colName,
|
|
102
|
+
flex: 1,
|
|
103
|
+
cellRenderer: TDSResultCellRenderer,
|
|
104
|
+
filter: true,
|
|
105
|
+
}));
|
|
106
|
+
const getContextMenuItems = useCallback((params) => [
|
|
107
|
+
'copy',
|
|
108
|
+
'copyWithHeaders',
|
|
109
|
+
{
|
|
110
|
+
name: 'Copy Row Value',
|
|
111
|
+
action: () => {
|
|
112
|
+
params.api.copySelectedRowsToClipboard();
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
], []);
|
|
116
|
+
return (_jsx("div", { className: clsx('sql-playground__result__grid', {
|
|
117
|
+
'ag-theme-balham': !darkMode,
|
|
118
|
+
'ag-theme-balham-dark': darkMode,
|
|
119
|
+
}), children: _jsx(DataGrid, { rowData: data.rowData, overlayNoRowsTemplate: `<div class="sql-playground__result__grid--empty">No results</div>`, gridOptions: {
|
|
120
|
+
suppressScrollOnNewData: true,
|
|
121
|
+
rowSelection: {
|
|
122
|
+
mode: 'multiRow',
|
|
123
|
+
checkboxes: false,
|
|
124
|
+
headerCheckbox: false,
|
|
125
|
+
},
|
|
126
|
+
cellSelection: true,
|
|
127
|
+
}, onRowDataUpdated: (params) => {
|
|
128
|
+
params.api.refreshCells({ force: true });
|
|
129
|
+
}, suppressFieldDotNotation: true, suppressClipboardPaste: false, suppressContextMenu: false, columnDefs: colDefs, getContextMenuItems: (params) => getContextMenuItems(params) }) }));
|
|
130
|
+
}
|
|
131
|
+
return (_jsx("div", { className: clsx('sql-playground__result__grid', {
|
|
132
|
+
'ag-theme-balham': !darkMode,
|
|
133
|
+
'ag-theme-balham-dark': darkMode,
|
|
134
|
+
}), children: _jsx(DataGrid, { rowData: data.rowData, overlayNoRowsTemplate: `<div class="sql-playground__result__grid--empty">No results</div>`, alwaysShowVerticalScroll: true, suppressFieldDotNotation: true, columnDefs: data.columns.map((column) => ({
|
|
135
|
+
minWidth: 50,
|
|
136
|
+
sortable: true,
|
|
137
|
+
resizable: true,
|
|
138
|
+
headerName: column,
|
|
139
|
+
field: column,
|
|
140
|
+
flex: 1,
|
|
141
|
+
})) }) }));
|
|
142
|
+
});
|
|
143
|
+
//# sourceMappingURL=SQLPlaygroundGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SQLPlaygroundGrid.js","sourceRoot":"","sources":["../../src/sql-playground/SQLPlaygroundGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
import { type SQLPlaygroundPanelProps } from './SQLPlaygroundEditor.js';
|
|
17
|
+
export declare const SQLPlaygroundEditorResultPanel: ((props: SQLPlaygroundPanelProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=SQLPlaygroundPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SQLPlaygroundPanel.d.ts","sourceRoot":"","sources":["../../src/sql-playground/SQLPlaygroundPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAcH,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0BAA0B,CAAC;AAGlC,eAAO,MAAM,8BAA8B,WACjC,uBAAuB;;CAkHhC,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
import { observer } from 'mobx-react-lite';
|
|
18
|
+
import { CheckSquareIcon, clsx, PlayIcon, ResizablePanel, ResizablePanelGroup, ResizablePanelSplitter, ResizablePanelSplitterLine, SquareIcon, } from '@finos/legend-art';
|
|
19
|
+
import { prettyDuration } from '@finos/legend-shared';
|
|
20
|
+
import { PlaygroundSQLCodeEditor, } from './SQLPlaygroundEditor.js';
|
|
21
|
+
import { PlayGroundSQLExecutionResultGrid } from './SQLPlaygroundGrid.js';
|
|
22
|
+
export const SQLPlaygroundEditorResultPanel = observer((props) => {
|
|
23
|
+
const { playgroundState, advancedMode, disableDragDrop = false, enableDarkMode = false, } = props;
|
|
24
|
+
const executeRawSQL = () => {
|
|
25
|
+
playgroundState.executeRawSQL();
|
|
26
|
+
};
|
|
27
|
+
const resultDescription = playgroundState.sqlExecutionResult
|
|
28
|
+
? `query ran in ${prettyDuration(playgroundState.sqlExecutionResult.sqlDuration, {
|
|
29
|
+
ms: true,
|
|
30
|
+
})}`
|
|
31
|
+
: undefined;
|
|
32
|
+
const toggleLocalMode = () => {
|
|
33
|
+
playgroundState.toggleIsLocalModeEnabled();
|
|
34
|
+
};
|
|
35
|
+
return (_jsx(ResizablePanelGroup, { orientation: "horizontal", children: _jsx(ResizablePanel, { children: _jsx("div", { className: "panel sql-playground__sql-editor", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { children: _jsx(PlaygroundSQLCodeEditor, { playgroundState: playgroundState, advancedMode: advancedMode, disableDragDrop: disableDragDrop, enableDarkMode: enableDarkMode }) }), _jsx(ResizablePanelSplitter, { children: _jsx(ResizablePanelSplitterLine, { color: "var(--color-dark-grey-250)" }) }), _jsxs(ResizablePanel, { size: 300, children: [_jsxs("div", { className: "panel__header", children: [_jsxs("div", { className: "panel__header__title", children: [_jsx("div", { className: "panel__header__title__label", children: "result" }), playgroundState.executeRawSQLState.isInProgress && (_jsx("div", { className: "panel__header__title__label__status", children: "Running SQL..." })), _jsx("div", { className: "query-builder__result__analytics", children: resultDescription ?? '' })] }), _jsx("div", { className: !enableDarkMode ? 'light-mode' : '', children: _jsxs("div", { className: "panel__header__actions query-builder__result__header__actions", children: [advancedMode && (_jsxs("div", { className: "query-builder__result__advanced__mode", children: [_jsx("div", { className: "query-builder__result__advanced__mode__label", children: "Local Mode" }), _jsx("button", { className: clsx('query-builder__result__advanced__mode__toggler__btn', {
|
|
36
|
+
'query-builder__result__advanced__mode__toggler__btn--toggled': playgroundState.isLocalModeEnabled,
|
|
37
|
+
}), onClick: toggleLocalMode, tabIndex: -1, children: playgroundState.isLocalModeEnabled ? (_jsx(CheckSquareIcon, {})) : (_jsx(SquareIcon, {})) })] })), _jsx("div", { className: "query-builder__result__execute-btn btn__dropdown-combo btn__dropdown-combo--primary", children: _jsxs("button", { className: "btn__dropdown-combo__label", onClick: executeRawSQL, disabled: playgroundState.executeRawSQLState.isInProgress, tabIndex: -1, children: [_jsx(PlayIcon, { className: "btn__dropdown-combo__label__icon" }), _jsx("div", { className: "btn__dropdown-combo__label__title", children: "Run Query" })] }) })] }) })] }), playgroundState.sqlExecutionResult !== undefined && (_jsx(PlayGroundSQLExecutionResultGrid, { result: playgroundState.sqlExecutionResult.value, useAdvancedGrid: advancedMode, useLocalMode: playgroundState.isLocalModeEnabled, enableDarkMode: enableDarkMode })), playgroundState.sqlExecutionResult === undefined && _jsx("div", {})] })] }) }) }) }));
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=SQLPlaygroundPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SQLPlaygroundPanel.js","sourceRoot":"","sources":["../../src/sql-playground/SQLPlaygroundPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,0BAA0B,EAC1B,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACL,uBAAuB,GAExB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,CAAC,MAAM,8BAA8B,GAAG,QAAQ,CACpD,CAAC,KAA8B,EAAE,EAAE;IACjC,MAAM,EACJ,eAAe,EACf,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,cAAc,GAAG,KAAK,GACvB,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,eAAe,CAAC,aAAa,EAAE,CAAC;IAClC,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,eAAe,CAAC,kBAAkB;QAC1D,CAAC,CAAC,gBAAgB,cAAc,CAC5B,eAAe,CAAC,kBAAkB,CAAC,WAAW,EAC9C;YACE,EAAE,EAAE,IAAI;SACT,CACF,EAAE;QACL,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,eAAe,CAAC,wBAAwB,EAAE,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,YAC3C,KAAC,cAAc,cACb,cAAK,SAAS,EAAC,kCAAkC,YAC/C,MAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,aAC3C,KAAC,cAAc,cACb,KAAC,uBAAuB,IACtB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,GAC9B,GACa,EACjB,KAAC,sBAAsB,cACrB,KAAC,0BAA0B,IAAC,KAAK,EAAC,4BAA4B,GAAG,GAC1C,EACzB,MAAC,cAAc,IAAC,IAAI,EAAE,GAAG,aACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,eAAK,SAAS,EAAC,sBAAsB,aACnC,cAAK,SAAS,EAAC,6BAA6B,uBAAa,EAExD,eAAe,CAAC,kBAAkB,CAAC,YAAY,IAAI,CAClD,cAAK,SAAS,EAAC,qCAAqC,+BAE9C,CACP,EAED,cAAK,SAAS,EAAC,kCAAkC,YAC9C,iBAAiB,IAAI,EAAE,GACpB,IACF,EACN,cAAK,SAAS,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YACjD,eAAK,SAAS,EAAC,+DAA+D,aAC3E,YAAY,IAAI,CACf,eAAK,SAAS,EAAC,uCAAuC,aACpD,cAAK,SAAS,EAAC,8CAA8C,2BAEvD,EACN,iBACE,SAAS,EAAE,IAAI,CACb,qDAAqD,EACrD;oEACE,8DAA8D,EAC5D,eAAe,CAAC,kBAAkB;iEACrC,CACF,EACD,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,CAAC,YAEX,eAAe,CAAC,kBAAkB,CAAC,CAAC,CAAC,CACpC,KAAC,eAAe,KAAG,CACpB,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,KAAG,CACf,GACM,IACL,CACP,EACD,cAAK,SAAS,EAAC,qFAAqF,YAClG,kBACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,aAAa,EACtB,QAAQ,EACN,eAAe,CAAC,kBAAkB,CAAC,YAAY,EAEjD,QAAQ,EAAE,CAAC,CAAC,aAEZ,KAAC,QAAQ,IAAC,SAAS,EAAC,kCAAkC,GAAG,EACzD,cAAK,SAAS,EAAC,mCAAmC,0BAE5C,IACC,GACL,IACF,GACF,IACF,EACL,eAAe,CAAC,kBAAkB,KAAK,SAAS,IAAI,CACnD,KAAC,gCAAgC,IAC/B,MAAM,EAAE,eAAe,CAAC,kBAAkB,CAAC,KAAK,EAChD,eAAe,EAAE,YAAY,EAC7B,YAAY,EAAE,eAAe,CAAC,kBAAkB,EAChD,cAAc,EAAE,cAAc,GAC9B,CACH,EACA,eAAe,CAAC,kBAAkB,KAAK,SAAS,IAAI,eAAO,IAC7C,IACG,GAClB,GACS,GACG,CACvB,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
export * from './store/AbstractSQLPlaygroundState.js';
|
|
17
|
+
export * from './SQLPlaygroundPanel.js';
|
|
18
|
+
export * from './SQLPlaygroundGrid.js';
|
|
19
|
+
export * from './SQLPlaygroundEditor.js';
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sql-playground/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2020-present, Goldman Sachs
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
export * from './store/AbstractSQLPlaygroundState.js';
|
|
17
|
+
export * from './SQLPlaygroundPanel.js';
|
|
18
|
+
export * from './SQLPlaygroundGrid.js';
|
|
19
|
+
export * from './SQLPlaygroundEditor.js';
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/sql-playground/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
|