@deephaven/iris-grid 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/TableViewportUpdater.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableViewportUpdater.js","names":["PureComponent","memoize","throttle","GridUtils","Log","log","module","UPDATE_THROTTLE","TableViewportUpdater","table","top","bottom","viewHeight","viewportTop","Math","max","ROW_BUFFER_PAGES","viewportBottom","left","right","movedColumns","viewWidth","viewportLeft","COLUMN_BUFFER_PAGES","viewportRight","min","columns","length","i","modelIndex","getModelIndex","push","viewColumns","error","debug2","props","getViewportRowRange","getViewportColumns","subscription","setViewport","onSubscription","componentDidMount","filters","sorts","customColumns","applyFilter","applySort","applyCustomColumns","updateViewport","componentDidUpdate","prevProps","isFilterChanged","isSortChanged","isCustomColumnsChanged","isTableChanged","closeSubscription","debug","componentWillUnmount","close","undefined","cancel","render"],"sources":["../src/TableViewportUpdater.tsx"],"sourcesContent":["import { PureComponent } from 'react';\nimport memoize from 'memoize-one';\nimport throttle from 'lodash.throttle';\nimport { GridUtils, MoveOperation } from '@deephaven/grid';\nimport {\n  Column,\n  FilterCondition,\n  Sort,\n  Table,\n  TableViewportSubscription,\n} from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\nimport { ColumnName } from './CommonTypes';\n\nconst log = Log.module('TableViewportUpdater');\n\nconst UPDATE_THROTTLE = 150;\n\n/**\n * Updates the viewport for an Iris table, for use in a scroll pane.\n * Automatically throttles the viewport requests and buffers above and below.\n */\n\ninterface TableViewportUpdaterProps {\n  table: Table;\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n  columns: Column[];\n  filters: FilterCondition[];\n  sorts: Sort[];\n  customColumns: ColumnName[];\n  movedColumns: MoveOperation[];\n  onSubscription: (subscription?: TableViewportSubscription) => void;\n}\n\nclass TableViewportUpdater extends PureComponent<\n  TableViewportUpdaterProps,\n  Record<string, never>\n> {\n  // Number of pages to buffer for rows/columns\n  static ROW_BUFFER_PAGES = 3;\n\n  static COLUMN_BUFFER_PAGES = 1;\n\n  static defaultProps = {\n    top: 0,\n    bottom: 0,\n    left: null,\n    right: null,\n    columns: null,\n    onSubscription: (): void => undefined,\n    filters: [],\n    sorts: [],\n    customColumns: [],\n    movedColumns: [],\n  };\n\n  componentDidMount(): void {\n    const {\n      top,\n      bottom,\n      left,\n      right,\n      table,\n      filters,\n      sorts,\n      columns,\n      customColumns,\n    } = this.props;\n    table.applyFilter(filters);\n    table.applySort(sorts);\n    table.applyCustomColumns(customColumns);\n    this.updateViewport(top, bottom, left, right, columns);\n  }\n\n  componentDidUpdate(prevProps: TableViewportUpdaterProps): void {\n    const {\n      top,\n      bottom,\n      left,\n      right,\n      table,\n      filters,\n      sorts,\n      customColumns,\n      columns,\n    } = this.props;\n    const isFilterChanged = filters !== prevProps.filters;\n    const isSortChanged = sorts !== prevProps.sorts;\n    const isCustomColumnsChanged = customColumns !== prevProps.customColumns;\n    const isTableChanged = table !== prevProps.table;\n    if (\n      isFilterChanged ||\n      isSortChanged ||\n      isCustomColumnsChanged ||\n      isTableChanged\n    ) {\n      this.closeSubscription();\n    }\n\n    if (isFilterChanged || isTableChanged) {\n      log.debug('update table filter', filters);\n      table.applyFilter(filters);\n    }\n\n    if (isSortChanged || isTableChanged) {\n      log.debug('update table sort', sorts);\n      table.applySort(sorts);\n    }\n\n    if (isCustomColumnsChanged || isTableChanged) {\n      log.debug('update table custom columns', customColumns);\n      table.applyCustomColumns(customColumns);\n    }\n\n    this.updateViewport(top, bottom, left, right, columns);\n  }\n\n  componentWillUnmount(): void {\n    this.closeSubscription();\n  }\n\n  subscription?: TableViewportSubscription;\n\n  // eslint-disable-next-line class-methods-use-this\n  getViewportRowRange = memoize((table: Table, top: number, bottom: number) => {\n    const viewHeight = bottom - top;\n    const viewportTop = Math.max(\n      0,\n      top - viewHeight * TableViewportUpdater.ROW_BUFFER_PAGES\n    );\n    const viewportBottom =\n      bottom + viewHeight * TableViewportUpdater.ROW_BUFFER_PAGES;\n    return [viewportTop, viewportBottom];\n  });\n\n  // eslint-disable-next-line class-methods-use-this\n  getViewportColumns = memoize(\n    (\n      table: Table,\n      left: number,\n      right: number,\n      movedColumns: MoveOperation[]\n    ) => {\n      if (left == null || right == null) {\n        return null;\n      }\n\n      const viewWidth = right - left;\n      const viewportLeft = Math.max(\n        0,\n        left - viewWidth * TableViewportUpdater.COLUMN_BUFFER_PAGES\n      );\n      const viewportRight = Math.min(\n        right + viewWidth * TableViewportUpdater.COLUMN_BUFFER_PAGES,\n        table.columns.length - 1\n      );\n\n      // Need to get all the columns from the table model now\n      const columns = [];\n      for (let i = viewportLeft; i <= viewportRight; i += 1) {\n        const modelIndex = GridUtils.getModelIndex(i, movedColumns);\n        columns.push(table.columns[modelIndex]);\n      }\n\n      return columns;\n    }\n  );\n\n  closeSubscription(): void {\n    log.debug2('closeSubscription', this.subscription);\n    if (this.subscription) {\n      this.subscription.close();\n      this.subscription = undefined;\n\n      const { onSubscription } = this.props;\n      onSubscription();\n    }\n\n    this.updateViewport.cancel();\n  }\n\n  updateViewport = throttle(\n    (\n      top: number,\n      bottom: number,\n      left: number,\n      right: number,\n      viewColumns: Column[]\n    ): void => {\n      if (bottom < top) {\n        log.error('Invalid viewport', top, bottom);\n        return;\n      }\n\n      if (top === 0 && bottom === 0) {\n        log.debug2('Ignoring 0-0 viewport');\n        return;\n      }\n\n      const { movedColumns, table } = this.props;\n      const [viewportTop, viewportBottom] = this.getViewportRowRange(\n        table,\n        top,\n        bottom\n      );\n      const columns =\n        viewColumns ??\n        this.getViewportColumns(table, left, right, movedColumns);\n      log.debug2(\n        'Setting Viewport Top:',\n        viewportTop,\n        'Bottom:',\n        viewportBottom,\n        'Columns:',\n        columns\n      );\n      if (this.subscription == null) {\n        log.debug2('updateViewport creating new subscription');\n        this.subscription = table.setViewport(\n          viewportTop,\n          viewportBottom,\n          columns\n        );\n\n        const { onSubscription } = this.props;\n        onSubscription(this.subscription);\n      } else {\n        log.debug2('updateViewport using existing subscription');\n        this.subscription.setViewport(viewportTop, viewportBottom, columns);\n      }\n    },\n    UPDATE_THROTTLE\n  );\n\n  render(): null {\n    return null;\n  }\n}\n\nexport default TableViewportUpdater;\n"],"mappings":";;AAAA,SAASA,aAAT,QAA8B,OAA9B;AACA,OAAOC,OAAP,MAAoB,aAApB;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,SAASC,SAAT,QAAyC,iBAAzC;AAQA,OAAOC,GAAP,MAAgB,gBAAhB;AAGA,IAAMC,GAAG,GAAGD,GAAG,CAACE,MAAJ,CAAW,sBAAX,CAAZ;AAEA,IAAMC,eAAe,GAAG,GAAxB;AAEA;AACA;AACA;AACA;;AAgBA,MAAMC,oBAAN,SAAmCR,aAAnC,CAGE;EAAA;IAAA;;IAAA;;IAAA,6CAuFsBC,OAAO,CAAC,CAACQ,KAAD,EAAeC,GAAf,EAA4BC,MAA5B,KAA+C;MAC3E,IAAMC,UAAU,GAAGD,MAAM,GAAGD,GAA5B;MACA,IAAMG,WAAW,GAAGC,IAAI,CAACC,GAAL,CAClB,CADkB,EAElBL,GAAG,GAAGE,UAAU,GAAGJ,oBAAoB,CAACQ,gBAFtB,CAApB;MAIA,IAAMC,cAAc,GAClBN,MAAM,GAAGC,UAAU,GAAGJ,oBAAoB,CAACQ,gBAD7C;MAEA,OAAO,CAACH,WAAD,EAAcI,cAAd,CAAP;IACD,CAT4B,CAvF7B;;IAAA,4CAmGqBhB,OAAO,CAC1B,CACEQ,KADF,EAEES,IAFF,EAGEC,KAHF,EAIEC,YAJF,KAKK;MACH,IAAIF,IAAI,IAAI,IAAR,IAAgBC,KAAK,IAAI,IAA7B,EAAmC;QACjC,OAAO,IAAP;MACD;;MAED,IAAME,SAAS,GAAGF,KAAK,GAAGD,IAA1B;MACA,IAAMI,YAAY,GAAGR,IAAI,CAACC,GAAL,CACnB,CADmB,EAEnBG,IAAI,GAAGG,SAAS,GAAGb,oBAAoB,CAACe,mBAFrB,CAArB;MAIA,IAAMC,aAAa,GAAGV,IAAI,CAACW,GAAL,CACpBN,KAAK,GAAGE,SAAS,GAAGb,oBAAoB,CAACe,mBADrB,EAEpBd,KAAK,CAACiB,OAAN,CAAcC,MAAd,GAAuB,CAFH,CAAtB,CAVG,CAeH;;MACA,IAAMD,OAAO,GAAG,EAAhB;;MACA,KAAK,IAAIE,CAAC,GAAGN,YAAb,EAA2BM,CAAC,IAAIJ,aAAhC,EAA+CI,CAAC,IAAI,CAApD,EAAuD;QACrD,IAAMC,UAAU,GAAG1B,SAAS,CAAC2B,aAAV,CAAwBF,CAAxB,EAA2BR,YAA3B,CAAnB;QACAM,OAAO,CAACK,IAAR,CAAatB,KAAK,CAACiB,OAAN,CAAcG,UAAd,CAAb;MACD;;MAED,OAAOH,OAAP;IACD,CA7ByB,CAnG5B;;IAAA,wCAgJiBxB,QAAQ,CACvB,CACEQ,GADF,EAEEC,MAFF,EAGEO,IAHF,EAIEC,KAJF,EAKEa,WALF,KAMW;MACT,IAAIrB,MAAM,GAAGD,GAAb,EAAkB;QAChBL,GAAG,CAAC4B,KAAJ,CAAU,kBAAV,EAA8BvB,GAA9B,EAAmCC,MAAnC;QACA;MACD;;MAED,IAAID,GAAG,KAAK,CAAR,IAAaC,MAAM,KAAK,CAA5B,EAA+B;QAC7BN,GAAG,CAAC6B,MAAJ,CAAW,uBAAX;QACA;MACD;;MAED,IAAM;QAAEd,YAAF;QAAgBX;MAAhB,IAA0B,KAAK0B,KAArC;MACA,IAAM,CAACtB,WAAD,EAAcI,cAAd,IAAgC,KAAKmB,mBAAL,CACpC3B,KADoC,EAEpCC,GAFoC,EAGpCC,MAHoC,CAAtC;MAKA,IAAMe,OAAO,GACXM,WADW,aACXA,WADW,cACXA,WADW,GAEX,KAAKK,kBAAL,CAAwB5B,KAAxB,EAA+BS,IAA/B,EAAqCC,KAArC,EAA4CC,YAA5C,CAFF;MAGAf,GAAG,CAAC6B,MAAJ,CACE,uBADF,EAEErB,WAFF,EAGE,SAHF,EAIEI,cAJF,EAKE,UALF,EAMES,OANF;;MAQA,IAAI,KAAKY,YAAL,IAAqB,IAAzB,EAA+B;QAC7BjC,GAAG,CAAC6B,MAAJ,CAAW,0CAAX;QACA,KAAKI,YAAL,GAAoB7B,KAAK,CAAC8B,WAAN,CAClB1B,WADkB,EAElBI,cAFkB,EAGlBS,OAHkB,CAApB;QAMA,IAAM;UAAEc;QAAF,IAAqB,KAAKL,KAAhC;QACAK,cAAc,CAAC,KAAKF,YAAN,CAAd;MACD,CAVD,MAUO;QACLjC,GAAG,CAAC6B,MAAJ,CAAW,4CAAX;QACA,KAAKI,YAAL,CAAkBC,WAAlB,CAA8B1B,WAA9B,EAA2CI,cAA3C,EAA2DS,OAA3D;MACD;IACF,CAjDsB,EAkDvBnB,eAlDuB,CAhJzB;EAAA;;EAmBAkC,iBAAiB,GAAS;IACxB,IAAM;MACJ/B,GADI;MAEJC,MAFI;MAGJO,IAHI;MAIJC,KAJI;MAKJV,KALI;MAMJiC,OANI;MAOJC,KAPI;MAQJjB,OARI;MASJkB;IATI,IAUF,KAAKT,KAVT;IAWA1B,KAAK,CAACoC,WAAN,CAAkBH,OAAlB;IACAjC,KAAK,CAACqC,SAAN,CAAgBH,KAAhB;IACAlC,KAAK,CAACsC,kBAAN,CAAyBH,aAAzB;IACA,KAAKI,cAAL,CAAoBtC,GAApB,EAAyBC,MAAzB,EAAiCO,IAAjC,EAAuCC,KAAvC,EAA8CO,OAA9C;EACD;;EAEDuB,kBAAkB,CAACC,SAAD,EAA6C;IAC7D,IAAM;MACJxC,GADI;MAEJC,MAFI;MAGJO,IAHI;MAIJC,KAJI;MAKJV,KALI;MAMJiC,OANI;MAOJC,KAPI;MAQJC,aARI;MASJlB;IATI,IAUF,KAAKS,KAVT;IAWA,IAAMgB,eAAe,GAAGT,OAAO,KAAKQ,SAAS,CAACR,OAA9C;IACA,IAAMU,aAAa,GAAGT,KAAK,KAAKO,SAAS,CAACP,KAA1C;IACA,IAAMU,sBAAsB,GAAGT,aAAa,KAAKM,SAAS,CAACN,aAA3D;IACA,IAAMU,cAAc,GAAG7C,KAAK,KAAKyC,SAAS,CAACzC,KAA3C;;IACA,IACE0C,eAAe,IACfC,aADA,IAEAC,sBAFA,IAGAC,cAJF,EAKE;MACA,KAAKC,iBAAL;IACD;;IAED,IAAIJ,eAAe,IAAIG,cAAvB,EAAuC;MACrCjD,GAAG,CAACmD,KAAJ,CAAU,qBAAV,EAAiCd,OAAjC;MACAjC,KAAK,CAACoC,WAAN,CAAkBH,OAAlB;IACD;;IAED,IAAIU,aAAa,IAAIE,cAArB,EAAqC;MACnCjD,GAAG,CAACmD,KAAJ,CAAU,mBAAV,EAA+Bb,KAA/B;MACAlC,KAAK,CAACqC,SAAN,CAAgBH,KAAhB;IACD;;IAED,IAAIU,sBAAsB,IAAIC,cAA9B,EAA8C;MAC5CjD,GAAG,CAACmD,KAAJ,CAAU,6BAAV,EAAyCZ,aAAzC;MACAnC,KAAK,CAACsC,kBAAN,CAAyBH,aAAzB;IACD;;IAED,KAAKI,cAAL,CAAoBtC,GAApB,EAAyBC,MAAzB,EAAiCO,IAAjC,EAAuCC,KAAvC,EAA8CO,OAA9C;EACD;;EAED+B,oBAAoB,GAAS;IAC3B,KAAKF,iBAAL;EACD;;EAiDDA,iBAAiB,GAAS;IACxBlD,GAAG,CAAC6B,MAAJ,CAAW,mBAAX,EAAgC,KAAKI,YAArC;;IACA,IAAI,KAAKA,YAAT,EAAuB;MACrB,KAAKA,YAAL,CAAkBoB,KAAlB;MACA,KAAKpB,YAAL,GAAoBqB,SAApB;MAEA,IAAM;QAAEnB;MAAF,IAAqB,KAAKL,KAAhC;MACAK,cAAc;IACf;;IAED,KAAKQ,cAAL,CAAoBY,MAApB;EACD;;EAuDDC,MAAM,GAAS;IACb,OAAO,IAAP;EACD;;AAvMD;;gBAHIrD,oB,sBAKsB,C;;gBALtBA,oB,yBAOyB,C;;gBAPzBA,oB,kBASkB;EACpBE,GAAG,EAAE,CADe;EAEpBC,MAAM,EAAE,CAFY;EAGpBO,IAAI,EAAE,IAHc;EAIpBC,KAAK,EAAE,IAJa;EAKpBO,OAAO,EAAE,IALW;EAMpBc,cAAc,EAAE,MAAYmB,SANR;EAOpBjB,OAAO,EAAE,EAPW;EAQpBC,KAAK,EAAE,EARa;EASpBC,aAAa,EAAE,EATK;EAUpBxB,YAAY,EAAE;AAVM,C;;AAoMxB,eAAeZ,oBAAf"}
+{"version":3,"file":"TableViewportUpdater.js","names":["PureComponent","memoize","throttle","GridUtils","Log","log","module","UPDATE_THROTTLE","TableViewportUpdater","table","top","bottom","viewHeight","viewportTop","Math","max","ROW_BUFFER_PAGES","viewportBottom","left","right","movedColumns","viewWidth","viewportLeft","COLUMN_BUFFER_PAGES","viewportRight","min","columns","length","i","modelIndex","getModelIndex","push","viewColumns","error","debug2","props","getViewportRowRange","getViewportColumns","subscription","setViewport","onSubscription","componentDidMount","filters","sorts","customColumns","applyFilter","applySort","applyCustomColumns","updateViewport","componentDidUpdate","prevProps","isFilterChanged","isSortChanged","isCustomColumnsChanged","isTableChanged","closeSubscription","debug","componentWillUnmount","close","undefined","cancel","render"],"sources":["../src/TableViewportUpdater.tsx"],"sourcesContent":["import { PureComponent } from 'react';\nimport memoize from 'memoize-one';\nimport throttle from 'lodash.throttle';\nimport { GridUtils, MoveOperation } from '@deephaven/grid';\nimport {\n  Column,\n  FilterCondition,\n  Sort,\n  Table,\n  TableViewportSubscription,\n} from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\nimport { ColumnName } from './CommonTypes';\n\nconst log = Log.module('TableViewportUpdater');\n\nconst UPDATE_THROTTLE = 150;\n\n/**\n * Updates the viewport for an Iris table, for use in a scroll pane.\n * Automatically throttles the viewport requests and buffers above and below.\n */\n\ninterface TableViewportUpdaterProps {\n  table: Table;\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n  columns: Column[];\n  filters: FilterCondition[];\n  sorts: Sort[];\n  customColumns: ColumnName[];\n  movedColumns: MoveOperation[];\n  onSubscription: (subscription?: TableViewportSubscription) => void;\n}\n\nclass TableViewportUpdater extends PureComponent<\n  TableViewportUpdaterProps,\n  Record<string, never>\n> {\n  // Number of pages to buffer for rows/columns\n  static ROW_BUFFER_PAGES = 3;\n\n  static COLUMN_BUFFER_PAGES = 1;\n\n  static defaultProps = {\n    top: 0,\n    bottom: 0,\n    left: null,\n    right: null,\n    columns: null,\n    onSubscription: (): void => undefined,\n    filters: [],\n    sorts: [],\n    customColumns: [],\n    movedColumns: [],\n  };\n\n  componentDidMount(): void {\n    const {\n      top,\n      bottom,\n      left,\n      right,\n      table,\n      filters,\n      sorts,\n      columns,\n      customColumns,\n    } = this.props;\n    table.applyFilter(filters);\n    table.applySort(sorts);\n    table.applyCustomColumns(customColumns);\n    this.updateViewport(top, bottom, left, right, columns);\n  }\n\n  componentDidUpdate(prevProps: TableViewportUpdaterProps): void {\n    const {\n      top,\n      bottom,\n      left,\n      right,\n      table,\n      filters,\n      sorts,\n      customColumns,\n      columns,\n    } = this.props;\n    const isFilterChanged = filters !== prevProps.filters;\n    const isSortChanged = sorts !== prevProps.sorts;\n    const isCustomColumnsChanged = customColumns !== prevProps.customColumns;\n    const isTableChanged = table !== prevProps.table;\n    if (\n      isFilterChanged ||\n      isSortChanged ||\n      isCustomColumnsChanged ||\n      isTableChanged\n    ) {\n      this.closeSubscription();\n    }\n\n    if (isFilterChanged || isTableChanged) {\n      log.debug('update table filter', filters);\n      table.applyFilter(filters);\n    }\n\n    if (isSortChanged || isTableChanged) {\n      log.debug('update table sort', sorts);\n      table.applySort(sorts);\n    }\n\n    if (isCustomColumnsChanged || isTableChanged) {\n      log.debug('update table custom columns', customColumns);\n      table.applyCustomColumns(customColumns);\n    }\n\n    this.updateViewport(top, bottom, left, right, columns);\n  }\n\n  componentWillUnmount(): void {\n    this.closeSubscription();\n  }\n\n  subscription?: TableViewportSubscription;\n\n  // eslint-disable-next-line class-methods-use-this\n  getViewportRowRange = memoize((table: Table, top: number, bottom: number) => {\n    const viewHeight = bottom - top;\n    const viewportTop = Math.max(\n      0,\n      top - viewHeight * TableViewportUpdater.ROW_BUFFER_PAGES\n    );\n    const viewportBottom =\n      bottom + viewHeight * TableViewportUpdater.ROW_BUFFER_PAGES;\n    return [viewportTop, viewportBottom];\n  });\n\n  // eslint-disable-next-line class-methods-use-this\n  getViewportColumns = memoize(\n    (\n      table: Table,\n      left: number,\n      right: number,\n      movedColumns: MoveOperation[]\n    ) => {\n      if (left == null || right == null) {\n        return null;\n      }\n\n      const viewWidth = right - left;\n      const viewportLeft = Math.max(\n        0,\n        left - viewWidth * TableViewportUpdater.COLUMN_BUFFER_PAGES\n      );\n      const viewportRight = Math.min(\n        right + viewWidth * TableViewportUpdater.COLUMN_BUFFER_PAGES,\n        table.columns.length - 1\n      );\n\n      // Need to get all the columns from the table model now\n      const columns = [];\n      for (let i = viewportLeft; i <= viewportRight; i += 1) {\n        const modelIndex = GridUtils.getModelIndex(i, movedColumns);\n        columns.push(table.columns[modelIndex]);\n      }\n\n      return columns;\n    }\n  );\n\n  closeSubscription(): void {\n    log.debug2('closeSubscription', this.subscription);\n    if (this.subscription) {\n      this.subscription.close();\n      this.subscription = undefined;\n\n      const { onSubscription } = this.props;\n      onSubscription();\n    }\n\n    this.updateViewport.cancel();\n  }\n\n  updateViewport = throttle(\n    (\n      top: number,\n      bottom: number,\n      left: number,\n      right: number,\n      viewColumns: Column[]\n    ): void => {\n      if (bottom < top) {\n        log.error('Invalid viewport', top, bottom);\n        return;\n      }\n\n      if (top === 0 && bottom === 0) {\n        log.debug2('Ignoring 0-0 viewport');\n        return;\n      }\n\n      const { movedColumns, table } = this.props;\n      const [viewportTop, viewportBottom] = this.getViewportRowRange(\n        table,\n        top,\n        bottom\n      );\n      const columns =\n        viewColumns ??\n        this.getViewportColumns(table, left, right, movedColumns);\n      log.debug2(\n        'Setting Viewport Top:',\n        viewportTop,\n        'Bottom:',\n        viewportBottom,\n        'Columns:',\n        columns\n      );\n      if (this.subscription == null) {\n        log.debug2('updateViewport creating new subscription');\n        this.subscription = table.setViewport(\n          viewportTop,\n          viewportBottom,\n          columns\n        );\n\n        const { onSubscription } = this.props;\n        onSubscription(this.subscription);\n      } else {\n        log.debug2('updateViewport using existing subscription');\n        this.subscription.setViewport(viewportTop, viewportBottom, columns);\n      }\n    },\n    UPDATE_THROTTLE\n  );\n\n  render(): null {\n    return null;\n  }\n}\n\nexport default TableViewportUpdater;\n"],"mappings":"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"}

package/dist/ToastBottomBar.d.ts

@@ -7,6 +7,6 @@ export declare type ToastBottomBarProps = {
     onExiting?: () => void;
     onExited?: () => void;
 };
-export declare const ToastBottomBar: ({ children, onEntering, onEntered, onExiting, onExited, }: ToastBottomBarProps) => JSX.Element;
+export declare function ToastBottomBar({ children, onEntering, onEntered, onExiting, onExited, }: ToastBottomBarProps): JSX.Element;
 export default ToastBottomBar;
 //# sourceMappingURL=ToastBottomBar.d.ts.map

package/dist/ToastBottomBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastBottomBar.d.ts","sourceRoot":"","sources":["../src/ToastBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,6BAA6B,CAAC;AAIrC,oBAAY,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,8DAMxB,mBAAmB,KAAG,WAsCxB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ToastBottomBar.d.ts","sourceRoot":"","sources":["../src/ToastBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,6BAA6B,CAAC;AAIrC,oBAAY,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAsCnC;AAED,eAAe,cAAc,CAAC"}

package/dist/ToastBottomBar.js

@@ -3,7 +3,7 @@ import { usePrevious } from '@deephaven/react-hooks';
 import IrisGridBottomBar from "./IrisGridBottomBar.js";
 import "./PendingDataBottomBar.css";
 var HIDE_TIMEOUT = 3000;
-export var ToastBottomBar = _ref => {
+export function ToastBottomBar(_ref) {
   var {
     children = null,
     onEntering,
@@ -16,11 +16,9 @@ export var ToastBottomBar = _ref => {
   var prevChildren = usePrevious(children);
   var startTimer = useCallback(() => {
     setIsShown(true);
-
     if (timeout.current) {
       clearTimeout(timeout.current);
     }
-
     timeout.current = setTimeout(() => {
       setIsShown(false);
     }, HIDE_TIMEOUT);
@@ -39,6 +37,6 @@ export var ToastBottomBar = _ref => {
     onExiting: onExiting,
     onExited: onExited
   }, children);
-};
+}
 export default ToastBottomBar;
 //# sourceMappingURL=ToastBottomBar.js.map

package/dist/ToastBottomBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastBottomBar.js","names":["React","useCallback","useEffect","useRef","useState","usePrevious","IrisGridBottomBar","HIDE_TIMEOUT","ToastBottomBar","children","onEntering","onEntered","onExiting","onExited","isShown","setIsShown","timeout","prevChildren","startTimer","current","clearTimeout","setTimeout","undefined"],"sources":["../src/ToastBottomBar.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport IrisGridBottomBar from './IrisGridBottomBar';\nimport './PendingDataBottomBar.scss';\n\nconst HIDE_TIMEOUT = 3000;\n\nexport type ToastBottomBarProps = {\n  children?: React.ReactNode;\n  onEntering?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n};\n\nexport const ToastBottomBar = ({\n  children = null,\n  onEntering,\n  onEntered,\n  onExiting,\n  onExited,\n}: ToastBottomBarProps): JSX.Element => {\n  const [isShown, setIsShown] = useState(false);\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const prevChildren = usePrevious(children);\n\n  const startTimer = useCallback(() => {\n    setIsShown(true);\n    if (timeout.current) {\n      clearTimeout(timeout.current);\n    }\n    timeout.current = setTimeout(() => {\n      setIsShown(false);\n    }, HIDE_TIMEOUT);\n  }, [setIsShown, timeout]);\n\n  useEffect(() => {\n    if (prevChildren !== children && children != null) {\n      startTimer();\n    }\n  }, [children, prevChildren, setIsShown, startTimer]);\n\n  useEffect(\n    () => () => (timeout.current ? clearTimeout(timeout.current) : undefined),\n    []\n  );\n\n  return (\n    <IrisGridBottomBar\n      className=\"toast-bottom-bar\"\n      isShown={isShown}\n      onEntering={onEntering}\n      onEntered={onEntered}\n      onExiting={onExiting}\n      onExited={onExited}\n    >\n      {children}\n    </IrisGridBottomBar>\n  );\n};\n\nexport default ToastBottomBar;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,EAAgDC,QAAhD,QAAgE,OAAhE;AACA,SAASC,WAAT,QAA4B,wBAA5B;OACOC,iB;;AAGP,IAAMC,YAAY,GAAG,IAArB;AAUA,OAAO,IAAMC,cAAc,GAAG,QAMU;EAAA,IANT;IAC7BC,QAAQ,GAAG,IADkB;IAE7BC,UAF6B;IAG7BC,SAH6B;IAI7BC,SAJ6B;IAK7BC;EAL6B,CAMS;EACtC,IAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBX,QAAQ,CAAC,KAAD,CAAtC;EACA,IAAMY,OAAO,GAAGb,MAAM,EAAtB;EACA,IAAMc,YAAY,GAAGZ,WAAW,CAACI,QAAD,CAAhC;EAEA,IAAMS,UAAU,GAAGjB,WAAW,CAAC,MAAM;IACnCc,UAAU,CAAC,IAAD,CAAV;;IACA,IAAIC,OAAO,CAACG,OAAZ,EAAqB;MACnBC,YAAY,CAACJ,OAAO,CAACG,OAAT,CAAZ;IACD;;IACDH,OAAO,CAACG,OAAR,GAAkBE,UAAU,CAAC,MAAM;MACjCN,UAAU,CAAC,KAAD,CAAV;IACD,CAF2B,EAEzBR,YAFyB,CAA5B;EAGD,CAR6B,EAQ3B,CAACQ,UAAD,EAAaC,OAAb,CAR2B,CAA9B;EAUAd,SAAS,CAAC,MAAM;IACd,IAAIe,YAAY,KAAKR,QAAjB,IAA6BA,QAAQ,IAAI,IAA7C,EAAmD;MACjDS,UAAU;IACX;EACF,CAJQ,EAIN,CAACT,QAAD,EAAWQ,YAAX,EAAyBF,UAAzB,EAAqCG,UAArC,CAJM,CAAT;EAMAhB,SAAS,CACP,MAAM,MAAOc,OAAO,CAACG,OAAR,GAAkBC,YAAY,CAACJ,OAAO,CAACG,OAAT,CAA9B,GAAkDG,SADxD,EAEP,EAFO,CAAT;EAKA,oBACE,oBAAC,iBAAD;IACE,SAAS,EAAC,kBADZ;IAEE,OAAO,EAAER,OAFX;IAGE,UAAU,EAAEJ,UAHd;IAIE,SAAS,EAAEC,SAJb;IAKE,SAAS,EAAEC,SALb;IAME,QAAQ,EAAEC;EANZ,GAQGJ,QARH,CADF;AAYD,CA5CM;AA8CP,eAAeD,cAAf"}
+{"version":3,"file":"ToastBottomBar.js","names":["React","useCallback","useEffect","useRef","useState","usePrevious","IrisGridBottomBar","HIDE_TIMEOUT","ToastBottomBar","children","onEntering","onEntered","onExiting","onExited","isShown","setIsShown","timeout","prevChildren","startTimer","current","clearTimeout","setTimeout","undefined"],"sources":["../src/ToastBottomBar.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport IrisGridBottomBar from './IrisGridBottomBar';\nimport './PendingDataBottomBar.scss';\n\nconst HIDE_TIMEOUT = 3000;\n\nexport type ToastBottomBarProps = {\n  children?: React.ReactNode;\n  onEntering?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n};\n\nexport function ToastBottomBar({\n  children = null,\n  onEntering,\n  onEntered,\n  onExiting,\n  onExited,\n}: ToastBottomBarProps): JSX.Element {\n  const [isShown, setIsShown] = useState(false);\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const prevChildren = usePrevious(children);\n\n  const startTimer = useCallback(() => {\n    setIsShown(true);\n    if (timeout.current) {\n      clearTimeout(timeout.current);\n    }\n    timeout.current = setTimeout(() => {\n      setIsShown(false);\n    }, HIDE_TIMEOUT);\n  }, [setIsShown, timeout]);\n\n  useEffect(() => {\n    if (prevChildren !== children && children != null) {\n      startTimer();\n    }\n  }, [children, prevChildren, setIsShown, startTimer]);\n\n  useEffect(\n    () => () => (timeout.current ? clearTimeout(timeout.current) : undefined),\n    []\n  );\n\n  return (\n    <IrisGridBottomBar\n      className=\"toast-bottom-bar\"\n      isShown={isShown}\n      onEntering={onEntering}\n      onEntered={onEntered}\n      onExiting={onExiting}\n      onExited={onExited}\n    >\n      {children}\n    </IrisGridBottomBar>\n  );\n}\n\nexport default ToastBottomBar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,WAAW,QAAQ,wBAAwB;AAAC,OAC9CC,iBAAiB;AAAA;AAGxB,IAAMC,YAAY,GAAG,IAAI;AAUzB,OAAO,SAASC,cAAc,OAMO;EAAA,IANN;IAC7BC,QAAQ,GAAG,IAAI;IACfC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC;EACmB,CAAC;EACpB,IAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAC7C,IAAMY,OAAO,GAAGb,MAAM,EAAiC;EACvD,IAAMc,YAAY,GAAGZ,WAAW,CAACI,QAAQ,CAAC;EAE1C,IAAMS,UAAU,GAAGjB,WAAW,CAAC,MAAM;IACnCc,UAAU,CAAC,IAAI,CAAC;IAChB,IAAIC,OAAO,CAACG,OAAO,EAAE;MACnBC,YAAY,CAACJ,OAAO,CAACG,OAAO,CAAC;IAC/B;IACAH,OAAO,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;MACjCN,UAAU,CAAC,KAAK,CAAC;IACnB,CAAC,EAAER,YAAY,CAAC;EAClB,CAAC,EAAE,CAACQ,UAAU,EAAEC,OAAO,CAAC,CAAC;EAEzBd,SAAS,CAAC,MAAM;IACd,IAAIe,YAAY,KAAKR,QAAQ,IAAIA,QAAQ,IAAI,IAAI,EAAE;MACjDS,UAAU,EAAE;IACd;EACF,CAAC,EAAE,CAACT,QAAQ,EAAEQ,YAAY,EAAEF,UAAU,EAAEG,UAAU,CAAC,CAAC;EAEpDhB,SAAS,CACP,MAAM,MAAOc,OAAO,CAACG,OAAO,GAAGC,YAAY,CAACJ,OAAO,CAACG,OAAO,CAAC,GAAGG,SAAU,EACzE,EAAE,CACH;EAED,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAC,kBAAkB;IAC5B,OAAO,EAAER,OAAQ;IACjB,UAAU,EAAEJ,UAAW;IACvB,SAAS,EAAEC,SAAU;IACrB,SAAS,EAAEC,SAAU;IACrB,QAAQ,EAAEC;EAAS,GAElBJ,QAAQ,CACS;AAExB;AAEA,eAAeD,cAAc"}

package/dist/TreeTableViewportUpdater.js

@@ -1,12 +1,10 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { PureComponent } from 'react';
 import throttle from 'lodash.throttle';
 import dh from '@deephaven/jsapi-shim';
 import Log from '@deephaven/log';
 var log = Log.module('TreeTableViewportUpdater');
 var UPDATE_THROTTLE = 150;
-
 /**
  * Updates the viewport of a TreeTable for use in a scroll pane.
  * Automatically throttles the viewport requests and buffers above and below.
@@ -14,20 +12,16 @@ var UPDATE_THROTTLE = 150;
 class TreeTableViewportUpdater extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "listenerCleanup", void 0);
-
     _defineProperty(this, "updateViewport", throttle((top, bottom) => {
       if (bottom < top) {
         log.error('Invalid viewport', top, bottom);
         return;
       }
-
       if (top === 0 && bottom === 0) {
         log.debug2('Ignoring 0-0 viewport');
         return;
       }
-
       var {
         table,
         updateInterval
@@ -36,20 +30,16 @@ class TreeTableViewportUpdater extends PureComponent {
       var viewportTop = Math.max(0, top - viewSize * 3);
       var viewportBottom = bottom + viewSize * 3 + 1;
       log.debug2('Setting Viewport Top:', viewportTop, 'Bottom:', viewportBottom, table);
-
       if (!this.listenerCleanup) {
         var {
           onViewportUpdate
         } = this.props;
         this.listenerCleanup = table.addEventListener(dh.TreeTable.EVENT_UPDATED, onViewportUpdate);
       }
-
       table.setViewport(viewportTop, viewportBottom, undefined, updateInterval);
     }, UPDATE_THROTTLE));
-
     this.listenerCleanup = null;
   }
-
   componentDidMount() {
     var {
       top,
@@ -63,7 +53,6 @@ class TreeTableViewportUpdater extends PureComponent {
     table.applySort(sorts);
     this.updateViewport(top, bottom);
   }
-
   componentDidUpdate(prevProps) {
     var {
       top,
@@ -72,36 +61,27 @@ class TreeTableViewportUpdater extends PureComponent {
       filters,
       sorts
     } = this.props;
-
     if (filters !== prevProps.filters) {
       log.debug('update table filter', filters);
       table.applyFilter(filters);
     }
-
     if (sorts !== prevProps.sorts) {
       log.debug('update table sort', sorts);
       table.applySort(sorts);
     }
-
     this.updateViewport(top, bottom);
   }
-
   componentWillUnmount() {
     this.updateViewport.cancel();
-
     if (this.listenerCleanup) {
       this.listenerCleanup();
     }
   }
-
   render() {
     return null;
   }
-
 }
-
 _defineProperty(TreeTableViewportUpdater, "UPDATE_INTERVAL", 1000);
-
 _defineProperty(TreeTableViewportUpdater, "defaultProps", {
   top: 0,
   bottom: 0,
@@ -110,6 +90,5 @@ _defineProperty(TreeTableViewportUpdater, "defaultProps", {
   sorts: [],
   updateInterval: TreeTableViewportUpdater.UPDATE_INTERVAL
 });
-
 export default TreeTableViewportUpdater;
 //# sourceMappingURL=TreeTableViewportUpdater.js.map

package/dist/TreeTableViewportUpdater.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeTableViewportUpdater.js","names":["PureComponent","throttle","dh","Log","log","module","UPDATE_THROTTLE","TreeTableViewportUpdater","constructor","props","top","bottom","error","debug2","table","updateInterval","viewSize","viewportTop","Math","max","viewportBottom","listenerCleanup","onViewportUpdate","addEventListener","TreeTable","EVENT_UPDATED","setViewport","undefined","componentDidMount","filters","sorts","debug","applyFilter","applySort","updateViewport","componentDidUpdate","prevProps","componentWillUnmount","cancel","render","UPDATE_INTERVAL"],"sources":["../src/TreeTableViewportUpdater.tsx"],"sourcesContent":["import { PureComponent } from 'react';\nimport throttle from 'lodash.throttle';\nimport dh, {\n  EventListener,\n  FilterCondition,\n  RemoverFn,\n  Sort,\n  Table,\n} from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('TreeTableViewportUpdater');\n\nconst UPDATE_THROTTLE = 150;\n\ninterface TreeTableViewportUpdaterProps {\n  table: Table;\n  top: number;\n  bottom: number;\n  filters: FilterCondition[];\n  sorts: Sort[];\n  updateInterval: number;\n  onViewportUpdate: EventListener;\n}\n\n/**\n * Updates the viewport of a TreeTable for use in a scroll pane.\n * Automatically throttles the viewport requests and buffers above and below.\n */\nclass TreeTableViewportUpdater extends PureComponent<\n  TreeTableViewportUpdaterProps,\n  Record<string, never>\n> {\n  static UPDATE_INTERVAL = 1000;\n\n  static defaultProps = {\n    top: 0,\n    bottom: 0,\n    onViewportUpdate: (): void => undefined,\n    filters: [],\n    sorts: [],\n    updateInterval: TreeTableViewportUpdater.UPDATE_INTERVAL,\n  };\n\n  constructor(props: TreeTableViewportUpdaterProps) {\n    super(props);\n\n    this.listenerCleanup = null;\n  }\n\n  componentDidMount(): void {\n    const { top, bottom, table, filters, sorts } = this.props;\n    log.debug('componentDidMount', this.props);\n    table.applyFilter(filters);\n    table.applySort(sorts);\n    this.updateViewport(top, bottom);\n  }\n\n  componentDidUpdate(prevProps: TreeTableViewportUpdaterProps): void {\n    const { top, bottom, table, filters, sorts } = this.props;\n    if (filters !== prevProps.filters) {\n      log.debug('update table filter', filters);\n      table.applyFilter(filters);\n    }\n\n    if (sorts !== prevProps.sorts) {\n      log.debug('update table sort', sorts);\n      table.applySort(sorts);\n    }\n\n    this.updateViewport(top, bottom);\n  }\n\n  componentWillUnmount(): void {\n    this.updateViewport.cancel();\n    if (this.listenerCleanup) {\n      this.listenerCleanup();\n    }\n  }\n\n  listenerCleanup: RemoverFn | null;\n\n  updateViewport = throttle((top: number, bottom: number): void => {\n    if (bottom < top) {\n      log.error('Invalid viewport', top, bottom);\n      return;\n    }\n\n    if (top === 0 && bottom === 0) {\n      log.debug2('Ignoring 0-0 viewport');\n      return;\n    }\n\n    const { table, updateInterval } = this.props;\n    const viewSize = bottom - top;\n    const viewportTop = Math.max(0, top - viewSize * 3);\n    const viewportBottom = bottom + viewSize * 3 + 1;\n    log.debug2(\n      'Setting Viewport Top:',\n      viewportTop,\n      'Bottom:',\n      viewportBottom,\n      table\n    );\n\n    if (!this.listenerCleanup) {\n      const { onViewportUpdate } = this.props;\n      this.listenerCleanup = table.addEventListener(\n        dh.TreeTable.EVENT_UPDATED,\n        onViewportUpdate\n      );\n    }\n\n    table.setViewport(viewportTop, viewportBottom, undefined, updateInterval);\n  }, UPDATE_THROTTLE);\n\n  render(): null {\n    return null;\n  }\n}\n\nexport default TreeTableViewportUpdater;\n"],"mappings":";;AAAA,SAASA,aAAT,QAA8B,OAA9B;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,EAAP,MAMO,uBANP;AAOA,OAAOC,GAAP,MAAgB,gBAAhB;AAEA,IAAMC,GAAG,GAAGD,GAAG,CAACE,MAAJ,CAAW,0BAAX,CAAZ;AAEA,IAAMC,eAAe,GAAG,GAAxB;;AAYA;AACA;AACA;AACA;AACA,MAAMC,wBAAN,SAAuCP,aAAvC,CAGE;EAYAQ,WAAW,CAACC,KAAD,EAAuC;IAChD,MAAMA,KAAN;;IADgD;;IAAA,wCAsCjCR,QAAQ,CAAC,CAACS,GAAD,EAAcC,MAAd,KAAuC;MAC/D,IAAIA,MAAM,GAAGD,GAAb,EAAkB;QAChBN,GAAG,CAACQ,KAAJ,CAAU,kBAAV,EAA8BF,GAA9B,EAAmCC,MAAnC;QACA;MACD;;MAED,IAAID,GAAG,KAAK,CAAR,IAAaC,MAAM,KAAK,CAA5B,EAA+B;QAC7BP,GAAG,CAACS,MAAJ,CAAW,uBAAX;QACA;MACD;;MAED,IAAM;QAAEC,KAAF;QAASC;MAAT,IAA4B,KAAKN,KAAvC;MACA,IAAMO,QAAQ,GAAGL,MAAM,GAAGD,GAA1B;MACA,IAAMO,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,GAAG,GAAGM,QAAQ,GAAG,CAA7B,CAApB;MACA,IAAMI,cAAc,GAAGT,MAAM,GAAGK,QAAQ,GAAG,CAApB,GAAwB,CAA/C;MACAZ,GAAG,CAACS,MAAJ,CACE,uBADF,EAEEI,WAFF,EAGE,SAHF,EAIEG,cAJF,EAKEN,KALF;;MAQA,IAAI,CAAC,KAAKO,eAAV,EAA2B;QACzB,IAAM;UAAEC;QAAF,IAAuB,KAAKb,KAAlC;QACA,KAAKY,eAAL,GAAuBP,KAAK,CAACS,gBAAN,CACrBrB,EAAE,CAACsB,SAAH,CAAaC,aADQ,EAErBH,gBAFqB,CAAvB;MAID;;MAEDR,KAAK,CAACY,WAAN,CAAkBT,WAAlB,EAA+BG,cAA/B,EAA+CO,SAA/C,EAA0DZ,cAA1D;IACD,CAhCwB,EAgCtBT,eAhCsB,CAtCyB;;IAGhD,KAAKe,eAAL,GAAuB,IAAvB;EACD;;EAEDO,iBAAiB,GAAS;IACxB,IAAM;MAAElB,GAAF;MAAOC,MAAP;MAAeG,KAAf;MAAsBe,OAAtB;MAA+BC;IAA/B,IAAyC,KAAKrB,KAApD;IACAL,GAAG,CAAC2B,KAAJ,CAAU,mBAAV,EAA+B,KAAKtB,KAApC;IACAK,KAAK,CAACkB,WAAN,CAAkBH,OAAlB;IACAf,KAAK,CAACmB,SAAN,CAAgBH,KAAhB;IACA,KAAKI,cAAL,CAAoBxB,GAApB,EAAyBC,MAAzB;EACD;;EAEDwB,kBAAkB,CAACC,SAAD,EAAiD;IACjE,IAAM;MAAE1B,GAAF;MAAOC,MAAP;MAAeG,KAAf;MAAsBe,OAAtB;MAA+BC;IAA/B,IAAyC,KAAKrB,KAApD;;IACA,IAAIoB,OAAO,KAAKO,SAAS,CAACP,OAA1B,EAAmC;MACjCzB,GAAG,CAAC2B,KAAJ,CAAU,qBAAV,EAAiCF,OAAjC;MACAf,KAAK,CAACkB,WAAN,CAAkBH,OAAlB;IACD;;IAED,IAAIC,KAAK,KAAKM,SAAS,CAACN,KAAxB,EAA+B;MAC7B1B,GAAG,CAAC2B,KAAJ,CAAU,mBAAV,EAA+BD,KAA/B;MACAhB,KAAK,CAACmB,SAAN,CAAgBH,KAAhB;IACD;;IAED,KAAKI,cAAL,CAAoBxB,GAApB,EAAyBC,MAAzB;EACD;;EAED0B,oBAAoB,GAAS;IAC3B,KAAKH,cAAL,CAAoBI,MAApB;;IACA,IAAI,KAAKjB,eAAT,EAA0B;MACxB,KAAKA,eAAL;IACD;EACF;;EAsCDkB,MAAM,GAAS;IACb,OAAO,IAAP;EACD;;AAtFD;;gBAHIhC,wB,qBAIqB,I;;gBAJrBA,wB,kBAMkB;EACpBG,GAAG,EAAE,CADe;EAEpBC,MAAM,EAAE,CAFY;EAGpBW,gBAAgB,EAAE,MAAYK,SAHV;EAIpBE,OAAO,EAAE,EAJW;EAKpBC,KAAK,EAAE,EALa;EAMpBf,cAAc,EAAER,wBAAwB,CAACiC;AANrB,C;;AAsFxB,eAAejC,wBAAf"}
+{"version":3,"file":"TreeTableViewportUpdater.js","names":["PureComponent","throttle","dh","Log","log","module","UPDATE_THROTTLE","TreeTableViewportUpdater","constructor","props","top","bottom","error","debug2","table","updateInterval","viewSize","viewportTop","Math","max","viewportBottom","listenerCleanup","onViewportUpdate","addEventListener","TreeTable","EVENT_UPDATED","setViewport","undefined","componentDidMount","filters","sorts","debug","applyFilter","applySort","updateViewport","componentDidUpdate","prevProps","componentWillUnmount","cancel","render","UPDATE_INTERVAL"],"sources":["../src/TreeTableViewportUpdater.tsx"],"sourcesContent":["import { PureComponent } from 'react';\nimport throttle from 'lodash.throttle';\nimport dh, {\n  EventListener,\n  FilterCondition,\n  RemoverFn,\n  Sort,\n  Table,\n} from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('TreeTableViewportUpdater');\n\nconst UPDATE_THROTTLE = 150;\n\ninterface TreeTableViewportUpdaterProps {\n  table: Table;\n  top: number;\n  bottom: number;\n  filters: FilterCondition[];\n  sorts: Sort[];\n  updateInterval: number;\n  onViewportUpdate: EventListener;\n}\n\n/**\n * Updates the viewport of a TreeTable for use in a scroll pane.\n * Automatically throttles the viewport requests and buffers above and below.\n */\nclass TreeTableViewportUpdater extends PureComponent<\n  TreeTableViewportUpdaterProps,\n  Record<string, never>\n> {\n  static UPDATE_INTERVAL = 1000;\n\n  static defaultProps = {\n    top: 0,\n    bottom: 0,\n    onViewportUpdate: (): void => undefined,\n    filters: [],\n    sorts: [],\n    updateInterval: TreeTableViewportUpdater.UPDATE_INTERVAL,\n  };\n\n  constructor(props: TreeTableViewportUpdaterProps) {\n    super(props);\n\n    this.listenerCleanup = null;\n  }\n\n  componentDidMount(): void {\n    const { top, bottom, table, filters, sorts } = this.props;\n    log.debug('componentDidMount', this.props);\n    table.applyFilter(filters);\n    table.applySort(sorts);\n    this.updateViewport(top, bottom);\n  }\n\n  componentDidUpdate(prevProps: TreeTableViewportUpdaterProps): void {\n    const { top, bottom, table, filters, sorts } = this.props;\n    if (filters !== prevProps.filters) {\n      log.debug('update table filter', filters);\n      table.applyFilter(filters);\n    }\n\n    if (sorts !== prevProps.sorts) {\n      log.debug('update table sort', sorts);\n      table.applySort(sorts);\n    }\n\n    this.updateViewport(top, bottom);\n  }\n\n  componentWillUnmount(): void {\n    this.updateViewport.cancel();\n    if (this.listenerCleanup) {\n      this.listenerCleanup();\n    }\n  }\n\n  listenerCleanup: RemoverFn | null;\n\n  updateViewport = throttle((top: number, bottom: number): void => {\n    if (bottom < top) {\n      log.error('Invalid viewport', top, bottom);\n      return;\n    }\n\n    if (top === 0 && bottom === 0) {\n      log.debug2('Ignoring 0-0 viewport');\n      return;\n    }\n\n    const { table, updateInterval } = this.props;\n    const viewSize = bottom - top;\n    const viewportTop = Math.max(0, top - viewSize * 3);\n    const viewportBottom = bottom + viewSize * 3 + 1;\n    log.debug2(\n      'Setting Viewport Top:',\n      viewportTop,\n      'Bottom:',\n      viewportBottom,\n      table\n    );\n\n    if (!this.listenerCleanup) {\n      const { onViewportUpdate } = this.props;\n      this.listenerCleanup = table.addEventListener(\n        dh.TreeTable.EVENT_UPDATED,\n        onViewportUpdate\n      );\n    }\n\n    table.setViewport(viewportTop, viewportBottom, undefined, updateInterval);\n  }, UPDATE_THROTTLE);\n\n  render(): null {\n    return null;\n  }\n}\n\nexport default TreeTableViewportUpdater;\n"],"mappings":"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"}

package/dist/format-context-menus/CustomFormatAction.js

@@ -1,10 +1,8 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { Component } from 'react';
 import { Tooltip } from '@deephaven/components';
 import { DOMUtils } from '@deephaven/utils';
 import "./CustomFormatAction.css";
-
 /**
  * Renders menuElement option with custom format input for use in formatting context menus
  *
@@ -16,24 +14,19 @@ class CustomFormatAction extends Component {
   constructor() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : CustomFormatAction.defaultProps;
     super(props);
-
     _defineProperty(this, "inputRef", void 0);
-
     this.handleInputChange = this.handleInputChange.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
     this.inputRef = /*#__PURE__*/React.createRef();
   }
-
   handleInputChange() {
     var {
       onChange
     } = this.props;
-
     if (this.inputRef.current) {
       onChange(this.inputRef.current.value);
     }
   }
-
   closeContextMenu() {
     var {
       forwardedProps
@@ -43,50 +36,41 @@ class CustomFormatAction extends Component {
     } = forwardedProps;
     closeMenu(true);
   }
-
   revertToDefault() {
     var {
       onChange
     } = this.props;
     onChange(null);
   }
-
   returnFocusToContextMenu() {
     var parentContextMenu = DOMUtils.getClosestByClassName(this.inputRef.current, 'context-menu-container');
-
     if (parentContextMenu instanceof HTMLElement) {
       parentContextMenu.focus();
     }
   }
-
   handleKeyDown(event) {
     switch (event.key) {
       case 'Enter':
         event.stopPropagation();
         this.closeContextMenu();
         break;
-
       case 'Escape':
         event.stopPropagation();
         this.revertToDefault();
         this.closeContextMenu();
         break;
-
       case 'ArrowRight':
       case 'ArrowLeft':
         event.stopPropagation();
         break;
-
       case 'ArrowUp':
       case 'ArrowDown':
         this.returnFocusToContextMenu();
         break;
-
       default:
         event.stopPropagation();
     }
   }
-
   render() {
     var {
       formatString,
@@ -126,26 +110,21 @@ class CustomFormatAction extends Component {
       spellCheck: "false"
     })));
   }
-
 }
-
 _defineProperty(CustomFormatAction, "defaultProps", {
   formatString: '',
   forwardedProps: {
     menuItem: {},
-
-    closeMenu(focusInput) {// no-op
+    closeMenu(focusInput) {
+      // no-op
     },
-
     iconElement: null
   },
   placeholder: '',
   title: '',
-
-  onChange(value) {// no-op
+  onChange(value) {
+    // no-op
   }
-
 });
-
 export default CustomFormatAction;
 //# sourceMappingURL=CustomFormatAction.js.map

package/dist/format-context-menus/CustomFormatAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFormatAction.js","names":["React","Component","Tooltip","DOMUtils","CustomFormatAction","constructor","props","defaultProps","handleInputChange","bind","handleKeyDown","inputRef","createRef","onChange","current","value","closeContextMenu","forwardedProps","closeMenu","revertToDefault","returnFocusToContextMenu","parentContextMenu","getClosestByClassName","HTMLElement","focus","event","key","stopPropagation","render","formatString","placeholder","title","menuItem","description","iconElement","focusInput"],"sources":["../../src/format-context-menus/CustomFormatAction.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { Tooltip } from '@deephaven/components';\nimport { DOMUtils } from '@deephaven/utils';\n\nimport './CustomFormatAction.scss';\n\ntype CustomFormatActionProps = typeof CustomFormatAction.defaultProps & {\n  forwardedProps: {\n    menuItem: {\n      title?: string;\n      description?: string;\n    };\n  };\n};\n\n/**\n * Renders menuElement option with custom format input for use in formatting context menus\n *\n * TODO:\n * - capture focus when this menu action is selected via ArrowUp/ArrowDown keys\n * - dynamically update selected menu item when clicking on the input box\n */\nclass CustomFormatAction extends Component<CustomFormatActionProps> {\n  static defaultProps = {\n    formatString: '',\n    forwardedProps: {\n      menuItem: {},\n      closeMenu(focusInput: boolean): void {\n        // no-op\n      },\n      iconElement: null,\n    },\n    placeholder: '',\n    title: '',\n    onChange(value: string | null): void {\n      // no-op\n    },\n  };\n\n  constructor(\n    props: CustomFormatActionProps = CustomFormatAction.defaultProps\n  ) {\n    super(props);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.inputRef = React.createRef();\n  }\n\n  inputRef: React.RefObject<HTMLInputElement>;\n\n  handleInputChange(): void {\n    const { onChange } = this.props;\n    if (this.inputRef.current) {\n      onChange(this.inputRef.current.value);\n    }\n  }\n\n  closeContextMenu(): void {\n    const { forwardedProps } = this.props;\n    const { closeMenu } = forwardedProps;\n    closeMenu(true);\n  }\n\n  revertToDefault(): void {\n    const { onChange } = this.props;\n    onChange(null);\n  }\n\n  returnFocusToContextMenu(): void {\n    const parentContextMenu = DOMUtils.getClosestByClassName(\n      this.inputRef.current,\n      'context-menu-container'\n    );\n    if (parentContextMenu instanceof HTMLElement) {\n      parentContextMenu.focus();\n    }\n  }\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    switch (event.key) {\n      case 'Enter':\n        event.stopPropagation();\n        this.closeContextMenu();\n        break;\n      case 'Escape':\n        event.stopPropagation();\n        this.revertToDefault();\n        this.closeContextMenu();\n        break;\n      case 'ArrowRight':\n      case 'ArrowLeft':\n        event.stopPropagation();\n        break;\n      case 'ArrowUp':\n      case 'ArrowDown':\n        this.returnFocusToContextMenu();\n        break;\n      default:\n        event.stopPropagation();\n    }\n  }\n\n  render(): JSX.Element {\n    const { formatString, forwardedProps, placeholder, title } = this.props;\n    const {\n      menuItem: { description },\n      iconElement,\n    } = forwardedProps;\n    return (\n      <div className=\"form-group flex-grow mb-0\">\n        <div className=\"custom-format-title\">\n          <span className=\"icon\">{iconElement}</span>\n          <label className=\"title mb-0\" htmlFor=\"custom-format-input\">\n            {title}\n            {description != null && <Tooltip>{description}</Tooltip>}\n          </label>\n        </div>\n        <div className=\"pl-2 pr-2 pb-2\">\n          <input\n            id=\"custom-format-input\"\n            className=\"form-control text-right mb-0\"\n            type=\"text\"\n            defaultValue={formatString}\n            ref={this.inputRef}\n            placeholder={placeholder}\n            onKeyDown={this.handleKeyDown}\n            onChange={this.handleInputChange}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            autoCapitalize=\"off\"\n            spellCheck=\"false\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CustomFormatAction;\n"],"mappings":"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"}
+{"version":3,"file":"CustomFormatAction.js","names":["React","Component","Tooltip","DOMUtils","CustomFormatAction","constructor","props","defaultProps","handleInputChange","bind","handleKeyDown","inputRef","createRef","onChange","current","value","closeContextMenu","forwardedProps","closeMenu","revertToDefault","returnFocusToContextMenu","parentContextMenu","getClosestByClassName","HTMLElement","focus","event","key","stopPropagation","render","formatString","placeholder","title","menuItem","description","iconElement","focusInput"],"sources":["../../src/format-context-menus/CustomFormatAction.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { Tooltip } from '@deephaven/components';\nimport { DOMUtils } from '@deephaven/utils';\n\nimport './CustomFormatAction.scss';\n\ntype CustomFormatActionProps = typeof CustomFormatAction.defaultProps & {\n  forwardedProps: {\n    menuItem: {\n      title?: string;\n      description?: string;\n    };\n  };\n};\n\n/**\n * Renders menuElement option with custom format input for use in formatting context menus\n *\n * TODO:\n * - capture focus when this menu action is selected via ArrowUp/ArrowDown keys\n * - dynamically update selected menu item when clicking on the input box\n */\nclass CustomFormatAction extends Component<CustomFormatActionProps> {\n  static defaultProps = {\n    formatString: '',\n    forwardedProps: {\n      menuItem: {},\n      closeMenu(focusInput: boolean): void {\n        // no-op\n      },\n      iconElement: null,\n    },\n    placeholder: '',\n    title: '',\n    onChange(value: string | null): void {\n      // no-op\n    },\n  };\n\n  constructor(\n    props: CustomFormatActionProps = CustomFormatAction.defaultProps\n  ) {\n    super(props);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.inputRef = React.createRef();\n  }\n\n  inputRef: React.RefObject<HTMLInputElement>;\n\n  handleInputChange(): void {\n    const { onChange } = this.props;\n    if (this.inputRef.current) {\n      onChange(this.inputRef.current.value);\n    }\n  }\n\n  closeContextMenu(): void {\n    const { forwardedProps } = this.props;\n    const { closeMenu } = forwardedProps;\n    closeMenu(true);\n  }\n\n  revertToDefault(): void {\n    const { onChange } = this.props;\n    onChange(null);\n  }\n\n  returnFocusToContextMenu(): void {\n    const parentContextMenu = DOMUtils.getClosestByClassName(\n      this.inputRef.current,\n      'context-menu-container'\n    );\n    if (parentContextMenu instanceof HTMLElement) {\n      parentContextMenu.focus();\n    }\n  }\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    switch (event.key) {\n      case 'Enter':\n        event.stopPropagation();\n        this.closeContextMenu();\n        break;\n      case 'Escape':\n        event.stopPropagation();\n        this.revertToDefault();\n        this.closeContextMenu();\n        break;\n      case 'ArrowRight':\n      case 'ArrowLeft':\n        event.stopPropagation();\n        break;\n      case 'ArrowUp':\n      case 'ArrowDown':\n        this.returnFocusToContextMenu();\n        break;\n      default:\n        event.stopPropagation();\n    }\n  }\n\n  render(): JSX.Element {\n    const { formatString, forwardedProps, placeholder, title } = this.props;\n    const {\n      menuItem: { description },\n      iconElement,\n    } = forwardedProps;\n    return (\n      <div className=\"form-group flex-grow mb-0\">\n        <div className=\"custom-format-title\">\n          <span className=\"icon\">{iconElement}</span>\n          <label className=\"title mb-0\" htmlFor=\"custom-format-input\">\n            {title}\n            {description != null && <Tooltip>{description}</Tooltip>}\n          </label>\n        </div>\n        <div className=\"pl-2 pr-2 pb-2\">\n          <input\n            id=\"custom-format-input\"\n            className=\"form-control text-right mb-0\"\n            type=\"text\"\n            defaultValue={formatString}\n            ref={this.inputRef}\n            placeholder={placeholder}\n            onKeyDown={this.handleKeyDown}\n            onChange={this.handleInputChange}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            autoCapitalize=\"off\"\n            spellCheck=\"false\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CustomFormatAction;\n"],"mappings":"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"}

package/dist/format-context-menus/DateTimeFormatContextMenu.js

@@ -1,8 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { DateTimeColumnFormatter, TableUtils } from '@deephaven/jsapi-utils';
 import FormatContextMenuUtils from "./FormatContextMenuUtils.js";
-
 class DateTimeFormatContextMenu {
   /**
    * Creates list of formatting options for DateTime context menu
@@ -45,14 +43,9 @@ class DateTimeFormatContextMenu {
     var defaultOption = FormatContextMenuUtils.makeOption('Default', null, DateTimeFormatContextMenu.dateGroup, FormatContextMenuUtils.isDefaultSelected(selectedFormat));
     return [defaultOption, ...presetFormatOptions];
   }
-
 }
-
 _defineProperty(DateTimeFormatContextMenu, "dateGroup", 10);
-
 _defineProperty(DateTimeFormatContextMenu, "timeGroup", 20);
-
 _defineProperty(DateTimeFormatContextMenu, "dateTimeGroup", 30);
-
 export default DateTimeFormatContextMenu;
 //# sourceMappingURL=DateTimeFormatContextMenu.js.map

package/dist/format-context-menus/DateTimeFormatContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeFormatContextMenu.js","names":["DateTimeColumnFormatter","TableUtils","FormatContextMenuUtils","DateTimeFormatContextMenu","getOptions","formatter","selectedFormat","currentTime","Date","formatItems","group","dateGroup","formatString","timeGroup","dateTimeGroup","presetFormatOptions","map","item","format","makeFormat","TYPE_CONTEXT_PRESET","title","getFormattedString","dataType","DATETIME","makeOption","isSameFormat","defaultOption","isDefaultSelected"],"sources":["../../src/format-context-menus/DateTimeFormatContextMenu.ts"],"sourcesContent":["import {\n  DateTimeColumnFormatter,\n  Formatter,\n  TableColumnFormat,\n  TableUtils,\n} from '@deephaven/jsapi-utils';\nimport FormatContextMenuUtils, {\n  FormatContextMenuOption,\n} from './FormatContextMenuUtils';\n\nclass DateTimeFormatContextMenu {\n  static dateGroup = 10;\n\n  static timeGroup = 20;\n\n  static dateTimeGroup = 30;\n\n  /**\n   * Creates list of formatting options for DateTime context menu\n   * @param formatter Formatter instance\n   * @param selectedFormat Selected format object, null for no selected format\n   * @returns Array of formatting options for the context menu\n   */\n  static getOptions(\n    formatter: Formatter,\n    selectedFormat: TableColumnFormat | null\n  ): FormatContextMenuOption[] {\n    const currentTime = new Date();\n    const formatItems = [\n      {\n        group: DateTimeFormatContextMenu.dateGroup,\n        formatString: 'yyyy-MM-dd',\n      },\n      {\n        group: DateTimeFormatContextMenu.dateGroup,\n        formatString: 'MM-dd-yyyy',\n      },\n\n      {\n        group: DateTimeFormatContextMenu.timeGroup,\n        formatString: 'HH:mm:ss',\n      },\n      {\n        group: DateTimeFormatContextMenu.timeGroup,\n        formatString: 'HH:mm:ss.SSS',\n      },\n      {\n        group: DateTimeFormatContextMenu.timeGroup,\n        formatString: 'HH:mm:ss.SSSSSSSSS',\n      },\n\n      {\n        group: DateTimeFormatContextMenu.dateTimeGroup,\n        formatString: `yyyy-MM-dd HH:mm:ss`,\n      },\n      {\n        group: DateTimeFormatContextMenu.dateTimeGroup,\n        formatString: `yyyy-MM-dd HH:mm:ss.SSS`,\n      },\n      {\n        group: DateTimeFormatContextMenu.dateTimeGroup,\n        formatString: `yyyy-MM-dd HH:mm:ss.SSSSSSSSS`,\n      },\n    ];\n\n    const presetFormatOptions = formatItems.map(item => {\n      const format = DateTimeColumnFormatter.makeFormat(\n        '',\n        item.formatString,\n        DateTimeColumnFormatter.TYPE_CONTEXT_PRESET\n      );\n      const title = formatter.getFormattedString(\n        currentTime,\n        TableUtils.dataType.DATETIME,\n        '',\n        format\n      );\n\n      return FormatContextMenuUtils.makeOption(\n        title,\n        format,\n        item.group,\n        DateTimeColumnFormatter.isSameFormat(format, selectedFormat)\n      );\n    });\n\n    const defaultOption = FormatContextMenuUtils.makeOption(\n      'Default',\n      null,\n      DateTimeFormatContextMenu.dateGroup,\n      FormatContextMenuUtils.isDefaultSelected(selectedFormat)\n    );\n\n    return [defaultOption, ...presetFormatOptions];\n  }\n}\n\nexport default DateTimeFormatContextMenu;\n"],"mappings":";;AAAA,SACEA,uBADF,EAIEC,UAJF,QAKO,wBALP;OAMOC,sB;;AAIP,MAAMC,yBAAN,CAAgC;EAO9B;AACF;AACA;AACA;AACA;AACA;EACmB,OAAVC,UAAU,CACfC,SADe,EAEfC,cAFe,EAGY;IAC3B,IAAMC,WAAW,GAAG,IAAIC,IAAJ,EAApB;IACA,IAAMC,WAAW,GAAG,CAClB;MACEC,KAAK,EAAEP,yBAAyB,CAACQ,SADnC;MAEEC,YAAY,EAAE;IAFhB,CADkB,EAKlB;MACEF,KAAK,EAAEP,yBAAyB,CAACQ,SADnC;MAEEC,YAAY,EAAE;IAFhB,CALkB,EAUlB;MACEF,KAAK,EAAEP,yBAAyB,CAACU,SADnC;MAEED,YAAY,EAAE;IAFhB,CAVkB,EAclB;MACEF,KAAK,EAAEP,yBAAyB,CAACU,SADnC;MAEED,YAAY,EAAE;IAFhB,CAdkB,EAkBlB;MACEF,KAAK,EAAEP,yBAAyB,CAACU,SADnC;MAEED,YAAY,EAAE;IAFhB,CAlBkB,EAuBlB;MACEF,KAAK,EAAEP,yBAAyB,CAACW,aADnC;MAEEF,YAAY;IAFd,CAvBkB,EA2BlB;MACEF,KAAK,EAAEP,yBAAyB,CAACW,aADnC;MAEEF,YAAY;IAFd,CA3BkB,EA+BlB;MACEF,KAAK,EAAEP,yBAAyB,CAACW,aADnC;MAEEF,YAAY;IAFd,CA/BkB,CAApB;IAqCA,IAAMG,mBAAmB,GAAGN,WAAW,CAACO,GAAZ,CAAgBC,IAAI,IAAI;MAClD,IAAMC,MAAM,GAAGlB,uBAAuB,CAACmB,UAAxB,CACb,EADa,EAEbF,IAAI,CAACL,YAFQ,EAGbZ,uBAAuB,CAACoB,mBAHX,CAAf;MAKA,IAAMC,KAAK,GAAGhB,SAAS,CAACiB,kBAAV,CACZf,WADY,EAEZN,UAAU,CAACsB,QAAX,CAAoBC,QAFR,EAGZ,EAHY,EAIZN,MAJY,CAAd;MAOA,OAAOhB,sBAAsB,CAACuB,UAAvB,CACLJ,KADK,EAELH,MAFK,EAGLD,IAAI,CAACP,KAHA,EAILV,uBAAuB,CAAC0B,YAAxB,CAAqCR,MAArC,EAA6CZ,cAA7C,CAJK,CAAP;IAMD,CAnB2B,CAA5B;IAqBA,IAAMqB,aAAa,GAAGzB,sBAAsB,CAACuB,UAAvB,CACpB,SADoB,EAEpB,IAFoB,EAGpBtB,yBAAyB,CAACQ,SAHN,EAIpBT,sBAAsB,CAAC0B,iBAAvB,CAAyCtB,cAAzC,CAJoB,CAAtB;IAOA,OAAO,CAACqB,aAAD,EAAgB,GAAGZ,mBAAnB,CAAP;EACD;;AApF6B;;gBAA1BZ,yB,eACe,E;;gBADfA,yB,eAGe,E;;gBAHfA,yB,mBAKmB,E;;AAkFzB,eAAeA,yBAAf"}
+{"version":3,"file":"DateTimeFormatContextMenu.js","names":["DateTimeColumnFormatter","TableUtils","FormatContextMenuUtils","DateTimeFormatContextMenu","getOptions","formatter","selectedFormat","currentTime","Date","formatItems","group","dateGroup","formatString","timeGroup","dateTimeGroup","presetFormatOptions","map","item","format","makeFormat","TYPE_CONTEXT_PRESET","title","getFormattedString","dataType","DATETIME","makeOption","isSameFormat","defaultOption","isDefaultSelected"],"sources":["../../src/format-context-menus/DateTimeFormatContextMenu.ts"],"sourcesContent":["import {\n  DateTimeColumnFormatter,\n  Formatter,\n  TableColumnFormat,\n  TableUtils,\n} from '@deephaven/jsapi-utils';\nimport FormatContextMenuUtils, {\n  FormatContextMenuOption,\n} from './FormatContextMenuUtils';\n\nclass DateTimeFormatContextMenu {\n  static dateGroup = 10;\n\n  static timeGroup = 20;\n\n  static dateTimeGroup = 30;\n\n  /**\n   * Creates list of formatting options for DateTime context menu\n   * @param formatter Formatter instance\n   * @param selectedFormat Selected format object, null for no selected format\n   * @returns Array of formatting options for the context menu\n   */\n  static getOptions(\n    formatter: Formatter,\n    selectedFormat: TableColumnFormat | null\n  ): FormatContextMenuOption[] {\n    const currentTime = new Date();\n    const formatItems = [\n      {\n        group: DateTimeFormatContextMenu.dateGroup,\n        formatString: 'yyyy-MM-dd',\n      },\n      {\n        group: DateTimeFormatContextMenu.dateGroup,\n        formatString: 'MM-dd-yyyy',\n      },\n\n      {\n        group: DateTimeFormatContextMenu.timeGroup,\n        formatString: 'HH:mm:ss',\n      },\n      {\n        group: DateTimeFormatContextMenu.timeGroup,\n        formatString: 'HH:mm:ss.SSS',\n      },\n      {\n        group: DateTimeFormatContextMenu.timeGroup,\n        formatString: 'HH:mm:ss.SSSSSSSSS',\n      },\n\n      {\n        group: DateTimeFormatContextMenu.dateTimeGroup,\n        formatString: `yyyy-MM-dd HH:mm:ss`,\n      },\n      {\n        group: DateTimeFormatContextMenu.dateTimeGroup,\n        formatString: `yyyy-MM-dd HH:mm:ss.SSS`,\n      },\n      {\n        group: DateTimeFormatContextMenu.dateTimeGroup,\n        formatString: `yyyy-MM-dd HH:mm:ss.SSSSSSSSS`,\n      },\n    ];\n\n    const presetFormatOptions = formatItems.map(item => {\n      const format = DateTimeColumnFormatter.makeFormat(\n        '',\n        item.formatString,\n        DateTimeColumnFormatter.TYPE_CONTEXT_PRESET\n      );\n      const title = formatter.getFormattedString(\n        currentTime,\n        TableUtils.dataType.DATETIME,\n        '',\n        format\n      );\n\n      return FormatContextMenuUtils.makeOption(\n        title,\n        format,\n        item.group,\n        DateTimeColumnFormatter.isSameFormat(format, selectedFormat)\n      );\n    });\n\n    const defaultOption = FormatContextMenuUtils.makeOption(\n      'Default',\n      null,\n      DateTimeFormatContextMenu.dateGroup,\n      FormatContextMenuUtils.isDefaultSelected(selectedFormat)\n    );\n\n    return [defaultOption, ...presetFormatOptions];\n  }\n}\n\nexport default DateTimeFormatContextMenu;\n"],"mappings":";AAAA,SACEA,uBAAuB,EAGvBC,UAAU,QACL,wBAAwB;AAAC,OACzBC,sBAAsB;AAI7B,MAAMC,yBAAyB,CAAC;EAO9B;AACF;AACA;AACA;AACA;AACA;EACE,OAAOC,UAAU,CACfC,SAAoB,EACpBC,cAAwC,EACb;IAC3B,IAAMC,WAAW,GAAG,IAAIC,IAAI,EAAE;IAC9B,IAAMC,WAAW,GAAG,CAClB;MACEC,KAAK,EAAEP,yBAAyB,CAACQ,SAAS;MAC1CC,YAAY,EAAE;IAChB,CAAC,EACD;MACEF,KAAK,EAAEP,yBAAyB,CAACQ,SAAS;MAC1CC,YAAY,EAAE;IAChB,CAAC,EAED;MACEF,KAAK,EAAEP,yBAAyB,CAACU,SAAS;MAC1CD,YAAY,EAAE;IAChB,CAAC,EACD;MACEF,KAAK,EAAEP,yBAAyB,CAACU,SAAS;MAC1CD,YAAY,EAAE;IAChB,CAAC,EACD;MACEF,KAAK,EAAEP,yBAAyB,CAACU,SAAS;MAC1CD,YAAY,EAAE;IAChB,CAAC,EAED;MACEF,KAAK,EAAEP,yBAAyB,CAACW,aAAa;MAC9CF,YAAY;IACd,CAAC,EACD;MACEF,KAAK,EAAEP,yBAAyB,CAACW,aAAa;MAC9CF,YAAY;IACd,CAAC,EACD;MACEF,KAAK,EAAEP,yBAAyB,CAACW,aAAa;MAC9CF,YAAY;IACd,CAAC,CACF;IAED,IAAMG,mBAAmB,GAAGN,WAAW,CAACO,GAAG,CAACC,IAAI,IAAI;MAClD,IAAMC,MAAM,GAAGlB,uBAAuB,CAACmB,UAAU,CAC/C,EAAE,EACFF,IAAI,CAACL,YAAY,EACjBZ,uBAAuB,CAACoB,mBAAmB,CAC5C;MACD,IAAMC,KAAK,GAAGhB,SAAS,CAACiB,kBAAkB,CACxCf,WAAW,EACXN,UAAU,CAACsB,QAAQ,CAACC,QAAQ,EAC5B,EAAE,EACFN,MAAM,CACP;MAED,OAAOhB,sBAAsB,CAACuB,UAAU,CACtCJ,KAAK,EACLH,MAAM,EACND,IAAI,CAACP,KAAK,EACVV,uBAAuB,CAAC0B,YAAY,CAACR,MAAM,EAAEZ,cAAc,CAAC,CAC7D;IACH,CAAC,CAAC;IAEF,IAAMqB,aAAa,GAAGzB,sBAAsB,CAACuB,UAAU,CACrD,SAAS,EACT,IAAI,EACJtB,yBAAyB,CAACQ,SAAS,EACnCT,sBAAsB,CAAC0B,iBAAiB,CAACtB,cAAc,CAAC,CACzD;IAED,OAAO,CAACqB,aAAa,EAAE,GAAGZ,mBAAmB,CAAC;EAChD;AACF;AAAC,gBArFKZ,yBAAyB,eACV,EAAE;AAAA,gBADjBA,yBAAyB,eAGV,EAAE;AAAA,gBAHjBA,yBAAyB,mBAKN,EAAE;AAkF3B,eAAeA,yBAAyB"}

package/dist/format-context-menus/DecimalFormatContextMenu.js

@@ -1,8 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { DecimalColumnFormatter } from '@deephaven/jsapi-utils';
 import FormatContextMenuUtils from "./FormatContextMenuUtils.js";
-
 class DecimalFormatContextMenu {
   /**
    * Creates list of formatting options for Decimal context menu
@@ -40,7 +38,6 @@ class DecimalFormatContextMenu {
     var customFormatOption = FormatContextMenuUtils.makeCustomFormatOption(customFormat, DecimalFormatContextMenu.customGroup, DecimalColumnFormatter.DEFAULT_FORMAT_STRING, isCustomSelected, formatString => {
       if (formatString != null) {
         var newCustomFormat = DecimalColumnFormatter.makeCustomFormat(formatString);
-
         if (DecimalColumnFormatter.isValid(newCustomFormat)) {
           onCustomFormatChange(newCustomFormat);
         }
@@ -50,16 +47,10 @@ class DecimalFormatContextMenu {
     });
     return [defaultFormatOption, ...presetFormatOptions, customFormatOption];
   }
-
 }
-
 _defineProperty(DecimalFormatContextMenu, "defaultGroup", 10);
-
 _defineProperty(DecimalFormatContextMenu, "presetGroup", 20);
-
 _defineProperty(DecimalFormatContextMenu, "presetRoundGroup", 30);
-
 _defineProperty(DecimalFormatContextMenu, "customGroup", 40);
-
 export default DecimalFormatContextMenu;
 //# sourceMappingURL=DecimalFormatContextMenu.js.map

package/dist/format-context-menus/DecimalFormatContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DecimalFormatContextMenu.js","names":["DecimalColumnFormatter","FormatContextMenuUtils","DecimalFormatContextMenu","getOptions","selectedFormat","onCustomFormatChange","formatItems","format","FORMAT_PERCENT","group","presetGroup","FORMAT_BASIS_POINTS","FORMAT_MILLIONS","FORMAT_SCIENTIFIC_NOTATION","FORMAT_ROUND","presetRoundGroup","FORMAT_ROUND_TWO_DECIMALS","FORMAT_ROUND_FOUR_DECIMALS","defaultFormatOption","makeOption","defaultGroup","isDefaultSelected","presetFormatOptions","map","item","label","isSameFormat","isCustomSelected","customFormat","makeCustomFormat","customFormatOption","makeCustomFormatOption","customGroup","DEFAULT_FORMAT_STRING","formatString","newCustomFormat","isValid"],"sources":["../../src/format-context-menus/DecimalFormatContextMenu.ts"],"sourcesContent":["import {\n  DecimalColumnFormat,\n  DecimalColumnFormatter,\n} from '@deephaven/jsapi-utils';\nimport FormatContextMenuUtils, {\n  FormatContextMenuOption,\n} from './FormatContextMenuUtils';\n\nclass DecimalFormatContextMenu {\n  static defaultGroup = 10;\n\n  static presetGroup = 20;\n\n  static presetRoundGroup = 30;\n\n  static customGroup = 40;\n\n  /**\n   * Creates list of formatting options for Decimal context menu\n   * @param selectedFormat Selected format object, null for no selected format\n   * @param onCustomFormatChange Callback to call when the custom format is changed\n   * @returns Array of formatting options for the context menu\n   */\n  static getOptions(\n    selectedFormat: DecimalColumnFormat,\n    onCustomFormatChange: (value: DecimalColumnFormat | null) => void\n  ): FormatContextMenuOption[] {\n    const formatItems = [\n      {\n        format: DecimalColumnFormatter.FORMAT_PERCENT,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_BASIS_POINTS,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_MILLIONS,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_SCIENTIFIC_NOTATION,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_ROUND,\n        group: DecimalFormatContextMenu.presetRoundGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_ROUND_TWO_DECIMALS,\n        group: DecimalFormatContextMenu.presetRoundGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_ROUND_FOUR_DECIMALS,\n        group: DecimalFormatContextMenu.presetRoundGroup,\n      },\n    ];\n\n    const defaultFormatOption = FormatContextMenuUtils.makeOption(\n      'Default',\n      null,\n      DecimalFormatContextMenu.defaultGroup,\n      FormatContextMenuUtils.isDefaultSelected(selectedFormat)\n    );\n\n    const presetFormatOptions = formatItems.map(item =>\n      FormatContextMenuUtils.makeOption(\n        item.format.label,\n        item.format,\n        item.group,\n        DecimalColumnFormatter.isSameFormat(item.format, selectedFormat)\n      )\n    );\n\n    const isCustomSelected = FormatContextMenuUtils.isCustomSelected(\n      selectedFormat\n    );\n\n    const customFormat = isCustomSelected\n      ? selectedFormat\n      : DecimalColumnFormatter.makeCustomFormat();\n\n    const customFormatOption = FormatContextMenuUtils.makeCustomFormatOption(\n      customFormat,\n      DecimalFormatContextMenu.customGroup,\n      DecimalColumnFormatter.DEFAULT_FORMAT_STRING,\n      isCustomSelected,\n      formatString => {\n        if (formatString != null) {\n          const newCustomFormat = DecimalColumnFormatter.makeCustomFormat(\n            formatString\n          );\n          if (DecimalColumnFormatter.isValid(newCustomFormat)) {\n            onCustomFormatChange(newCustomFormat);\n          }\n        } else {\n          onCustomFormatChange(null);\n        }\n      }\n    );\n\n    return [defaultFormatOption, ...presetFormatOptions, customFormatOption];\n  }\n}\n\nexport default DecimalFormatContextMenu;\n"],"mappings":";;AAAA,SAEEA,sBAFF,QAGO,wBAHP;OAIOC,sB;;AAIP,MAAMC,wBAAN,CAA+B;EAS7B;AACF;AACA;AACA;AACA;AACA;EACmB,OAAVC,UAAU,CACfC,cADe,EAEfC,oBAFe,EAGY;IAC3B,IAAMC,WAAW,GAAG,CAClB;MACEC,MAAM,EAAEP,sBAAsB,CAACQ,cADjC;MAEEC,KAAK,EAAEP,wBAAwB,CAACQ;IAFlC,CADkB,EAKlB;MACEH,MAAM,EAAEP,sBAAsB,CAACW,mBADjC;MAEEF,KAAK,EAAEP,wBAAwB,CAACQ;IAFlC,CALkB,EASlB;MACEH,MAAM,EAAEP,sBAAsB,CAACY,eADjC;MAEEH,KAAK,EAAEP,wBAAwB,CAACQ;IAFlC,CATkB,EAalB;MACEH,MAAM,EAAEP,sBAAsB,CAACa,0BADjC;MAEEJ,KAAK,EAAEP,wBAAwB,CAACQ;IAFlC,CAbkB,EAiBlB;MACEH,MAAM,EAAEP,sBAAsB,CAACc,YADjC;MAEEL,KAAK,EAAEP,wBAAwB,CAACa;IAFlC,CAjBkB,EAqBlB;MACER,MAAM,EAAEP,sBAAsB,CAACgB,yBADjC;MAEEP,KAAK,EAAEP,wBAAwB,CAACa;IAFlC,CArBkB,EAyBlB;MACER,MAAM,EAAEP,sBAAsB,CAACiB,0BADjC;MAEER,KAAK,EAAEP,wBAAwB,CAACa;IAFlC,CAzBkB,CAApB;IA+BA,IAAMG,mBAAmB,GAAGjB,sBAAsB,CAACkB,UAAvB,CAC1B,SAD0B,EAE1B,IAF0B,EAG1BjB,wBAAwB,CAACkB,YAHC,EAI1BnB,sBAAsB,CAACoB,iBAAvB,CAAyCjB,cAAzC,CAJ0B,CAA5B;IAOA,IAAMkB,mBAAmB,GAAGhB,WAAW,CAACiB,GAAZ,CAAgBC,IAAI,IAC9CvB,sBAAsB,CAACkB,UAAvB,CACEK,IAAI,CAACjB,MAAL,CAAYkB,KADd,EAEED,IAAI,CAACjB,MAFP,EAGEiB,IAAI,CAACf,KAHP,EAIET,sBAAsB,CAAC0B,YAAvB,CAAoCF,IAAI,CAACjB,MAAzC,EAAiDH,cAAjD,CAJF,CAD0B,CAA5B;IASA,IAAMuB,gBAAgB,GAAG1B,sBAAsB,CAAC0B,gBAAvB,CACvBvB,cADuB,CAAzB;IAIA,IAAMwB,YAAY,GAAGD,gBAAgB,GACjCvB,cADiC,GAEjCJ,sBAAsB,CAAC6B,gBAAvB,EAFJ;IAIA,IAAMC,kBAAkB,GAAG7B,sBAAsB,CAAC8B,sBAAvB,CACzBH,YADyB,EAEzB1B,wBAAwB,CAAC8B,WAFA,EAGzBhC,sBAAsB,CAACiC,qBAHE,EAIzBN,gBAJyB,EAKzBO,YAAY,IAAI;MACd,IAAIA,YAAY,IAAI,IAApB,EAA0B;QACxB,IAAMC,eAAe,GAAGnC,sBAAsB,CAAC6B,gBAAvB,CACtBK,YADsB,CAAxB;;QAGA,IAAIlC,sBAAsB,CAACoC,OAAvB,CAA+BD,eAA/B,CAAJ,EAAqD;UACnD9B,oBAAoB,CAAC8B,eAAD,CAApB;QACD;MACF,CAPD,MAOO;QACL9B,oBAAoB,CAAC,IAAD,CAApB;MACD;IACF,CAhBwB,CAA3B;IAmBA,OAAO,CAACa,mBAAD,EAAsB,GAAGI,mBAAzB,EAA8CQ,kBAA9C,CAAP;EACD;;AA9F4B;;gBAAzB5B,wB,kBACkB,E;;gBADlBA,wB,iBAGiB,E;;gBAHjBA,wB,sBAKsB,E;;gBALtBA,wB,iBAOiB,E;;AA0FvB,eAAeA,wBAAf"}
+{"version":3,"file":"DecimalFormatContextMenu.js","names":["DecimalColumnFormatter","FormatContextMenuUtils","DecimalFormatContextMenu","getOptions","selectedFormat","onCustomFormatChange","formatItems","format","FORMAT_PERCENT","group","presetGroup","FORMAT_BASIS_POINTS","FORMAT_MILLIONS","FORMAT_SCIENTIFIC_NOTATION","FORMAT_ROUND","presetRoundGroup","FORMAT_ROUND_TWO_DECIMALS","FORMAT_ROUND_FOUR_DECIMALS","defaultFormatOption","makeOption","defaultGroup","isDefaultSelected","presetFormatOptions","map","item","label","isSameFormat","isCustomSelected","customFormat","makeCustomFormat","customFormatOption","makeCustomFormatOption","customGroup","DEFAULT_FORMAT_STRING","formatString","newCustomFormat","isValid"],"sources":["../../src/format-context-menus/DecimalFormatContextMenu.ts"],"sourcesContent":["import {\n  DecimalColumnFormat,\n  DecimalColumnFormatter,\n} from '@deephaven/jsapi-utils';\nimport FormatContextMenuUtils, {\n  FormatContextMenuOption,\n} from './FormatContextMenuUtils';\n\nclass DecimalFormatContextMenu {\n  static defaultGroup = 10;\n\n  static presetGroup = 20;\n\n  static presetRoundGroup = 30;\n\n  static customGroup = 40;\n\n  /**\n   * Creates list of formatting options for Decimal context menu\n   * @param selectedFormat Selected format object, null for no selected format\n   * @param onCustomFormatChange Callback to call when the custom format is changed\n   * @returns Array of formatting options for the context menu\n   */\n  static getOptions(\n    selectedFormat: DecimalColumnFormat,\n    onCustomFormatChange: (value: DecimalColumnFormat | null) => void\n  ): FormatContextMenuOption[] {\n    const formatItems = [\n      {\n        format: DecimalColumnFormatter.FORMAT_PERCENT,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_BASIS_POINTS,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_MILLIONS,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_SCIENTIFIC_NOTATION,\n        group: DecimalFormatContextMenu.presetGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_ROUND,\n        group: DecimalFormatContextMenu.presetRoundGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_ROUND_TWO_DECIMALS,\n        group: DecimalFormatContextMenu.presetRoundGroup,\n      },\n      {\n        format: DecimalColumnFormatter.FORMAT_ROUND_FOUR_DECIMALS,\n        group: DecimalFormatContextMenu.presetRoundGroup,\n      },\n    ];\n\n    const defaultFormatOption = FormatContextMenuUtils.makeOption(\n      'Default',\n      null,\n      DecimalFormatContextMenu.defaultGroup,\n      FormatContextMenuUtils.isDefaultSelected(selectedFormat)\n    );\n\n    const presetFormatOptions = formatItems.map(item =>\n      FormatContextMenuUtils.makeOption(\n        item.format.label,\n        item.format,\n        item.group,\n        DecimalColumnFormatter.isSameFormat(item.format, selectedFormat)\n      )\n    );\n\n    const isCustomSelected = FormatContextMenuUtils.isCustomSelected(\n      selectedFormat\n    );\n\n    const customFormat = isCustomSelected\n      ? selectedFormat\n      : DecimalColumnFormatter.makeCustomFormat();\n\n    const customFormatOption = FormatContextMenuUtils.makeCustomFormatOption(\n      customFormat,\n      DecimalFormatContextMenu.customGroup,\n      DecimalColumnFormatter.DEFAULT_FORMAT_STRING,\n      isCustomSelected,\n      formatString => {\n        if (formatString != null) {\n          const newCustomFormat = DecimalColumnFormatter.makeCustomFormat(\n            formatString\n          );\n          if (DecimalColumnFormatter.isValid(newCustomFormat)) {\n            onCustomFormatChange(newCustomFormat);\n          }\n        } else {\n          onCustomFormatChange(null);\n        }\n      }\n    );\n\n    return [defaultFormatOption, ...presetFormatOptions, customFormatOption];\n  }\n}\n\nexport default DecimalFormatContextMenu;\n"],"mappings":";AAAA,SAEEA,sBAAsB,QACjB,wBAAwB;AAAC,OACzBC,sBAAsB;AAI7B,MAAMC,wBAAwB,CAAC;EAS7B;AACF;AACA;AACA;AACA;AACA;EACE,OAAOC,UAAU,CACfC,cAAmC,EACnCC,oBAAiE,EACtC;IAC3B,IAAMC,WAAW,GAAG,CAClB;MACEC,MAAM,EAAEP,sBAAsB,CAACQ,cAAc;MAC7CC,KAAK,EAAEP,wBAAwB,CAACQ;IAClC,CAAC,EACD;MACEH,MAAM,EAAEP,sBAAsB,CAACW,mBAAmB;MAClDF,KAAK,EAAEP,wBAAwB,CAACQ;IAClC,CAAC,EACD;MACEH,MAAM,EAAEP,sBAAsB,CAACY,eAAe;MAC9CH,KAAK,EAAEP,wBAAwB,CAACQ;IAClC,CAAC,EACD;MACEH,MAAM,EAAEP,sBAAsB,CAACa,0BAA0B;MACzDJ,KAAK,EAAEP,wBAAwB,CAACQ;IAClC,CAAC,EACD;MACEH,MAAM,EAAEP,sBAAsB,CAACc,YAAY;MAC3CL,KAAK,EAAEP,wBAAwB,CAACa;IAClC,CAAC,EACD;MACER,MAAM,EAAEP,sBAAsB,CAACgB,yBAAyB;MACxDP,KAAK,EAAEP,wBAAwB,CAACa;IAClC,CAAC,EACD;MACER,MAAM,EAAEP,sBAAsB,CAACiB,0BAA0B;MACzDR,KAAK,EAAEP,wBAAwB,CAACa;IAClC,CAAC,CACF;IAED,IAAMG,mBAAmB,GAAGjB,sBAAsB,CAACkB,UAAU,CAC3D,SAAS,EACT,IAAI,EACJjB,wBAAwB,CAACkB,YAAY,EACrCnB,sBAAsB,CAACoB,iBAAiB,CAACjB,cAAc,CAAC,CACzD;IAED,IAAMkB,mBAAmB,GAAGhB,WAAW,CAACiB,GAAG,CAACC,IAAI,IAC9CvB,sBAAsB,CAACkB,UAAU,CAC/BK,IAAI,CAACjB,MAAM,CAACkB,KAAK,EACjBD,IAAI,CAACjB,MAAM,EACXiB,IAAI,CAACf,KAAK,EACVT,sBAAsB,CAAC0B,YAAY,CAACF,IAAI,CAACjB,MAAM,EAAEH,cAAc,CAAC,CACjE,CACF;IAED,IAAMuB,gBAAgB,GAAG1B,sBAAsB,CAAC0B,gBAAgB,CAC9DvB,cAAc,CACf;IAED,IAAMwB,YAAY,GAAGD,gBAAgB,GACjCvB,cAAc,GACdJ,sBAAsB,CAAC6B,gBAAgB,EAAE;IAE7C,IAAMC,kBAAkB,GAAG7B,sBAAsB,CAAC8B,sBAAsB,CACtEH,YAAY,EACZ1B,wBAAwB,CAAC8B,WAAW,EACpChC,sBAAsB,CAACiC,qBAAqB,EAC5CN,gBAAgB,EAChBO,YAAY,IAAI;MACd,IAAIA,YAAY,IAAI,IAAI,EAAE;QACxB,IAAMC,eAAe,GAAGnC,sBAAsB,CAAC6B,gBAAgB,CAC7DK,YAAY,CACb;QACD,IAAIlC,sBAAsB,CAACoC,OAAO,CAACD,eAAe,CAAC,EAAE;UACnD9B,oBAAoB,CAAC8B,eAAe,CAAC;QACvC;MACF,CAAC,MAAM;QACL9B,oBAAoB,CAAC,IAAI,CAAC;MAC5B;IACF,CAAC,CACF;IAED,OAAO,CAACa,mBAAmB,EAAE,GAAGI,mBAAmB,EAAEQ,kBAAkB,CAAC;EAC1E;AACF;AAAC,gBA/FK5B,wBAAwB,kBACN,EAAE;AAAA,gBADpBA,wBAAwB,iBAGP,EAAE;AAAA,gBAHnBA,wBAAwB,sBAKF,EAAE;AAAA,gBALxBA,wBAAwB,iBAOP,EAAE;AA0FzB,eAAeA,wBAAwB"}

package/dist/format-context-menus/FormatContextMenuUtils.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { TableColumnFormatter } from '@deephaven/jsapi-utils';
 import CustomFormatAction from "./CustomFormatAction.js";
-
 class FormatContextMenuUtils {
   /**
    * Returns true if default option should be active in the context menu
@@ -10,15 +9,15 @@ class FormatContextMenuUtils {
   static isDefaultSelected(selectedFormat) {
     return !selectedFormat || ![TableColumnFormatter.TYPE_CONTEXT_CUSTOM, TableColumnFormatter.TYPE_CONTEXT_PRESET].includes(selectedFormat.type);
   }
+
   /**
    * Returns true if custom format option should be active in the context menu
    * @param selectedFormat selected format object or null
    */
-
-
   static isCustomSelected(selectedFormat) {
     return selectedFormat != null && selectedFormat.type === TableColumnFormatter.TYPE_CONTEXT_CUSTOM;
   }
+
   /**
    * Creates context menu option
    * @param title Context menu title
@@ -26,8 +25,6 @@ class FormatContextMenuUtils {
    * @param group Context menu group
    * @param isSelected Is current option selected
    */
-
-
   static makeOption(title, format, group, isSelected) {
     return {
       title,
@@ -37,6 +34,7 @@ class FormatContextMenuUtils {
       isSelected
     };
   }
+
   /**
    * Creates context menu option with an input element
    * @param format Format object
@@ -45,8 +43,6 @@ class FormatContextMenuUtils {
    * @param isSelected Is current option selected
    * @param onChange Input element onChange callback
    */
-
-
   static makeCustomFormatOption(format, group, placeholder, isSelected, onChange) {
     return {
       title: format.label,
@@ -62,8 +58,6 @@ class FormatContextMenuUtils {
       })
     };
   }
-
 }
-
 export default FormatContextMenuUtils;
 //# sourceMappingURL=FormatContextMenuUtils.js.map