@deephaven/iris-grid 1.8.1-beta.1 → 1.8.1-beta.11

package/dist/mousehandlers/IrisGridTokenMouseHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IrisGridTokenMouseHandler.d.ts","sourceRoot":"","sources":["../../src/mousehandlers/IrisGridTokenMouseHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,IAAI,EACT,KAAK,SAAS,EAEd,qBAAqB,EAEtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAC;AAGxC,cAAM,yBAA0B,SAAQ,qBAAqB;IAC3D,OAAO,CAAC,QAAQ,CAAW;IAE3B,OAAO,CAAC,UAAU,CAAiB;IAEnC,OAAO,CAAC,OAAO,CAAiB;gBAEpB,QAAQ,EAAE,QAAQ;IAQ9B,OAAO,CAAC,cAAc;IAItB,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,kBAAkB;IASzE,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,kBAAkB;IAqE5D,MAAM,IAAI,kBAAkB;IAK5B,aAAa,IAAI,kBAAkB;IAKnC,OAAO,IAAI,kBAAkB;IAK7B,OAAO,IAAI,kBAAkB;CAI9B;AAED,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"IrisGridTokenMouseHandler.d.ts","sourceRoot":"","sources":["../../src/mousehandlers/IrisGridTokenMouseHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,IAAI,EACT,KAAK,SAAS,EAEd,qBAAqB,EAEtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAC;AAGxC,cAAM,yBAA0B,SAAQ,qBAAqB;IAC3D,OAAO,CAAC,QAAQ,CAAW;IAE3B,OAAO,CAAC,UAAU,CAAiB;IAEnC,OAAO,CAAC,OAAO,CAAiB;gBAEpB,QAAQ,EAAE,QAAQ;IAQ9B,OAAO,CAAC,cAAc;IAItB,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,kBAAkB;IASzE,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,kBAAkB;IA0E5D,MAAM,IAAI,kBAAkB;IAK5B,aAAa,IAAI,kBAAkB;IAKnC,OAAO,IAAI,kBAAkB;IAK7B,OAAO,IAAI,kBAAkB;CAI9B;AAED,eAAe,yBAAyB,CAAC"}

package/dist/mousehandlers/IrisGridTokenMouseHandler.js

@@ -36,7 +36,9 @@ class IrisGridTokenMouseHandler extends GridTokenMouseHandler {
       model
     } = this.irisGrid.props;
     var isUserHoveringLink = this.isHoveringLink(gridPoint, grid);
-    var tooltip = model.tooltipForCell(gridPoint.column, gridPoint.row);
+    var modelColumn = this.irisGrid.getModelColumn(gridPoint.column);
+    var modelRow = this.irisGrid.getModelRow(gridPoint.row);
+    var tooltip = modelColumn != null && modelRow != null ? model.tooltipForCell(modelColumn, modelRow) : null;
     if (isUserHoveringLink && this.currentLinkBox != null && isLinkToken(this.currentLinkBox.token)) {
       var {
         hoverTooltipProps

package/dist/mousehandlers/IrisGridTokenMouseHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"IrisGridTokenMouseHandler.js","names":["isLinkToken","GridTokenMouseHandler","deepEqual","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","IrisGridTokenMouseHandler","constructor","irisGrid","_defineProperty","lastColumn","lastRow","destroyTooltip","setState","hoverTooltipProps","setCursor","gridPoint","grid","isHoveringLink","cursor","stopPropagation","preventDefault","onMove","model","props","isUserHoveringLink","tooltip","tooltipForCell","column","row","currentLinkBox","token","state","x1","left","y1","top","x2","right","y2","bottom","href","width","height","newProps","hoverDisplayValue","children","x","y","onDown","onContextMenu","onWheel","onLeave"],"sources":["../../src/mousehandlers/IrisGridTokenMouseHandler.tsx"],"sourcesContent":["import {\n  type EventHandlerResult,\n  type Grid,\n  type GridPoint,\n  isLinkToken,\n  GridTokenMouseHandler,\n  type GridRangeIndex,\n} from '@deephaven/grid';\nimport deepEqual from 'fast-deep-equal';\nimport type IrisGrid from '../IrisGrid';\n\n// Handler also helps with other tooltips\nclass IrisGridTokenMouseHandler extends GridTokenMouseHandler {\n  private irisGrid: IrisGrid;\n\n  private lastColumn: GridRangeIndex;\n\n  private lastRow: GridRangeIndex;\n\n  constructor(irisGrid: IrisGrid) {\n    super();\n\n    this.irisGrid = irisGrid;\n    this.lastColumn = null;\n    this.lastRow = null;\n  }\n\n  private destroyTooltip(): void {\n    this.irisGrid.setState({ hoverTooltipProps: null });\n  }\n\n  protected setCursor(gridPoint: GridPoint, grid: Grid): EventHandlerResult {\n    if (this.isHoveringLink(gridPoint, grid)) {\n      this.cursor = 'pointer';\n      return { stopPropagation: false, preventDefault: false };\n    }\n    this.cursor = null;\n    return false;\n  }\n\n  onMove(gridPoint: GridPoint, grid: Grid): EventHandlerResult {\n    const { model } = this.irisGrid.props;\n    const isUserHoveringLink = this.isHoveringLink(gridPoint, grid);\n    const tooltip = model.tooltipForCell(gridPoint.column, gridPoint.row);\n\n    if (\n      isUserHoveringLink &&\n      this.currentLinkBox != null &&\n      isLinkToken(this.currentLinkBox.token)\n    ) {\n      const { hoverTooltipProps } = this.irisGrid.state;\n      const { x1: left, y1: top, x2: right, y2: bottom } = this.currentLinkBox;\n      const { href } = this.currentLinkBox.token;\n      const width = right - left;\n      const height = bottom - top;\n      const newProps = { left, top: top + 1, width, height };\n\n      if (!deepEqual(hoverTooltipProps, newProps)) {\n        this.irisGrid.setState({\n          hoverTooltipProps: newProps,\n          hoverDisplayValue: (\n            <>\n              {href} - Click once to follow.\n              <br />\n              Click and hold to select this cell.\n            </>\n          ),\n        });\n      }\n    } else if (tooltip !== null) {\n      const { hoverTooltipProps } = this.irisGrid.state;\n      const newProps = {\n        left: gridPoint.x,\n        top: gridPoint.y + 1,\n        width: 1,\n        height: 1,\n      };\n      if (!deepEqual(hoverTooltipProps, newProps)) {\n        if (hoverTooltipProps == null) {\n          this.irisGrid.setState({\n            hoverTooltipProps: newProps,\n            hoverDisplayValue: tooltip,\n          });\n        } else if (\n          this.lastColumn !== gridPoint.column ||\n          this.lastRow !== gridPoint.row\n        ) {\n          this.irisGrid.setState(\n            {\n              hoverTooltipProps: null,\n            },\n            () =>\n              this.irisGrid.setState({\n                hoverTooltipProps: newProps,\n                hoverDisplayValue: tooltip,\n              })\n          );\n        }\n      }\n    } else {\n      this.destroyTooltip();\n    }\n\n    this.lastColumn = gridPoint.column;\n    this.lastRow = gridPoint.row;\n\n    return this.setCursor(gridPoint, grid);\n  }\n\n  onDown(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n\n  onContextMenu(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n\n  onWheel(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n\n  onLeave(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n}\n\nexport default IrisGridTokenMouseHandler;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"IrisGridTokenMouseHandler.js","names":["isLinkToken","GridTokenMouseHandler","deepEqual","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","IrisGridTokenMouseHandler","constructor","irisGrid","_defineProperty","lastColumn","lastRow","destroyTooltip","setState","hoverTooltipProps","setCursor","gridPoint","grid","isHoveringLink","cursor","stopPropagation","preventDefault","onMove","model","props","isUserHoveringLink","modelColumn","getModelColumn","column","modelRow","getModelRow","row","tooltip","tooltipForCell","currentLinkBox","token","state","x1","left","y1","top","x2","right","y2","bottom","href","width","height","newProps","hoverDisplayValue","children","x","y","onDown","onContextMenu","onWheel","onLeave"],"sources":["../../src/mousehandlers/IrisGridTokenMouseHandler.tsx"],"sourcesContent":["import {\n  type EventHandlerResult,\n  type Grid,\n  type GridPoint,\n  isLinkToken,\n  GridTokenMouseHandler,\n  type GridRangeIndex,\n} from '@deephaven/grid';\nimport deepEqual from 'fast-deep-equal';\nimport type IrisGrid from '../IrisGrid';\n\n// Handler also helps with other tooltips\nclass IrisGridTokenMouseHandler extends GridTokenMouseHandler {\n  private irisGrid: IrisGrid;\n\n  private lastColumn: GridRangeIndex;\n\n  private lastRow: GridRangeIndex;\n\n  constructor(irisGrid: IrisGrid) {\n    super();\n\n    this.irisGrid = irisGrid;\n    this.lastColumn = null;\n    this.lastRow = null;\n  }\n\n  private destroyTooltip(): void {\n    this.irisGrid.setState({ hoverTooltipProps: null });\n  }\n\n  protected setCursor(gridPoint: GridPoint, grid: Grid): EventHandlerResult {\n    if (this.isHoveringLink(gridPoint, grid)) {\n      this.cursor = 'pointer';\n      return { stopPropagation: false, preventDefault: false };\n    }\n    this.cursor = null;\n    return false;\n  }\n\n  onMove(gridPoint: GridPoint, grid: Grid): EventHandlerResult {\n    const { model } = this.irisGrid.props;\n    const isUserHoveringLink = this.isHoveringLink(gridPoint, grid);\n    const modelColumn = this.irisGrid.getModelColumn(gridPoint.column);\n    const modelRow = this.irisGrid.getModelRow(gridPoint.row);\n    const tooltip =\n      modelColumn != null && modelRow != null\n        ? model.tooltipForCell(modelColumn, modelRow)\n        : null;\n\n    if (\n      isUserHoveringLink &&\n      this.currentLinkBox != null &&\n      isLinkToken(this.currentLinkBox.token)\n    ) {\n      const { hoverTooltipProps } = this.irisGrid.state;\n      const { x1: left, y1: top, x2: right, y2: bottom } = this.currentLinkBox;\n      const { href } = this.currentLinkBox.token;\n      const width = right - left;\n      const height = bottom - top;\n      const newProps = { left, top: top + 1, width, height };\n\n      if (!deepEqual(hoverTooltipProps, newProps)) {\n        this.irisGrid.setState({\n          hoverTooltipProps: newProps,\n          hoverDisplayValue: (\n            <>\n              {href} - Click once to follow.\n              <br />\n              Click and hold to select this cell.\n            </>\n          ),\n        });\n      }\n    } else if (tooltip !== null) {\n      const { hoverTooltipProps } = this.irisGrid.state;\n      const newProps = {\n        left: gridPoint.x,\n        top: gridPoint.y + 1,\n        width: 1,\n        height: 1,\n      };\n      if (!deepEqual(hoverTooltipProps, newProps)) {\n        if (hoverTooltipProps == null) {\n          this.irisGrid.setState({\n            hoverTooltipProps: newProps,\n            hoverDisplayValue: tooltip,\n          });\n        } else if (\n          this.lastColumn !== gridPoint.column ||\n          this.lastRow !== gridPoint.row\n        ) {\n          this.irisGrid.setState(\n            {\n              hoverTooltipProps: null,\n            },\n            () =>\n              this.irisGrid.setState({\n                hoverTooltipProps: newProps,\n                hoverDisplayValue: tooltip,\n              })\n          );\n        }\n      }\n    } else {\n      this.destroyTooltip();\n    }\n\n    this.lastColumn = gridPoint.column;\n    this.lastRow = gridPoint.row;\n\n    return this.setCursor(gridPoint, grid);\n  }\n\n  onDown(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n\n  onContextMenu(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n\n  onWheel(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n\n  onLeave(): EventHandlerResult {\n    this.destroyTooltip();\n    return false;\n  }\n}\n\nexport default IrisGridTokenMouseHandler;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FlattenedIrisGridTreeItem } from './sortable-tree/utilities';
+type SearchItemProps = {
+    value: string;
+    item: FlattenedIrisGridTreeItem;
+    onClick: (name: string, event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown: (name: string, event: React.KeyboardEvent<HTMLElement>) => void;
+    handleProps?: Record<string, unknown>;
+};
+declare const MemoizedSearchItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<SearchItemProps & React.RefAttributes<HTMLDivElement>>>;
+export default MemoizedSearchItem;
+//# sourceMappingURL=SearchItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItem.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/SearchItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAK7D,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,yBAAyB,CAAC;IAChC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACtE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC,CAAC;AA6CF,QAAA,MAAM,kBAAkB,mHAAmB,CAAC;AAE5C,eAAe,kBAAkB,CAAC"}

package/dist/sidebar/visibility-ordering-builder/SearchItem.js

@@ -0,0 +1,55 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { forwardRef, memo, useCallback } from 'react';
+import classNames from 'classnames';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { vsGripper } from '@deephaven/icons';
+import { Tooltip } from '@deephaven/components';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var SearchItem = /*#__PURE__*/forwardRef(function SearchItem(props, ref) {
+  var {
+    value,
+    item,
+    onClick,
+    onKeyDown,
+    handleProps
+  } = props;
+  var handleClick = useCallback(event => {
+    onClick(value, event);
+  }, [onClick, value]);
+  var handleKeyDown = useCallback(event => {
+    onKeyDown(value, event);
+  }, [onKeyDown, value]);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    _jsxs("div", _objectSpread(_objectSpread({
+      ref: ref,
+      className: classNames('tree-item', {
+        isSelected: item.selected
+      }),
+      onClick: handleClick,
+      onKeyDownCapture: handleKeyDown,
+      "data-index": item.index
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, handleProps), {}, {
+      children: [/*#__PURE__*/_jsx("span", {
+        title: value,
+        className: classNames('column-name'),
+        children: value
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          children: "Drag to re-order"
+        }), /*#__PURE__*/_jsx(FontAwesomeIcon, {
+          icon: vsGripper
+        })]
+      })]
+    }))
+  );
+});
+var MemoizedSearchItem = /*#__PURE__*/memo(SearchItem);
+export default MemoizedSearchItem;
+//# sourceMappingURL=SearchItem.js.map

package/dist/sidebar/visibility-ordering-builder/SearchItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItem.js","names":["React","forwardRef","memo","useCallback","classNames","FontAwesomeIcon","vsGripper","Tooltip","jsx","_jsx","jsxs","_jsxs","SearchItem","props","ref","value","item","onClick","onKeyDown","handleProps","handleClick","event","handleKeyDown","_objectSpread","className","isSelected","selected","onKeyDownCapture","index","children","title","icon","MemoizedSearchItem"],"sources":["../../../src/sidebar/visibility-ordering-builder/SearchItem.tsx"],"sourcesContent":["import React, { forwardRef, memo, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGripper } from '@deephaven/icons';\nimport { Tooltip } from '@deephaven/components';\nimport { type FlattenedIrisGridTreeItem } from './sortable-tree/utilities';\n\ntype SearchItemProps = {\n  value: string;\n  item: FlattenedIrisGridTreeItem;\n  onClick: (name: string, event: React.MouseEvent<HTMLElement>) => void;\n  onKeyDown: (name: string, event: React.KeyboardEvent<HTMLElement>) => void;\n  handleProps?: Record<string, unknown>;\n};\n\nconst SearchItem = forwardRef<HTMLDivElement, SearchItemProps>(\n  function SearchItem(props, ref) {\n    const { value, item, onClick, onKeyDown, handleProps } = props;\n\n    const handleClick = useCallback(\n      (event: React.MouseEvent<HTMLElement>) => {\n        onClick(value, event);\n      },\n      [onClick, value]\n    );\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent<HTMLElement>) => {\n        onKeyDown(value, event);\n      },\n      [onKeyDown, value]\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        ref={ref}\n        className={classNames('tree-item', {\n          isSelected: item.selected,\n        })}\n        onClick={handleClick}\n        onKeyDownCapture={handleKeyDown}\n        data-index={item.index}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...handleProps}\n      >\n        <span title={value} className={classNames('column-name')}>\n          {value}\n        </span>\n        <div>\n          <Tooltip>Drag to re-order</Tooltip>\n          <FontAwesomeIcon icon={vsGripper} />\n        </div>\n      </div>\n    );\n  }\n);\n\nconst MemoizedSearchItem = memo(SearchItem);\n\nexport default MemoizedSearchItem;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAC5D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,OAAO,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWhD,IAAMC,UAAU,gBAAGX,UAAU,CAC3B,SAASW,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAC9B,IAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,OAAO;IAAEC,SAAS;IAAEC;EAAY,CAAC,GAAGN,KAAK;EAE9D,IAAMO,WAAW,GAAGjB,WAAW,CAC5BkB,KAAoC,IAAK;IACxCJ,OAAO,CAACF,KAAK,EAAEM,KAAK,CAAC;EACvB,CAAC,EACD,CAACJ,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,IAAMO,aAAa,GAAGnB,WAAW,CAC9BkB,KAAuC,IAAK;IAC3CH,SAAS,CAACH,KAAK,EAAEM,KAAK,CAAC;EACzB,CAAC,EACD,CAACH,SAAS,EAAEH,KAAK,CACnB,CAAC;EAED;IAAA;IACE;IACAJ,KAAA,QAAAY,aAAA,CAAAA,aAAA;MACET,GAAG,EAAEA,GAAI;MACTU,SAAS,EAAEpB,UAAU,CAAC,WAAW,EAAE;QACjCqB,UAAU,EAAET,IAAI,CAACU;MACnB,CAAC,CAAE;MACHT,OAAO,EAAEG,WAAY;MACrBO,gBAAgB,EAAEL,aAAc;MAChC,cAAYN,IAAI,CAACY;MACjB;IAAA,GACIT,WAAW;MAAAU,QAAA,gBAEfpB,IAAA;QAAMqB,KAAK,EAAEf,KAAM;QAACS,SAAS,EAAEpB,UAAU,CAAC,aAAa,CAAE;QAAAyB,QAAA,EACtDd;MAAK,CACF,CAAC,eACPJ,KAAA;QAAAkB,QAAA,gBACEpB,IAAA,CAACF,OAAO;UAAAsB,QAAA,EAAC;QAAgB,CAAS,CAAC,eACnCpB,IAAA,CAACJ,eAAe;UAAC0B,IAAI,EAAEzB;QAAU,CAAE,CAAC;MAAA,CACjC,CAAC;IAAA,EACH;EAAC;AAEV,CACF,CAAC;AAED,IAAM0B,kBAAkB,gBAAG9B,IAAI,CAACU,UAAU,CAAC;AAE3C,eAAeoB,kBAAkB","ignoreList":[]}

package/dist/sidebar/visibility-ordering-builder/SearchWithModal.css

@@ -0,0 +1,408 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+/* stylelint-disable */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+:export {
+  grid-bg: var(--dh-color-grid-bg);
+  font: 12px Fira Sans, sans-serif;
+  white: var(--dh-color-white);
+  black: var(--dh-color-black);
+  header-bg: var(--dh-color-grid-header-bg);
+  header-color: var(--dh-color-grid-header-text);
+  header-height: 30px;
+  header-separator-color: var(--dh-color-grid-header-separator);
+  header-separator-hover-color: var(--dh-color-grid-header-separator-hover);
+  header-hidden-separator-hover-color: var(--dh-color-grid-header-separator-hidden-hover);
+  header-sort-bar-color: var(--dh-color-grid-header-sort-bar);
+  header-reverse-bar-color: var(--dh-color-grid-header-reverse-bar);
+  header-bar-casing-color: var(--dh-color-grid-header-bar-casing);
+  header-font: 600 12px Fira Sans, sans-serif;
+  row-height: 19px;
+  row-background-colors: var(--dh-color-grid-row-0-bg) var(--dh-color-grid-row-1-bg);
+  active-cell-selection-border-width: 2px;
+  selection-color: var(--dh-color-grid-selection);
+  selection-outline-color: var(--dh-color-grid-selection-outline);
+  selection-outline-casing-color: var(--dh-color-grid-selection-outline-casing);
+  row-hover-bg: var(--dh-color-grid-row-hover-bg);
+  row-shadow-alpha: var(--dh-color-grid-row-shadow-alpha);
+  selected-row-hover-bg: var(--dh-color-grid-row-hover-bg-selected);
+  scroll-bar-active-selection-tick-color: var(--dh-color-grid-scroll-bar-active-selection-tick);
+  scroll-bar-bg: var(--dh-color-grid-scroll-bar-bg);
+  scroll-bar-hover-bg: var(--dh-color-grid-scroll-bar-hover-bg);
+  scroll-bar-casing-color: var(--dh-color-grid-scroll-bar-casing);
+  scroll-bar-corner-color: var(--dh-color-grid-scroll-bar-corner);
+  scroll-bar-color: var(--dh-color-grid-scroll-bar);
+  scroll-bar-hover-color: var(--dh-color-grid-scroll-bar-hover);
+  scroll-bar-active-color: var(--dh-color-grid-scroll-bar-active);
+  text-color: var(--dh-color-grid-text);
+  hyperlink-color: var(--dh-color-grid-text-hyperlink);
+  positive-number-color: var(--dh-color-grid-number-positive);
+  negative-number-color: var(--dh-color-grid-number-negative);
+  zero-number-color: var(--dh-color-grid-number-zero);
+  date-color: var(--dh-color-grid-date);
+  pending-text-color: var(--dh-color-grid-text-pending);
+  error-text-color: var(--dh-color-grid-text-error);
+  null-string-color: var(--dh-color-grid-string-null);
+  filter-bar-active-bg: var(--dh-color-grid-filter-bar-active-bg);
+  filter-bar-active-color: var(--dh-color-grid-filter-bar-active);
+  filter-bar-expanded-bg: var(--dh-color-grid-filter-bar-expanded-bg);
+  filter-bar-expanded-active-bg: var(--dh-color-grid-filter-bar-expanded-active-bg);
+  filter-bar-expanded-active-cell-bg: var(--dh-color-grid-filter-bar-expanded-active-cell-bg);
+  filter-bar-separator-color: var(--dh-color-grid-filter-bar-separator);
+  filter-bar-error-color: var(--dh-color-grid-filter-bar-error);
+  filter-icon-color: var(--dh-color-grid-filter-icon);
+  scrim-color: var(--dh-color-grid-scrim);
+  context-menu-sort-icon-color: var(--dh-color-grid-context-menu-sort-icon);
+  context-menu-reverse-icon-color: var(--dh-color-grid-context-menu-reverse-icon);
+  linker-column-hover-bg: var(--dh-color-grid-column-linker-hover-bg);
+  tree-line-color: var(--dh-color-grid-tree-line);
+  tree-marker-color: var(--dh-color-grid-tree-marker);
+  tree-marker-hover-color: var(--dh-color-grid-tree-marker-hover);
+  grouped-column-divider-color: var(--dh-color-grid-column-grouped-divider);
+  floating-grid-row-color: var(--dh-color-grid-floating-row);
+  floating-row-background-colors: var(--dh-color-grid-floating-row-bg);
+  floating-divider-inner-color: var(--dh-color-grid-floating-divider-inner);
+  floating-divider-outer-color: var(--dh-color-grid-floating-divider-outer);
+  overflow-button-color: var(--dh-color-grid-overflow-button);
+  overflow-button-hover-color: var(--dh-color-grid-overflow-button-hover);
+  zero-line-color: var(--dh-color-grid-data-bar-zero-line);
+  positive-bar-color: var(--dh-color-grid-data-bar-positive);
+  negative-bar-color: var(--dh-color-grid-data-bar-negative);
+  marker-bar-color: var(--dh-color-grid-data-bar-marker);
+}
+
+.iris-grid {
+  --table-sidebar-bg: var(--dh-color-surface-bg);
+  --dh-color-hr: var(--dh-color-gray-500);
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+}
+.iris-grid .iris-grid-column {
+  flex: 1 1;
+  min-width: 0;
+  transition: all 0.2s;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.iris-grid .grid-cursor-copy {
+  cursor: url("../assets/svg/cursor-copy.svg") 8 8, copy;
+}
+.iris-grid .grid-cursor-linker {
+  cursor: url("../assets/svg/cursor-linker.svg") 8 8, crosshair;
+}
+.iris-grid .grid-cursor-linker-not-allowed {
+  cursor: url("../assets/svg/cursor-linker-not-allowed.svg") 8 8, not-allowed;
+}
+.iris-grid .table-sidebar {
+  height: 100%;
+  flex: 0 0 320px;
+  width: 320px;
+  max-width: 320px;
+  background: var(--table-sidebar-bg);
+  box-shadow: 0 0 6px var(--dh-color-dropshadow);
+  z-index: 1;
+  position: absolute;
+  right: 0;
+}
+.iris-grid .table-sidebar .pushing-view,
+.iris-grid .table-sidebar .popping-view,
+.iris-grid .table-sidebar .main-view {
+  background: var(--table-sidebar-bg);
+}
+.iris-grid .table-sidebar.slide-left-enter-done {
+  position: relative;
+}
+.iris-grid .table-sidebar .navigation-content {
+  overflow-y: auto;
+}
+.iris-grid .section-title {
+  padding: 1rem 0;
+  font-weight: 500;
+  text-align: left;
+}
+.iris-grid .section-footer {
+  flex-grow: 2;
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 1rem;
+}
+.iris-grid .grid-wrapper {
+  font: 12px fira sans, sans-serif;
+  font-feature-settings: "tnum";
+  transition: all 0.2s;
+}
+.iris-grid .grid-wrapper .grid-settings-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 30px;
+  width: 30px;
+  background-color: var(--dh-color-grid-header-bg);
+  border-bottom: 1px solid var(--dh-color-grid-header-separator);
+  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+}
+.iris-grid .grid-wrapper .grid-settings-button .btn {
+  height: 100%;
+  width: 100%;
+}
+.iris-grid .grid-wrapper .grid-settings-button .btn::after {
+  border-radius: 0;
+}
+.iris-grid .grid-wrapper .grid-settings-button .btn:focus::after {
+  box-shadow: none;
+}
+.iris-grid .grid-wrapper .grid-settings-button.is-menu-shown {
+  opacity: 0;
+}
+.iris-grid .grid-wrapper .grid-cell-input-field {
+  color: var(--dh-color-input-fg);
+  background: var(--dh-color-input-bg);
+}
+.iris-grid .grid-wrapper .grid-cell-input-field:focus {
+  box-shadow: 0 0 0 2px var(--dh-color-grid-selection-outline), 0 0 0 5px color-mix(in srgb, var(--dh-color-accent) 25%, transparent);
+}
+.iris-grid .grid-wrapper .grid-cell-input-field.error {
+  color: var(--dh-color-negative-bg);
+}
+.iris-grid .grid-wrapper .grid-cell-input-field.error:focus {
+  box-shadow: 0 0 0 2px var(--dh-color-negative), 0 0 0 5px color-mix(in srgb, var(--dh-color-negative) 25%, transparent);
+}
+
+.iris-grid-loading {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+}
+
+.iris-grid-loading-status {
+  display: flex;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 30;
+  min-width: min(320px, 100%);
+}
+.iris-grid-loading-status .iris-grid-loading-status-bar {
+  position: relative;
+  padding: 5px;
+  background: var(--dh-color-content-bg, #2d2a2e);
+  color: var(--dh-color-gray-700);
+  border-top: 1px solid var(--dh-color-gray-500);
+  border-right: 1px solid var(--dh-color-gray-500);
+  overflow: hidden;
+  word-wrap: break-word;
+  z-index: 2;
+  flex-grow: 1;
+}
+.iris-grid-loading-status .iris-grid-loading-status-bar::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  z-index: -1;
+  background: var(--dh-color-accent-bg);
+  transform-origin: 0% 50%;
+  opacity: 0;
+}
+.iris-grid-loading-status .iris-grid-loading-status-bar.show::after {
+  opacity: 1;
+  animation: 1.5s indeterminateAnimation infinite linear;
+}
+@keyframes indeterminateAnimation {
+  0% {
+    transform: translateX(-50%) scaleX(0.5);
+  }
+  50% {
+    transform: translateX(0) scaleX(0.5);
+  }
+  100% {
+    transform: translateX(100%) scaleX(0.2);
+  }
+}
+.iris-grid-loading-status .iris-grid-btn-cancel {
+  z-index: 1;
+  opacity: 0;
+  border: 1px solid var(--dh-color-gray-500);
+  border-left: 0;
+  border-bottom: 0;
+  padding: 0 7px 2px 4px;
+  background: var(--dh-color-content-bg, #2d2a2e);
+  color: var(--dh-color-gray-700);
+  transform: translateX(-100%);
+  transition: all 0.1s ease-out 0s;
+  white-space: nowrap;
+  outline-offset: -1px;
+  outline: var(--dh-color-accent-bg);
+}
+.iris-grid-loading-status .iris-grid-btn-cancel:hover {
+  color: var(--dh-color-fg, #f0f0ee);
+  background: var(--dh-color-negative-bg);
+}
+.iris-grid-loading-status .iris-grid-btn-cancel:focus {
+  outline: 1px solid var(--dh-color-accent-bg);
+}
+.iris-grid-loading-status .iris-grid-btn-cancel:active {
+  background: var(--dh-color-negative-hover-bg);
+}
+.iris-grid-loading-status .iris-grid-btn-cancel:active:focus {
+  outline-color: var(--dh-color-negative-bg);
+}
+.iris-grid-loading-status .iris-grid-btn-cancel.show {
+  opacity: 1;
+  transform: translateX(0);
+  transition: all 0.25s ease-out 0.1s;
+}
+
+.advanced-filter-button-container {
+  background: none;
+}
+.advanced-filter-button-container .advanced-filter-button {
+  height: 23px;
+  margin: 0;
+}
+.advanced-filter-button-container .advanced-filter-button .filter-solid {
+  opacity: 0;
+  transition: 0.15s opacity;
+}
+.advanced-filter-button-container .advanced-filter-button .filter-light {
+  opacity: 1;
+  transition: 0.15s opacity;
+}
+.advanced-filter-button-container .advanced-filter-button.filter-set .filter-solid, .advanced-filter-button-container .advanced-filter-button:hover .filter-solid {
+  opacity: 1;
+}
+.advanced-filter-button-container .advanced-filter-button.filter-set .filter-light, .advanced-filter-button-container .advanced-filter-button:hover .filter-light {
+  opacity: 0;
+}
+.advanced-filter-button-container .advanced-filter-button:hover {
+  color: var(--dh-color-gray-400);
+}
+.advanced-filter-button-container .advanced-filter-button:hover .filter-solid {
+  color: var(--dh-color-accent-bg);
+}
+
+.advanced-filter-menu-popper {
+  background: var(--dh-color-gray-400);
+}
+.advanced-filter-menu-popper .popper-content .advanced-filter-creator {
+  max-height: 550px;
+  overflow-y: auto;
+  background: var(--dh-color-gray-400);
+  width: 320px;
+  box-shadow: none;
+}
+.advanced-filter-menu-popper .popper-content .popper-arrow {
+  border-color: var(--dh-color-gray-400);
+}
+
+.advanced-filter-menu-container {
+  pointer-events: none;
+  visibility: hidden;
+}
+
+.iris-grid-bar {
+  overflow: hidden;
+  flex: 0 0 auto;
+}
+.iris-grid-bar.iris-grid-bar-horizontal-enter {
+  max-height: 0;
+}
+.iris-grid-bar.iris-grid-bar-horizontal-enter-active {
+  transition: background-color 1s ease-in, max-height 0.15s ease-in;
+  max-height: 250px;
+}
+.iris-grid-bar.iris-grid-bar-horizontal-enter-done {
+  max-height: 250px;
+}
+.iris-grid-bar.iris-grid-bar-horizontal-exit {
+  max-height: 250px;
+  transition: max-height 0.15s ease-out;
+}
+.iris-grid-bar.iris-grid-bar-horizontal-exit-active, .iris-grid-bar.iris-grid-bar-horizontal-exit-done {
+  max-height: 0;
+}
+.iris-grid-bar.iris-grid-bar-vertical-enter {
+  max-width: 0;
+}
+.iris-grid-bar.iris-grid-bar-vertical-enter-active {
+  transition: background-color 1s ease-in, max-width 0.15s ease-in;
+  max-width: 320px;
+}
+.iris-grid-bar.iris-grid-bar-vertical-enter-done {
+  max-width: 320px;
+}
+.iris-grid-bar.iris-grid-bar-vertical-exit {
+  max-width: 320px;
+  transition: max-width 0.15s ease-out;
+}
+.iris-grid-bar.iris-grid-bar-vertical-exit-active, .iris-grid-bar.iris-grid-bar-vertical-exit-done {
+  max-width: 0;
+}
+
+.iris-grid-bar-primary {
+  background-color: var(--dh-color-accent-down-bg);
+}
+.iris-grid-bar-primary.iris-grid-bar-horizontal-enter, .iris-grid-bar-primary.iris-grid-bar-vertical-enter {
+  background-color: var(--dh-color-accent-bg);
+}
+
+.link-hover-tooltip {
+  text-align: left;
+  max-width: 500px;
+  overflow-wrap: break-word;
+}
+
+.visibility-search-list {
+  width: 240px;
+  border: 1px solid var(--dh-color-popover-border);
+}
+.visibility-search-list .popper-arrow {
+  display: none;
+}
+.visibility-search-list .tree-item {
+  padding: 0.25rem;
+}
+.visibility-search-list .no-results {
+  padding: 0.25rem;
+  margin: auto;
+  color: var(--dh-color-text-disabled);
+}
+
+.visibility-search-list-inner {
+  display: flex;
+  flex-direction: column;
+  max-height: inherit;
+}
+.visibility-search-list-inner .tree-container {
+  max-height: inherit;
+  padding: 0.25rem;
+  overflow: auto;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+.visibility-search-list-inner .footer-buttons {
+  border-top: 1px solid var(--dh-color-popover-border);
+  flex-grow: 0;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.visibility-search-list-inner .footer-buttons > * {
+  flex-grow: 1;
+}
+
+/*# sourceMappingURL=SearchWithModal.css.map */