@corva/ui 3.79.0-0 → 3.79.0-2

package/components/VirtualizedTable/VirtualizedTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTable.js","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"sourcesContent":["import { FC, MouseEventHandler, ReactNode, useCallback, useEffect, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { List, RowComponentProps } from 'react-window';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n  ArrowDownward as ArrowDownwardIcon,\n  ArrowUpward as ArrowUpwardIcon,\n  Settings as SettingsIcon,\n  Sort as SortIcon,\n} from '@material-ui/icons';\n\nimport { getUnitDisplay } from '../../utils/convert';\n\nimport { VirtualizedTableProps } from './index';\n\nconst SortDirection = {\n  ASC: 'ASC',\n  DESC: 'DESC',\n};\n\nconst DEFAULT_COLUMN_MIN_WIDTH = 65;\n\nconst defaultSortDirection = SortDirection.ASC;\n\nconst useStyles = makeStyles(theme => {\n  const rowStyles = {\n    borderBottom: (theme as any).isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    alignItems: 'center',\n  };\n\n  const cellStyles = {\n    minWidth: 1,\n    marginRight: 10,\n\n    '&:first-child': {\n      marginLeft: 10,\n    },\n  };\n\n  return {\n    root: {\n      display: 'flex',\n      overflow: 'auto',\n      flexFlow: 'column nowrap',\n    },\n    row: rowStyles,\n    cell: cellStyles,\n    header: rowStyles,\n    headerCell: {\n      ...cellStyles,\n      display: 'flex',\n      alignItems: 'center',\n    },\n    sortable: {\n      cursor: 'pointer',\n    },\n    oddRow: {\n      backgroundColor: (theme as any).isLightTheme ? 'rgba(189, 189, 189, 0.1)' : '#303030',\n    },\n    headerLabel: {\n      lineHeight: '14px',\n      fontSize: '12px',\n      fontStyle: 'normal',\n      letterSpacing: '-0.25px',\n      display: 'flex',\n      alignItems: 'center',\n      flexWrap: 'wrap',\n    },\n    cellData: {\n      lineHeight: '14px',\n      fontSize: '12px',\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      letterSpacing: '0.15px',\n    },\n    unitLabel: {\n      fontSize: '10px',\n      opacity: 0.5,\n    },\n    settingIcon: {\n      padding: '3px',\n      fontSize: '20px',\n    },\n    sortIcon: {\n      fontSize: '16px',\n    },\n  } as any;\n});\n\nfunction getUnitText(columns: NonNullable<VirtualizedTableProps['columns']>, dataKey: string) {\n  const { unitType, customUnit } = columns.find(column => column.key === dataKey) || {};\n  if (customUnit) {\n    return `(${customUnit})`;\n  }\n\n  if (unitType) {\n    return `(${getUnitDisplay(unitType)})`;\n  }\n\n  return '';\n}\n\nfunction getHeaderLabelClassName(\n  columns: NonNullable<VirtualizedTableProps['columns']>,\n  dataKey: string\n) {\n  const { headerLabelClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelClassName || '';\n}\n\nfunction getHeaderLabelUnitClassName(\n  columns: NonNullable<VirtualizedTableProps['columns']>,\n  dataKey: string\n) {\n  const { headerLabelUnitClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelUnitClassName || '';\n}\n\nconst SETTING_COLUMN_WIDTH = 25;\nconst SETTING_COLUMN_KEY = 'setting';\n\ntype VirtualizedTableComponentProps = Omit<\n  VirtualizedTableProps,\n  'savedColumns' | 'onChangeColumns'\n> & {\n  columns: NonNullable<VirtualizedTableProps['columns']>;\n  data: NonNullable<VirtualizedTableProps['data']>;\n  headerHeight: NonNullable<VirtualizedTableProps['headerHeight']>;\n  rowHeight: NonNullable<VirtualizedTableProps['rowHeight']>;\n  width: number;\n  height: number;\n  onOpenSettingDlg: MouseEventHandler;\n  showTopSettingIcon: (show: boolean) => void;\n};\n\nexport const VirtualizedTableComponent: FC<VirtualizedTableComponentProps> = ({\n  columns,\n  data,\n  useColumnSetting,\n  useFixedColumnWidth,\n  onOpenSettingDlg,\n  width,\n  height,\n  headerHeight,\n  rowHeight,\n  showTopSettingIcon,\n  customMuiStyles,\n  isTopSettingIconShownAlways,\n  CustomCellRenderer,\n  CustomHeaderCellRenderer,\n  customRowStyle,\n  sort,\n  sortBy,\n  sortDirection,\n  onScroll = () => undefined,\n}) => {\n  const classes = useStyles() as Record<string, string>;\n  const appliedClasses = useMemo<Record<string, string>>(\n    () => ({ ...classes, ...customMuiStyles }),\n    [classes, customMuiStyles]\n  );\n  const settingColumn = useMemo(() => {\n    return {\n      label: '',\n      key: SETTING_COLUMN_KEY,\n      width: useColumnSetting ? SETTING_COLUMN_WIDTH : 0,\n    };\n  }, [useColumnSetting]);\n\n  const visibleColumns = useMemo(() => {\n    return columns.filter(column => column.show);\n  }, [columns]);\n\n  // NOTE: Add setting column\n  const tableColumns = useMemo(() => {\n    return useColumnSetting ? [...visibleColumns, settingColumn] : visibleColumns;\n  }, [visibleColumns, useColumnSetting, settingColumn]);\n\n  const columnWidthDict = useMemo(() => {\n    if (width <= 0) {\n      return {};\n    }\n\n    // NOTE: Reserve space for setting column\n    const result = {\n      [settingColumn.key]: settingColumn.width,\n    };\n\n    // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width\n    const adjustedColumns: number[] = [];\n\n    // NOTE: Give fixed width to the columns with \"width\" field\n    visibleColumns\n      .filter(column => Number.isFinite(column.width))\n      .forEach(column => {\n        result[column.key] = column.width - 1;\n        adjustedColumns.push(column.width - 1);\n      });\n\n    visibleColumns\n      .filter(column => !Number.isFinite(column.width))\n      .forEach(column => {\n        // NOTE: Width sum of adjusted columns\n        const sumOfAdjustColumnWidth = adjustedColumns.reduce(\n          (subResult, columnWidth) => subResult + columnWidth,\n          0\n        );\n        // NOTE: Expected space for the column\n        const calculatedWidth = Math.floor(\n          (width - sumOfAdjustColumnWidth - settingColumn.width) /\n            (visibleColumns.length - adjustedColumns.length)\n        );\n\n        const requiredWidth = column.minWidth || DEFAULT_COLUMN_MIN_WIDTH;\n        const adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;\n        result[column.key] = adjustedWidth - 1;\n        adjustedColumns.push(adjustedWidth - 1);\n      });\n\n    return result;\n  }, [width, visibleColumns, settingColumn]);\n\n  // NOTE: Calculate table width from adjusted columns width\n  const tableWidth = useMemo(() => {\n    return Object.values(columnWidthDict).reduce((result, item) => result + item, 0);\n  }, [columnWidthDict]);\n\n  const isTopSettingIconShown =\n    isTopSettingIconShownAlways || tableWidth - SETTING_COLUMN_WIDTH / 2 >= width;\n\n  useEffect(() => {\n    showTopSettingIcon(isTopSettingIconShown);\n  }, [isTopSettingIconShown]);\n\n  const rowClassName = useCallback(\n    ({ index }: { index: number }) => {\n      return classNames({\n        [appliedClasses.oddRow]: index % 2 === 1,\n      });\n    },\n    [appliedClasses]\n  );\n\n  // NOTE: table header\n  const headerRenderer = (headerData: { label?: ReactNode; dataKey: string }) => {\n    const { label, dataKey } = headerData;\n\n    const isSortable = sortBy || sortDirection || sort;\n\n    if (CustomHeaderCellRenderer) {\n      return (\n        <CustomHeaderCellRenderer\n          columnKey={dataKey}\n          columns={columns}\n          sortBy={sortBy}\n          sortDirection={sortDirection}\n        />\n      );\n    }\n\n    if (dataKey === settingColumn.key) {\n      return !isTopSettingIconShown ? (\n        <IconButton\n          size=\"small\"\n          aria-label=\"customize columns\"\n          className={appliedClasses.settingIcon}\n          onClick={onOpenSettingDlg}\n        >\n          <SettingsIcon fontSize=\"inherit\" />\n        </IconButton>\n      ) : null;\n    }\n    return (\n      <Typography\n        variant=\"body2\"\n        className={classNames(\n          appliedClasses.headerLabel,\n          getHeaderLabelClassName(columns, dataKey)\n        )}\n      >\n        {label}&nbsp;\n        <span\n          className={classNames(\n            appliedClasses.unitLabel,\n            getHeaderLabelUnitClassName(columns, dataKey)\n          )}\n        >\n          {getUnitText(columns, dataKey)}\n        </span>\n        {isSortable && dataKey !== sortBy && (\n          <Tooltip title=\"Sort A-Z\">\n            <SortIcon fontSize=\"small\" className={classes.sortIcon} />\n          </Tooltip>\n        )}\n        {isSortable &&\n          dataKey === sortBy &&\n          (sortDirection === SortDirection.ASC ? (\n            <ArrowUpwardIcon fontSize=\"small\" className={classes.sortIcon} />\n          ) : (\n            <ArrowDownwardIcon fontSize=\"small\" className={classes.sortIcon} />\n          ))}\n      </Typography>\n    );\n  };\n\n  const rowRenderer = useCallback(\n    ({\n      ariaAttributes,\n      style,\n      data,\n      tableColumns,\n      index,\n    }: RowComponentProps<{\n      data: any[];\n      tableColumns: { label: string; key: string; width: number }[];\n    }>) => {\n      return (\n        <div\n          style={{ ...style, ...customRowStyle?.({ index }) }}\n          className={classNames(\n            rowClassName({ index }),\n            classes.row,\n            'ReactVirtualized__Table__row'\n          )}\n          {...ariaAttributes}\n        >\n          {tableColumns.map(column => {\n            const dataKey = column.key;\n            const rowData = data[index];\n\n            const content = CustomCellRenderer ? (\n              <CustomCellRenderer\n                columnKey={dataKey}\n                value={rowData[dataKey]}\n                rowData={rowData}\n                columns={columns}\n              />\n            ) : (\n              <Typography variant=\"body2\" className={appliedClasses.cellData}>\n                {rowData[dataKey]}\n              </Typography>\n            );\n\n            return (\n              <div\n                className={classNames(classes.cell, 'ReactVirtualized__Table__rowColumn')}\n                key={dataKey}\n                style={{ flex: `0 1 ${columnWidthDict[dataKey]}px`, overflow: 'hidden' }}\n              >\n                {content}\n              </div>\n            );\n          })}\n        </div>\n      );\n    },\n    [\n      CustomCellRenderer,\n      rowClassName,\n      columnWidthDict,\n      customRowStyle,\n      classes,\n      appliedClasses.cellData,\n      columns,\n    ]\n  );\n\n  const style = useMemo(\n    () => ({\n      width: useFixedColumnWidth ? tableWidth : width,\n      height,\n    }),\n    [useFixedColumnWidth, tableWidth, width, height]\n  );\n\n  const cellProps = useMemo(\n    () => ({\n      data,\n      tableColumns,\n    }),\n    [data, tableColumns]\n  );\n\n  const onSort = useCallback(\n    (newSortBy: string): MouseEventHandler =>\n      event => {\n        sort?.({\n          defaultSortDirection,\n          event,\n          sortBy: newSortBy,\n          sortDirection:\n            newSortBy === sortBy && (!sortDirection || sortDirection === defaultSortDirection)\n              ? 'DESC'\n              : defaultSortDirection,\n        });\n      },\n    [sort, sortBy, sortDirection]\n  );\n\n  const isSortable = sortBy || sortDirection || sort;\n\n  return (\n    <div\n      style={style}\n      className={classNames(appliedClasses.root, appliedClasses.table, 'ReactVirtualized__Table')}\n    >\n      <div\n        className={classNames(appliedClasses.header, 'ReactVirtualized__Table__headerRow')}\n        style={{ flex: `0 0 ${headerHeight}px` }}\n      >\n        {tableColumns.map(column => (\n          <div\n            key={column.key}\n            className={classNames(\n              appliedClasses.headerCell,\n              column.key !== SETTING_COLUMN_KEY && sort && appliedClasses.sortable,\n              'ReactVirtualized__Table__headerColumn',\n              isSortable && 'ReactVirtualized__Table__sortableHeaderColumn'\n            )}\n            style={{ flex: `0 1 ${columnWidthDict[column.key]}px`, height: headerHeight }}\n            onClick={column.key !== SETTING_COLUMN_KEY ? onSort(column.key) : undefined}\n          >\n            {headerRenderer({\n              label: column.label,\n              dataKey: column.key,\n            })}\n          </div>\n        ))}\n      </div>\n      <List\n        rowProps={cellProps}\n        rowCount={data.length}\n        rowHeight={rowHeight}\n        rowComponent={rowRenderer}\n        onScroll={onScroll}\n        className=\"ReactVirtualized__Grid ReactVirtualized__Table__Grid\"\n      />\n    </div>\n  );\n};\n\nexport default VirtualizedTableComponent;\n"],"names":["SortDirection","defaultSortDirection","useStyles","makeStyles","theme","rowStyles","borderBottom","isLightTheme","display","flexFlow","alignItems","cellStyles","minWidth","marginRight","marginLeft","root","overflow","row","cell","header","headerCell","sortable","cursor","oddRow","backgroundColor","headerLabel","lineHeight","fontSize","fontStyle","letterSpacing","flexWrap","cellData","fontWeight","unitLabel","opacity","settingIcon","padding","sortIcon","getUnitText","columns","dataKey","_ref","find","column","key","unitType","customUnit","concat","getUnitDisplay","getHeaderLabelClassName","headerLabelClassName","getHeaderLabelUnitClassName","headerLabelUnitClassName","VirtualizedTableComponent","_ref4","data","useColumnSetting","useFixedColumnWidth","onOpenSettingDlg","width","height","headerHeight","rowHeight","showTopSettingIcon","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection","_ref4$onScroll","onScroll","classes","appliedClasses","useMemo","settingColumn","label","visibleColumns","filter","show","tableColumns","columnWidthDict","result","adjustedColumns","Number","isFinite","forEach","push","sumOfAdjustColumnWidth","reduce","subResult","columnWidth","calculatedWidth","Math","floor","length","requiredWidth","adjustedWidth","tableWidth","Object","values","item","isTopSettingIconShown","SETTING_COLUMN_WIDTH","useEffect","rowClassName","useCallback","_ref5","index","classNames","headerRenderer","headerData","isSortable","_jsx","columnKey","IconButton","size","className","onClick","children","SettingsIcon","_jsxs","Typography","variant","Tooltip","title","SortIcon","ArrowUpwardIcon","ArrowDownwardIcon","rowRenderer","_ref6","ariaAttributes","style","_objectSpread","map","rowData","content","value","flex","cellProps","onSort","newSortBy","event","table","undefined","List","rowProps","rowCount","rowComponent"],"mappings":"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"}
+{"version":3,"file":"VirtualizedTable.js","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"sourcesContent":["import { FC, MouseEventHandler, ReactNode, useCallback, useEffect, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { List, RowComponentProps } from 'react-window';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\nimport ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport SortIcon from '@material-ui/icons/Sort';\n\nimport { getUnitDisplay } from '../../utils/convert';\n\nimport { VirtualizedTableProps } from './index';\n\nconst SortDirection = {\n  ASC: 'ASC',\n  DESC: 'DESC',\n};\n\nconst DEFAULT_COLUMN_MIN_WIDTH = 65;\n\nconst defaultSortDirection = SortDirection.ASC;\n\nconst useStyles = makeStyles(theme => {\n  const rowStyles = {\n    borderBottom: (theme as any).isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    alignItems: 'center',\n  };\n\n  const cellStyles = {\n    minWidth: 1,\n    marginRight: 10,\n\n    '&:first-child': {\n      marginLeft: 10,\n    },\n  };\n\n  return {\n    root: {\n      display: 'flex',\n      overflow: 'auto',\n      flexFlow: 'column nowrap',\n    },\n    row: rowStyles,\n    cell: cellStyles,\n    header: rowStyles,\n    headerCell: {\n      ...cellStyles,\n      display: 'flex',\n      alignItems: 'center',\n    },\n    sortable: {\n      cursor: 'pointer',\n    },\n    oddRow: {\n      backgroundColor: (theme as any).isLightTheme ? 'rgba(189, 189, 189, 0.1)' : '#303030',\n    },\n    headerLabel: {\n      lineHeight: '14px',\n      fontSize: '12px',\n      fontStyle: 'normal',\n      letterSpacing: '-0.25px',\n      display: 'flex',\n      alignItems: 'center',\n      flexWrap: 'wrap',\n    },\n    cellData: {\n      lineHeight: '14px',\n      fontSize: '12px',\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      letterSpacing: '0.15px',\n    },\n    unitLabel: {\n      fontSize: '10px',\n      opacity: 0.5,\n    },\n    settingIcon: {\n      padding: '3px',\n      fontSize: '20px',\n    },\n    sortIcon: {\n      fontSize: '16px',\n    },\n  } as any;\n});\n\nfunction getUnitText(columns: NonNullable<VirtualizedTableProps['columns']>, dataKey: string) {\n  const { unitType, customUnit } = columns.find(column => column.key === dataKey) || {};\n  if (customUnit) {\n    return `(${customUnit})`;\n  }\n\n  if (unitType) {\n    return `(${getUnitDisplay(unitType)})`;\n  }\n\n  return '';\n}\n\nfunction getHeaderLabelClassName(\n  columns: NonNullable<VirtualizedTableProps['columns']>,\n  dataKey: string\n) {\n  const { headerLabelClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelClassName || '';\n}\n\nfunction getHeaderLabelUnitClassName(\n  columns: NonNullable<VirtualizedTableProps['columns']>,\n  dataKey: string\n) {\n  const { headerLabelUnitClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelUnitClassName || '';\n}\n\nconst SETTING_COLUMN_WIDTH = 25;\nconst SETTING_COLUMN_KEY = 'setting';\n\ntype VirtualizedTableComponentProps = Omit<\n  VirtualizedTableProps,\n  'savedColumns' | 'onChangeColumns'\n> & {\n  columns: NonNullable<VirtualizedTableProps['columns']>;\n  data: NonNullable<VirtualizedTableProps['data']>;\n  headerHeight: NonNullable<VirtualizedTableProps['headerHeight']>;\n  rowHeight: NonNullable<VirtualizedTableProps['rowHeight']>;\n  width: number;\n  height: number;\n  onOpenSettingDlg: MouseEventHandler;\n  showTopSettingIcon: (show: boolean) => void;\n};\n\nexport const VirtualizedTableComponent: FC<VirtualizedTableComponentProps> = ({\n  columns,\n  data,\n  useColumnSetting,\n  useFixedColumnWidth,\n  onOpenSettingDlg,\n  width,\n  height,\n  headerHeight,\n  rowHeight,\n  showTopSettingIcon,\n  customMuiStyles,\n  isTopSettingIconShownAlways,\n  CustomCellRenderer,\n  CustomHeaderCellRenderer,\n  customRowStyle,\n  sort,\n  sortBy,\n  sortDirection,\n  onScroll = () => undefined,\n}) => {\n  const classes = useStyles() as Record<string, string>;\n  const appliedClasses = useMemo<Record<string, string>>(\n    () => ({ ...classes, ...customMuiStyles }),\n    [classes, customMuiStyles]\n  );\n  const settingColumn = useMemo(() => {\n    return {\n      label: '',\n      key: SETTING_COLUMN_KEY,\n      width: useColumnSetting ? SETTING_COLUMN_WIDTH : 0,\n    };\n  }, [useColumnSetting]);\n\n  const visibleColumns = useMemo(() => {\n    return columns.filter(column => column.show);\n  }, [columns]);\n\n  // NOTE: Add setting column\n  const tableColumns = useMemo(() => {\n    return useColumnSetting ? [...visibleColumns, settingColumn] : visibleColumns;\n  }, [visibleColumns, useColumnSetting, settingColumn]);\n\n  const columnWidthDict = useMemo(() => {\n    if (width <= 0) {\n      return {};\n    }\n\n    // NOTE: Reserve space for setting column\n    const result = {\n      [settingColumn.key]: settingColumn.width,\n    };\n\n    // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width\n    const adjustedColumns: number[] = [];\n\n    // NOTE: Give fixed width to the columns with \"width\" field\n    visibleColumns\n      .filter(column => Number.isFinite(column.width))\n      .forEach(column => {\n        result[column.key] = column.width - 1;\n        adjustedColumns.push(column.width - 1);\n      });\n\n    visibleColumns\n      .filter(column => !Number.isFinite(column.width))\n      .forEach(column => {\n        // NOTE: Width sum of adjusted columns\n        const sumOfAdjustColumnWidth = adjustedColumns.reduce(\n          (subResult, columnWidth) => subResult + columnWidth,\n          0\n        );\n        // NOTE: Expected space for the column\n        const calculatedWidth = Math.floor(\n          (width - sumOfAdjustColumnWidth - settingColumn.width) /\n            (visibleColumns.length - adjustedColumns.length)\n        );\n\n        const requiredWidth = column.minWidth || DEFAULT_COLUMN_MIN_WIDTH;\n        const adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;\n        result[column.key] = adjustedWidth - 1;\n        adjustedColumns.push(adjustedWidth - 1);\n      });\n\n    return result;\n  }, [width, visibleColumns, settingColumn]);\n\n  // NOTE: Calculate table width from adjusted columns width\n  const tableWidth = useMemo(() => {\n    return Object.values(columnWidthDict).reduce((result, item) => result + item, 0);\n  }, [columnWidthDict]);\n\n  const isTopSettingIconShown =\n    isTopSettingIconShownAlways || tableWidth - SETTING_COLUMN_WIDTH / 2 >= width;\n\n  useEffect(() => {\n    showTopSettingIcon(isTopSettingIconShown);\n  }, [isTopSettingIconShown]);\n\n  const rowClassName = useCallback(\n    ({ index }: { index: number }) => {\n      return classNames({\n        [appliedClasses.oddRow]: index % 2 === 1,\n      });\n    },\n    [appliedClasses]\n  );\n\n  // NOTE: table header\n  const headerRenderer = (headerData: { label?: ReactNode; dataKey: string }) => {\n    const { label, dataKey } = headerData;\n\n    const isSortable = sortBy || sortDirection || sort;\n\n    if (CustomHeaderCellRenderer) {\n      return (\n        <CustomHeaderCellRenderer\n          columnKey={dataKey}\n          columns={columns}\n          sortBy={sortBy}\n          sortDirection={sortDirection}\n        />\n      );\n    }\n\n    if (dataKey === settingColumn.key) {\n      return !isTopSettingIconShown ? (\n        <IconButton\n          size=\"small\"\n          aria-label=\"customize columns\"\n          className={appliedClasses.settingIcon}\n          onClick={onOpenSettingDlg}\n        >\n          <SettingsIcon fontSize=\"inherit\" />\n        </IconButton>\n      ) : null;\n    }\n    return (\n      <Typography\n        variant=\"body2\"\n        className={classNames(\n          appliedClasses.headerLabel,\n          getHeaderLabelClassName(columns, dataKey)\n        )}\n      >\n        {label}&nbsp;\n        <span\n          className={classNames(\n            appliedClasses.unitLabel,\n            getHeaderLabelUnitClassName(columns, dataKey)\n          )}\n        >\n          {getUnitText(columns, dataKey)}\n        </span>\n        {isSortable && dataKey !== sortBy && (\n          <Tooltip title=\"Sort A-Z\">\n            <SortIcon fontSize=\"small\" className={classes.sortIcon} />\n          </Tooltip>\n        )}\n        {isSortable &&\n          dataKey === sortBy &&\n          (sortDirection === SortDirection.ASC ? (\n            <ArrowUpwardIcon fontSize=\"small\" className={classes.sortIcon} />\n          ) : (\n            <ArrowDownwardIcon fontSize=\"small\" className={classes.sortIcon} />\n          ))}\n      </Typography>\n    );\n  };\n\n  const rowRenderer = useCallback(\n    ({\n      ariaAttributes,\n      style,\n      data,\n      tableColumns,\n      index,\n    }: RowComponentProps<{\n      data: any[];\n      tableColumns: { label: string; key: string; width: number }[];\n    }>) => {\n      return (\n        <div\n          style={{ ...style, ...customRowStyle?.({ index }) }}\n          className={classNames(\n            rowClassName({ index }),\n            classes.row,\n            'ReactVirtualized__Table__row'\n          )}\n          {...ariaAttributes}\n        >\n          {tableColumns.map(column => {\n            const dataKey = column.key;\n            const rowData = data[index];\n\n            const content = CustomCellRenderer ? (\n              <CustomCellRenderer\n                columnKey={dataKey}\n                value={rowData[dataKey]}\n                rowData={rowData}\n                columns={columns}\n              />\n            ) : (\n              <Typography variant=\"body2\" className={appliedClasses.cellData}>\n                {rowData[dataKey]}\n              </Typography>\n            );\n\n            return (\n              <div\n                className={classNames(classes.cell, 'ReactVirtualized__Table__rowColumn')}\n                key={dataKey}\n                style={{ flex: `0 1 ${columnWidthDict[dataKey]}px`, overflow: 'hidden' }}\n              >\n                {content}\n              </div>\n            );\n          })}\n        </div>\n      );\n    },\n    [\n      CustomCellRenderer,\n      rowClassName,\n      columnWidthDict,\n      customRowStyle,\n      classes,\n      appliedClasses.cellData,\n      columns,\n    ]\n  );\n\n  const style = useMemo(\n    () => ({\n      width: useFixedColumnWidth ? tableWidth : width,\n      height,\n    }),\n    [useFixedColumnWidth, tableWidth, width, height]\n  );\n\n  const cellProps = useMemo(\n    () => ({\n      data,\n      tableColumns,\n    }),\n    [data, tableColumns]\n  );\n\n  const onSort = useCallback(\n    (newSortBy: string): MouseEventHandler =>\n      event => {\n        sort?.({\n          defaultSortDirection,\n          event,\n          sortBy: newSortBy,\n          sortDirection:\n            newSortBy === sortBy && (!sortDirection || sortDirection === defaultSortDirection)\n              ? 'DESC'\n              : defaultSortDirection,\n        });\n      },\n    [sort, sortBy, sortDirection]\n  );\n\n  const isSortable = sortBy || sortDirection || sort;\n\n  return (\n    <div\n      style={style}\n      className={classNames(appliedClasses.root, appliedClasses.table, 'ReactVirtualized__Table')}\n    >\n      <div\n        className={classNames(appliedClasses.header, 'ReactVirtualized__Table__headerRow')}\n        style={{ flex: `0 0 ${headerHeight}px` }}\n      >\n        {tableColumns.map(column => (\n          <div\n            key={column.key}\n            className={classNames(\n              appliedClasses.headerCell,\n              column.key !== SETTING_COLUMN_KEY && sort && appliedClasses.sortable,\n              'ReactVirtualized__Table__headerColumn',\n              isSortable && 'ReactVirtualized__Table__sortableHeaderColumn'\n            )}\n            style={{ flex: `0 1 ${columnWidthDict[column.key]}px`, height: headerHeight }}\n            onClick={column.key !== SETTING_COLUMN_KEY ? onSort(column.key) : undefined}\n          >\n            {headerRenderer({\n              label: column.label,\n              dataKey: column.key,\n            })}\n          </div>\n        ))}\n      </div>\n      <List\n        rowProps={cellProps}\n        rowCount={data.length}\n        rowHeight={rowHeight}\n        rowComponent={rowRenderer}\n        onScroll={onScroll}\n        className=\"ReactVirtualized__Grid ReactVirtualized__Table__Grid\"\n      />\n    </div>\n  );\n};\n\nexport default VirtualizedTableComponent;\n"],"names":["SortDirection","defaultSortDirection","useStyles","makeStyles","theme","rowStyles","borderBottom","isLightTheme","display","flexFlow","alignItems","cellStyles","minWidth","marginRight","marginLeft","root","overflow","row","cell","header","headerCell","sortable","cursor","oddRow","backgroundColor","headerLabel","lineHeight","fontSize","fontStyle","letterSpacing","flexWrap","cellData","fontWeight","unitLabel","opacity","settingIcon","padding","sortIcon","getUnitText","columns","dataKey","_ref","find","column","key","unitType","customUnit","concat","getUnitDisplay","getHeaderLabelClassName","headerLabelClassName","getHeaderLabelUnitClassName","headerLabelUnitClassName","VirtualizedTableComponent","_ref4","data","useColumnSetting","useFixedColumnWidth","onOpenSettingDlg","width","height","headerHeight","rowHeight","showTopSettingIcon","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection","_ref4$onScroll","onScroll","classes","appliedClasses","useMemo","settingColumn","label","visibleColumns","filter","show","tableColumns","columnWidthDict","result","adjustedColumns","Number","isFinite","forEach","push","sumOfAdjustColumnWidth","reduce","subResult","columnWidth","calculatedWidth","Math","floor","length","requiredWidth","adjustedWidth","tableWidth","Object","values","item","isTopSettingIconShown","SETTING_COLUMN_WIDTH","useEffect","rowClassName","useCallback","_ref5","index","classNames","headerRenderer","headerData","isSortable","_jsx","columnKey","IconButton","size","className","onClick","children","SettingsIcon","_jsxs","Typography","variant","Tooltip","title","SortIcon","ArrowUpwardIcon","ArrowDownwardIcon","rowRenderer","_ref6","ariaAttributes","style","_objectSpread","map","rowData","content","value","flex","cellProps","onSort","newSortBy","event","table","undefined","List","rowProps","rowCount","rowComponent"],"mappings":"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"}

package/hocs/withAssetEditorLockHOC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withAssetEditorLockHOC.d.ts","sourceRoot":"","sources":["../../src/hocs/withAssetEditorLockHOC.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,KAAK,oBAAoB,GACrB;IACE,mBAAmB,EAAE,CACnB,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,EAC1D,KAAK,EAAE,IAAI,KACR,IAAI,CAAC;CACX,GACD;IACE,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC1D,CAAC;AAcN,QAAA,MAAM,sBAAsB,GAAI,KAAK,SAAS;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,oBAChD,aAAa,CAAC,KAAK,CAAC,qCAwDvC,CAAC;eAEa,sBAAsB"}
+{"version":3,"file":"withAssetEditorLockHOC.d.ts","sourceRoot":"","sources":["../../src/hocs/withAssetEditorLockHOC.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,KAAK,oBAAoB,GACrB;IACE,mBAAmB,EAAE,CACnB,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,EAC1D,KAAK,EAAE,IAAI,KACR,IAAI,CAAC;CACX,GACD;IACE,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC1D,CAAC;AAcN,QAAA,MAAM,sBAAsB,GAAI,KAAK,SAAS;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,oBAChD,aAAa,CAAC,KAAK,CAAC,qCAwDvC,CAAC;eAEa,sBAAsB"}

package/hocs/withAssetEditorLockHOC.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as n}from"react";import{makeStyles as o,Tooltip as i,IconButton as a}from"@material-ui/core";import{LockOutlined as c,ReplayOutlined as l}from"@material-ui/icons";import{jsxs as s,jsx as p}from"react/jsx-runtime";function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var m=o((function(e){return{root:{display:"flex"},assetEditorWrapper:{width:"100%"},iconButtonWrapper:{height:36,marginTop:10,marginLeft:16},iconButton:{color:e.palette.primary.text6,width:36,height:36,"&:hover":{backgroundColor:e.palette.background.b7}}}})),f=function(e){return function(o){var u=m(),f=r(!0),h=t(f,2),b=h[0],g=h[1],O=r(!0),y=t(O,2),j=y[0],v=y[1];n((function(){j||v(!0)}),[j]);var w=b?c:l;return s("div",{className:u.root,children:[p(i,{title:b?"This app is using current dashboard asset.":"",placement:"bottom",children:p("div",{className:u.assetEditorWrapper,children:j&&p(e,d(d({},o),{},{disabled:b}))})}),p(i,{title:b?"Unlock Asset":"Return default",placement:"bottom",children:p("div",{className:u.iconButtonWrapper,children:p(a,{className:u.iconButton,"data-testid":"".concat(b?"UnlockAsset":"ReturnDefault","_IconButton"),onClick:function(){var e=!b;g(e),e&&(o.onChangeEditorField?(o.onChangeEditorField("assetId",null),o.onChangeEditorField("replacedAssetId",null),o.onChangeEditorField("replacedAssetTime",null)):o.onSettingsChange({rigId:null,wellId:null}),v(!1))},children:p(w,{})})})})]})}};export{f as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as n}from"react";import{makeStyles as o,Tooltip as i,IconButton as a}from"@material-ui/core";import l from"@material-ui/icons/LockOutlined";import c from"@material-ui/icons/ReplayOutlined";import{jsxs as s,jsx as p}from"react/jsx-runtime";function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var m=o((function(e){return{root:{display:"flex"},assetEditorWrapper:{width:"100%"},iconButtonWrapper:{height:36,marginTop:10,marginLeft:16},iconButton:{color:e.palette.primary.text6,width:36,height:36,"&:hover":{backgroundColor:e.palette.background.b7}}}})),f=function(e){return function(o){var u=m(),f=r(!0),h=t(f,2),b=h[0],g=h[1],O=r(!0),y=t(O,2),j=y[0],v=y[1];n((function(){j||v(!0)}),[j]);var w=b?l:c;return s("div",{className:u.root,children:[p(i,{title:b?"This app is using current dashboard asset.":"",placement:"bottom",children:p("div",{className:u.assetEditorWrapper,children:j&&p(e,d(d({},o),{},{disabled:b}))})}),p(i,{title:b?"Unlock Asset":"Return default",placement:"bottom",children:p("div",{className:u.iconButtonWrapper,children:p(a,{className:u.iconButton,"data-testid":"".concat(b?"UnlockAsset":"ReturnDefault","_IconButton"),onClick:function(){var e=!b;g(e),e&&(o.onChangeEditorField?(o.onChangeEditorField("assetId",null),o.onChangeEditorField("replacedAssetId",null),o.onChangeEditorField("replacedAssetTime",null)):o.onSettingsChange({rigId:null,wellId:null}),v(!1))},children:p(w,{})})})})]})}};export{f as default};
 //# sourceMappingURL=withAssetEditorLockHOC.js.map

package/hocs/withAssetEditorLockHOC.js.map

@@ -1 +1 @@
-{"version":3,"file":"withAssetEditorLockHOC.js","sources":["../../src/hocs/withAssetEditorLockHOC.tsx"],"sourcesContent":["import { ComponentType, FC, useState, useEffect } from 'react';\nimport { Tooltip, makeStyles, IconButton } from '@material-ui/core';\nimport { LockOutlined, ReplayOutlined } from '@material-ui/icons';\n\nimport { AssetSettingsPatch } from '../components/AssetEditorV2';\n\ntype AssetEditorLockProps =\n  | {\n      onChangeEditorField: (\n        field: 'assetId' | 'replacedAssetId' | 'replacedAssetTime',\n        value: null\n      ) => void;\n    }\n  | {\n      onChangeEditorField?: never;\n      onSettingsChange: (settings: AssetSettingsPatch) => void;\n    };\n\nconst useStyles = makeStyles(theme => ({\n  root: { display: 'flex' },\n  assetEditorWrapper: { width: '100%' },\n  iconButtonWrapper: { height: 36, marginTop: 10, marginLeft: 16 },\n  iconButton: {\n    color: theme.palette.primary.text6,\n    width: 36,\n    height: 36,\n    '&:hover': { backgroundColor: theme.palette.background.b7 },\n  },\n}));\n\nconst withAssetEditorLockHOC = <Props extends { disabled?: boolean }>(\n  WrappedComponent: ComponentType<Props>\n) => {\n  const AssetEditorWithLock: FC<Props & AssetEditorLockProps> = props => {\n    const styles = useStyles();\n    const [locked, setLocked] = useState(true);\n    const [showAssetEditor, setShowAssetEditor] = useState(true);\n\n    const onToggleAssetEditorLock = () => {\n      const nextValue = !locked;\n      setLocked(nextValue);\n      if (nextValue) {\n        if (props.onChangeEditorField) {\n          props.onChangeEditorField('assetId', null);\n          props.onChangeEditorField('replacedAssetId', null);\n          props.onChangeEditorField('replacedAssetTime', null);\n        } else {\n          props.onSettingsChange({ rigId: null, wellId: null });\n        }\n        setShowAssetEditor(false);\n      }\n    };\n\n    useEffect(() => {\n      // NOTE: Here we force AssetEditor remount to correctly reset its state\n      if (!showAssetEditor) {\n        setShowAssetEditor(true);\n      }\n    }, [showAssetEditor]);\n\n    const Icon = locked ? LockOutlined : ReplayOutlined;\n    return (\n      <div className={styles.root}>\n        <Tooltip\n          title={locked ? 'This app is using current dashboard asset.' : ''}\n          placement=\"bottom\"\n        >\n          <div className={styles.assetEditorWrapper}>\n            {showAssetEditor && <WrappedComponent {...props} disabled={locked} />}\n          </div>\n        </Tooltip>\n        <Tooltip title={locked ? 'Unlock Asset' : 'Return default'} placement=\"bottom\">\n          <div className={styles.iconButtonWrapper}>\n            <IconButton\n              className={styles.iconButton}\n              data-testid={`${locked ? 'UnlockAsset' : 'ReturnDefault'}_IconButton`}\n              onClick={onToggleAssetEditorLock}\n            >\n              <Icon />\n            </IconButton>\n          </div>\n        </Tooltip>\n      </div>\n    );\n  };\n\n  return AssetEditorWithLock;\n};\n\nexport default withAssetEditorLockHOC;\n"],"names":["useStyles","makeStyles","theme","root","display","assetEditorWrapper","width","iconButtonWrapper","height","marginTop","marginLeft","iconButton","color","palette","primary","text6","backgroundColor","background","b7","withAssetEditorLockHOC","WrappedComponent","props","styles","useState","_useState2","_slicedToArray","_useState","locked","setLocked","_useState4","_useState3","showAssetEditor","setShowAssetEditor","useEffect","Icon","LockOutlined","ReplayOutlined","_jsxs","className","children","_jsx","Tooltip","title","placement","disabled","IconButton","concat","onClick","nextValue","onChangeEditorField","onSettingsChange","rigId","wellId"],"mappings":"45BAkBA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CAAEC,QAAS,QACjBC,mBAAoB,CAAEC,MAAO,QAC7BC,kBAAmB,CAAEC,OAAQ,GAAIC,UAAW,GAAIC,WAAY,IAC5DC,WAAY,CACVC,MAAOV,EAAMW,QAAQC,QAAQC,MAC7BT,MAAO,GACPE,OAAQ,GACR,UAAW,CAAEQ,gBAAiBd,EAAMW,QAAQI,WAAWC,KAE1D,IAEKC,EAAyB,SAC7BC,GAuDA,OArD8D,SAAAC,GAC5D,IAAMC,EAAStB,IACauB,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAnCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACsBD,EAAAA,GAAS,GAAKM,EAAAJ,EAAAK,EAAA,GAArDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAiB1CI,GAAU,WAEHF,GACHC,GAAmB,EAEvB,GAAG,CAACD,IAEJ,IAAMG,EAAOP,EAASQ,EAAeC,EACrC,OACEC,EAAA,MAAA,CAAKC,UAAWhB,EAAOnB,KAAKoC,SAAA,CAC1BC,EAACC,EAAO,CACNC,MAAOf,EAAS,6CAA+C,GAC/DgB,UAAU,SAAQJ,SAElBC,EAAA,MAAA,CAAKF,UAAWhB,EAAOjB,mBAAmBkC,SACvCR,GAAmBS,EAACpB,SAAqBC,GAAK,GAAA,CAAEuB,SAAUjB,SAG/Da,EAACC,EAAO,CAACC,MAAOf,EAAS,eAAiB,iBAAkBgB,UAAU,SAAQJ,SAC5EC,EAAA,MAAA,CAAKF,UAAWhB,EAAOf,kBAAkBgC,SACvCC,EAACK,EAAU,CACTP,UAAWhB,EAAOX,WAClB,cAAA,GAAAmC,OAAgBnB,EAAS,cAAgB,gBAA6B,eACtEoB,QAtCsB,WAC9B,IAAMC,GAAarB,EACnBC,EAAUoB,GACNA,IACE3B,EAAM4B,qBACR5B,EAAM4B,oBAAoB,UAAW,MACrC5B,EAAM4B,oBAAoB,kBAAmB,MAC7C5B,EAAM4B,oBAAoB,oBAAqB,OAE/C5B,EAAM6B,iBAAiB,CAAEC,MAAO,KAAMC,OAAQ,OAEhDpB,GAAmB,KA2BoBO,SAEjCC,EAACN,EAAI,aASnB"}
+{"version":3,"file":"withAssetEditorLockHOC.js","sources":["../../src/hocs/withAssetEditorLockHOC.tsx"],"sourcesContent":["import { ComponentType, FC, useState, useEffect } from 'react';\nimport { Tooltip, makeStyles, IconButton } from '@material-ui/core';\nimport LockOutlined from '@material-ui/icons/LockOutlined';\nimport ReplayOutlined from '@material-ui/icons/ReplayOutlined';\n\nimport { AssetSettingsPatch } from '../components/AssetEditorV2';\n\ntype AssetEditorLockProps =\n  | {\n      onChangeEditorField: (\n        field: 'assetId' | 'replacedAssetId' | 'replacedAssetTime',\n        value: null\n      ) => void;\n    }\n  | {\n      onChangeEditorField?: never;\n      onSettingsChange: (settings: AssetSettingsPatch) => void;\n    };\n\nconst useStyles = makeStyles(theme => ({\n  root: { display: 'flex' },\n  assetEditorWrapper: { width: '100%' },\n  iconButtonWrapper: { height: 36, marginTop: 10, marginLeft: 16 },\n  iconButton: {\n    color: theme.palette.primary.text6,\n    width: 36,\n    height: 36,\n    '&:hover': { backgroundColor: theme.palette.background.b7 },\n  },\n}));\n\nconst withAssetEditorLockHOC = <Props extends { disabled?: boolean }>(\n  WrappedComponent: ComponentType<Props>\n) => {\n  const AssetEditorWithLock: FC<Props & AssetEditorLockProps> = props => {\n    const styles = useStyles();\n    const [locked, setLocked] = useState(true);\n    const [showAssetEditor, setShowAssetEditor] = useState(true);\n\n    const onToggleAssetEditorLock = () => {\n      const nextValue = !locked;\n      setLocked(nextValue);\n      if (nextValue) {\n        if (props.onChangeEditorField) {\n          props.onChangeEditorField('assetId', null);\n          props.onChangeEditorField('replacedAssetId', null);\n          props.onChangeEditorField('replacedAssetTime', null);\n        } else {\n          props.onSettingsChange({ rigId: null, wellId: null });\n        }\n        setShowAssetEditor(false);\n      }\n    };\n\n    useEffect(() => {\n      // NOTE: Here we force AssetEditor remount to correctly reset its state\n      if (!showAssetEditor) {\n        setShowAssetEditor(true);\n      }\n    }, [showAssetEditor]);\n\n    const Icon = locked ? LockOutlined : ReplayOutlined;\n    return (\n      <div className={styles.root}>\n        <Tooltip\n          title={locked ? 'This app is using current dashboard asset.' : ''}\n          placement=\"bottom\"\n        >\n          <div className={styles.assetEditorWrapper}>\n            {showAssetEditor && <WrappedComponent {...props} disabled={locked} />}\n          </div>\n        </Tooltip>\n        <Tooltip title={locked ? 'Unlock Asset' : 'Return default'} placement=\"bottom\">\n          <div className={styles.iconButtonWrapper}>\n            <IconButton\n              className={styles.iconButton}\n              data-testid={`${locked ? 'UnlockAsset' : 'ReturnDefault'}_IconButton`}\n              onClick={onToggleAssetEditorLock}\n            >\n              <Icon />\n            </IconButton>\n          </div>\n        </Tooltip>\n      </div>\n    );\n  };\n\n  return AssetEditorWithLock;\n};\n\nexport default withAssetEditorLockHOC;\n"],"names":["useStyles","makeStyles","theme","root","display","assetEditorWrapper","width","iconButtonWrapper","height","marginTop","marginLeft","iconButton","color","palette","primary","text6","backgroundColor","background","b7","withAssetEditorLockHOC","WrappedComponent","props","styles","useState","_useState2","_slicedToArray","_useState","locked","setLocked","_useState4","_useState3","showAssetEditor","setShowAssetEditor","useEffect","Icon","LockOutlined","ReplayOutlined","_jsxs","className","children","_jsx","Tooltip","title","placement","disabled","IconButton","concat","onClick","nextValue","onChangeEditorField","onSettingsChange","rigId","wellId"],"mappings":"s7BAmBA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CAAEC,QAAS,QACjBC,mBAAoB,CAAEC,MAAO,QAC7BC,kBAAmB,CAAEC,OAAQ,GAAIC,UAAW,GAAIC,WAAY,IAC5DC,WAAY,CACVC,MAAOV,EAAMW,QAAQC,QAAQC,MAC7BT,MAAO,GACPE,OAAQ,GACR,UAAW,CAAEQ,gBAAiBd,EAAMW,QAAQI,WAAWC,KAE1D,IAEKC,EAAyB,SAC7BC,GAuDA,OArD8D,SAAAC,GAC5D,IAAMC,EAAStB,IACauB,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAnCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACsBD,EAAAA,GAAS,GAAKM,EAAAJ,EAAAK,EAAA,GAArDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAiB1CI,GAAU,WAEHF,GACHC,GAAmB,EAEvB,GAAG,CAACD,IAEJ,IAAMG,EAAOP,EAASQ,EAAeC,EACrC,OACEC,EAAA,MAAA,CAAKC,UAAWhB,EAAOnB,KAAKoC,SAAA,CAC1BC,EAACC,EAAO,CACNC,MAAOf,EAAS,6CAA+C,GAC/DgB,UAAU,SAAQJ,SAElBC,EAAA,MAAA,CAAKF,UAAWhB,EAAOjB,mBAAmBkC,SACvCR,GAAmBS,EAACpB,SAAqBC,GAAK,GAAA,CAAEuB,SAAUjB,SAG/Da,EAACC,EAAO,CAACC,MAAOf,EAAS,eAAiB,iBAAkBgB,UAAU,SAAQJ,SAC5EC,EAAA,MAAA,CAAKF,UAAWhB,EAAOf,kBAAkBgC,SACvCC,EAACK,EAAU,CACTP,UAAWhB,EAAOX,WAClB,cAAA,GAAAmC,OAAgBnB,EAAS,cAAgB,gBAA6B,eACtEoB,QAtCsB,WAC9B,IAAMC,GAAarB,EACnBC,EAAUoB,GACNA,IACE3B,EAAM4B,qBACR5B,EAAM4B,oBAAoB,UAAW,MACrC5B,EAAM4B,oBAAoB,kBAAmB,MAC7C5B,EAAM4B,oBAAoB,oBAAqB,OAE/C5B,EAAM6B,iBAAiB,CAAEC,MAAO,KAAMC,OAAQ,OAEhDpB,GAAmB,KA2BoBO,SAEjCC,EAACN,EAAI,aASnB"}

package/mcp-server/server.mjs

@@ -248,7 +248,7 @@ const validateDsn = dsn => {
 
 const MCP_SERVER_VERSION = '1.9.1';
 
-var version = "3.79.0-0";
+var version = "3.79.0-2";
 
 const CORVA_UI_VERSION = version;
 
@@ -9611,25 +9611,25 @@ var componentsV1Data = [{
     description: ""
   }, {
     name: "dashboardAssetId",
-    type: "string",
+    type: "DashboardAssetId",
     required: false,
     description: ""
   }, {
     name: "apps",
-    type: "array",
+    type: "ProviderApp[]",
     required: true,
     description: ""
   }, {
     name: "dashboardMeta",
-    type: "object",
+    type: "DashboardMeta",
     required: false,
     description: ""
   }],
   propsList: {
-    kind: "unjudged"
+    kind: "complete"
   },
   examples: [],
-  sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/components/DevCenter/AppsDataProvider/AppsDataProvider.js",
+  sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/components/DevCenter/AppsDataProvider/AppsDataProvider.tsx",
   keywords: ["appsdataprovider"]
 }, {
   name: "AppSettingsAssetEditor",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "3.79.0-0",
+  "version": "3.79.0-2",
   "license": "UNLICENSED",
   "description": "Shared components/utils for Corva ui projects",
   "repository": {