@deephaven/file-explorer 0.43.0 → 0.44.1-beta.0

package/dist/FileListItem.js

@@ -0,0 +1,118 @@
+import React from 'react';
+import { Tooltip } from '@deephaven/components';
+import { dhPython, vsCode, vsFolder, vsFolderOpened } from '@deephaven/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import classNames from 'classnames';
+import { isDirectory } from "./FileStorage.js";
+import "./FileList.css";
+import FileUtils, { MIME_TYPE } from "./FileUtils.js";
+import { getPathFromItem } from "./FileListUtils.js";
+/**
+ * Get the icon definition for a file or folder item
+ * @param item Item to get the icon for
+ * @returns Icon definition to pass in the FontAwesomeIcon icon prop
+ */
+function getItemIcon(item) {
+  if (isDirectory(item)) {
+    return item.isExpanded ? vsFolderOpened : vsFolder;
+  }
+  var mimeType = FileUtils.getMimeType(item.basename);
+  switch (mimeType) {
+    case MIME_TYPE.PYTHON:
+      return dhPython;
+    default:
+      return vsCode;
+  }
+}
+export function FileListItem(props) {
+  var _draggedItems$some;
+  var {
+    children,
+    draggedItems,
+    isDragInProgress,
+    isDropTargetValid,
+    isSelected,
+    item,
+    itemIndex,
+    dropTargetItem,
+    onDragStart,
+    onDragOver,
+    onDragEnd,
+    onDrop
+  } = props;
+  var isDragged = (_draggedItems$some = draggedItems === null || draggedItems === void 0 ? void 0 : draggedItems.some(draggedItem => draggedItem.id === item.id)) !== null && _draggedItems$some !== void 0 ? _draggedItems$some : false;
+  var itemPath = getPathFromItem(item);
+  var dropTargetPath = isDragInProgress && dropTargetItem ? getPathFromItem(dropTargetItem) : null;
+  var isExactDropTarget = isDragInProgress && isDropTargetValid && isDirectory(item) && dropTargetPath === itemPath;
+  var isInDropTarget = isDragInProgress && isDropTargetValid && dropTargetPath === itemPath;
+  var isInvalidDropTarget = isDragInProgress && !isDropTargetValid && dropTargetPath === itemPath;
+  var icon = getItemIcon(item);
+  var depth = FileUtils.getDepth(item.filename);
+  var depthLines = Array(depth).fill(null).map((value, index) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  React.createElement("span", {
+    className: "file-list-depth-line",
+    key: index
+  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('d-flex w-100 align-items-center', 'file-list-item', {
+      'is-dragged': isDragged,
+      'is-exact-drop-target': isExactDropTarget,
+      'is-in-drop-target': isInDropTarget,
+      'is-invalid-drop-target': isInvalidDropTarget,
+      'is-selected': isSelected
+    }),
+    onDragStart: function (_onDragStart) {
+      function onDragStart(_x) {
+        return _onDragStart.apply(this, arguments);
+      }
+      onDragStart.toString = function () {
+        return _onDragStart.toString();
+      };
+      return onDragStart;
+    }(e => onDragStart(itemIndex, e)),
+    onDragOver: function (_onDragOver) {
+      function onDragOver(_x2) {
+        return _onDragOver.apply(this, arguments);
+      }
+      onDragOver.toString = function () {
+        return _onDragOver.toString();
+      };
+      return onDragOver;
+    }(e => onDragOver(itemIndex, e)),
+    onDragEnd: function (_onDragEnd) {
+      function onDragEnd(_x3) {
+        return _onDragEnd.apply(this, arguments);
+      }
+      onDragEnd.toString = function () {
+        return _onDragEnd.toString();
+      };
+      return onDragEnd;
+    }(e => onDragEnd(itemIndex, e)),
+    onDrop: function (_onDrop) {
+      function onDrop(_x4) {
+        return _onDrop.apply(this, arguments);
+      }
+      onDrop.toString = function () {
+        return _onDrop.toString();
+      };
+      return onDrop;
+    }(e => onDrop(itemIndex, e)),
+    draggable: true,
+    role: "presentation",
+    "aria-label": item.basename
+  }, depthLines, ' ', /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: icon,
+    className: "item-icon",
+    fixedWidth: true
+  }), ' ', /*#__PURE__*/React.createElement("span", {
+    className: "truncation-wrapper"
+  }, children !== null && children !== void 0 ? children : item.basename, /*#__PURE__*/React.createElement(Tooltip, {
+    options: {
+      placement: 'left'
+    }
+  }, children !== null && children !== void 0 ? children : item.basename)));
+}
+export default FileListItem;
+//# sourceMappingURL=FileListItem.js.map

package/dist/FileListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileListItem.js","names":["React","Tooltip","dhPython","vsCode","vsFolder","vsFolderOpened","FontAwesomeIcon","classNames","isDirectory","FileUtils","MIME_TYPE","getPathFromItem","getItemIcon","item","isExpanded","mimeType","getMimeType","basename","PYTHON","FileListItem","props","children","draggedItems","isDragInProgress","isDropTargetValid","isSelected","itemIndex","dropTargetItem","onDragStart","onDragOver","onDragEnd","onDrop","isDragged","some","draggedItem","id","itemPath","dropTargetPath","isExactDropTarget","isInDropTarget","isInvalidDropTarget","icon","depth","getDepth","filename","depthLines","Array","fill","map","value","index","e","placement"],"sources":["../src/FileListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip, RenderItemProps } from '@deephaven/components';\nimport { dhPython, vsCode, vsFolder, vsFolderOpened } from '@deephaven/icons';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport classNames from 'classnames';\nimport { FileStorageItem, isDirectory } from './FileStorage';\nimport './FileList.scss';\nimport FileUtils, { MIME_TYPE } from './FileUtils';\nimport { getPathFromItem } from './FileListUtils';\n\n/**\n * Get the icon definition for a file or folder item\n * @param item Item to get the icon for\n * @returns Icon definition to pass in the FontAwesomeIcon icon prop\n */\nfunction getItemIcon(item: FileStorageItem): IconDefinition {\n  if (isDirectory(item)) {\n    return item.isExpanded ? vsFolderOpened : vsFolder;\n  }\n  const mimeType = FileUtils.getMimeType(item.basename);\n  switch (mimeType) {\n    case MIME_TYPE.PYTHON:\n      return dhPython;\n    default:\n      return vsCode;\n  }\n}\n\nexport type FileListRenderItemProps = RenderItemProps<FileStorageItem> & {\n  children?: JSX.Element;\n  dropTargetItem?: FileStorageItem;\n  draggedItems?: FileStorageItem[];\n  isDragInProgress: boolean;\n  isDropTargetValid: boolean;\n\n  onDragStart(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDragOver(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDragEnd(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDrop(index: number, e: React.DragEvent<HTMLDivElement>): void;\n};\n\nexport function FileListItem(props: FileListRenderItemProps): JSX.Element {\n  const {\n    children,\n    draggedItems,\n    isDragInProgress,\n    isDropTargetValid,\n    isSelected,\n    item,\n    itemIndex,\n    dropTargetItem,\n    onDragStart,\n    onDragOver,\n    onDragEnd,\n    onDrop,\n  } = props;\n\n  const isDragged =\n    draggedItems?.some(draggedItem => draggedItem.id === item.id) ?? false;\n  const itemPath = getPathFromItem(item);\n  const dropTargetPath =\n    isDragInProgress && dropTargetItem ? getPathFromItem(dropTargetItem) : null;\n\n  const isExactDropTarget =\n    isDragInProgress &&\n    isDropTargetValid &&\n    isDirectory(item) &&\n    dropTargetPath === itemPath;\n  const isInDropTarget =\n    isDragInProgress && isDropTargetValid && dropTargetPath === itemPath;\n  const isInvalidDropTarget =\n    isDragInProgress && !isDropTargetValid && dropTargetPath === itemPath;\n\n  const icon = getItemIcon(item);\n  const depth = FileUtils.getDepth(item.filename);\n  const depthLines = Array(depth)\n    .fill(null)\n    .map((value, index) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <span className=\"file-list-depth-line\" key={index} />\n    ));\n\n  return (\n    <div\n      className={classNames(\n        'd-flex w-100 align-items-center',\n        'file-list-item',\n        {\n          'is-dragged': isDragged,\n          'is-exact-drop-target': isExactDropTarget,\n          'is-in-drop-target': isInDropTarget,\n          'is-invalid-drop-target': isInvalidDropTarget,\n          'is-selected': isSelected,\n        }\n      )}\n      onDragStart={e => onDragStart(itemIndex, e)}\n      onDragOver={e => onDragOver(itemIndex, e)}\n      onDragEnd={e => onDragEnd(itemIndex, e)}\n      onDrop={e => onDrop(itemIndex, e)}\n      draggable\n      role=\"presentation\"\n      aria-label={item.basename}\n    >\n      {depthLines}{' '}\n      <FontAwesomeIcon icon={icon} className=\"item-icon\" fixedWidth />{' '}\n      <span className=\"truncation-wrapper\">\n        {children ?? item.basename}\n        <Tooltip\n          options={{\n            placement: 'left',\n          }}\n        >\n          {children ?? item.basename}\n        </Tooltip>\n      </span>\n    </div>\n  );\n}\n\nexport default FileListItem;\n"],"mappings":"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"}

package/dist/FileListItemEditor.css

@@ -0,0 +1,33 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.file-list-item-editor {
+  z-index: 1;
+  width: 100%;
+  display: inline-block;
+  position: relative;
+}
+.file-list-item-editor .file-list-item-editor-input {
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  height: 26px;
+  line-height: 26px;
+}
+.file-list-item-editor .file-list-item-editor-input.is-invalid {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  padding-right: 2rem;
+}
+.file-list-item-editor .invalid-feedback {
+  color: #f0f0ee;
+  background-color: #f95d84;
+  font-size: 0.9rem;
+  margin-top: 0;
+  padding: 0.25rem 0.5rem;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+}
+
+/*# sourceMappingURL=FileListItemEditor.css.map */

package/dist/FileListItemEditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/FileListItemEditor.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACIA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,QAZoB;EAapB,aAboB;;AAepB;EACE;EACA;EAEA;;AAGJ;EACE,OCZa;EDab,kBCvBE;EDwBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"FileListItemEditor.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$item-list-item-height: 26px;\n\n.file-list-item-editor {\n  z-index: 1;\n  width: 100%;\n  display: inline-block;\n  position: relative;\n\n  .file-list-item-editor-input {\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    height: $item-list-item-height;\n    line-height: $item-list-item-height;\n\n    &.is-invalid {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      // Don't overlap the error icon\n      padding-right: 2rem;\n    }\n  }\n  .invalid-feedback {\n    color: $foreground;\n    background-color: $danger;\n    font-size: 0.9rem;\n    margin-top: 0;\n    padding: $spacer-1 $spacer-2;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    position: absolute;\n    top: 100%;\n    left: 0;\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"]}

package/dist/FileListItemEditor.js

@@ -0,0 +1,92 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import Log from '@deephaven/log';
+import { PromiseUtils } from '@deephaven/utils';
+import "./FileListItemEditor.css";
+var log = Log.module('FileListItemEditor');
+var DEFAULT_VALIDATE = () => Promise.resolve();
+export function FileListItemEditor(_ref) {
+  var {
+    item,
+    onCancel,
+    onSubmit,
+    validate = DEFAULT_VALIDATE
+  } = _ref;
+  var input = useRef(null);
+  var [value, setValue] = useState(item.basename);
+  var [validationError, setValidationError] = useState();
+  var [validationPromise, setValidationPromise] = useState(Promise.resolve());
+  var focus = useCallback(() => {
+    var _input$current;
+    (_input$current = input.current) === null || _input$current === void 0 ? void 0 : _input$current.focus();
+    // Select the proper range based on the type...
+  }, [input]);
+  var stopPropagation = useCallback(e => e.stopPropagation(), []);
+  var validateAndSubmit = useCallback(() => {
+    validationPromise.then(() => {
+      onSubmit(value);
+    }).catch(e => log.info('Unable to validate name', e));
+  }, [onSubmit, value, validationPromise]);
+  useEffect(function validateValueAndSetPromise() {
+    var validatePromise = PromiseUtils.makeCancelable(validate(value));
+    validatePromise.then(() => setValidationError(undefined)).catch(e => {
+      if (!PromiseUtils.isCanceled(e)) {
+        setValidationError(e);
+      }
+    });
+    setValidationPromise(validatePromise);
+    return () => validatePromise.cancel();
+  }, [validate, value]);
+  useEffect(function selectRange() {
+    focus();
+  }, [focus]);
+  var handleBlur = useCallback(() => {
+    log.debug2('handleBlur');
+    validateAndSubmit();
+  }, [validateAndSubmit]);
+  var handleChange = useCallback(e => {
+    var {
+      value: newValue
+    } = e.target;
+    setValue(newValue);
+  }, []);
+  var handleKeyDown = useCallback(e => {
+    e.stopPropagation();
+    var {
+      key
+    } = e;
+    switch (key) {
+      case 'Enter':
+        {
+          validateAndSubmit();
+          break;
+        }
+      case 'Escape':
+        {
+          onCancel();
+          break;
+        }
+      default:
+    }
+  }, [onCancel, validateAndSubmit]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "file-list-item-editor"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: classNames('form-control file-list-item-editor-input', {
+      'is-invalid': validationError
+    }),
+    value: value,
+    ref: input,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onChange: handleChange,
+    onClick: stopPropagation,
+    onDoubleClick: stopPropagation,
+    onMouseDown: stopPropagation
+  }), validationError && /*#__PURE__*/React.createElement("div", {
+    className: "invalid-feedback"
+  }, "".concat(validationError)));
+}
+export default FileListItemEditor;
+//# sourceMappingURL=FileListItemEditor.js.map

package/dist/FileListItemEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileListItemEditor.js","names":["React","useCallback","useEffect","useRef","useState","classNames","Log","PromiseUtils","log","module","DEFAULT_VALIDATE","Promise","resolve","FileListItemEditor","item","onCancel","onSubmit","validate","input","value","setValue","basename","validationError","setValidationError","validationPromise","setValidationPromise","focus","current","stopPropagation","e","validateAndSubmit","then","catch","info","validateValueAndSetPromise","validatePromise","makeCancelable","undefined","isCanceled","cancel","selectRange","handleBlur","debug2","handleChange","newValue","target","handleKeyDown","key"],"sources":["../src/FileListItemEditor.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  KeyboardEvent,\n  MouseEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport { PromiseUtils } from '@deephaven/utils';\nimport './FileListItemEditor.scss';\nimport { FileStorageItem } from './FileStorage';\n\nconst log = Log.module('FileListItemEditor');\n\nexport interface FileListItemEditorProps {\n  item: FileStorageItem;\n  onCancel: () => void;\n  onSubmit: (newName: string) => void;\n  validate?: (newName: string) => Promise<void>;\n}\n\nconst DEFAULT_VALIDATE = () => Promise.resolve();\n\nexport function FileListItemEditor({\n  item,\n  onCancel,\n  onSubmit,\n  validate = DEFAULT_VALIDATE,\n}: FileListItemEditorProps): JSX.Element {\n  const input = useRef<HTMLInputElement>(null);\n  const [value, setValue] = useState(item.basename);\n  const [validationError, setValidationError] = useState<Error>();\n  const [validationPromise, setValidationPromise] = useState<Promise<void>>(\n    Promise.resolve()\n  );\n\n  const focus = useCallback(() => {\n    input.current?.focus();\n    // Select the proper range based on the type...\n  }, [input]);\n\n  const stopPropagation = useCallback(\n    (e: MouseEvent) => e.stopPropagation(),\n    []\n  );\n\n  const validateAndSubmit = useCallback(() => {\n    validationPromise\n      .then(() => {\n        onSubmit(value);\n      })\n      .catch(e => log.info('Unable to validate name', e));\n  }, [onSubmit, value, validationPromise]);\n\n  useEffect(\n    function validateValueAndSetPromise() {\n      const validatePromise = PromiseUtils.makeCancelable(validate(value));\n      validatePromise\n        .then(() => setValidationError(undefined))\n        .catch(e => {\n          if (!PromiseUtils.isCanceled(e)) {\n            setValidationError(e);\n          }\n        });\n      setValidationPromise(validatePromise);\n      return () => validatePromise.cancel();\n    },\n    [validate, value]\n  );\n\n  useEffect(\n    function selectRange() {\n      focus();\n    },\n    [focus]\n  );\n\n  const handleBlur = useCallback(() => {\n    log.debug2('handleBlur');\n    validateAndSubmit();\n  }, [validateAndSubmit]);\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    const { value: newValue } = e.target;\n    setValue(newValue);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      e.stopPropagation();\n\n      const { key } = e;\n      switch (key) {\n        case 'Enter': {\n          validateAndSubmit();\n          break;\n        }\n        case 'Escape': {\n          onCancel();\n          break;\n        }\n        default:\n      }\n    },\n    [onCancel, validateAndSubmit]\n  );\n\n  return (\n    <div className=\"file-list-item-editor\">\n      <input\n        type=\"text\"\n        className={classNames('form-control file-list-item-editor-input', {\n          'is-invalid': validationError,\n        })}\n        value={value}\n        ref={input}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onChange={handleChange}\n        onClick={stopPropagation}\n        onDoubleClick={stopPropagation}\n        onMouseDown={stopPropagation}\n      />\n\n      {validationError && (\n        <div className=\"invalid-feedback\">{`${validationError}`}</div>\n      )}\n    </div>\n  );\n}\n\nexport default FileListItemEditor;\n"],"mappings":"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"}

package/dist/FileListUtils.js

@@ -0,0 +1,34 @@
+import { isDirectory } from "./FileStorage.js";
+import FileUtils from "./FileUtils.js";
+export var DEFAULT_ROW_HEIGHT = 26;
+export function getPathFromItem(file) {
+  return isDirectory(file) ? FileUtils.makePath(file.filename) : FileUtils.getPath(file.filename);
+}
+
+/**
+ * Get the move operation for the current selection and the given target. Throws if the operation is invalid.
+ */
+export function getMoveOperation(draggedItems, targetItem) {
+  if (draggedItems.length === 0 || targetItem == null) {
+    throw new Error('No items to move');
+  }
+  var targetPath = getPathFromItem(targetItem);
+  if (draggedItems.some(_ref => {
+    var {
+      filename
+    } = _ref;
+    return FileUtils.getPath(filename) === targetPath;
+  })) {
+    // Cannot drop if target is one of the dragged items is already in the target folder
+    throw new Error('File already in the destination folder');
+  }
+  if (draggedItems.some(item => isDirectory(item) && targetPath.startsWith(FileUtils.makePath(item.filename)))) {
+    // Cannot drop if target is a child of one of the directories being moved
+    throw new Error('Destination folder cannot be a child of a dragged folder');
+  }
+  return {
+    files: draggedItems,
+    targetPath
+  };
+}
+//# sourceMappingURL=FileListUtils.js.map

package/dist/FileListUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileListUtils.js","names":["isDirectory","FileUtils","DEFAULT_ROW_HEIGHT","getPathFromItem","file","makePath","filename","getPath","getMoveOperation","draggedItems","targetItem","length","Error","targetPath","some","item","startsWith","files"],"sources":["../src/FileListUtils.ts"],"sourcesContent":["import { isDirectory } from './FileStorage';\nimport type { FileStorageItem } from './FileStorage';\nimport FileUtils from './FileUtils';\n\nexport const DEFAULT_ROW_HEIGHT = 26;\n\nexport function getPathFromItem(file: FileStorageItem): string {\n  return isDirectory(file)\n    ? FileUtils.makePath(file.filename)\n    : FileUtils.getPath(file.filename);\n}\n\n/**\n * Get the move operation for the current selection and the given target. Throws if the operation is invalid.\n */\nexport function getMoveOperation(\n  draggedItems: FileStorageItem[],\n  targetItem: FileStorageItem\n): { files: FileStorageItem[]; targetPath: string } {\n  if (draggedItems.length === 0 || targetItem == null) {\n    throw new Error('No items to move');\n  }\n\n  const targetPath = getPathFromItem(targetItem);\n  if (\n    draggedItems.some(\n      ({ filename }) => FileUtils.getPath(filename) === targetPath\n    )\n  ) {\n    // Cannot drop if target is one of the dragged items is already in the target folder\n    throw new Error('File already in the destination folder');\n  }\n  if (\n    draggedItems.some(\n      item =>\n        isDirectory(item) &&\n        targetPath.startsWith(FileUtils.makePath(item.filename))\n    )\n  ) {\n    // Cannot drop if target is a child of one of the directories being moved\n    throw new Error('Destination folder cannot be a child of a dragged folder');\n  }\n  return { files: draggedItems, targetPath };\n}\n"],"mappings":"SAASA,WAAW;AAAA,OAEbC,SAAS;AAEhB,OAAO,IAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,SAASC,eAAe,CAACC,IAAqB,EAAU;EAC7D,OAAOJ,WAAW,CAACI,IAAI,CAAC,GACpBH,SAAS,CAACI,QAAQ,CAACD,IAAI,CAACE,QAAQ,CAAC,GACjCL,SAAS,CAACM,OAAO,CAACH,IAAI,CAACE,QAAQ,CAAC;AACtC;;AAEA;AACA;AACA;AACA,OAAO,SAASE,gBAAgB,CAC9BC,YAA+B,EAC/BC,UAA2B,EACuB;EAClD,IAAID,YAAY,CAACE,MAAM,KAAK,CAAC,IAAID,UAAU,IAAI,IAAI,EAAE;IACnD,MAAM,IAAIE,KAAK,CAAC,kBAAkB,CAAC;EACrC;EAEA,IAAMC,UAAU,GAAGV,eAAe,CAACO,UAAU,CAAC;EAC9C,IACED,YAAY,CAACK,IAAI,CACf;IAAA,IAAC;MAAER;IAAS,CAAC;IAAA,OAAKL,SAAS,CAACM,OAAO,CAACD,QAAQ,CAAC,KAAKO,UAAU;EAAA,EAC7D,EACD;IACA;IACA,MAAM,IAAID,KAAK,CAAC,wCAAwC,CAAC;EAC3D;EACA,IACEH,YAAY,CAACK,IAAI,CACfC,IAAI,IACFf,WAAW,CAACe,IAAI,CAAC,IACjBF,UAAU,CAACG,UAAU,CAACf,SAAS,CAACI,QAAQ,CAACU,IAAI,CAACT,QAAQ,CAAC,CAAC,CAC3D,EACD;IACA;IACA,MAAM,IAAIM,KAAK,CAAC,0DAA0D,CAAC;EAC7E;EACA,OAAO;IAAEK,KAAK,EAAER,YAAY;IAAEI;EAAW,CAAC;AAC5C"}

package/dist/FileNotFoundError.js

@@ -0,0 +1,11 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class FileNotFoundError extends Error {
+  constructor() {
+    super('No file exists at the path specified');
+    _defineProperty(this, "isFileNotFound", true);
+  }
+}
+export default FileNotFoundError;
+//# sourceMappingURL=FileNotFoundError.js.map

package/dist/FileNotFoundError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileNotFoundError.js","names":["FileNotFoundError","Error","constructor"],"sources":["../src/FileNotFoundError.ts"],"sourcesContent":["class FileNotFoundError extends Error {\n  constructor() {\n    super('No file exists at the path specified');\n  }\n\n  isFileNotFound = true;\n}\n\nexport default FileNotFoundError;\n"],"mappings":";;;AAAA,MAAMA,iBAAiB,SAASC,KAAK,CAAC;EACpCC,WAAW,GAAG;IACZ,KAAK,CAAC,sCAAsC,CAAC;IAAC,wCAG/B,IAAI;EAFrB;AAGF;AAEA,eAAeF,iBAAiB"}

package/dist/FileStorage.js

@@ -0,0 +1,12 @@
+/**
+ * Basic metadata of the file
+ */
+
+export function isDirectory(file) {
+  return file.type === 'directory';
+}
+
+/**
+ * A file including it's contents
+ */
+//# sourceMappingURL=FileStorage.js.map

package/dist/FileStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileStorage.js","names":["isDirectory","file","type"],"sources":["../src/FileStorage.ts"],"sourcesContent":["import { StorageTable, StorageItem } from '@deephaven/storage';\n\n/**\n * Basic metadata of the file\n */\nexport interface FileMetadata {\n  /** Full path of the file */\n  filename: string;\n\n  /** Just the file name part of the file (no path) */\n  basename: string;\n}\n\nexport type FileType = 'file' | 'directory';\n\nexport interface FileStorageItem extends StorageItem, FileMetadata {\n  type: FileType;\n}\n\nexport interface DirectoryStorageItem extends FileStorageItem {\n  type: 'directory';\n  isExpanded: boolean;\n}\n\nexport function isDirectory(\n  file: FileStorageItem\n): file is DirectoryStorageItem {\n  return file.type === 'directory';\n}\n\n/**\n * A file including it's contents\n */\nexport interface File extends FileMetadata {\n  content: string;\n}\n\nexport interface FileStorageTable extends StorageTable<FileStorageItem> {\n  setSearch(search: string): void;\n\n  /**\n   * @param path The path to expand\n   * @param expanded What expanded state to set\n   */\n  setExpanded(path: string, expanded: boolean): void;\n\n  /**\n   * Collapses all directories\n   */\n  collapseAll(): void;\n}\n\n/**\n * FileStorage abstraction. Has methods for managing files, and for retrieving a table to browse files.\n */\nexport interface FileStorage {\n  /**\n   * Retrieve a table to view the file list\n   */\n  getTable(): Promise<FileStorageTable>;\n\n  /**\n   * Save a file\n   * @param file The file to save\n   */\n  saveFile(file: File): Promise<File>;\n\n  /**\n   * Load the contents of a file\n   * @param name The file to load, including the full path\n   */\n  loadFile(name: string): Promise<File>;\n\n  /**\n   * Delete a file\n   * @param name The full name of the file to delete\n   */\n  deleteFile(name: string): Promise<void>;\n\n  /**\n   * Move a file to a new location\n   * @param name Source file name\n   * @param newName The new file name, including path\n   */\n  moveFile(name: string, newName: string): Promise<void>;\n\n  /**\n   * Get the info for the file at the specified path.\n   * If the file does not exists, rejects with a FileNotFoundError\n   * @param name The file name to check, including path\n   * @returns The FileStorageItem for the path specified, or reject with a FileNotFoundError if it does not exist.\n   */\n  info(name: string): Promise<FileStorageItem>;\n\n  /**\n   * Create the directory at the given path\n   * @param name The full directory path\n   */\n  createDirectory(name: string): Promise<FileStorageItem>;\n}\n\nexport default FileStorage;\n"],"mappings":"AAEA;AACA;AACA;;AAoBA,OAAO,SAASA,WAAW,CACzBC,IAAqB,EACS;EAC9B,OAAOA,IAAI,CAACC,IAAI,KAAK,WAAW;AAClC;;AAEA;AACA;AACA"}

package/dist/FileTestUtils.js

@@ -0,0 +1,103 @@
+/**
+ * Make a file name with prefix 'testfile'
+ * @param index Number of the file
+ * @returns A string with prefix 'testfile' followed by index
+ */
+export function makeFileName() {
+  var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  return "testfile".concat(index);
+}
+
+/**
+ * Make a directory name with prefix 'testdir'
+ * @param index Number of the directory
+ * @returns A string with prefix 'testdir' followed by index
+ */
+export function makeDirName() {
+  var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  return "testdir".concat(index);
+}
+
+/**
+ * Make a file object
+ * @param basename The basename of the file
+ * @param path The path of the file
+ * @returns A FileStorageItem object
+ */
+export function makeFile(basename) {
+  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '/';
+  var filename = "".concat(path).concat(basename);
+  return {
+    basename,
+    filename,
+    type: 'file',
+    id: filename
+  };
+}
+
+/**
+ * Make files from 0 to and not including count
+ * @param count The number of files to create (0 to count - 1). Defaults to 5
+ * @returns An array of FileStorageItems
+ */
+export function makeFiles() {
+  var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
+  var result = [];
+  for (var i = 0; i < count; i += 1) {
+    result.push(makeFile(makeFileName(i)));
+  }
+  return result;
+}
+
+/**
+ * Make a directory object
+ * @param basename The basename of the directory
+ * @param path The path of the directory
+ * @returns A DirectoryStorageItem object
+ */
+export function makeDirectory(basename) {
+  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '/';
+  var filename = "".concat(path).concat(basename);
+  return {
+    basename,
+    filename,
+    type: 'directory',
+    id: filename,
+    isExpanded: false
+  };
+}
+
+/**
+ * Make directories from 0 to and not including count
+ * @param count The number of directories to create (0 to count - 1). Defaults to 5
+ * @returns An array of DirectoryStorageItems
+ */
+export function makeDirectories() {
+  var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
+  var result = [];
+  for (var i = 0; i < count; i += 1) {
+    result.push(makeDirectory("testdir".concat(i)));
+  }
+  return result;
+}
+
+/**
+ * Make a nested file
+ * @param directories The nested directories in order
+ * @param fileNum Number of the file
+ * @returns A FileStorageItem
+ */
+export function makeNested(directories, fileNum) {
+  var basename = "/".concat(directories.map(directory => makeDirName(directory)).join('/'), "/");
+  return makeFile(makeFileName(fileNum), basename);
+}
+export default {
+  makeFileName,
+  makeFile,
+  makeFiles,
+  makeDirName,
+  makeDirectory,
+  makeDirectories,
+  makeNested
+};
+//# sourceMappingURL=FileTestUtils.js.map

package/dist/FileTestUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTestUtils.js","names":["makeFileName","index","makeDirName","makeFile","basename","path","filename","type","id","makeFiles","count","result","i","push","makeDirectory","isExpanded","makeDirectories","makeNested","directories","fileNum","map","directory","join"],"sources":["../src/FileTestUtils.ts"],"sourcesContent":["import { DirectoryStorageItem, FileStorageItem } from './FileStorage';\n\n/**\n * Make a file name with prefix 'testfile'\n * @param index Number of the file\n * @returns A string with prefix 'testfile' followed by index\n */\nexport function makeFileName(index = 0): string {\n  return `testfile${index}`;\n}\n\n/**\n * Make a directory name with prefix 'testdir'\n * @param index Number of the directory\n * @returns A string with prefix 'testdir' followed by index\n */\nexport function makeDirName(index = 0): string {\n  return `testdir${index}`;\n}\n\n/**\n * Make a file object\n * @param basename The basename of the file\n * @param path The path of the file\n * @returns A FileStorageItem object\n */\nexport function makeFile(basename: string, path = '/'): FileStorageItem {\n  const filename = `${path}${basename}`;\n  return {\n    basename,\n    filename,\n    type: 'file',\n    id: filename,\n  };\n}\n\n/**\n * Make files from 0 to and not including count\n * @param count The number of files to create (0 to count - 1). Defaults to 5\n * @returns An array of FileStorageItems\n */\nexport function makeFiles(count = 5) {\n  const result: FileStorageItem[] = [];\n  for (let i = 0; i < count; i += 1) {\n    result.push(makeFile(makeFileName(i)));\n  }\n  return result;\n}\n\n/**\n * Make a directory object\n * @param basename The basename of the directory\n * @param path The path of the directory\n * @returns A DirectoryStorageItem object\n */\nexport function makeDirectory(\n  basename: string,\n  path = '/'\n): DirectoryStorageItem {\n  const filename = `${path}${basename}`;\n  return {\n    basename,\n    filename,\n    type: 'directory',\n    id: filename,\n    isExpanded: false,\n  };\n}\n\n/**\n * Make directories from 0 to and not including count\n * @param count The number of directories to create (0 to count - 1). Defaults to 5\n * @returns An array of DirectoryStorageItems\n */\nexport function makeDirectories(count = 5) {\n  const result: DirectoryStorageItem[] = [];\n  for (let i = 0; i < count; i += 1) {\n    result.push(makeDirectory(`testdir${i}`));\n  }\n  return result;\n}\n\n/**\n * Make a nested file\n * @param directories The nested directories in order\n * @param fileNum Number of the file\n * @returns A FileStorageItem\n */\nexport function makeNested(\n  directories: number[],\n  fileNum: number\n): FileStorageItem {\n  const basename = `/${directories\n    .map(directory => makeDirName(directory))\n    .join('/')}/`;\n  return makeFile(makeFileName(fileNum), basename);\n}\n\nexport default {\n  makeFileName,\n  makeFile,\n  makeFiles,\n  makeDirName,\n  makeDirectory,\n  makeDirectories,\n  makeNested,\n};\n"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAY,GAAoB;EAAA,IAAnBC,KAAK,uEAAG,CAAC;EACpC,yBAAkBA,KAAK;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAW,GAAoB;EAAA,IAAnBD,KAAK,uEAAG,CAAC;EACnC,wBAAiBA,KAAK;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,QAAQ,CAACC,QAAgB,EAA+B;EAAA,IAA7BC,IAAI,uEAAG,GAAG;EACnD,IAAMC,QAAQ,aAAMD,IAAI,SAAGD,QAAQ,CAAE;EACrC,OAAO;IACLA,QAAQ;IACRE,QAAQ;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAEF;EACN,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,SAAS,GAAY;EAAA,IAAXC,KAAK,uEAAG,CAAC;EACjC,IAAMC,MAAyB,GAAG,EAAE;EACpC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,EAAEE,CAAC,IAAI,CAAC,EAAE;IACjCD,MAAM,CAACE,IAAI,CAACV,QAAQ,CAACH,YAAY,CAACY,CAAC,CAAC,CAAC,CAAC;EACxC;EACA,OAAOD,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,aAAa,CAC3BV,QAAgB,EAEM;EAAA,IADtBC,IAAI,uEAAG,GAAG;EAEV,IAAMC,QAAQ,aAAMD,IAAI,SAAGD,QAAQ,CAAE;EACrC,OAAO;IACLA,QAAQ;IACRE,QAAQ;IACRC,IAAI,EAAE,WAAW;IACjBC,EAAE,EAAEF,QAAQ;IACZS,UAAU,EAAE;EACd,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAe,GAAY;EAAA,IAAXN,KAAK,uEAAG,CAAC;EACvC,IAAMC,MAA8B,GAAG,EAAE;EACzC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,EAAEE,CAAC,IAAI,CAAC,EAAE;IACjCD,MAAM,CAACE,IAAI,CAACC,aAAa,kBAAWF,CAAC,EAAG,CAAC;EAC3C;EACA,OAAOD,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,UAAU,CACxBC,WAAqB,EACrBC,OAAe,EACE;EACjB,IAAMf,QAAQ,cAAOc,WAAW,CAC7BE,GAAG,CAACC,SAAS,IAAInB,WAAW,CAACmB,SAAS,CAAC,CAAC,CACxCC,IAAI,CAAC,GAAG,CAAC,MAAG;EACf,OAAOnB,QAAQ,CAACH,YAAY,CAACmB,OAAO,CAAC,EAAEf,QAAQ,CAAC;AAClD;AAEA,eAAe;EACbJ,YAAY;EACZG,QAAQ;EACRM,SAAS;EACTP,WAAW;EACXY,aAAa;EACbE,eAAe;EACfC;AACF,CAAC"}