@embeddable.com/remarkable-pro 0.1.19 → 0.1.21

package/dist/preview.data.constants-CYT4J-3P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.data.constants-CYT4J-3P.js","sources":["../src/utils/cache.utils.ts","../src/utils/data.utils.ts","../src/theme/formatter/formatter.utils.ts","../src/components/preview.data.constants.ts"],"sourcesContent":["/**\n * Creates a formatter cache.\n * Cache used to prevent unnecessary (expensive) creation of formatter objects\n */\nexport const cache = <Params, Formatter>(factory: (params?: Params) => Formatter) => {\n  const internalCache: { [key: string]: Formatter } = {};\n  const get = (params?: Params) => {\n    const key = JSON.stringify(params);\n    let formatter = internalCache[key];\n    if (formatter) {\n      return formatter;\n    }\n    formatter = factory(params);\n    internalCache[key] = formatter;\n    return formatter;\n  };\n  return get;\n};\n","const ISO_DATE_TIME_REGEX = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}$/;\n\nexport const isValidISODate = (value: string): boolean => {\n  return Boolean(value && ISO_DATE_TIME_REGEX.test(value));\n};\n","import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { DateTimeFormatter, NumberFormatter, StringFormatter } from './formatter.types';\nimport { Theme } from '../theme.types';\nimport { cache } from '../../utils/cache.utils';\nimport { isValidISODate } from '../../utils/data.utils';\nimport { resolveI18nString } from '../../components/component.utils';\nimport { DisplayFormatTypeOptions } from '../../components/types/DisplayFormat.type.emb';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getSubInputValue = (key: DimensionOrMeasure, inputKey: string, metaKey?: string) =>\n  key.inputs?.[inputKey] ?? (key.meta as any)?.[metaKey ?? inputKey];\n\nexport type GetThemeFormatter = {\n  string: (key: string) => string;\n  number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;\n  dateTime: (value: Date, options?: Intl.DateTimeFormatOptions) => string;\n  dimensionOrMeasureTitle: (key: DimensionOrMeasure) => string;\n  data: (key: DimensionOrMeasure, value: any) => string;\n};\n\nexport const getThemeFormatter = (theme: Theme): GetThemeFormatter => {\n  const cachedNumberFormatter = cache<Intl.NumberFormatOptions, NumberFormatter>((options) =>\n    theme.formatter.numberFormatter(theme, options),\n  );\n\n  const cachedDataNumberFormatter = cache<DimensionOrMeasure, NumberFormatter>((key) =>\n    theme.formatter.dataNumberFormatter(theme, key!),\n  );\n\n  const cachedDateTimeFormatter = cache<Intl.DateTimeFormatOptions, DateTimeFormatter>((options) =>\n    theme.formatter.dateTimeFormatter(theme, options),\n  );\n\n  const cachedDataDateTimeFormatter = cache<DimensionOrMeasure, DateTimeFormatter>((key) =>\n    theme.formatter.dataDateTimeFormatter(theme, key!),\n  );\n\n  const cachedDataOthersFormatter = cache<DimensionOrMeasure, StringFormatter>((key) =>\n    theme.formatter.dataOthersFormatter(theme, key!),\n  );\n\n  return {\n    string: (key: string) => theme.formatter.stringFormatter().format(key),\n    number: (value: number | bigint, options?: Intl.NumberFormatOptions): string => {\n      return cachedNumberFormatter(options).format(value);\n    },\n    dateTime: (value: Date, options?: Intl.DateTimeFormatOptions): string => {\n      return cachedDateTimeFormatter(options).format(value);\n    },\n    dimensionOrMeasureTitle: (key: DimensionOrMeasure): string => {\n      const displayName = getSubInputValue(key, 'displayName');\n      if (displayName) {\n        if (displayName.includes('|')) {\n          return resolveI18nString(displayName);\n        }\n        return displayName;\n      }\n\n      const resolved = cachedDataOthersFormatter(key).format(key.name);\n      return resolved === key.name ? (key.title ?? key.name) : resolved;\n    },\n    data: (key: DimensionOrMeasure, value: any): string => {\n      let newValue = value;\n\n      // Nulls (inputs override meta)\n      if (value == null) {\n        return getSubInputValue(key, 'displayNullAs') ?? '';\n      }\n\n      // JSON and Markdown (inputs override meta)\n      const displayFormat = getSubInputValue(key, 'displayFormat');\n      if (displayFormat === DisplayFormatTypeOptions.JSON) {\n        return JSON.stringify(value, null, 2);\n      }\n      if (displayFormat === DisplayFormatTypeOptions.MARKDOWN) {\n        return value;\n      }\n      // Objects\n      if (typeof value === 'object') {\n        return JSON.stringify(value);\n      }\n\n      // Number\n      if (key.nativeType === 'number') {\n        newValue = cachedDataNumberFormatter(key).format(value);\n      }\n\n      // Time\n      if (key.nativeType === 'time' && isValidISODate(value)) {\n        newValue = cachedDataDateTimeFormatter(key).format(new Date(value));\n      }\n\n      // Others (boolean and string)\n      if (key.nativeType === 'boolean' || key.nativeType === 'string') {\n        newValue = cachedDataOthersFormatter(key).format(value);\n      }\n\n      // Prefix and suffix (inputs override meta; meta uses pretext/posttext)\n      const prefix = getSubInputValue(key, 'prefix', 'pretext') || '';\n      const suffix = getSubInputValue(key, 'suffix', 'posttext') || '';\n      const appended = `${prefix}${newValue}${suffix}`;\n\n      // Max characters (inputs override meta)\n      const maxCharacters = getSubInputValue(key, 'maxCharacters');\n      if (maxCharacters != null) {\n        if (appended.length <= maxCharacters) {\n          return appended;\n        }\n        return appended.substring(0, maxCharacters) + '...';\n      }\n\n      return appended;\n    },\n  };\n};\n","import { mockDataResponse, mockDimension, mockMeasure } from '@embeddable.com/core';\n\nconst dimensionName = 'country';\nconst measureName = 'count';\nconst measureVariantName = 'average';\nconst dimensionGroupName = 'category';\n\nconst dimension = mockDimension(dimensionName, 'string', { title: 'Country' });\nconst measure = mockMeasure(measureName, 'number', { title: 'Count' });\nconst measureVariant = mockMeasure(measureVariantName, 'number', { title: 'Average' });\nconst dimensionGroup = mockDimension(dimensionGroupName, 'string', {\n  title: 'Category',\n});\n\nconst results1Measure1Dimension = mockDataResponse(\n  [dimensionName, measureName],\n  [\n    ['US', 120],\n    ['GER', 100],\n    ['UK', 80],\n    ['FRA', 70],\n    ['SPA', 55],\n  ],\n);\n\nconst results1Measure1DimensionVariant = mockDataResponse(\n  [dimensionName, dimensionGroupName, measureName],\n  [\n    ['US', 100],\n    ['GER', 90],\n    ['UK', 75],\n    ['FRA', 85],\n    ['SPA', 60],\n  ],\n);\n\nconst results1Measure2Dimensions = mockDataResponse(\n  [dimensionName, dimensionGroupName, measureName],\n  [\n    ['US', 'Cat 1', 120],\n    ['US', 'Cat 2', 130],\n\n    ['GER', 'Cat 1', 100],\n    ['GER', 'Cat 2', 110],\n\n    ['UK', 'Cat 1', 80],\n    ['UK', 'Cat 2', 95],\n\n    ['FRA', 'Cat 1', 70],\n    ['FRA', 'Cat 2', 60],\n\n    ['SPA', 'Cat 1', 55],\n    ['SPA', 'Cat 2', 35],\n  ],\n);\n\nconst results1Measure2DimensionsVariant = mockDataResponse(\n  [dimensionName, dimensionGroupName, measureName],\n  [\n    ['US', 'Cat 1', 100],\n    ['US', 'Cat 2', 115],\n\n    ['GER', 'Cat 1', 90],\n    ['GER', 'Cat 2', 125],\n\n    ['UK', 'Cat 1', 75],\n    ['UK', 'Cat 2', 105],\n\n    ['FRA', 'Cat 1', 85],\n    ['FRA', 'Cat 2', 55],\n\n    ['SPA', 'Cat 1', 60],\n    ['SPA', 'Cat 2', 30],\n  ],\n);\n\nconst results1Measure = mockDataResponse([measureName], [[120]]);\nconst results1MeasureVariant = mockDataResponse([measureName], [[100]]);\n\nconst dataset = {\n  embeddableId: '',\n  datasetId: '',\n  inputName: '',\n  variableValues: {},\n};\n\nexport const previewData = {\n  dataset,\n  dimension,\n  dimensionGroup,\n  measure,\n  measureVariant,\n  results1Measure,\n  results1MeasureVariant,\n  results1Measure1Dimension,\n  results1Measure1DimensionVariant,\n  results1Measure2Dimensions,\n  results1Measure2DimensionsVariant,\n} as const;\n"],"names":["cache","factory","internalCache","params","key","formatter","ISO_DATE_TIME_REGEX","isValidISODate","value","getSubInputValue","inputKey","metaKey","_a","_b","getThemeFormatter","theme","cachedNumberFormatter","options","cachedDataNumberFormatter","cachedDateTimeFormatter","cachedDataDateTimeFormatter","cachedDataOthersFormatter","displayName","resolveI18nString","resolved","newValue","displayFormat","DisplayFormatTypeOptions","prefix","suffix","appended","maxCharacters","dimensionName","measureName","measureVariantName","dimensionGroupName","dimension","mockDimension","measure","mockMeasure","measureVariant","dimensionGroup","results1Measure1Dimension","mockDataResponse","results1Measure1DimensionVariant","results1Measure2Dimensions","results1Measure2DimensionsVariant","results1Measure","results1MeasureVariant","dataset","previewData"],"mappings":"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"}

package/dist/{tables.utils-EBz0SoE-.js → tables.utils-C4zY450G.js}

@@ -1,6 +1,6 @@
-import { j as o, T as p, M as f, a as h, b as a } from "./index-D3wOlvn9.js";
-import { g as T } from "./preview.data.constants-D1HZ67VS.js";
-import { D as c } from "./component.inputs.constants-CNRRRvsh.js";
+import { j as o, T as p, M as f, a as h, b as l } from "./index-D3wOlvn9.js";
+import { a as T } from "./preview.data.constants-CYT4J-3P.js";
+import { D as c } from "./component.inputs.constants-D__Ii2PI.js";
 const w = (e) => {
   var n;
   const t = (n = e.inputs) == null ? void 0 : n.align;
@@ -19,20 +19,20 @@ const w = (e) => {
   if (t) return t;
   switch (e.nativeType) {
     case "string":
-      return a("--em-tablechart-min-width--string", "8.75rem");
+      return l("--em-tablechart-min-width--string", "8.75rem");
     case "number":
-      return a("--em-tablechart-min-width--number", "5.625rem");
+      return l("--em-tablechart-min-width--number", "5.625rem");
     case "time":
-      return a("--em-tablechart-min-width--time", "8.75rem");
+      return l("--em-tablechart-min-width--time", "8.75rem");
     case "boolean":
     default:
-      return a("--em-tablechart-min-width--boolean", "5.625rem");
+      return l("--em-tablechart-min-width--boolean", "5.625rem");
   }
 }, F = (e, t) => {
   const n = T(t);
   return e.dimensionsAndMeasures.map((r) => {
     var u;
-    const l = (u = r.inputs) == null ? void 0 : u.displayFormat, y = l && (l === c.JSON || l === c.MARKDOWN);
+    const a = (u = r.inputs) == null ? void 0 : u.displayFormat, y = a && (a === c.JSON || a === c.MARKDOWN);
     return {
       id: r.name,
       title: n.dimensionOrMeasureTitle(r),
@@ -58,7 +58,7 @@ const w = (e) => {
       },
       cell: y ? ({ value: i }) => {
         let s;
-        return typeof i == "string" ? s = i : i != null ? s = String(i) : s = void 0, /* @__PURE__ */ o.jsx(p, { value: i, children: l === c.MARKDOWN ? (
+        return typeof i == "string" ? s = i : i != null ? s = String(i) : s = void 0, /* @__PURE__ */ o.jsx(p, { value: i, children: a === c.MARKDOWN ? (
           // Markdown
           /* @__PURE__ */ o.jsx(f, { content: s })
         ) : (
@@ -73,8 +73,8 @@ const w = (e) => {
   if (!e.rows || e.rows.length === 0)
     return [];
   const t = (n = e.clickDimension) == null ? void 0 : n.name;
-  return !t || Object.keys(e.rows[0]).includes(t) ? e.rows : e.rows.map(({ [t]: r, ...l }) => ({
-    ...l
+  return !t || Object.keys(e.rows[0]).includes(t) ? e.rows : e.rows.map(({ [t]: r, ...a }) => ({
+    ...a
   }));
 };
 export {
@@ -83,4 +83,4 @@ export {
   N as c,
   w as g
 };
-//# sourceMappingURL=tables.utils-EBz0SoE-.js.map
+//# sourceMappingURL=tables.utils-C4zY450G.js.map

package/dist/{tables.utils-EBz0SoE-.js.map → tables.utils-C4zY450G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tables.utils-EBz0SoE-.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';\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                  <Markdown content={currentValue} />\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 || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\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","Markdown","getTableRows","clickDimensionName","_"],"mappings":"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"}
+{"version":3,"file":"tables.utils-C4zY450G.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';\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                  <Markdown content={currentValue} />\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 || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\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","Markdown","getTableRows","clickDimensionName","_"],"mappings":";;;AAaO,MAAMA,IAAsB,CAACC,MAAwD;;AAC1F,QAAMC,KAAgBC,IAAAF,EAAU,WAAV,gBAAAE,EAAkB;AAExC,MAAID,EAAe,QAAOA;AAG1B,UAAQD,EAAU,YAAA;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOG,EAAiB;AAAA,IAC1B;AACE,aAAOA,EAAiB;AAAA,EAAA;AAE9B,GAEaC,IAAyB,CAACJ,MAA2C;;AAChF,QAAMK,KAAgBH,IAAAF,EAAU,WAAV,gBAAAE,EAAkB;AAExC,MAAIG,EAAe,QAAOA;AAG1B,UAAQL,EAAU,YAAA;AAAA,IAChB,KAAK;AACH,aAAOM,EAAe,qCAA4C,SAAS;AAAA,IAC7E,KAAK;AACH,aAAOA,EAAe,qCAA4C,UAAU;AAAA,IAC9E,KAAK;AACH,aAAOA,EAAe,mCAA0C,SAAS;AAAA,IAC3E,KAAK;AAAA,IACL;AACE,aAAOA,EAAe,sCAA6C,UAAU;AAAA,EAAA;AAEnF,GAEaC,IAAkB,CAC7BC,GAIAC,MAC2B;AAC3B,QAAMC,IAAiBC,EAAkBF,CAAK;AAC9C,SAAOD,EAAM,sBAAsB,IAAI,CAACR,MAAc;;AACpD,UAAMY,KAAwBV,IAAAF,EAAU,WAAV,gBAAAE,EAAkB,eAC1CW,IACJD,MACCA,MAAkBE,EAAyB,QAC1CF,MAAkBE,EAAyB;AAE/C,WAAO;AAAA,MACL,IAAId,EAAU;AAAA,MACd,OAAOU,EAAe,wBAAwBV,CAAS;AAAA,MACvD,UAAUI,EAAuBJ,CAAS;AAAA,MAC1C,OAAOD,EAAoBC,CAAS;AAAA,MACpC,UAAU,CAACe,MAAQ;AACjB,cAAMC,IAAmB;AAAA,UACvB,GAAGhB;AAAA,UACH,QAAQ,EAAE,GAAGA,EAAU,QAAQ,eAAeQ,EAAM,cAAA;AAAA,QAAc;AAEpE,eAAOE,EAAe,KAAKM,GAAkBD,EAAIf,EAAU,IAAI,CAAC;AAAA,MAClE;AAAA,MACA,WAAW,CAACiB,MAAU;;AACpB,cAAMC,KAAiBhB,IAAAF,EAAU,WAAV,gBAAAE,EAAkB;AACzC,YAAIgB,GAAgB;AAClB,gBAAMC,KAAuBC,IAAAX,EAAM,SAAS,0BAAf,gBAAAW,EAAsC;AAAA,YACjE,CAACC,MAAUA,EAAM,UAAUH;AAAA;AAE7B,cAAIC;AACF,mBAAOA,EAAqB,OAAOF,CAAK;AAAA,QAE5C;AAAA,MAEF;AAAA,MACA,MAAMJ,IACF,CAAC,EAAE,OAAAI,QAAY;AACb,YAAIK;AACJ,eAAI,OAAOL,KAAU,WACnBK,IAAeL,IACiBA,KAAU,OAC1CK,IAAe,OAAOL,CAAK,IAE3BK,IAAe,QAIfC,gBAAAA,EAAAA,IAACC,GAAA,EAAsB,OAAAP,GACpB,UAAAL,MAAkBE,EAAyB;AAAA;AAAA,UAE1CS,gBAAAA,EAAAA,IAACE,GAAA,EAAS,SAASH,EAAA,CAAc;AAAA;AAAA;AAAA,UAGjCC,gBAAAA,EAAAA,IAAC,SAAK,UAAAD,EAAA,CAAa;AAAA,WAEvB;AAAA,MAEJ,IACA;AAAA,IAAA;AAAA,EAER,CAAC;AACH,GAEaI,IAAe,CAAClB,MAAsE;;AACjG,MAAI,CAACA,EAAM,QAAQA,EAAM,KAAK,WAAW;AACvC,WAAO,CAAA;AAGT,QAAMmB,KAAqBzB,IAAAM,EAAM,mBAAN,gBAAAN,EAAsB;AAEjD,SAAI,CAACyB,KAAsB,OAAO,KAAKnB,EAAM,KAAK,CAAC,CAAE,EAAE,SAASmB,CAAkB,IACzEnB,EAAM,OAIRA,EAAM,KAAK,IAAI,CAAC,EAAE,CAACmB,IAAqBC,GAAG,GAAGb,SAAW;AAAA,IAC9D,GAAGA;AAAA,EAAA,EACH;AACJ;"}

package/dist/theme/formatter/formatter.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatter.constants.d.ts","sourceRoot":"","sources":["../../../src/theme/formatter/formatter.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,mBAAmB,CAAC;AAqK3B,eAAO,MAAM,wBAAwB,EAAE,cAatC,CAAC"}
+{"version":3,"file":"formatter.constants.d.ts","sourceRoot":"","sources":["../../../src/theme/formatter/formatter.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,mBAAmB,CAAC;AAmK3B,eAAO,MAAM,wBAAwB,EAAE,cAatC,CAAC"}

package/dist/theme/formatter/formatter.utils.d.ts

@@ -1,5 +1,6 @@
 import { DimensionOrMeasure } from '@embeddable.com/core';
 import { Theme } from '../theme.types';
+export declare const getSubInputValue: (key: DimensionOrMeasure, inputKey: string, metaKey?: string) => any;
 export type GetThemeFormatter = {
     string: (key: string) => string;
     number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;

package/dist/theme/formatter/formatter.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatter.utils.d.ts","sourceRoot":"","sources":["../../../src/theme/formatter/formatter.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAMvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,KAAK,MAAM,CAAC;IAC/E,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,KAAK,MAAM,CAAC;IACxE,uBAAuB,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAE7D,IAAI,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,KAAG,iBA0FhD,CAAC"}
+{"version":3,"file":"formatter.utils.d.ts","sourceRoot":"","sources":["../../../src/theme/formatter/formatter.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAQvC,eAAO,MAAM,gBAAgB,GAAI,KAAK,kBAAkB,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM,QACxB,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,KAAK,MAAM,CAAC;IAC/E,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,KAAK,MAAM,CAAC;IACxE,uBAAuB,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAC7D,IAAI,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,KAAG,iBA8FhD,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-pro",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "repository": {
     "type": "git",
     "url": "https://github.com/embeddable-hq/remarkable-pro"

package/dist/DimensionAndMeasureSingleSelectField-De3lAcg-.js

@@ -1,46 +0,0 @@
-import { j as f, S as d } from "./index-D3wOlvn9.js";
-import { useTheme as S } from "@embeddable.com/react";
-import { useState as g, useEffect as p } from "react";
-import { g as C } from "./preview.data.constants-D1HZ67VS.js";
-const v = ({
-  dimensionsAndMeasures: s,
-  searchValue: r,
-  theme: a
-}) => {
-  const n = C(a);
-  return s.filter((e) => n.dimensionOrMeasureTitle(e).toLowerCase().includes(r.toLowerCase())).map((e) => ({
-    value: e.name,
-    label: n.dimensionOrMeasureTitle(e)
-  }));
-}, M = (s) => {
-  const r = S(), [a, n] = g(""), { selectedValue: e, options: t, clearable: i, placeholder: m, onChange: l } = s, u = (c) => {
-    const o = t.find((h) => h.name === c);
-    l(o);
-  };
-  return p(() => {
-    if (!(!i && !e)) return;
-    const o = t == null ? void 0 : t[0];
-    o && l(o);
-  }, [i, e, t, l]), /* @__PURE__ */ f.jsx(
-    d,
-    {
-      searchable: !0,
-      clearable: i,
-      placeholder: m,
-      value: e == null ? void 0 : e.name,
-      onChange: u,
-      onSearch: n,
-      options: v({
-        dimensionsAndMeasures: t,
-        searchValue: a,
-        theme: r
-      }),
-      avoidCollisions: !1
-    }
-  );
-};
-export {
-  M as D,
-  v as g
-};
-//# sourceMappingURL=DimensionAndMeasureSingleSelectField-De3lAcg-.js.map

package/dist/DimensionAndMeasureSingleSelectField-De3lAcg-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DimensionAndMeasureSingleSelectField-De3lAcg-.js","sources":["../src/components/editors/utils/dimensionsAndMeasures.utils.ts","../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\n\nexport const getDimensionAndMeasureOptions = ({\n  dimensionsAndMeasures,\n  searchValue,\n  theme,\n}: {\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  searchValue: string;\n  theme: Theme;\n}): SelectListOptionProps[] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return dimensionsAndMeasures\n    .filter((dimensionOrMeasure) => {\n      return themeFormatter\n        .dimensionOrMeasureTitle(dimensionOrMeasure)\n        .toLowerCase()\n        .includes(searchValue.toLowerCase());\n    })\n    .map((dimensionOrMeasure) => {\n      return {\n        value: dimensionOrMeasure.name,\n        label: themeFormatter.dimensionOrMeasureTitle(dimensionOrMeasure),\n      };\n    });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\nexport type DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["getDimensionAndMeasureOptions","dimensionsAndMeasures","searchValue","theme","themeFormatter","getThemeFormatter","dimensionOrMeasure","DimensionAndMeasureSingleSelectField","props","useTheme","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField"],"mappings":";;;;AAKO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAI+B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOF,EACJ,OAAO,CAACK,MACAF,EACJ,wBAAwBE,CAAkB,EAC1C,cACA,SAASJ,EAAY,aAAa,CACtC,EACA,IAAI,CAACI,OACG;AAAA,IACL,OAAOA,EAAmB;AAAA,IAC1B,OAAOF,EAAe,wBAAwBE,CAAkB;AAAA,EAAA,EAEnE;AACL,GCdaC,IAAuC,CAClDC,MACG;AACH,QAAML,IAAQM,EAAA,GAER,CAACP,GAAaQ,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaR,GAE/DS,IAAe,CAACC,MAAqB;AACzC,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASV,EAA8B;AAAA,QACrC,uBAAuBa;AAAA,QACvB,aAAAX;AAAA,QACA,OAAAC;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}