@embeddable.com/remarkable-pro 0.3.9 → 0.3.12

package/dist/{tables.utils-2q0j8fQN.js.map → tables.utils-Be6yca9d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tables.utils-2q0j8fQN.js","sources":["../src/components/charts/tables/tables.utils.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize, Markdown, TableBodyCellWithCopy } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\nimport { DisplayFormatTypeOptions } from '../../types/DisplayFormat.type.emb';\nimport styles from './tables.module.css';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'boolean':\n    case 'time':\n    case 'number':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => {\n    const displayFormat: string = dimOrMeas.inputs?.displayFormat;\n    const hasCustomCellFormatter =\n      displayFormat &&\n      (displayFormat === DisplayFormatTypeOptions.JSON ||\n        displayFormat === DisplayFormatTypeOptions.MARKDOWN);\n\n    return {\n      id: dimOrMeas.name,\n      title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n      minWidth: getTableHeaderMinWidth(dimOrMeas),\n      align: getTableHeaderAlign(dimOrMeas),\n      accessor: (row) => {\n        const updatedDimOrMeas = {\n          ...dimOrMeas,\n          inputs: { ...dimOrMeas.inputs, displayNullAs: props.displayNullAs },\n        };\n        return themeFormatter.data(updatedDimOrMeas, row[dimOrMeas.name]);\n      },\n      cellStyle: (value) => {\n        const tableCellStyle = dimOrMeas.inputs?.tableCellStyle;\n        if (tableCellStyle) {\n          const activeTableCellStyle = theme.defaults.tableCellStyleOptions?.find(\n            (style) => style.value === tableCellStyle,\n          );\n          if (activeTableCellStyle) {\n            return activeTableCellStyle.styles(value);\n          }\n        }\n        return undefined;\n      },\n      cell: hasCustomCellFormatter\n        ? ({ value }) => {\n            let currentValue: string | undefined;\n            if (typeof value === 'string') {\n              currentValue = value;\n            } else if (value !== undefined && value !== null) {\n              currentValue = String(value);\n            } else {\n              currentValue = undefined;\n            }\n\n            return (\n              <TableBodyCellWithCopy value={value}>\n                {displayFormat === DisplayFormatTypeOptions.MARKDOWN ? (\n                  // Markdown\n                  <span className={styles.markdownCell}>\n                    <Markdown content={currentValue} />\n                  </span>\n                ) : (\n                  // JSON\n                  <pre>{currentValue}</pre>\n                )}\n              </TableBodyCellWithCopy>\n            );\n          }\n        : undefined,\n    };\n  });\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || props.rows.some((row) => clickDimensionName in row)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","displayFormat","hasCustomCellFormatter","DisplayFormatTypeOptions","row","updatedDimOrMeas","value","tableCellStyle","activeTableCellStyle","_b","style","currentValue","jsx","TableBodyCellWithCopy","styles","Markdown","getTableRows","clickDimensionName","_"],"mappings":"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"}
+{"version":3,"file":"tables.utils-Be6yca9d.js","sources":["../src/components/charts/tables/tables.utils.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize, Markdown, TableBodyCellWithCopy } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\nimport { DisplayFormatTypeOptions } from '../../types/DisplayFormat.type.emb';\nimport styles from './tables.module.css';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'boolean':\n    case 'time':\n    case 'number':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => {\n    const displayFormat: string = dimOrMeas.inputs?.displayFormat;\n    const hasCustomCellFormatter =\n      displayFormat &&\n      (displayFormat === DisplayFormatTypeOptions.JSON ||\n        displayFormat === DisplayFormatTypeOptions.MARKDOWN);\n\n    return {\n      id: dimOrMeas.name,\n      title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n      minWidth: getTableHeaderMinWidth(dimOrMeas),\n      align: getTableHeaderAlign(dimOrMeas),\n      accessor: (row) => {\n        const updatedDimOrMeas = {\n          ...dimOrMeas,\n          inputs: { ...dimOrMeas.inputs, displayNullAs: props.displayNullAs },\n        };\n        return themeFormatter.data(updatedDimOrMeas, row[dimOrMeas.name]);\n      },\n      cellStyle: (value) => {\n        const tableCellStyle = dimOrMeas.inputs?.tableCellStyle;\n        if (tableCellStyle) {\n          const activeTableCellStyle = theme.defaults.tableCellStyleOptions?.find(\n            (style) => style.value === tableCellStyle,\n          );\n          if (activeTableCellStyle) {\n            return activeTableCellStyle.styles(value);\n          }\n        }\n        return undefined;\n      },\n      cell: hasCustomCellFormatter\n        ? ({ value }) => {\n            let currentValue: string | undefined;\n            if (typeof value === 'string') {\n              currentValue = value;\n            } else if (value !== undefined && value !== null) {\n              currentValue = String(value);\n            } else {\n              currentValue = undefined;\n            }\n\n            return (\n              <TableBodyCellWithCopy value={value}>\n                {displayFormat === DisplayFormatTypeOptions.MARKDOWN ? (\n                  // Markdown\n                  <span className={styles.markdownCell}>\n                    <Markdown content={currentValue} />\n                  </span>\n                ) : (\n                  // JSON\n                  <pre>{currentValue}</pre>\n                )}\n              </TableBodyCellWithCopy>\n            );\n          }\n        : undefined,\n    };\n  });\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || props.rows.some((row) => clickDimensionName in row)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","displayFormat","hasCustomCellFormatter","DisplayFormatTypeOptions","row","updatedDimOrMeas","value","tableCellStyle","activeTableCellStyle","_b","style","currentValue","jsx","TableBodyCellWithCopy","styles","Markdown","getTableRows","clickDimensionName","_"],"mappings":"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"}

package/dist/{theme.constants-OTt5Bo-V.js → theme.constants-gny2xWxf.js}

@@ -1,10 +1,10 @@
 import { r as ro, q as m0 } from "./index-BpJ2xsEV.js";
 import { i as d0, a as Gn } from "./component.utils-oQMZT7TK.js";
-import { b as Ca, g as to } from "./formatter.utils-CFf9W7Jq.js";
+import { b as Ca, g as to } from "./formatter.utils-BaA4WFcv.js";
 import { d as fr, u as x0 } from "./utc-DrY1tEQ4.js";
 import { i as v0 } from "./isoWeek-CAZ_hyHu.js";
 import { q as g0 } from "./quarterOfYear-CW1CE0Qw.js";
-import { E as xn } from "./component.inputs.constants-WqUoEXZX.js";
+import { E as xn } from "./component.inputs.constants-CJRHMXHA.js";
 var ao = {
   "--em-core-border-radius--000": "0rem",
   "--em-core-border-radius--050": "0.125rem",
@@ -18374,4 +18374,4 @@ export {
   To as i,
   yx as r
 };
-//# sourceMappingURL=theme.constants-OTt5Bo-V.js.map
+//# sourceMappingURL=theme.constants-gny2xWxf.js.map