npm - @ytsaurus/ui - Versions diffs - 1.9.0 → 1.10.0 - Mend

@ytsaurus/ui 1.9.0 → 1.10.0

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.

Files changed (153) hide show

package/dist/public/build/css/{622.fd3f4ea8.chunk.css.map → 869.8f91d9da.chunk.css.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css/622.fd3f4ea8.chunk.css","mappings":"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","sources":["webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/DataTypePopup/DataTypePopup.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLTable/YQLTable.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLSchemeTable/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/ResultPaginator/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryStatus/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResults/QueryMetaRow/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryMetaTable/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResults/QueryResultActions/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLStatistics/CollapsibleTable/CollapsibleTable.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Loader/Loader.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLStatistics/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeDetailsInfo.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeJobs.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/DataType/DataType.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/SchemaTable/SchemaTable.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/styles/mixins.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeSchemas.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeStages.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/OperationNodeInfo.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Legend/Legend.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Minimap/Minimap.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/Graph.scss","webpack://@ytsaurus/ui/./src/ui/components/common/Timeline/TimelineRuler/TimelineRuler.scss","webpack://@ytsaurus/ui/./src/ui/components/common/Timeline/Timeline.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/List/VirtualList.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Table/Table.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/NodeName/NodeName.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/Timeline/Timeline.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/Plan.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResults/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryEditor/QueryEditor.scss"],"sourcesContent":[".data-type-popup {\n &__container {\n display: inline-flex;\n align-items: center;\n }\n\n &__icon {\n margin-left: 6px;\n\n color: var(--g-color-text-hint);\n }\n\n &__tooltip-container {\n overflow-y: auto;\n\n max-height: 300px;\n margin-right: -16px;\n padding-right: 16px;\n }\n}\n",".yql-result-table {\n --qt-result-table-cell-max-width: 700px;\n font-family: var(--g-font-family-monospace);\n font-size: var(--g-text-code-2-font-size);\n line-height: var(--g-text-code-2-line-height);\n\n overflow: initial;\n\n &_mode_cell,\n &_mode_untyped {\n display: inline-block;\n\n width: auto;\n height: auto;\n margin-left: 15px;\n }\n\n .unipika {\n display: inline-block;\n\n max-width: var(--qt-result-table-cell-max-width);\n\n & .incomplete {\n background-color: initial;\n\n &::after {\n content: none;\n }\n }\n\n video {\n max-width: var(--qt-result-table-cell-max-width);\n }\n }\n\n .data-table {\n --data-table-header-vertical-padding: 6px;\n --data-table-cell-vertical-padding: 6px;\n --data-table-color-footer-area: var(--g-color-base-misc-light);\n --data-table-row-height: auto;\n\n &__table-wrapper {\n display: inline-block;\n\n vertical-align: top;\n }\n\n &__table {\n background: var(--g-color-base-background);\n }\n\n &__th {\n font-weight: 600;\n }\n\n &__td:not(&__index) {\n padding-right: calc(10px + var(--data-table-cell-horizontal-padding));\n }\n\n &__td {\n position: relative;\n\n overflow: initial;\n\n text-overflow: initial;\n }\n\n &__td,\n &__th {\n max-width: var(--qt-result-table-cell-max-width);\n box-sizing: content-box;\n }\n }\n\n &__cell-copy-to-clipboard {\n position: absolute;\n top: 4px;\n right: 4px;\n width: 16px;\n height: 16px;\n }\n}\n",".query-result-scheme {\n &__title {\n margin-bottom: 8px;\n }\n\n &__table-wrap {\n display: flex;\n }\n\n &__item {\n display: inline-flex;\n\n width: 100%;\n }\n\n &__name {\n overflow: hidden;\n\n max-width: auto;\n margin-right: 10px;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n",".query-result-paginator {\n display: inline-flex;\n\n &__control:not(:last-child) {\n margin-right: 4px;\n }\n}\n",".query-result-table {\n height: 100%;\n position: relative;\n overflow: auto;\n\n &__result-info {\n margin-bottom: 10px;\n }\n\n &__loading {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 1;\n }\n\n &__pagination {\n position: fixed;\n right: 20px;\n bottom: 20px;\n\n margin-right: 20px;\n background-color: var(--g-color-base-float);\n border-radius: 8px;\n box-shadow: 0 1px 8px var(--g-color-sfx-shadow);\n padding: 8px;\n pointer-events: all;\n }\n}\n",".query-status {\n display: inline-flex;\n align-items: center;\n\n &__icon-container {\n margin-right: 4px;\n\n &_draft {\n color: var(--color-status-icon-draft, var(--g-color-text-secondary));\n }\n\n &_completed {\n color: var(--color-status-icon-completed, var(--g-color-text-positive));\n }\n\n &_failed {\n color: var(--color-status-icon-error, var(--g-color-text-danger));\n }\n\n &.loading {\n width: 16px;\n height: 16px;\n }\n\n &_aborted {\n color: var(--color-status-icon-aborting, var(--g-color-text-secondary));\n }\n }\n\n &_tabs {\n margin-right: 0px;\n }\n}\n",".query-meta-info {\n display: flex;\n align-items: center;\n\n &__item:not(:last-child) {\n margin-right: 8px;\n }\n}\n",".query-meta-table {\n display: grid;\n align-items: center;\n grid-template-columns: max-content auto;\n grid-auto-rows: minmax(32px, max-content);\n\n margin: 0;\n\n &__title {\n display: flex;\n grid-column: 1;\n\n height: 16px;\n\n white-space: nowrap;\n\n &::after {\n flex: 1 0 0;\n\n min-width: 20px;\n margin: 0 2px;\n\n content: '';\n\n border-bottom: 1px dotted var(--g-color-line-generic);\n }\n }\n\n &__value {\n grid-column: 2;\n\n margin: 0;\n\n white-space: nowrap;\n }\n}\n",".query-result-actions {\n display: flex;\n &__item:not(:last-child) {\n margin-right: 8px;\n }\n}\n",".collapsible-table {\n .data-table {\n --data-table-header-vertical-padding: 12px;\n --data-table-cell-vertical-padding: 12px;\n }\n}\n\n.collapsible-table-cell {\n $level-margin: 20px;\n\n position: relative;\n\n display: flex;\n align-items: center;\n\n &_level_max {\n margin-left: $level-margin * 5;\n }\n\n &__value {\n padding-left: 34px;\n }\n\n &__toggler {\n position: absolute;\n top: 50%;\n left: 0;\n\n transform: translateY(-50%);\n }\n\n @for $i from 0 through 5 {\n &_level_#{$i} {\n margin-left: $level-margin * $i;\n }\n }\n}\n",".yql-loader {\n position: fixed;\n z-index: 10;\n inset: 0;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n &_veil {\n background-color: var(--yc-color-sfx-veil);\n }\n\n &_local {\n position: absolute;\n }\n\n &_statical {\n position: static;\n }\n}\n",".yql-statistics-table {\n display: flex;\n}\n",".node-details-info {\n --indent: 12px;\n display: grid;\n overflow: auto;\n grid-auto-rows: max-content;\n\n width: 100%;\n padding: 0 10px;\n grid-gap: 20px;\n\n &__entry {\n padding-left: var(--indent);\n\n & + & {\n margin-top: 8px;\n }\n }\n\n &__item {\n margin-top: 8px;\n padding-left: var(--indent);\n }\n\n &__columns {\n padding-left: var(--indent);\n\n &-column + &-column {\n margin-top: 8px;\n }\n\n &-expand {\n margin-top: 8px;\n }\n }\n\n .collapsible-section {\n margin-top: 0px;\n }\n}\n",".node-jobs {\n .data-table {\n --data-table-color-base: transparent;\n --data-table-border-color: transparent;\n --data-table-row-height: 40px;\n }\n\n &__row {\n height: 40px;\n }\n\n &__item {\n display: flex;\n align-items: center;\n\n &-color {\n display: inline-block;\n\n width: 12px;\n height: 12px;\n margin-right: 5px;\n\n border-radius: 3px;\n\n &_status {\n &_pending {\n background: var(--yql-graph-color-operation-pending);\n }\n &_running {\n background: var(--yql-graph-color-operation-running);\n }\n &_finished {\n background: var(--yql-graph-color-operation-completed);\n }\n &_failed {\n background: var(--yql-graph-color-operation-failed);\n }\n &_aborted {\n background: var(--yql-graph-color-operation-aborted);\n }\n &_completed {\n background: var(--yql-graph-color-operation-completed);\n }\n }\n }\n\n &-title {\n display: inline-block;\n\n padding-right: 2px;\n padding-left: 2px;\n\n vertical-align: top;\n }\n }\n}\n",".data-type {\n $_: &;\n\n &_optional {\n &:after {\n margin-left: 3px;\n\n font-family: sans-serif;\n font-size: 0.8em;\n font-weight: 400;\n font-style: italic;\n content: 'optional';\n vertical-align: top;\n\n color: var(--color-neutral-8);\n }\n }\n\n &_optional-multilevel {\n &:after {\n content: attr(data-optional);\n }\n }\n\n &_complex {\n font-weight: 600;\n cursor: pointer;\n\n color: var(--color-nav-hover);\n }\n\n &__tag {\n display: inline-block;\n\n margin-left: 3px;\n\n font-size: 0.8em;\n vertical-align: top;\n\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n\n &__subtype {\n padding-left: 16px;\n\n &_expanded {\n & > #{$_}__ellipsis {\n display: none;\n }\n }\n }\n\n &__ellipsis {\n cursor: pointer;\n &:after {\n content: '...';\n }\n }\n\n &__content {\n overflow: hidden;\n\n box-sizing: border-box;\n height: 0;\n\n transition: height 0.15s ease-in-out;\n &_expanded {\n height: auto;\n }\n }\n}\n","@import '../../styles/mixins.scss';\n\n.yql-schema-table {\n $schema: &;\n\n --_yql-schema-table_name-width: var(--yql-schema-table_name-width, auto);\n\n &__item {\n display: inline-flex;\n\n width: 100%;\n\n &:hover {\n #{$schema}__insert-icon {\n opacity: 1;\n }\n }\n }\n\n &__sort-icon {\n margin-right: 8px;\n\n color: var(--yc-color-text-primary);\n }\n\n &__name {\n overflow: hidden;\n\n max-width: var(--_yql-schema-table_name-width);\n margin-right: 10px;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__insert-icon {\n margin-left: auto;\n\n opacity: 0;\n color: var(--yc-color-base-generic-medium-hover);\n\n transition: opacity 0.1s linear;\n }\n\n .data-table {\n &__th {\n @include sticky-data-table-head();\n }\n }\n}\n","@mixin sticky-data-table-head {\n position: sticky;\n z-index: 1;\n top: 0;\n\n &::before {\n position: absolute;\n inset: -1px;\n\n content: '';\n\n border: 1px solid var(--data-table-border-color);\n background: var(--data-table-color-base);\n }\n}\n",".yql-node-schemas {\n &__item_schema + &__item_schema {\n margin-top: 4px;\n }\n\n &__item-heading {\n word-break: break-all;\n }\n\n &__item .yc-collapse__arrow-wrapper {\n align-self: flex-start;\n }\n\n &__item_title {\n margin-top: 0;\n .elements-heading {\n margin-bottom: 4px;\n }\n }\n\n &__item_schema {\n .elements-heading {\n color: var(--yc-color-text-secondary);\n }\n }\n\n &__item_schema:nth-child(1) {\n margin-top: 0;\n }\n}\n","@import './styles/mixins.scss';\n\n.node-stages {\n overflow: auto;\n\n .data-table {\n --data-table-color-base: var(--yc-color-base-float);\n --data-table-border-color: var(--yc-color-base-float);\n\n th {\n @include sticky-data-table-head();\n }\n }\n\n &__footer {\n font-weight: 500;\n\n td {\n position: sticky;\n bottom: 0;\n\n background: var(--yc-color-base-float);\n }\n }\n}\n",".operation-node-info {\n display: grid;\n grid-template-rows: min-content;\n justify-items: center;\n\n width: 330px;\n height: 332px;\n padding: 12px 2px;\n\n &__selector {\n margin-bottom: 12px;\n }\n\n .data-table__table {\n width: 100%;\n }\n\n &__schema {\n --yql-schema-table_name-width: 120px;\n overflow: auto;\n\n width: 100%;\n padding: 0 10px 20px;\n\n .data-table__table {\n width: auto;\n min-width: 100%;\n }\n }\n}\n",".legend {\n $block: &;\n display: grid;\n grid-auto-columns: max-content;\n grid-auto-flow: column;\n\n padding-left: 14px;\n\n border-radius: 4px;\n background: var(--yc-color-base-float);\n box-shadow: 0 1px 8px var(--yc-color-sfx-shadow);\n grid-gap: 20px;\n\n &_orientation_vertical {\n grid-auto-flow: row;\n\n padding: 14px 16px;\n }\n\n &__item {\n display: flex;\n align-items: center;\n\n &-color {\n display: inline-block;\n\n width: 15px;\n height: 15px;\n margin-right: 3px;\n\n border-radius: 5px;\n\n &_state {\n &_notstarted {\n border: 1px solid var(--yql-graph-color-operation-new-border);\n background: var(--yql-graph-color-operation-new);\n }\n &_started {\n border: 1px solid var(--yql-graph-color-operation-started-border);\n background: var(--yql-graph-color-operation-started);\n }\n &_inprogress {\n background: var(--yql-graph-color-operation-running);\n }\n &_finished {\n background: var(--yql-graph-color-operation-completed);\n }\n &_failed {\n background: var(--yql-graph-color-operation-failed);\n }\n &_aborted {\n background: var(--yql-graph-color-operation-aborted);\n }\n }\n }\n\n &-title {\n display: inline-block;\n\n padding-right: 2px;\n padding-left: 2px;\n\n vertical-align: top;\n\n border-radius: 5px;\n }\n }\n}\n",".yql-plan-minimap {\n overflow: hidden;\n\n width: 150px;\n height: 100px;\n\n &__minimap {\n width: 100%;\n height: 100%;\n\n & > :first-child {\n outline: none;\n }\n }\n\n &__wrapper {\n position: absolute;\n inset: 0;\n }\n &__radar {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100px;\n height: 100px;\n\n pointer-events: none;\n\n border: 1px solid var(--yc-color-line-info);\n border-radius: 5px;\n background: var(--yc-color-base-info);\n }\n}\n",".graph {\n position: relative;\n\n width: 100%;\n min-width: 50px;\n height: 100%;\n min-height: 50px;\n\n &__graph {\n width: 100%;\n height: 100%;\n\n & > :first-child {\n outline: none;\n }\n }\n\n &__graph {\n min-width: 50px;\n min-height: 50px;\n }\n\n &__minimap-wrapper {\n position: absolute;\n bottom: 20px;\n left: 20px;\n }\n\n &__toolbar {\n position: absolute;\n right: 20px;\n bottom: 20px;\n\n display: grid;\n grid-gap: 10px;\n\n padding-bottom: 38px;\n\n &-button {\n background: var(--yc-color-base-background);\n }\n }\n\n &__legend {\n position: absolute;\n right: 0;\n bottom: 0;\n }\n\n .vis-tooltip {\n position: absolute;\n\n display: none;\n\n padding: 6px 12px;\n\n color: var(--yc-color-text-light-primary);\n border-radius: 4px;\n background-color: var(--yc-color-base-float-heavy);\n }\n\n &_show-tooltip {\n .vis-tooltip {\n display: block;\n }\n }\n}\n",".yc-timeline-ruler {\n --tl-side-padding-width: 20px;\n\n --tl-color-border: var(--g-color-line-generic);\n --tl-color-tick-minor: var(--g-color-line-generic);\n --tl-color-tick-major: var(--g-color-text-secondary);\n --tl-color-tick-now: var(--g-color-base-danger-heavy);\n --tl-color-text: var(--g-color-text-complementary);\n\n --tl-color-selection: var(--g-color-infographics-axis);\n --tl-back-selection: var(--g-color-base-selection);\n --tl-back-selection-handle: var(--g-color-base-selection);\n\n display: flex;\n overflow: hidden;\n box-shadow: inset 0 1px 0 0 var(--tl-color-border), inset 0 -1px 0 0 var(--tl-color-border);\n align-items: center;\n padding: 0 var(--tl-side-padding-width);\n\n &__zoom {\n display: flex;\n flex: 0 0 auto;\n margin-right: 10px;\n }\n\n &__ruler {\n flex: 1 1 auto;\n overflow: hidden;\n position: relative;\n cursor: move;\n }\n\n &__ruler-svg {\n vertical-align: top;\n pointer-events: none;\n }\n\n &__ruler-border {\n fill: var(--tl-color-border);\n }\n\n &__ticks-major {\n fill: var(--tl-color-tick-major);\n }\n\n &__ticks-minor {\n fill: var(--tl-color-tick-minor);\n }\n\n &__labels-minor {\n position: absolute;\n top: 50%;\n transform: translate(0, -7px);\n user-select: none;\n color: var(--tl-color-text);\n }\n\n &__label-minor {\n position: absolute;\n font-size: 11px;\n transform: translate(-50%);\n text-align: center;\n white-space: nowrap;\n }\n\n &__selection {\n pointer-events: none;\n position: absolute;\n top: 0;\n height: 100%;\n background: var(--tl-back-selection);\n box-shadow: inset 0 0 0 1px var(--tl-color-selection);\n border-radius: 5px;\n cursor: move;\n }\n\n &__container {\n position: relative;\n }\n\n &__controls-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n }\n\n &__selection-interactive {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n pointer-events: all;\n }\n\n &__selection-handle {\n position: absolute;\n top: 50%;\n width: 7px;\n height: 20px;\n margin-top: -10px;\n background: linear-gradient(\n to right,\n var(--tl-back-selection-handle),\n var(--tl-back-selection-handle)\n ),\n linear-gradient(\n to right,\n var(--g-color-base-background),\n var(--g-color-base-background)\n );\n box-shadow: inset 0 0 0 1px var(--tl-color-selection);\n cursor: ew-resize;\n pointer-events: all;\n\n &:after {\n content: '';\n position: absolute;\n width: 1px;\n top: 4px;\n bottom: 4px;\n left: 3px;\n box-shadow: inset 0 0 0 1px var(--tl-color-selection);\n }\n\n &_position_left {\n left: -3px;\n }\n\n &_position_right {\n right: -3px;\n }\n }\n\n &__zoom-button {\n width: 36px;\n }\n\n &__now-tick {\n fill: var(--tl-color-tick-now);\n opacity: 0.5;\n }\n\n &__now-button {\n margin-left: 6px;\n margin-right: -6px;\n }\n}\n",":root {\n --yc-timeline-line-margin: 5px;\n}\n\n.yc-timeline {\n .yc-timeline-picker {\n margin-bottom: var(--yc-timeline-line-margin);\n }\n}\n",".yq-virtual-list {\n display: grid;\n grid-auto-rows: min-content 1fr;\n\n width: 100%;\n height: 100%;\n\n outline: none;\n\n &__header {\n width: 100%;\n }\n\n &__list {\n overflow: auto;\n }\n\n &__item {\n &_active {\n background: var(--g-color-base-simple-hover);\n }\n\n &_selected {\n background: var(--g-color-base-selection);\n }\n\n &_clickable {\n cursor: pointer;\n }\n }\n}\n",":root {\n --table-header-vertical-padding: 5px;\n --table-cell-vertical-padding: 5px;\n --table-cell-horizontal-padding: 4px;\n --table-cell-border-padding: calc(2 * var(--table-cell-horizontal-padding));\n --table-cell-align: center;\n --table-head-align: center;\n --table-row-height: 40px;\n --table-sort-icon-space: 18px;\n --table-sort-icon-opacity-inactive: 0.15;\n --table-sort-icon-color: inherit;\n}\n\n.table {\n $block: &;\n\n background: var(--table-color-base);\n\n &__th {\n position: relative;\n\n display: flex;\n overflow: hidden;\n align-items: center;\n\n padding: var(--table-header-vertical-padding) var(--table-cell-horizontal-padding);\n\n font-weight: 500;\n cursor: default;\n text-align: left;\n\n background: var(--table-color-base);\n\n &_sortable {\n cursor: pointer;\n\n #{$block}__head-cell {\n padding-right: var(--table-sort-icon-space);\n }\n }\n }\n\n &__row,\n &__head {\n display: flex;\n\n min-width: var(--table-min-width);\n height: var(--table-row-height);\n }\n\n &__head[class] {\n padding-right: var(--g-scrollbar-width);\n }\n\n &__table[class] {\n overflow-y: scroll;\n }\n\n &__td {\n display: flex;\n overflow: hidden;\n align-items: center;\n\n height: 100%;\n padding: var(--table-cell-vertical-padding) var(--table-cell-horizontal-padding);\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__td,\n &__th {\n &_align {\n &_left {\n justify-content: flex-start;\n\n text-align: left;\n }\n &_center {\n justify-content: center;\n\n text-align: center;\n }\n &_right {\n justify-content: flex-end;\n\n text-align: right;\n }\n }\n\n &:first-child {\n padding-left: var(--table-cell-border-padding);\n }\n &:last-child {\n padding-right: var(--table-cell-border-padding);\n }\n }\n\n &__head-cell {\n position: relative;\n\n display: inline-block;\n overflow: hidden;\n\n box-sizing: border-box;\n max-width: 100%;\n\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__row-cell {\n position: relative;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: 100%;\n\n vertical-align: top;\n }\n\n &__sort-icon {\n position: absolute;\n top: 50%;\n right: 0;\n\n display: inline-flex;\n\n color: var(--table-sort-icon-color);\n\n transform: translate(0, -50%);\n\n &:after {\n position: absolute;\n top: -5px;\n left: 100%;\n\n font-size: 8px;\n content: attr(data-index);\n }\n\n &_shadow {\n opacity: var(--table-sort-icon-opacity-inactive);\n &:after {\n content: none;\n }\n }\n }\n\n &_striped-rows {\n #{$block}__row {\n &_odd {\n background: var(--table-color-stripe);\n }\n }\n }\n\n &_view_default {\n --table-color-base: var(--g-color-base-background);\n --table-color-stripe: var(--g-color-base-generic-ultralight);\n }\n\n &_view_popup {\n --table-color-base: var(--g-color-base-float);\n --table-color-stripe: var(--g-color-base-generic-ultralight);\n }\n}\n",".node-name {\n &__name {\n display: flex;\n align-items: center;\n :not(:last-child) {\n margin-right: 6px;\n }\n }\n\n &__operation-node-info {\n &-popup {\n min-width: 330px;\n height: 332px;\n padding: 0;\n }\n }\n}\n",".timeline {\n display: flex;\n flex-direction: column;\n\n height: 100%;\n &__content-wrapper {\n display: flex;\n overflow: hidden;\n align-items: flex-start;\n\n height: 100%;\n }\n\n &__aside-header {\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n\n height: 100%;\n max-height: 100%;\n\n border-right: 1px solid var(--yc-color-line-generic);\n }\n\n &__aside-item {\n &_expanded {\n font-weight: 600;\n }\n .node-name__name {\n overflow: hidden;\n\n white-space: nowrap;\n\n :not(:last-child) {\n margin-right: 4px;\n }\n\n .yc-link {\n overflow: hidden;\n\n text-overflow: ellipsis;\n }\n }\n .node-name__operation-node-info {\n height: 16px;\n span {\n display: flex;\n }\n }\n }\n\n &__event-name {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n\n color: var(--yc-color-text-secondary);\n }\n\n &__container {\n position: relative;\n\n display: flex;\n overflow: hidden;\n flex-grow: 1;\n flex-direction: column;\n\n height: 100%;\n }\n\n &__ruler-wrapper {\n flex-grow: 1;\n }\n\n &__timeline {\n flex-grow: 1;\n }\n\n &__node-name {\n justify-content: flex-end;\n }\n\n &__node-status {\n display: flex;\n align-items: center;\n\n &-icon {\n width: 13px;\n aspect-ratio: 1;\n\n margin-right: 6px;\n\n border-radius: 3px;\n\n &_state {\n &_not_started {\n background: var(--yql-graph-color-operation-new);\n }\n &_started {\n background: var(--yql-graph-color-operation-pending);\n }\n &_in_progress {\n background: var(--yql-graph-color-operation-running);\n }\n &_finished {\n background: var(--yql-graph-color-operation-completed);\n }\n &_failed {\n background: var(--yql-graph-color-operation-failed);\n }\n &_aborted {\n background: var(--yql-graph-color-operation-aborted);\n }\n }\n }\n }\n\n &__table {\n position: relative;\n\n .table__table {\n overflow-x: hidden;\n }\n }\n\n &__filters {\n display: grid;\n grid-auto-columns: max-content;\n grid-auto-flow: column;\n grid-gap: 12px;\n\n margin-bottom: 10px;\n\n &-search {\n width: 300px;\n }\n }\n}\n",".yc-root {\n // Node operation styles\n --yql-graph-color-operation-new: var(--yc-color-base-simple-hover);\n --yql-graph-color-operation-new-border: var(--yc-color-line-generic-active);\n --yql-graph-color-operation-new-background: var(--yc-color-base-generic-ultralight);\n --yql-graph-color-operation-pending: var(--yc-color-base-warning-heavy);\n --yql-graph-color-operation-completed: var(--yc-color-base-positive-heavy);\n --yql-graph-color-operation-completed-border: var(--yc-color-line-positive);\n --yql-graph-color-operation-completed-background: var(--yc-color-base-positive);\n --yql-graph-color-operation-running: var(--yc-color-base-info-heavy);\n --yql-graph-color-operation-running-border: var(--yc-color-line-selection-active);\n --yql-graph-color-operation-running-background: var(--g-color-base-info-light);\n --yql-graph-color-operation-aborted: var(--yc-color-base-misc-heavy);\n --yql-graph-color-operation-aborted-border: var(--yc-color-line-misc);\n --yql-graph-color-operation-aborted-background: var(--yc-color-base-misc);\n --yql-graph-color-operation-started: var(--yc-color-base-simple-hover);\n --yql-graph-color-operation-started-border: var(--yc-color-line-selection-active);\n --yql-graph-color-operation-started-background: var(--yc-color-base-generic-ultralight);\n --yql-graph-color-operation-failed: var(--yc-color-base-danger-heavy);\n --yql-graph-color-operation-failed-border: var(--yc-color-line-danger);\n --yql-graph-color-operation-failed-background: var(--yc-color-base-danger);\n // Node table styles\n --yql-graph-color-table-fill1: var(--yc-color-text-secondary);\n --yql-graph-color-table-fill2: var(--yc-color-text-hint);\n // Edge styles\n --yql-graph-color-edge: var(--yc-color-line-generic-active);\n --yql-graph-color-edge-highlight: var(--yc-color-infographics-info-heavy);\n // Text\n --yql-graph-color-text-operation-count: var(--yc-color-text-primary);\n --yql-graph-color-text-label: var(--yc-color-text-complementary);\n --yql-graph-color-text-link: var(--yc-color-text-link);\n}\n\n.plan {\n width: 100%;\n height: 100%;\n\n &__graph,\n &__table {\n width: 100%;\n height: 100%;\n }\n\n &__table {\n padding: 0 20px;\n }\n\n &__graph-info {\n padding: 0 20px 20px;\n\n &-button {\n margin-top: 16px;\n }\n }\n\n &__legend {\n margin-top: 16px;\n }\n}\n",".query-results {\n background: var(--main-background);\n display: flex;\n flex-direction: column;\n\n &__result-wrap {\n height: 100%;\n }\n\n &__meta {\n height: 40px;\n border-bottom: 1px solid var(--dark-divider);\n display: flex;\n align-items: center;\n padding: 8px 20px;\n }\n\n &__meta-info {\n flex: 1;\n }\n\n &__result {\n flex: 1;\n\n padding: 8px 0 0 20px;\n display: flex;\n flex-direction: column;\n overflow: auto;\n }\n\n &__tabs {\n flex: 1;\n box-shadow: none;\n }\n\n &__content {\n flex: 1;\n overflow: auto;\n contain: strict;\n }\n\n &__result {\n padding: 8px 20px;\n }\n\n &__header {\n display: flex;\n margin-bottom: 20px;\n box-shadow: inset 0 -1px 0 0 var(--g-color-line-generic);\n align-items: center;\n }\n}\n",".query-container {\n width: 100%;\n height: 100%;\n overflow: visible;\n display: flex;\n flex-direction: column;\n\n &__loading {\n position: absolute;\n z-index: 1000;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0, 0.1);\n display: flex;\n justify-content: center;\n }\n\n &_minimized .flex-split__pane:nth-child(3) {\n flex: initial;\n /* In order to override flex basis from split component /\n flex-basis: initial !important;\n }\n\n &_full .flex-split__pane:nth-child(1) {\n flex: initial;\n / In order to override flex basis from split component */\n flex-basis: initial !important;\n }\n\n &__query {\n width: 100%;\n height: 100%;\n overflow: visible;\n }\n\n &__results {\n flex: 1;\n }\n\n &__editor {\n flex: 1;\n border-bottom: 1px solid var(--dark-divider);\n width: 100%;\n height: calc(100% - 40px);\n overflow: visible;\n }\n\n &__actions {\n padding: 6px 20px;\n display: flex;\n flex-direction: row;\n background: var(--main-background);\n\n .query-run-action {\n padding-right: 12px;\n margin-right: 12px;\n\n .query-run-action-button:first-child {\n margin-right: 4px;\n }\n }\n }\n\n &__error-line {\n background: var(--error-background);\n }\n}\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"css/869.8f91d9da.chunk.css","mappings":"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","sources":["webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/DataTypePopup/DataTypePopup.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLTable/YQLTable.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLSchemeTable/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/ResultPaginator/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryStatus/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResults/QueryMetaRow/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryMetaTable/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResults/QueryResultActions/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLStatistics/CollapsibleTable/CollapsibleTable.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Loader/Loader.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResultsView/YQLStatistics/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeDetailsInfo.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeJobs.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/DataType/DataType.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/SchemaTable/SchemaTable.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/styles/mixins.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeSchemas.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/NodeStages.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/OperationNodeInfo.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Legend/Legend.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Minimap/Minimap.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/Graph.scss","webpack://@ytsaurus/ui/./src/ui/components/common/Timeline/TimelineRuler/TimelineRuler.scss","webpack://@ytsaurus/ui/./src/ui/components/common/Timeline/Timeline.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/List/VirtualList.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/Table/Table.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/components/NodeName/NodeName.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/Timeline/Timeline.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Plan/Plan.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryResults/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryEditor/QueryEditor.scss"],"sourcesContent":[".data-type-popup {\n &__container {\n display: inline-flex;\n align-items: center;\n }\n\n &__icon {\n margin-left: 6px;\n\n color: var(--g-color-text-hint);\n }\n\n &__tooltip-container {\n overflow-y: auto;\n\n max-height: 300px;\n margin-right: -16px;\n padding-right: 16px;\n }\n}\n",".yql-result-table {\n --qt-result-table-cell-max-width: 700px;\n font-family: var(--g-font-family-monospace);\n font-size: var(--g-text-code-2-font-size);\n line-height: var(--g-text-code-2-line-height);\n\n overflow: initial;\n\n &_mode_cell,\n &_mode_untyped {\n display: inline-block;\n\n width: auto;\n height: auto;\n margin-left: 15px;\n }\n\n .unipika {\n display: inline-block;\n\n max-width: var(--qt-result-table-cell-max-width);\n\n & .incomplete {\n background-color: initial;\n\n &::after {\n content: none;\n }\n }\n\n video {\n max-width: var(--qt-result-table-cell-max-width);\n }\n }\n\n .data-table {\n --data-table-header-vertical-padding: 6px;\n --data-table-cell-vertical-padding: 6px;\n --data-table-color-footer-area: var(--g-color-base-misc-light);\n --data-table-row-height: auto;\n\n &__table-wrapper {\n display: inline-block;\n\n vertical-align: top;\n }\n\n &__table {\n background: var(--g-color-base-background);\n }\n\n &__th {\n font-weight: 600;\n }\n\n &__td:not(&__index) {\n padding-right: calc(10px + var(--data-table-cell-horizontal-padding));\n }\n\n &__td {\n position: relative;\n\n overflow: initial;\n\n text-overflow: initial;\n }\n\n &__td,\n &__th {\n max-width: var(--qt-result-table-cell-max-width);\n box-sizing: content-box;\n }\n }\n\n &__cell-copy-to-clipboard {\n position: absolute;\n top: 4px;\n right: 4px;\n width: 16px;\n height: 16px;\n }\n}\n",".query-result-scheme {\n &__title {\n margin-bottom: 8px;\n }\n\n &__table-wrap {\n display: flex;\n }\n\n &__item {\n display: inline-flex;\n\n width: 100%;\n }\n\n &__name {\n overflow: hidden;\n\n max-width: auto;\n margin-right: 10px;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n",".query-result-paginator {\n display: inline-flex;\n\n &__control:not(:last-child) {\n margin-right: 4px;\n }\n}\n",".query-result-table {\n height: 100%;\n position: relative;\n overflow: auto;\n\n &__result-info {\n margin-bottom: 10px;\n }\n\n &__loading {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 1;\n }\n\n &__pagination {\n position: fixed;\n right: 20px;\n bottom: 20px;\n\n margin-right: 20px;\n background-color: var(--g-color-base-float);\n border-radius: 8px;\n box-shadow: 0 1px 8px var(--g-color-sfx-shadow);\n padding: 8px;\n pointer-events: all;\n }\n}\n",".query-status {\n display: inline-flex;\n align-items: center;\n\n &__icon-container {\n margin-right: 4px;\n\n &_draft {\n color: var(--color-status-icon-draft, var(--g-color-text-secondary));\n }\n\n &_completed {\n color: var(--color-status-icon-completed, var(--g-color-text-positive));\n }\n\n &_failed {\n color: var(--color-status-icon-error, var(--g-color-text-danger));\n }\n\n &.loading {\n width: 16px;\n height: 16px;\n }\n\n &_aborted {\n color: var(--color-status-icon-aborting, var(--g-color-text-secondary));\n }\n }\n\n &_tabs {\n margin-right: 0px;\n }\n}\n",".query-meta-info {\n display: flex;\n align-items: center;\n\n &__item:not(:last-child) {\n margin-right: 8px;\n }\n}\n",".query-meta-table {\n display: grid;\n align-items: center;\n grid-template-columns: max-content auto;\n grid-auto-rows: minmax(32px, max-content);\n\n margin: 0;\n\n &__title {\n display: flex;\n grid-column: 1;\n\n height: 16px;\n\n white-space: nowrap;\n\n &::after {\n flex: 1 0 0;\n\n min-width: 20px;\n margin: 0 2px;\n\n content: '';\n\n border-bottom: 1px dotted var(--g-color-line-generic);\n }\n }\n\n &__value {\n grid-column: 2;\n\n margin: 0;\n\n white-space: nowrap;\n }\n}\n",".query-result-actions {\n display: flex;\n &__item:not(:last-child) {\n margin-right: 8px;\n }\n}\n",".collapsible-table {\n .data-table {\n --data-table-header-vertical-padding: 12px;\n --data-table-cell-vertical-padding: 12px;\n }\n}\n\n.collapsible-table-cell {\n $level-margin: 20px;\n\n position: relative;\n\n display: flex;\n align-items: center;\n\n &_level_max {\n margin-left: $level-margin * 5;\n }\n\n &__value {\n padding-left: 34px;\n }\n\n &__toggler {\n position: absolute;\n top: 50%;\n left: 0;\n\n transform: translateY(-50%);\n }\n\n @for $i from 0 through 5 {\n &_level_#{$i} {\n margin-left: $level-margin * $i;\n }\n }\n}\n",".yql-loader {\n position: fixed;\n z-index: 10;\n inset: 0;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n &_veil {\n background-color: var(--yc-color-sfx-veil);\n }\n\n &_local {\n position: absolute;\n }\n\n &_statical {\n position: static;\n }\n}\n",".yql-statistics-table {\n display: flex;\n}\n",".node-details-info {\n --indent: 12px;\n display: grid;\n overflow: auto;\n grid-auto-rows: max-content;\n\n width: 100%;\n padding: 0 10px;\n grid-gap: 20px;\n\n &__entry {\n padding-left: var(--indent);\n\n & + & {\n margin-top: 8px;\n }\n }\n\n &__item {\n margin-top: 8px;\n padding-left: var(--indent);\n }\n\n &__columns {\n padding-left: var(--indent);\n\n &-column + &-column {\n margin-top: 8px;\n }\n\n &-expand {\n margin-top: 8px;\n }\n }\n\n .collapsible-section {\n margin-top: 0px;\n }\n}\n",".node-jobs {\n .data-table {\n --data-table-color-base: transparent;\n --data-table-border-color: transparent;\n --data-table-row-height: 40px;\n }\n\n &__row {\n height: 40px;\n }\n\n &__item {\n display: flex;\n align-items: center;\n\n &-color {\n display: inline-block;\n\n width: 12px;\n height: 12px;\n margin-right: 5px;\n\n border-radius: 3px;\n\n &_status {\n &_pending {\n background: var(--yql-graph-color-operation-pending);\n }\n &_running {\n background: var(--yql-graph-color-operation-running);\n }\n &_finished {\n background: var(--yql-graph-color-operation-completed);\n }\n &_failed {\n background: var(--yql-graph-color-operation-failed);\n }\n &_aborted {\n background: var(--yql-graph-color-operation-aborted);\n }\n &_completed {\n background: var(--yql-graph-color-operation-completed);\n }\n }\n }\n\n &-title {\n display: inline-block;\n\n padding-right: 2px;\n padding-left: 2px;\n\n vertical-align: top;\n }\n }\n}\n",".data-type {\n $_: &;\n\n &_optional {\n &:after {\n margin-left: 3px;\n\n font-family: sans-serif;\n font-size: 0.8em;\n font-weight: 400;\n font-style: italic;\n content: 'optional';\n vertical-align: top;\n\n color: var(--color-neutral-8);\n }\n }\n\n &_optional-multilevel {\n &:after {\n content: attr(data-optional);\n }\n }\n\n &_complex {\n font-weight: 600;\n cursor: pointer;\n\n color: var(--color-nav-hover);\n }\n\n &__tag {\n display: inline-block;\n\n margin-left: 3px;\n\n font-size: 0.8em;\n vertical-align: top;\n\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n\n &__subtype {\n padding-left: 16px;\n\n &_expanded {\n & > #{$_}__ellipsis {\n display: none;\n }\n }\n }\n\n &__ellipsis {\n cursor: pointer;\n &:after {\n content: '...';\n }\n }\n\n &__content {\n overflow: hidden;\n\n box-sizing: border-box;\n height: 0;\n\n transition: height 0.15s ease-in-out;\n &_expanded {\n height: auto;\n }\n }\n}\n","@import '../../styles/mixins.scss';\n\n.yql-schema-table {\n $schema: &;\n\n --_yql-schema-table_name-width: var(--yql-schema-table_name-width, auto);\n\n &__item {\n display: inline-flex;\n\n width: 100%;\n\n &:hover {\n #{$schema}__insert-icon {\n opacity: 1;\n }\n }\n }\n\n &__sort-icon {\n margin-right: 8px;\n\n color: var(--yc-color-text-primary);\n }\n\n &__name {\n overflow: hidden;\n\n max-width: var(--_yql-schema-table_name-width);\n margin-right: 10px;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__insert-icon {\n margin-left: auto;\n\n opacity: 0;\n color: var(--yc-color-base-generic-medium-hover);\n\n transition: opacity 0.1s linear;\n }\n\n .data-table {\n &__th {\n @include sticky-data-table-head();\n }\n }\n}\n","@mixin sticky-data-table-head {\n position: sticky;\n z-index: 1;\n top: 0;\n\n &::before {\n position: absolute;\n inset: -1px;\n\n content: '';\n\n border: 1px solid var(--data-table-border-color);\n background: var(--data-table-color-base);\n }\n}\n",".yql-node-schemas {\n &__item_schema + &__item_schema {\n margin-top: 4px;\n }\n\n &__item-heading {\n word-break: break-all;\n }\n\n &__item .yc-collapse__arrow-wrapper {\n align-self: flex-start;\n }\n\n &__item_title {\n margin-top: 0;\n .elements-heading {\n margin-bottom: 4px;\n }\n }\n\n &__item_schema {\n .elements-heading {\n color: var(--yc-color-text-secondary);\n }\n }\n\n &__item_schema:nth-child(1) {\n margin-top: 0;\n }\n}\n","@import './styles/mixins.scss';\n\n.node-stages {\n overflow: auto;\n\n .data-table {\n --data-table-color-base: var(--yc-color-base-float);\n --data-table-border-color: var(--yc-color-base-float);\n\n th {\n @include sticky-data-table-head();\n }\n }\n\n &__footer {\n font-weight: 500;\n\n td {\n position: sticky;\n bottom: 0;\n\n background: var(--yc-color-base-float);\n }\n }\n}\n",".operation-node-info {\n display: grid;\n grid-template-rows: min-content;\n justify-items: center;\n\n width: 330px;\n height: 332px;\n padding: 12px 2px;\n\n &__selector {\n margin-bottom: 12px;\n }\n\n .data-table__table {\n width: 100%;\n }\n\n &__schema {\n --yql-schema-table_name-width: 120px;\n overflow: auto;\n\n width: 100%;\n padding: 0 10px 20px;\n\n .data-table__table {\n width: auto;\n min-width: 100%;\n }\n }\n}\n",".legend {\n $block: &;\n display: grid;\n grid-auto-columns: max-content;\n grid-auto-flow: column;\n\n padding-left: 14px;\n\n border-radius: 4px;\n background: var(--yc-color-base-float);\n box-shadow: 0 1px 8px var(--yc-color-sfx-shadow);\n grid-gap: 20px;\n\n &_orientation_vertical {\n grid-auto-flow: row;\n\n padding: 14px 16px;\n }\n\n &__item {\n display: flex;\n align-items: center;\n\n &-color {\n display: inline-block;\n\n width: 15px;\n height: 15px;\n margin-right: 3px;\n\n border-radius: 5px;\n\n &_state {\n &_notstarted {\n border: 1px solid var(--yql-graph-color-operation-new-border);\n background: var(--yql-graph-color-operation-new);\n }\n &_started {\n border: 1px solid var(--yql-graph-color-operation-started-border);\n background: var(--yql-graph-color-operation-started);\n }\n &_inprogress {\n background: var(--yql-graph-color-operation-running);\n }\n &_finished {\n background: var(--yql-graph-color-operation-completed);\n }\n &_failed {\n background: var(--yql-graph-color-operation-failed);\n }\n &_aborted {\n background: var(--yql-graph-color-operation-aborted);\n }\n }\n }\n\n &-title {\n display: inline-block;\n\n padding-right: 2px;\n padding-left: 2px;\n\n vertical-align: top;\n\n border-radius: 5px;\n }\n }\n}\n",".yql-plan-minimap {\n overflow: hidden;\n\n width: 150px;\n height: 100px;\n\n &__minimap {\n width: 100%;\n height: 100%;\n\n & > :first-child {\n outline: none;\n }\n }\n\n &__wrapper {\n position: absolute;\n inset: 0;\n }\n &__radar {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100px;\n height: 100px;\n\n pointer-events: none;\n\n border: 1px solid var(--yc-color-line-info);\n border-radius: 5px;\n background: var(--yc-color-base-info);\n }\n}\n",".graph {\n position: relative;\n\n width: 100%;\n min-width: 50px;\n height: 100%;\n min-height: 50px;\n\n &__graph {\n width: 100%;\n height: 100%;\n\n & > :first-child {\n outline: none;\n }\n }\n\n &__graph {\n min-width: 50px;\n min-height: 50px;\n }\n\n &__minimap-wrapper {\n position: absolute;\n bottom: 20px;\n left: 20px;\n }\n\n &__toolbar {\n position: absolute;\n right: 20px;\n bottom: 20px;\n\n display: grid;\n grid-gap: 10px;\n\n padding-bottom: 38px;\n\n &-button {\n background: var(--yc-color-base-background);\n }\n }\n\n &__legend {\n position: absolute;\n right: 0;\n bottom: 0;\n }\n\n .vis-tooltip {\n position: absolute;\n\n display: none;\n\n padding: 6px 12px;\n\n color: var(--yc-color-text-light-primary);\n border-radius: 4px;\n background-color: var(--yc-color-base-float-heavy);\n }\n\n &_show-tooltip {\n .vis-tooltip {\n display: block;\n }\n }\n}\n",".yc-timeline-ruler {\n --tl-side-padding-width: 20px;\n\n --tl-color-border: var(--g-color-line-generic);\n --tl-color-tick-minor: var(--g-color-line-generic);\n --tl-color-tick-major: var(--g-color-text-secondary);\n --tl-color-tick-now: var(--g-color-base-danger-heavy);\n --tl-color-text: var(--g-color-text-complementary);\n\n --tl-color-selection: var(--g-color-infographics-axis);\n --tl-back-selection: var(--g-color-base-selection);\n --tl-back-selection-handle: var(--g-color-base-selection);\n\n display: flex;\n overflow: hidden;\n box-shadow: inset 0 1px 0 0 var(--tl-color-border), inset 0 -1px 0 0 var(--tl-color-border);\n align-items: center;\n padding: 0 var(--tl-side-padding-width);\n\n &__zoom {\n display: flex;\n flex: 0 0 auto;\n margin-right: 10px;\n }\n\n &__ruler {\n flex: 1 1 auto;\n overflow: hidden;\n position: relative;\n cursor: move;\n }\n\n &__ruler-svg {\n vertical-align: top;\n pointer-events: none;\n }\n\n &__ruler-border {\n fill: var(--tl-color-border);\n }\n\n &__ticks-major {\n fill: var(--tl-color-tick-major);\n }\n\n &__ticks-minor {\n fill: var(--tl-color-tick-minor);\n }\n\n &__labels-minor {\n position: absolute;\n top: 50%;\n transform: translate(0, -7px);\n user-select: none;\n color: var(--tl-color-text);\n }\n\n &__label-minor {\n position: absolute;\n font-size: 11px;\n transform: translate(-50%);\n text-align: center;\n white-space: nowrap;\n }\n\n &__selection {\n pointer-events: none;\n position: absolute;\n top: 0;\n height: 100%;\n background: var(--tl-back-selection);\n box-shadow: inset 0 0 0 1px var(--tl-color-selection);\n border-radius: 5px;\n cursor: move;\n }\n\n &__container {\n position: relative;\n }\n\n &__controls-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n }\n\n &__selection-interactive {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n pointer-events: all;\n }\n\n &__selection-handle {\n position: absolute;\n top: 50%;\n width: 7px;\n height: 20px;\n margin-top: -10px;\n background: linear-gradient(\n to right,\n var(--tl-back-selection-handle),\n var(--tl-back-selection-handle)\n ),\n linear-gradient(\n to right,\n var(--g-color-base-background),\n var(--g-color-base-background)\n );\n box-shadow: inset 0 0 0 1px var(--tl-color-selection);\n cursor: ew-resize;\n pointer-events: all;\n\n &:after {\n content: '';\n position: absolute;\n width: 1px;\n top: 4px;\n bottom: 4px;\n left: 3px;\n box-shadow: inset 0 0 0 1px var(--tl-color-selection);\n }\n\n &_position_left {\n left: -3px;\n }\n\n &_position_right {\n right: -3px;\n }\n }\n\n &__zoom-button {\n width: 36px;\n }\n\n &__now-tick {\n fill: var(--tl-color-tick-now);\n opacity: 0.5;\n }\n\n &__now-button {\n margin-left: 6px;\n margin-right: -6px;\n }\n}\n",":root {\n --yc-timeline-line-margin: 5px;\n}\n\n.yc-timeline {\n .yc-timeline-picker {\n margin-bottom: var(--yc-timeline-line-margin);\n }\n}\n",".yq-virtual-list {\n display: grid;\n grid-auto-rows: min-content 1fr;\n\n width: 100%;\n height: 100%;\n\n outline: none;\n\n &__header {\n width: 100%;\n }\n\n &__list {\n overflow: auto;\n }\n\n &__item {\n &_active {\n background: var(--g-color-base-simple-hover);\n }\n\n &_selected {\n background: var(--g-color-base-selection);\n }\n\n &_clickable {\n cursor: pointer;\n }\n }\n}\n",":root {\n --table-header-vertical-padding: 5px;\n --table-cell-vertical-padding: 5px;\n --table-cell-horizontal-padding: 4px;\n --table-cell-border-padding: calc(2 * var(--table-cell-horizontal-padding));\n --table-cell-align: center;\n --table-head-align: center;\n --table-row-height: 40px;\n --table-sort-icon-space: 18px;\n --table-sort-icon-opacity-inactive: 0.15;\n --table-sort-icon-color: inherit;\n}\n\n.table {\n $block: &;\n\n background: var(--table-color-base);\n\n &__th {\n position: relative;\n\n display: flex;\n overflow: hidden;\n align-items: center;\n\n padding: var(--table-header-vertical-padding) var(--table-cell-horizontal-padding);\n\n font-weight: 500;\n cursor: default;\n text-align: left;\n\n background: var(--table-color-base);\n\n &_sortable {\n cursor: pointer;\n\n #{$block}__head-cell {\n padding-right: var(--table-sort-icon-space);\n }\n }\n }\n\n &__row,\n &__head {\n display: flex;\n\n min-width: var(--table-min-width);\n height: var(--table-row-height);\n }\n\n &__head[class] {\n padding-right: var(--g-scrollbar-width);\n }\n\n &__table[class] {\n overflow-y: scroll;\n }\n\n &__td {\n display: flex;\n overflow: hidden;\n align-items: center;\n\n height: 100%;\n padding: var(--table-cell-vertical-padding) var(--table-cell-horizontal-padding);\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__td,\n &__th {\n &_align {\n &_left {\n justify-content: flex-start;\n\n text-align: left;\n }\n &_center {\n justify-content: center;\n\n text-align: center;\n }\n &_right {\n justify-content: flex-end;\n\n text-align: right;\n }\n }\n\n &:first-child {\n padding-left: var(--table-cell-border-padding);\n }\n &:last-child {\n padding-right: var(--table-cell-border-padding);\n }\n }\n\n &__head-cell {\n position: relative;\n\n display: inline-block;\n overflow: hidden;\n\n box-sizing: border-box;\n max-width: 100%;\n\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__row-cell {\n position: relative;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: 100%;\n\n vertical-align: top;\n }\n\n &__sort-icon {\n position: absolute;\n top: 50%;\n right: 0;\n\n display: inline-flex;\n\n color: var(--table-sort-icon-color);\n\n transform: translate(0, -50%);\n\n &:after {\n position: absolute;\n top: -5px;\n left: 100%;\n\n font-size: 8px;\n content: attr(data-index);\n }\n\n &_shadow {\n opacity: var(--table-sort-icon-opacity-inactive);\n &:after {\n content: none;\n }\n }\n }\n\n &_striped-rows {\n #{$block}__row {\n &_odd {\n background: var(--table-color-stripe);\n }\n }\n }\n\n &_view_default {\n --table-color-base: var(--g-color-base-background);\n --table-color-stripe: var(--g-color-base-generic-ultralight);\n }\n\n &_view_popup {\n --table-color-base: var(--g-color-base-float);\n --table-color-stripe: var(--g-color-base-generic-ultralight);\n }\n}\n",".node-name {\n &__name {\n display: flex;\n align-items: center;\n :not(:last-child) {\n margin-right: 6px;\n }\n }\n\n &__operation-node-info {\n &-popup {\n min-width: 330px;\n height: 332px;\n padding: 0;\n }\n }\n}\n",".timeline {\n display: flex;\n flex-direction: column;\n\n height: 100%;\n &__content-wrapper {\n display: flex;\n overflow: hidden;\n align-items: flex-start;\n\n height: 100%;\n }\n\n &__aside-header {\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n\n height: 100%;\n max-height: 100%;\n\n border-right: 1px solid var(--yc-color-line-generic);\n }\n\n &__aside-item {\n &_expanded {\n font-weight: 600;\n }\n .node-name__name {\n overflow: hidden;\n\n white-space: nowrap;\n\n :not(:last-child) {\n margin-right: 4px;\n }\n\n .yc-link {\n overflow: hidden;\n\n text-overflow: ellipsis;\n }\n }\n .node-name__operation-node-info {\n height: 16px;\n span {\n display: flex;\n }\n }\n }\n\n &__event-name {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n\n color: var(--yc-color-text-secondary);\n }\n\n &__container {\n position: relative;\n\n display: flex;\n overflow: hidden;\n flex-grow: 1;\n flex-direction: column;\n\n height: 100%;\n }\n\n &__ruler-wrapper {\n flex-grow: 1;\n }\n\n &__timeline {\n flex-grow: 1;\n }\n\n &__node-name {\n justify-content: flex-end;\n }\n\n &__node-status {\n display: flex;\n align-items: center;\n\n &-icon {\n width: 13px;\n aspect-ratio: 1;\n\n margin-right: 6px;\n\n border-radius: 3px;\n\n &_state {\n &_not_started {\n background: var(--yql-graph-color-operation-new);\n }\n &_started {\n background: var(--yql-graph-color-operation-pending);\n }\n &_in_progress {\n background: var(--yql-graph-color-operation-running);\n }\n &_finished {\n background: var(--yql-graph-color-operation-completed);\n }\n &_failed {\n background: var(--yql-graph-color-operation-failed);\n }\n &_aborted {\n background: var(--yql-graph-color-operation-aborted);\n }\n }\n }\n }\n\n &__table {\n position: relative;\n\n .table__table {\n overflow-x: hidden;\n }\n }\n\n &__filters {\n display: grid;\n grid-auto-columns: max-content;\n grid-auto-flow: column;\n grid-gap: 12px;\n\n margin-bottom: 10px;\n\n &-search {\n width: 300px;\n }\n }\n}\n",".yc-root {\n // Node operation styles\n --yql-graph-color-operation-new: var(--yc-color-base-simple-hover);\n --yql-graph-color-operation-new-border: var(--yc-color-line-generic-active);\n --yql-graph-color-operation-new-background: var(--yc-color-base-generic-ultralight);\n --yql-graph-color-operation-pending: var(--yc-color-base-warning-heavy);\n --yql-graph-color-operation-completed: var(--yc-color-base-positive-heavy);\n --yql-graph-color-operation-completed-border: var(--yc-color-line-positive);\n --yql-graph-color-operation-completed-background: var(--yc-color-base-positive);\n --yql-graph-color-operation-running: var(--yc-color-base-info-heavy);\n --yql-graph-color-operation-running-border: var(--yc-color-line-selection-active);\n --yql-graph-color-operation-running-background: var(--g-color-base-info-light);\n --yql-graph-color-operation-aborted: var(--yc-color-base-misc-heavy);\n --yql-graph-color-operation-aborted-border: var(--yc-color-line-misc);\n --yql-graph-color-operation-aborted-background: var(--yc-color-base-misc);\n --yql-graph-color-operation-started: var(--yc-color-base-simple-hover);\n --yql-graph-color-operation-started-border: var(--yc-color-line-selection-active);\n --yql-graph-color-operation-started-background: var(--yc-color-base-generic-ultralight);\n --yql-graph-color-operation-failed: var(--yc-color-base-danger-heavy);\n --yql-graph-color-operation-failed-border: var(--yc-color-line-danger);\n --yql-graph-color-operation-failed-background: var(--yc-color-base-danger);\n // Node table styles\n --yql-graph-color-table-fill1: var(--yc-color-text-secondary);\n --yql-graph-color-table-fill2: var(--yc-color-text-hint);\n // Edge styles\n --yql-graph-color-edge: var(--yc-color-line-generic-active);\n --yql-graph-color-edge-highlight: var(--yc-color-infographics-info-heavy);\n // Text\n --yql-graph-color-text-operation-count: var(--yc-color-text-primary);\n --yql-graph-color-text-label: var(--yc-color-text-complementary);\n --yql-graph-color-text-link: var(--yc-color-text-link);\n}\n\n.plan {\n width: 100%;\n height: 100%;\n\n &__graph,\n &__table {\n width: 100%;\n height: 100%;\n }\n\n &__table {\n padding: 0 20px;\n }\n\n &__graph-info {\n padding: 0 20px 20px;\n\n &-button {\n margin-top: 16px;\n }\n }\n\n &__legend {\n margin-top: 16px;\n }\n}\n",".query-results {\n background: var(--main-background);\n display: flex;\n flex-direction: column;\n\n &__result-wrap {\n height: 100%;\n }\n\n &__meta {\n height: 40px;\n border-bottom: 1px solid var(--dark-divider);\n display: flex;\n align-items: center;\n padding: 8px 20px;\n }\n\n &__meta-info {\n flex: 1;\n }\n\n &__result {\n flex: 1;\n\n padding: 8px 0 0 20px;\n display: flex;\n flex-direction: column;\n overflow: auto;\n }\n\n &__tabs {\n flex: 1;\n box-shadow: none;\n }\n\n &__content {\n flex: 1;\n overflow: auto;\n contain: strict;\n }\n\n &__result {\n padding: 8px 20px;\n }\n\n &__header {\n display: flex;\n margin-bottom: 20px;\n box-shadow: inset 0 -1px 0 0 var(--g-color-line-generic);\n align-items: center;\n }\n}\n",".query-container {\n width: 100%;\n height: 100%;\n overflow: visible;\n display: flex;\n flex-direction: column;\n\n &__loading {\n position: absolute;\n z-index: 1000;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0, 0.1);\n display: flex;\n justify-content: center;\n }\n\n &_minimized .flex-split__pane:nth-child(3) {\n flex: initial;\n /* In order to override flex basis from split component /\n flex-basis: initial !important;\n }\n\n &_full .flex-split__pane:nth-child(1) {\n flex: initial;\n / In order to override flex basis from split component */\n flex-basis: initial !important;\n }\n\n &__query {\n width: 100%;\n height: 100%;\n overflow: visible;\n }\n\n &__results {\n flex: 1;\n }\n\n &__editor {\n flex: 1;\n border-bottom: 1px solid var(--dark-divider);\n width: 100%;\n height: calc(100% - 40px);\n overflow: visible;\n }\n\n &__actions {\n padding: 6px 20px;\n display: flex;\n flex-direction: row;\n background: var(--main-background);\n\n .query-run-action {\n padding-right: 12px;\n margin-right: 12px;\n\n .query-run-action-button:first-child {\n margin-right: 4px;\n }\n }\n }\n\n &__error-line {\n background: var(--error-background);\n }\n}\n"],"names":[],"sourceRoot":""}

package/dist/public/build/css/{315.6f50c50a.chunk.css → 934.adfa96ce.chunk.css} RENAMED Viewed

@@ -1,2 +1,2 @@
 .query-history-item{cursor:pointer;position:relative}.query-history-item:hover{background-color:var(--hover-background)}.query-history-item_selected{background-color:var(--dark-background)}.query-history-item__name{align-items:center;display:inline-flex;justify-content:flex-start;width:100%}.query-history-item__name_row{max-width:100px}.query-history-item__author_row{max-width:120px}.query-history-item__name>.query-history-item__status-icon{min-height:16px;min-width:16px}.query-history-item__name-edit{margin:-14px 0;visibility:hidden;width:0;z-index:1}.query-history-item:hover .query-history-item__name-edit{padding-left:5px;visibility:visible;width:auto}.queries-history-list{display:flex;flex:1;flex-direction:column;overflow:auto}.queries-history-list__filter{margin-bottom:8px;padding:12px 12px 0}.queries-history-list__list-wrapper{display:flex;flex:1;flex-direction:column;overflow:auto}.queries-history-list__list-wrapper .elements-table-wrapper{overflow:auto}.queries-history-list__list-wrapper>.queries-history-list__list{flex:1}.queries-history-list__pagination{align-items:center;display:flex;justify-content:center;padding:8px 0}.queires-list{display:flex;flex:1;flex-direction:column;max-width:100%}.queires-list__tabs{padding:0 12px}.queires-list__content{display:flex;flex:1;flex-direction:column;overflow:auto}.queires-list__filter{margin-bottom:8px;padding:12px 12px 0}.queires-list__list-content{flex:1}.queries-tutorial-list{display:flex;flex-direction:column;overflow:auto}.queries-tutorial-list__list_loading{flex:0}.queries-tutorial-list__loader{display:flex;justify-content:center;margin-top:20px}.queries-tutorial-list__filter{background:var(--main-background);padding:0 12px 8px;position:sticky;top:0;z-index:1}.query-tutorial-item{cursor:pointer;padding:0 12px}.query-tutorial-item__icon{color:var(--g-color-text-secondary);margin-right:8px}.queries-history-filter{display:flex;flex-direction:column;justify-content:center}.queries-history-filter__row{align-items:center;display:flex;flex-direction:row}.queries-history-filter__row:not(:last-child){margin-bottom:8px}.queries-history-filter__row-item:not(:first-child){margin-left:8px}.query-tracker-page__container{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:var(--query-editor-container-z-index)}.query-tracker-page__loader{flex:1 1 100%;justify-content:center}
-/*# sourceMappingURL=315.6f50c50a.chunk.css.map*/
+/*# sourceMappingURL=934.adfa96ce.chunk.css.map*/

package/dist/public/build/css/{315.6f50c50a.chunk.css.map → 934.adfa96ce.chunk.css.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css/~~315~~.~~6f50c50a~~.chunk.css","mappings":"AAAA,oBACI,eACA,kBAEA,0BACI,yCAGJ,6BACI,wCAGJ,0BAEI,mBADA,oBAGA,2BADA,UACA,CAGJ,8BACI,gBAGJ,gCACI,gBAGJ,2DAEI,gBADA,cACA,CAGJ,+BAII,eAHA,kBACA,QACA,SACA,CAGJ,yDACI,iBACA,mBACA,WAIR,sBACI,aAGA,MAAK,CAFL,sBACA,aACA,CAEA,8BAEI,kBADA,mBACA,CAGJ,oCAGI,aAFA,OAGA,sBAFA,aAEA,CAEA,4DACI,cAIR,gEACI,OAGJ,kCAGI,mBAFA,aACA,uBAEA,cC5ER,cAKI,aAJA,OAKA,sBAHA,cAGA,CAEA,oBACI,eAGJ,uBAEI,aADA,OAEA,sBACA,cAGJ,sBAEI,kBADA,mBACA,CAGJ,4BACI,OCzBR,uBACI,aACA,sBACA,cAGI,qCACI,OAIP,+BACG,aACA,uBACA,gBAGJ,+BAMI,kCALA,mBAEA,gBACA,MACA,SACA,CAIR,qBAEI,eADA,cACA,CAEA,2BAEI,oCADA,gBACA,CCjCR,wBACI,aAEA,sBADA,sBACA,CAGA,6BAEI,mBADA,aAEA,mBAEA,8CACI,kBAIR,oDACI,gBChBJ,+BAEI,YAGA,OACA,iBALA,kBAGA,MADA,WAIA,8CAGJ,4BACI,cACA","sources":["webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/QueriesHistoryList/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/QueriesTutorialList/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/QueriesListFilter/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryTracker/QueryTracker.scss"],"sourcesContent":[".query-history-item {\n cursor: pointer;\n position: relative;\n\n &:hover {\n background-color: var(--hover-background);\n }\n\n &_selected {\n background-color: var(--dark-background);\n }\n\n &__name {\n display: inline-flex;\n align-items: center;\n width: 100%;\n justify-content: flex-start;\n }\n\n &__name_row {\n max-width: 100px;\n }\n\n &__author_row {\n max-width: 120px;\n }\n\n &__name > &__status-icon {\n min-width: 16px;\n min-height: 16px;\n }\n\n &__name-edit {\n visibility: hidden;\n width: 0;\n z-index: 1;\n margin: -14px 0;\n }\n\n &:hover &__name-edit {\n padding-left: 5px;\n visibility: visible;\n width: auto;\n }\n}\n\n.queries-history-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex: 1;\n\n &__filter {\n padding: 12px 12px 0;\n margin-bottom: 8px;\n }\n\n &__list-wrapper {\n flex: 1;\n overflow: auto;\n display: flex;\n flex-direction: column;\n\n .elements-table-wrapper {\n overflow: auto;\n }\n }\n\n &__list-wrapper > &__list {\n flex: 1;\n }\n\n &__pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px 0;\n }\n}\n",".queires-list {\n flex: 1;\n\n max-width: 100%;\n\n display: flex;\n flex-direction: column;\n\n &__tabs {\n padding: 0 12px;\n }\n\n &__content {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: auto;\n }\n\n &__filter {\n padding: 12px 12px 0;\n margin-bottom: 8px;\n }\n\n &__list-content {\n flex: 1;\n }\n}\n",".queries-tutorial-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n\n &__list {\n &_loading {\n flex: 0;\n }\n }\n\n &__loader {\n display: flex;\n justify-content: center;\n margin-top: 20px;\n }\n\n &__filter {\n padding: 0 12px 8px;\n\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--main-background);\n }\n}\n\n.query-tutorial-item {\n padding: 0 12px;\n cursor: pointer;\n\n &__icon {\n margin-right: 8px;\n color: var(--g-color-text-secondary);\n }\n}\n",".queries-history-filter {\n display: flex;\n justify-content: center;\n flex-direction: column;\n\n\n &__row {\n display: flex;\n align-items: center;\n flex-direction: row;\n\n &:not(:last-child) {\n margin-bottom: 8px;\n }\n }\n\n &__row-item:not(:first-child) {\n margin-left: 8px;\n }\n}\n",".query-tracker-page {\n &__container {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n overflow: visible;\n z-index: var(--query-editor-container-z-index);\n }\n\n &__loader {\n flex: 1 1 100%;\n justify-content: center;\n }\n}\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"css/934.adfa96ce.chunk.css","mappings":"AAAA,oBACI,eACA,kBAEA,0BACI,yCAGJ,6BACI,wCAGJ,0BAEI,mBADA,oBAGA,2BADA,UACA,CAGJ,8BACI,gBAGJ,gCACI,gBAGJ,2DAEI,gBADA,cACA,CAGJ,+BAII,eAHA,kBACA,QACA,SACA,CAGJ,yDACI,iBACA,mBACA,WAIR,sBACI,aAGA,MAAK,CAFL,sBACA,aACA,CAEA,8BAEI,kBADA,mBACA,CAGJ,oCAGI,aAFA,OAGA,sBAFA,aAEA,CAEA,4DACI,cAIR,gEACI,OAGJ,kCAGI,mBAFA,aACA,uBAEA,cC5ER,cAKI,aAJA,OAKA,sBAHA,cAGA,CAEA,oBACI,eAGJ,uBAEI,aADA,OAEA,sBACA,cAGJ,sBAEI,kBADA,mBACA,CAGJ,4BACI,OCzBR,uBACI,aACA,sBACA,cAGI,qCACI,OAIP,+BACG,aACA,uBACA,gBAGJ,+BAMI,kCALA,mBAEA,gBACA,MACA,SACA,CAIR,qBAEI,eADA,cACA,CAEA,2BAEI,oCADA,gBACA,CCjCR,wBACI,aAEA,sBADA,sBACA,CAGA,6BAEI,mBADA,aAEA,mBAEA,8CACI,kBAIR,oDACI,gBChBJ,+BAEI,YAGA,OACA,iBALA,kBAGA,MADA,WAIA,8CAGJ,4BACI,cACA","sources":["webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/QueriesHistoryList/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/QueriesTutorialList/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesList/QueriesListFilter/index.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryTracker/QueryTracker.scss"],"sourcesContent":[".query-history-item {\n cursor: pointer;\n position: relative;\n\n &:hover {\n background-color: var(--hover-background);\n }\n\n &_selected {\n background-color: var(--dark-background);\n }\n\n &__name {\n display: inline-flex;\n align-items: center;\n width: 100%;\n justify-content: flex-start;\n }\n\n &__name_row {\n max-width: 100px;\n }\n\n &__author_row {\n max-width: 120px;\n }\n\n &__name > &__status-icon {\n min-width: 16px;\n min-height: 16px;\n }\n\n &__name-edit {\n visibility: hidden;\n width: 0;\n z-index: 1;\n margin: -14px 0;\n }\n\n &:hover &__name-edit {\n padding-left: 5px;\n visibility: visible;\n width: auto;\n }\n}\n\n.queries-history-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex: 1;\n\n &__filter {\n padding: 12px 12px 0;\n margin-bottom: 8px;\n }\n\n &__list-wrapper {\n flex: 1;\n overflow: auto;\n display: flex;\n flex-direction: column;\n\n .elements-table-wrapper {\n overflow: auto;\n }\n }\n\n &__list-wrapper > &__list {\n flex: 1;\n }\n\n &__pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px 0;\n }\n}\n",".queires-list {\n flex: 1;\n\n max-width: 100%;\n\n display: flex;\n flex-direction: column;\n\n &__tabs {\n padding: 0 12px;\n }\n\n &__content {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: auto;\n }\n\n &__filter {\n padding: 12px 12px 0;\n margin-bottom: 8px;\n }\n\n &__list-content {\n flex: 1;\n }\n}\n",".queries-tutorial-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n\n &__list {\n &_loading {\n flex: 0;\n }\n }\n\n &__loader {\n display: flex;\n justify-content: center;\n margin-top: 20px;\n }\n\n &__filter {\n padding: 0 12px 8px;\n\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--main-background);\n }\n}\n\n.query-tutorial-item {\n padding: 0 12px;\n cursor: pointer;\n\n &__icon {\n margin-right: 8px;\n color: var(--g-color-text-secondary);\n }\n}\n",".queries-history-filter {\n display: flex;\n justify-content: center;\n flex-direction: column;\n\n\n &__row {\n display: flex;\n align-items: center;\n flex-direction: row;\n\n &:not(:last-child) {\n margin-bottom: 8px;\n }\n }\n\n &__row-item:not(:first-child) {\n margin-left: 8px;\n }\n}\n",".query-tracker-page {\n &__container {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n overflow: visible;\n z-index: var(--query-editor-container-z-index);\n }\n\n &__loader {\n flex: 1 1 100%;\n justify-content: center;\n }\n}\n"],"names":[],"sourceRoot":""}

package/dist/public/build/js/150.911decab.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunk_ytsaurus_ui=self.webpackChunk_ytsaurus_ui\|\|[]).push([[150],{92642:(e,r,i)=>{i.r(r),i.d(r,{QueryHeader:()=>h,default:()=>w}),i(89526);var l=i(10440),n=i(92070),t=i(95549),s=i(25456),a=i(8819),u=i(68053),o=i(29648),c=i(46562),d=i(54645),v=i(67557);function f(){var e=(0,d.T4)(),r=e.isQueriesListSidebarVisible,i=e.toggleQueriesListSideBarToggle;return(0,v.jsx)(o.z,{view:"outlined",size:"l",title:"".concat(r?"Hide":"Show"," queries list"),onClick:i,children:(0,v.jsx)(c.Z,{awesome:"layout-side-content",size:16})})}var g=(0,l.Z)("query-tracker-top-row-content");function h(){var e=(0,n.v9)(u.ey);return(0,v.jsx)("div",{className:g(),children:(0,v.jsx)("div",{className:g("meta"),children:(0,v.jsx)(a.O,{className:g("meta-form"),cluster:e.cluster,path:e.path})})})}function w(){return(0,v.jsxs)(t.x,{page:s.T3.QUERIES,children:[(0,v.jsx)(h,{}),(0,v.jsx)(f,{})]})}},54645:(e,r,i)=>{i.d(r,{T4:()=>v,dV:()=>d,Fz:()=>c});var l=i(89526),n=i(92070),t=i(71083),s=i(79236),a=i(55925),u=i(80645),o=(0,i(13806).P1)((function(e){return e.settings.data}),(function(e){return Boolean(e["global::queryTracker::queriesListSidebarVisibilityMode"])}));function c(){return[(0,n.v9)(s.MR),(0,n.v9)(s.Mv)]}var d=function(){var e=(0,n.I0)(),r=(0,n.v9)(s.qn),i=(0,n.v9)(s.wI),u=(0,l.useCallback)((function(){e((0,a.hJ)(t.u8.PAST))}),[e]),o=(0,l.useCallback)((function(){e((0,a.hJ)(t.u8.FUTURE))}),[e]),c=(0,l.useCallback)((function(){e((0,a.z8)())}),[e]);return{first:!(null!=r&&r.cursorTime),last:!i,currentCursorTime:null==r?void 0:r.cursorTime,goNext:u,goBack:o,goFirst:c}},v=function(){var e=(0,n.I0)(),r=(0,n.v9)(o);return{isQueriesListSidebarVisible:r,toggleQueriesListSideBarToggle:function(){e((0,u.gb)("global::queryTracker::queriesListSidebarVisibilityMode",!r))}}}},33350:(e,r,i)=>{i.d(r,{Z:()=>t});var l=i(19677),n=i(67557);const t=function(e){return(0,n.jsx)("svg",(0,l.Z)((0,l.Z)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,n.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M9.77 10.73a.717.717 0 0 0 .01-.01l3.08-3.08a3.889 3.889 0 1 0-5.5-5.5L4.73 4.77l-.01.01-1.667 1.666a5.303 5.303 0 0 0 7.5 7.5l3.167-3.166a.75.75 0 1 0-1.061-1.06l-3.166 3.166a3.803 3.803 0 1 1-5.379-5.379L5.33 6.291l.011-.01L8.421 3.2a2.39 2.39 0 0 1 3.38 3.378l-1.13 1.13-.012.012-2.995 2.994a.975.975 0 1 1-1.378-1.378L9.28 6.34a.75.75 0 0 0-1.06-1.06L5.225 8.274a2.475 2.475 0 0 0 3.5 3.5l1.044-1.044Z",clipRule:"evenodd"})}))}},6632:(e,r,i)=>{i.d(r,{Z:()=>t});var l=i(19677),n=i(67557);const t=function(e){return(0,n.jsx)("svg",(0,l.Z)((0,l.Z)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,n.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75Z",clipRule:"evenodd"})}))}},12043:(e,r,i)=>{i.d(r,{Z:()=>t});var l=i(19677),n=i(67557);const t=function(e){return(0,n.jsx)("svg",(0,l.Z)((0,l.Z)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,n.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.47 3.47a.75.75 0 0 1 1.06 0L8 6.94l3.47-3.47a.75.75 0 1 1 1.06 1.06L9.06 8l3.47 3.47a.75.75 0 1 1-1.06 1.06L8 9.06l-3.47 3.47a.75.75 0 0 1-1.06-1.06L6.94 8 3.47 4.53a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}))}}}]);
2	+ //# sourceMappingURL=150.911decab.chunk.js.map

package/dist/public/build/js/150.911decab.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"js/150.911decab.chunk.js","mappings":"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","sources":["webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueriesListSidebarToggleButton/QueriesListSidebarToggleButton.tsx","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/QueryTrackerTopRow/index.tsx","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/module/settings/selector.ts","webpack://@ytsaurus/ui/./src/ui/store/selectors/settings-base.ts","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/hooks/QueriesList/index.ts","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/svgs/paperclip.svg","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/svgs/plus.svg","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/svgs/xmark.svg"],"sourcesContent":["import React from 'react';\nimport {Button} from '@gravity-ui/uikit';\nimport Icon from '../../../components/Icon/Icon';\nimport {useQueriesListSidebarToggle} from '../hooks/QueriesList';\n\nexport function QueriesListSidebarToggleButton() {\n const {isQueriesListSidebarVisible, toggleQueriesListSideBarToggle} =\n useQueriesListSidebarToggle();\n\n return (\n <Button\n view=\"outlined\"\n size=\"l\"\n title={`${isQueriesListSidebarVisible ? 'Hide' : 'Show'} queries list`}\n onClick={toggleQueriesListSideBarToggle}\n >\n <Icon awesome=\"layout-side-content\" size={16} />\n </Button>\n );\n}\n","import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {useSelector} from 'react-redux';\nimport {RowWithName} from '../../../containers/AppNavigation/TopRowContent/SectionName';\nimport {Page} from '../../../../shared/constants/settings';\nimport {QueryMetaForm} from './QueryMetaForm/QueryMetaForm';\n\nimport './index.scss';\nimport {getQueryGetParams} from '../module/query/selectors';\nimport {QueriesListSidebarToggleButton} from '../QueriesListSidebarToggleButton/QueriesListSidebarToggleButton';\n\nconst block = cn('query-tracker-top-row-content');\n\nexport function QueryHeader() {\n const routeParams = useSelector(getQueryGetParams);\n\n return (\n <div className={block()}>\n <div className={block('meta')}>\n <QueryMetaForm\n className={block('meta-form')}\n cluster={routeParams.cluster}\n path={routeParams.path}\n />\n </div>\n </div>\n );\n}\n\nexport default function QueryTrackerTopRow() {\n return (\n <RowWithName page={Page.QUERIES}>\n <QueryHeader />\n <QueriesListSidebarToggleButton />\n </RowWithName>\n );\n}\n","import {createSelector} from 'reselect';\nimport {getSettingsData} from '../../../../store/selectors/settings-base';\n\nexport const getSettingQueryTrackerQueriesListSidebarVisibilityMode = createSelector(\n getSettingsData,\n (settings) => Boolean(settings['global::queryTracker::queriesListSidebarVisibilityMode']),\n);\n","import {Settings} from '../../../shared/constants/settings-types';\nimport {RootState} from '../../store/reducers';\n\nexport const getSettingsData = (state: RootState) => state.settings.data as Settings;\n","import {useCallback} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {QueriesHistoryCursorDirection, QueryItem} from '../../module/api';\nimport {\n getQueriesList,\n getQueriesListCursor,\n hasQueriesListMore,\n isQueriesListLoading,\n} from '../../module/queries_list/selectors';\nimport {loadNextQueriesList, resetCursor} from '../../module/queries_list/actions';\nimport {setSettingByKey} from '../../../../store/actions/settings';\nimport {getSettingQueryTrackerQueriesListSidebarVisibilityMode} from '../../module/settings/selector';\n\nexport function useQueryList(): [QueryItem[], boolean] {\n const items = useSelector(getQueriesList);\n const isLoading = useSelector(isQueriesListLoading);\n\n return [items, isLoading];\n}\n\nexport const useQueriesPagination = () => {\n const dispatch = useDispatch();\n const cursor = useSelector(getQueriesListCursor);\n const hasNext = useSelector(hasQueriesListMore);\n\n const goNext = useCallback(() => {\n dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.PAST));\n }, [dispatch]);\n\n const goBack = useCallback(() => {\n dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.FUTURE));\n }, [dispatch]);\n\n const reset = useCallback(() => {\n dispatch(resetCursor());\n }, [dispatch]);\n\n return {\n first: !cursor?.cursorTime,\n last: !hasNext,\n currentCursorTime: cursor?.cursorTime,\n goNext,\n goBack,\n goFirst: reset,\n };\n};\n\nexport const useQueriesListSidebarToggle = () => {\n const dispatch = useDispatch();\n const isQueriesListSidebarVisible = useSelector(\n getSettingQueryTrackerQueriesListSidebarVisibilityMode,\n );\n\n const toggleQueriesListSideBarToggle = () => {\n dispatch(\n setSettingByKey<boolean>(\n 'global::queryTracker::queriesListSidebarVisibilityMode',\n !isQueriesListSidebarVisible,\n ),\n );\n };\n\n return {\n isQueriesListSidebarVisible,\n toggleQueriesListSideBarToggle,\n };\n};\n","const SvgPaperclip = props => <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}><path fill=\"currentColor\" fillRule=\"evenodd\" d=\"M9.77 10.73a.717.717 0 0 0 .01-.01l3.08-3.08a3.889 3.889 0 1 0-5.5-5.5L4.73 4.77l-.01.01-1.667 1.666a5.303 5.303 0 0 0 7.5 7.5l3.167-3.166a.75.75 0 1 0-1.061-1.06l-3.166 3.166a3.803 3.803 0 1 1-5.379-5.379L5.33 6.291l.011-.01L8.421 3.2a2.39 2.39 0 0 1 3.38 3.378l-1.13 1.13-.012.012-2.995 2.994a.975.975 0 1 1-1.378-1.378L9.28 6.34a.75.75 0 0 0-1.06-1.06L5.225 8.274a2.475 2.475 0 0 0 3.5 3.5l1.044-1.044Z\" clipRule=\"evenodd\" /></svg>;\nexport default SvgPaperclip;","const SvgPlus = props => <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}><path fill=\"currentColor\" fillRule=\"evenodd\" d=\"M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75Z\" clipRule=\"evenodd\" /></svg>;\nexport default SvgPlus;","const SvgXmark = props => <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}><path fill=\"currentColor\" fillRule=\"evenodd\" d=\"M3.47 3.47a.75.75 0 0 1 1.06 0L8 6.94l3.47-3.47a.75.75 0 1 1 1.06 1.06L9.06 8l3.47 3.47a.75.75 0 1 1-1.06 1.06L8 9.06l-3.47 3.47a.75.75 0 0 1-1.06-1.06L6.94 8 3.47 4.53a.75.75 0 0 1 0-1.06Z\" clipRule=\"evenodd\" /></svg>;\nexport default SvgXmark;"],"names":["QueriesListSidebarToggleButton","_useQueriesListSideba","useQueriesListSidebarToggle","isQueriesListSidebarVisible","toggleQueriesListSideBarToggle","_jsx","Button","view","size","title","concat","onClick","children","Icon","awesome","block","cn","QueryHeader","routeParams","useSelector","getQueryGetParams","className","QueryMetaForm","cluster","path","QueryTrackerTopRow","_jsxs","RowWithName","page","Page","QUERIES","getSettingQueryTrackerQueriesListSidebarVisibilityMode","createSelector","state","settings","data","Boolean","useQueryList","getQueriesList","isQueriesListLoading","useQueriesPagination","dispatch","useDispatch","cursor","getQueriesListCursor","hasNext","hasQueriesListMore","goNext","useCallback","loadNextQueriesList","QueriesHistoryCursorDirection","PAST","goBack","FUTURE","reset","resetCursor","first","cursorTime","last","currentCursorTime","goFirst","setSettingByKey","props","_objectSpread","xmlns","fill","viewBox","fillRule","d","clipRule"],"sourceRoot":""}