@deephaven/iris-grid 0.24.1-beta.3 → 0.25.0

package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,kBCHY;EDIZ;EACA;;AAEA;EACE,cEjBK;EFkBL,eElBK;;AFsBT;EACE;EACA,cEvBO;;AF0BT;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA,kBC7BU;;ADiCd;EACE,cE3CO;;AF8CL;EACE,aE/CG;;AFkDL;EACE;EACA;EACA,OClCG;EDmCH;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAKN;EACE;EACA,eEtEO;EFuEP,aEvEO;EFwEP;;AAGF;EACE,SE5EO","file":"VisibilityOrderingBuilder.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n.visibility-ordering-builder {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-height: 100%;\n  outline: 0;\n\n  .top-menu {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    background-color: $content-bg;\n    padding: $spacer-1 $spacer-2;\n    z-index: 2;\n\n    .btn-link-icon {\n      padding-left: $spacer-1;\n      padding-right: $spacer-1;\n    }\n  }\n\n  .toggle-visibility-btn {\n    flex-shrink: 0;\n    margin-right: $spacer-2;\n  }\n\n  .visibility-search {\n    flex-grow: 1;\n    flex-shrink: 1;\n  }\n\n  .visibility-ordering-list {\n    overflow-y: auto;\n    flex-grow: 1;\n\n    hr {\n      margin: $spacer-2 0;\n      background-color: $content-bg;\n    }\n  }\n\n  .visibility-ordering-list-item {\n    padding-left: $spacer-1; // space for focus border\n\n    &.immovable {\n      &:first-child {\n        padding-top: $spacer-1;\n      }\n\n      .column-item {\n        user-select: none;\n        border: $input-border-width solid transparent;\n        color: $text-muted;\n        padding-left: 32px;\n        &:hover {\n          background: transparent;\n        }\n      }\n\n      .column-name {\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        padding-right: 2px;\n      }\n    }\n  }\n\n  .vertical-divider {\n    border-left: 1px solid $black;\n    padding-right: $spacer-1;\n    margin-left: $spacer-1;\n    height: 1rem;\n  }\n\n  .tree-container {\n    padding: $spacer-1;\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: theme-color('danger');\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.d.ts

@@ -0,0 +1,156 @@
+import React, { ChangeEvent, Component, ReactElement } from 'react';
+import { ModelSizeMap, MoveOperation, VisibleIndex } from '@deephaven/grid';
+import type { Column } from '@deephaven/jsapi-shim';
+import memoize from 'memoizee';
+import './VisibilityOrderingBuilder.scss';
+import IrisGridModel from '../../IrisGridModel';
+import { ColumnName } from '../../CommonTypes';
+import ColumnHeaderGroup from '../../ColumnHeaderGroup';
+import { FlattenedIrisGridTreeItem, IrisGridTreeItem } from './sortable-tree/utilities';
+import { TreeItemRenderFn } from './sortable-tree/TreeItem';
+interface VisibilityOrderingBuilderProps {
+    model: IrisGridModel;
+    movedColumns: MoveOperation[];
+    userColumnWidths: ModelSizeMap;
+    columnHeaderGroups: ColumnHeaderGroup[];
+    onColumnVisibilityChanged: (columns: VisibleIndex[], isVisible: boolean) => void;
+    onMovedColumnsChanged: (operations: MoveOperation[], cb?: () => void) => void;
+    onColumnHeaderGroupChanged: (groups: ColumnHeaderGroup[]) => void;
+}
+interface VisibilityOrderingBuilderState {
+    selectedColumns: Set<string>;
+    lastSelectedColumn: string;
+    searchFilter: string;
+}
+declare class VisibilityOrderingBuilder extends Component<VisibilityOrderingBuilderProps, VisibilityOrderingBuilderState> {
+    static SORTING_OPTIONS: {
+        readonly DSC: "DSC";
+        readonly ASC: "ASC";
+    };
+    static MOVE_OPTIONS: {
+        readonly TOP: "TOP";
+        readonly BOTTOM: "BOTTOM";
+        readonly UP: "UP";
+        readonly DOWN: "DOWN";
+    };
+    constructor(props: VisibilityOrderingBuilderProps);
+    componentWillUnmount(): void;
+    list: HTMLDivElement | null;
+    debouncedSearchColumns: import("lodash").DebouncedFunc<(searchFilter: string) => void>;
+    resetVisibilityOrdering(): void;
+    resetSelection(): void;
+    handleSearchInputChange(event: ChangeEvent<HTMLInputElement>): void;
+    searchColumns(searchFilter: string): void;
+    /**
+     * Moves the currently selected columns in the direction specified.
+     * Does not commit any changes to any state, just gets the required modifications.
+     *
+     * Items that are part of a selected group should not be moved separate from the group.
+     *
+     * Items moved to top or bottom should be removed from any groups they are within,
+     * unless part of a group that is also selected. The highest level selected group will
+     * be moved to the root level of the tree.
+     *
+     * Items moved up or down should move into and out of groups when applicable.
+     * They should never move more than 1 depth level at a time.
+     *
+     * Multiple selected items should move to the top or bottom in their existing order,
+     * but become one block of continuous columns.
+     *
+     * Multiple selected items moving up or down should move independently,
+     * unless they are at the same depth and contiguous. In that case, they should
+     * move in and out of groups together. I.e. if the 2 items above a group are selected,
+     * and the move down button is pressed, then both items should be moved into the group.
+     *
+     * @param option The movement option
+     * @returns A new copy of the movedColumns including moves required to perform the operation.
+     *
+     */
+    moveSelectedColumns(option: keyof typeof VisibilityOrderingBuilder.MOVE_OPTIONS): {
+        newMoves: MoveOperation[];
+        groups: ColumnHeaderGroup[];
+    };
+    /**
+     * Moves the selected columns according to the option.
+     * Commits changes to state and scrolls the list if moving to top or bottom.
+     *
+     * @param option The move operation
+     */
+    handleMoveColumns(option: keyof typeof VisibilityOrderingBuilder.MOVE_OPTIONS): void;
+    /**
+     * Get the move operations required to recursively sort the grid
+     * Column header groups are sorted using their name
+     * Children of column header groups are then sorted within each group
+     *
+     * @param items The tree items to sort
+     * @param option Direction of the sort
+     * @param movedColumns The existing moved columns for the sort
+     *                     Grids may use an initial move list from the model (e.g. column header groups)
+     *                     Also used to recursively sort header groups
+     * @returns The moves required to sort the grid. Includes the starting movedColumns in the array
+     */
+    getSortMoves(itemsParam: IrisGridTreeItem[], option: keyof typeof VisibilityOrderingBuilder.SORTING_OPTIONS, movedColumns: MoveOperation[]): MoveOperation[];
+    handleSortColumns(option: keyof typeof VisibilityOrderingBuilder.SORTING_OPTIONS): void;
+    handleItemClick(name: string, event: React.MouseEvent<HTMLElement, MouseEvent>): void;
+    /**
+     * Adds columns or groups to the selected column set
+     * Groups being added will add all of their children to the selection as well
+     *
+     * @param columnsToBeAdded Array of column or group names to add
+     * @param addToExisting If these should be added to the existing selection or overwrite it
+     */
+    addColumnToSelected(columnsToBeAdded: string[], addToExisting: boolean): void;
+    /**
+     * Removes a column or group from selected columns set.
+     *
+     * Removing a group will deselect all of its children.
+     *
+     * Removing a child will deselect all parent groups.
+     * Other children in those parents will stay selected, just not the group item.
+     *
+     * @param name Name of the column to remove
+     */
+    removeColumnFromSelected(name: string): void;
+    handleDragStart(id: string): void;
+    handleDragEnd(from: FlattenedIrisGridTreeItem, to: FlattenedIrisGridTreeItem): void;
+    handleGroupNameChange(group: ColumnHeaderGroup, newName: string): void;
+    handleGroupColorChange: import("lodash").DebouncedFunc<(group: ColumnHeaderGroup, color: string | undefined) => void>;
+    handleGroupDelete(group: ColumnHeaderGroup): void;
+    handleGroupCreate(): void;
+    /**
+     * Validates if a header group name is valid and not in use by any header groups or columns
+     * @param groupName The name to validate
+     * @returns Error message if invalid
+     */
+    validateGroupName(groupName: string): string;
+    renderItem: TreeItemRenderFn<IrisGridTreeItem> & memoize.Memoized<TreeItemRenderFn<IrisGridTreeItem>>;
+    getMemoizedFirstMovableIndex: ((model: IrisGridModel, columns: Column[], movedColumns: MoveOperation[]) => number | null) & memoize.Memoized<(model: IrisGridModel, columns: Column[], movedColumns: MoveOperation[]) => number | null>;
+    /**
+     * Gets the first movable visible index
+     */
+    getFirstMovableIndex(): number | null;
+    getMemoizedLastMovableIndex: ((model: IrisGridModel, columns: Column[], movedColumns: MoveOperation[]) => number | null) & memoize.Memoized<(model: IrisGridModel, columns: Column[], movedColumns: MoveOperation[]) => number | null>;
+    /**
+     * Gets the last movable visible index
+     */
+    getLastMovableIndex(): number | null;
+    memoizedGetTreeItems: ((columns: Column[], movedColumns: MoveOperation[], columnHeaderGroups: ColumnHeaderGroup[], userColumnWidths: ModelSizeMap, selectedColumns: Set<string>) => IrisGridTreeItem[]) & memoize.Memoized<(columns: Column[], movedColumns: MoveOperation[], columnHeaderGroups: ColumnHeaderGroup[], userColumnWidths: ModelSizeMap, selectedColumns: Set<string>) => IrisGridTreeItem[]>;
+    /**
+     * Gets the tree of movable items in order. Memoized for efficiency
+     * Use flattenItems(this.getTreeItems()) if a flat list is needed
+     * @returns The movable tree items in order
+     */
+    getTreeItems(): IrisGridTreeItem[];
+    /**
+     * Gets the selected items that are movable.
+     * This is any item whose parent is not also selected.
+     *
+     * @returns The array of items whose parents are not selected
+     */
+    getSelectedParentItems(): FlattenedIrisGridTreeItem[];
+    makeVisibilityOrderingList: ((columns: Column[], treeItems: IrisGridTreeItem[]) => JSX.Element[]) & memoize.Memoized<(columns: Column[], treeItems: IrisGridTreeItem[]) => JSX.Element[]>;
+    renderImmovableItem: ((columnName: ColumnName) => ReactElement) & memoize.Memoized<(columnName: ColumnName) => ReactElement>;
+    render(): ReactElement;
+}
+export default VisibilityOrderingBuilder;
+//# sourceMappingURL=VisibilityOrderingBuilder.d.ts.map

package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityOrderingBuilder.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.tsx"],"names":[],"mappings":"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"}