@deephaven/iris-grid 0.10.0 → 0.10.1-beta.0

package/dist/sidebar/conditional-formatting/ConditionalFormattingUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingUtils.ts"],"names":["Log","TableUtils","makeColumnFormatColumn","makeRowFormatColumn","makeTernaryFormatRule","log","module","FormatterType","NumberCondition","StringCondition","DateCondition","BooleanCondition","CharCondition","FormatStyleType","getLabelForStyleType","option","NO_FORMATTING","POSITIVE","NEGATIVE","WARN","NEUTRAL","ACCENT_1","ACCENT_2","CUSTOM","getBackgroundForStyleConfig","config","type","customConfig","undefined","background","getColorForStyleConfig","color","getStyleDBString","style","bg","getNumberConditionText","column","value","start","end","getTextForNumberCondition","name","condition","getStringConditionText","getTextForStringCondition","getDateConditionText","getTextForDateCondition","getBooleanConditionText","getTextForBooleanCondition","getCharConditionText","getTextForCharCondition","getConditionDBString","isNumberType","isCharType","isTextType","isDateType","isBooleanType","Error","getLabelForNumberCondition","IS_EQUAL","IS_NOT_EQUAL","IS_BETWEEN","GREATER_THAN","GREATER_THAN_OR_EQUAL","LESS_THAN","LESS_THAN_OR_EQUAL","IS_NULL","IS_NOT_NULL","getLabelForStringCondition","IS_EXACTLY","IS_NOT_EXACTLY","CONTAINS","DOES_NOT_CONTAIN","STARTS_WITH","ENDS_WITH","getLabelForDateCondition","IS_BEFORE","IS_BEFORE_OR_EQUAL","IS_AFTER","IS_AFTER_OR_EQUAL","getLabelForBooleanCondition","IS_TRUE","IS_FALSE","getLabelForCharCondition","getDefaultConditionForType","columnType","getDefaultValueForType","getConditionConfig","getDefaultConditionConfigForType","getDefaultStyleConfig","getShortLabelForStringCondition","getShortLabelForDateCondition","getShortLabelForBooleanCondition","getShortLabelForCharCondition","getShortLabelForNumberCondition","columnName","getShortLabelForConditionType","getFormatColumns","columns","rules","result","ruleMap","ROWS","Map","CONDITIONAL","forEach","formatterType","col","find","debug","prevRule","get","rule","index","indexOf","splice","formatColumn","push","set"],"mappings":"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","sourcesContent":["import Log from '@deephaven/log';\nimport { Column, CustomColumn } from '@deephaven/jsapi-shim';\nimport TableUtils from '../../TableUtils';\nimport {\n  makeColumnFormatColumn,\n  makeRowFormatColumn,\n  makeTernaryFormatRule,\n} from './ConditionalFormattingAPIUtils';\n\nconst log = Log.module('ConditionalFormattingUtils');\n\nexport type ModelColumn = {\n  name: string;\n  type: string;\n};\n\nexport type Condition =\n  | NumberCondition\n  | StringCondition\n  | DateCondition\n  | BooleanCondition\n  | CharCondition;\n\nexport interface BaseFormatConfig {\n  column: ModelColumn;\n  condition: Condition;\n  value?: string;\n  start?: string;\n  end?: string;\n  style: FormatStyleConfig;\n}\n\nexport interface ConditionConfig {\n  condition: Condition;\n  value?: string;\n  start?: string;\n  end?: string;\n}\n\nexport type ChangeCallback = (\n  ruleConfig: BaseFormatConfig,\n  isValid: boolean\n) => void;\n\nexport enum FormatterType {\n  CONDITIONAL = 'conditional',\n  ROWS = 'rows',\n}\n\nexport interface FormattingRule {\n  type: FormatterType;\n  config: BaseFormatConfig;\n}\n\nexport enum NumberCondition {\n  IS_EQUAL = 'is-equal',\n  IS_NOT_EQUAL = 'is-not-equal',\n  IS_BETWEEN = 'is-between',\n  GREATER_THAN = 'greater-than',\n  GREATER_THAN_OR_EQUAL = 'greater-than-or-equal',\n  LESS_THAN = 'less-than',\n  LESS_THAN_OR_EQUAL = 'less-than-or-equal',\n  IS_NULL = 'is-null',\n  IS_NOT_NULL = 'is-not-null',\n}\n\nexport enum StringCondition {\n  IS_EXACTLY = 'is-exactly',\n  IS_NOT_EXACTLY = 'is-not-exactly',\n  CONTAINS = 'contains',\n  DOES_NOT_CONTAIN = 'does-not-contain',\n  STARTS_WITH = 'starts-with',\n  ENDS_WITH = 'ends-with',\n  IS_NULL = 'is-null',\n  IS_NOT_NULL = 'is-not-null',\n}\n\nexport enum DateCondition {\n  IS_EXACTLY = 'is-exactly',\n  IS_NOT_EXACTLY = 'is-not-exactly',\n  IS_BEFORE = 'is-before',\n  IS_BEFORE_OR_EQUAL = 'is-before-or-equal',\n  IS_AFTER = 'is-after',\n  IS_AFTER_OR_EQUAL = 'is-after-or-equal',\n  IS_NULL = 'is-null',\n  IS_NOT_NULL = 'is-not-null',\n}\n\nexport enum BooleanCondition {\n  IS_TRUE = 'is-true',\n  IS_FALSE = 'is-false',\n  IS_NULL = 'is-null',\n  IS_NOT_NULL = 'is-not-null',\n}\n\nexport enum CharCondition {\n  IS_EQUAL = 'is-equal',\n  IS_NOT_EQUAL = 'is-not-equal',\n  IS_NULL = 'is-null',\n  IS_NOT_NULL = 'is-not-null',\n}\n\nexport enum FormatStyleType {\n  NO_FORMATTING = 'no-formatting',\n  POSITIVE = 'positive',\n  NEGATIVE = 'negative',\n  WARN = 'warn',\n  NEUTRAL = 'neutral',\n  ACCENT_1 = 'accent-1',\n  ACCENT_2 = 'accent-2',\n  CUSTOM = 'custom',\n}\n\nexport interface FormatStyleConfig {\n  type: FormatStyleType;\n  customConfig?: {\n    color: string;\n    background: string;\n  };\n}\n\nexport function getLabelForStyleType(option: FormatStyleType): string {\n  switch (option) {\n    case FormatStyleType.NO_FORMATTING:\n      return 'No formatting';\n    case FormatStyleType.POSITIVE:\n      return 'Positive';\n    case FormatStyleType.NEGATIVE:\n      return 'Negative';\n    case FormatStyleType.WARN:\n      return 'Warn';\n    case FormatStyleType.NEUTRAL:\n      return 'Neutral';\n    case FormatStyleType.ACCENT_1:\n      return 'Accent 1';\n    case FormatStyleType.ACCENT_2:\n      return 'Accent 2';\n    case FormatStyleType.CUSTOM:\n      return 'Custom...';\n  }\n}\n\nexport function getBackgroundForStyleConfig(\n  config: FormatStyleConfig\n): string | undefined {\n  const { type, customConfig } = config;\n  switch (type) {\n    case FormatStyleType.NO_FORMATTING:\n      return undefined;\n    case FormatStyleType.POSITIVE:\n      return '#9fde6f';\n    case FormatStyleType.NEGATIVE:\n      return '#ff6087';\n    case FormatStyleType.WARN:\n      return '#f67f40';\n    case FormatStyleType.NEUTRAL:\n      return '#ffd95c';\n    case FormatStyleType.ACCENT_1:\n      return '#78dce8';\n    case FormatStyleType.ACCENT_2:\n      return '#ab9bf5';\n    case FormatStyleType.CUSTOM:\n      return customConfig?.background;\n    default:\n      return undefined;\n  }\n}\n\nexport function getColorForStyleConfig(\n  config: FormatStyleConfig\n): string | undefined {\n  const { type, customConfig } = config;\n  switch (type) {\n    case FormatStyleType.NO_FORMATTING:\n      return undefined;\n    case FormatStyleType.POSITIVE:\n      return '#526a3f';\n    case FormatStyleType.NEGATIVE:\n      return '#802f44';\n    case FormatStyleType.WARN:\n      return '#663318';\n    case FormatStyleType.NEUTRAL:\n      return '#63562b';\n    case FormatStyleType.ACCENT_1:\n      return '#3f6469';\n    case FormatStyleType.ACCENT_2:\n      return '#554d72';\n    case FormatStyleType.CUSTOM:\n      return customConfig?.color;\n    default:\n      return undefined;\n  }\n}\n\nexport function getStyleDBString(config: BaseFormatConfig): string | undefined {\n  const color = getColorForStyleConfig(config.style);\n  const bg = getBackgroundForStyleConfig(config.style);\n  if (color === undefined || bg === undefined) {\n    return undefined;\n  }\n  return `bgfg(\\`${bg}\\`, \\`${color}\\`)`;\n}\n\nfunction getNumberConditionText(config: BaseFormatConfig): string {\n  const { column, value, start, end } = config;\n  return getTextForNumberCondition(\n    column.name,\n    config.condition as NumberCondition,\n    value,\n    start,\n    end\n  );\n}\n\nfunction getStringConditionText(config: BaseFormatConfig): string {\n  const { column, value } = config;\n  return getTextForStringCondition(\n    column.name,\n    config.condition as StringCondition,\n    value\n  );\n}\n\nfunction getDateConditionText(config: BaseFormatConfig): string {\n  const { column, value } = config;\n  return getTextForDateCondition(\n    column.name,\n    config.condition as DateCondition,\n    value\n  );\n}\n\nfunction getBooleanConditionText(config: BaseFormatConfig): string {\n  const { column } = config;\n  return getTextForBooleanCondition(\n    column.name,\n    config.condition as BooleanCondition\n  );\n}\n\nfunction getCharConditionText(config: BaseFormatConfig): string {\n  const { column, value } = config;\n  return getTextForCharCondition(\n    column.name,\n    config.condition as CharCondition,\n    value\n  );\n}\n\nexport function getConditionDBString(config: BaseFormatConfig): string {\n  const { column } = config;\n\n  if (TableUtils.isNumberType(column.type)) {\n    return getNumberConditionText(config);\n  }\n  if (TableUtils.isCharType(column.type)) {\n    return getCharConditionText(config);\n  }\n  if (TableUtils.isTextType(column.type)) {\n    return getStringConditionText(config);\n  }\n  if (TableUtils.isDateType(column.type)) {\n    return getDateConditionText(config);\n  }\n  if (TableUtils.isBooleanType(column.type)) {\n    return getBooleanConditionText(config);\n  }\n\n  throw new Error('Invalid column type');\n}\n\nexport function getLabelForNumberCondition(condition: NumberCondition): string {\n  switch (condition) {\n    case NumberCondition.IS_EQUAL:\n      return 'is equal to';\n    case NumberCondition.IS_NOT_EQUAL:\n      return 'is not equal to';\n    case NumberCondition.IS_BETWEEN:\n      return 'is between';\n    case NumberCondition.GREATER_THAN:\n      return 'greater than';\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n      return 'greater than or equal to';\n    case NumberCondition.LESS_THAN:\n      return 'less than';\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return 'less than or equal to';\n    case NumberCondition.IS_NULL:\n      return 'is null';\n    case NumberCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nexport function getLabelForStringCondition(condition: StringCondition): string {\n  switch (condition) {\n    case StringCondition.IS_EXACTLY:\n      return 'is exactly';\n    case StringCondition.IS_NOT_EXACTLY:\n      return 'is not exactly';\n    case StringCondition.CONTAINS:\n      return 'contains';\n    case StringCondition.DOES_NOT_CONTAIN:\n      return 'does not contain';\n    case StringCondition.STARTS_WITH:\n      return 'starts with';\n    case StringCondition.ENDS_WITH:\n      return 'ends with';\n    case StringCondition.IS_NULL:\n      return 'is null';\n    case StringCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nexport function getLabelForDateCondition(condition: DateCondition): string {\n  switch (condition) {\n    case DateCondition.IS_EXACTLY:\n      return 'is';\n    case DateCondition.IS_NOT_EXACTLY:\n      return 'is not';\n    case DateCondition.IS_BEFORE:\n      return 'is before';\n    case DateCondition.IS_BEFORE_OR_EQUAL:\n      return 'is before or equal';\n    case DateCondition.IS_AFTER:\n      return 'is after';\n    case DateCondition.IS_AFTER_OR_EQUAL:\n      return 'is after or equal';\n    case DateCondition.IS_NULL:\n      return 'is null';\n    case DateCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nexport function getLabelForBooleanCondition(\n  condition: BooleanCondition\n): string {\n  switch (condition) {\n    case BooleanCondition.IS_TRUE:\n      return 'is true';\n    case BooleanCondition.IS_FALSE:\n      return 'is false';\n    case BooleanCondition.IS_NULL:\n      return 'is null';\n    case BooleanCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nexport function getLabelForCharCondition(condition: CharCondition): string {\n  switch (condition) {\n    case CharCondition.IS_EQUAL:\n      return 'is';\n    case CharCondition.IS_NOT_EQUAL:\n      return 'is not';\n    case CharCondition.IS_NULL:\n      return 'is null';\n    case CharCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nexport function getDefaultConditionForType(columnType: string): Condition {\n  if (TableUtils.isNumberType(columnType)) {\n    return NumberCondition.IS_EQUAL;\n  }\n  if (TableUtils.isCharType(columnType)) {\n    return CharCondition.IS_EQUAL;\n  }\n  if (TableUtils.isTextType(columnType)) {\n    return StringCondition.IS_EXACTLY;\n  }\n  if (TableUtils.isDateType(columnType)) {\n    return DateCondition.IS_EXACTLY;\n  }\n  if (TableUtils.isBooleanType(columnType)) {\n    return BooleanCondition.IS_TRUE;\n  }\n\n  throw new Error('Invalid column type');\n}\n\nexport function getDefaultValueForType(columnType: string): string | undefined {\n  if (TableUtils.isCharType(columnType)) {\n    return '';\n  }\n  if (TableUtils.isTextType(columnType)) {\n    return '';\n  }\n  return undefined;\n}\n\nexport function getConditionConfig(config: BaseFormatConfig): ConditionConfig {\n  const { condition, value, start, end } = config;\n  return { condition, value, start, end };\n}\n\nexport function getDefaultConditionConfigForType(\n  type: string\n): ConditionConfig {\n  return {\n    condition: getDefaultConditionForType(type),\n    value: getDefaultValueForType(type),\n    start: undefined,\n    end: undefined,\n  };\n}\n\nexport function getDefaultStyleConfig(): FormatStyleConfig {\n  return {\n    type: FormatStyleType.NO_FORMATTING,\n  };\n}\n\nfunction getShortLabelForStringCondition(condition: StringCondition): string {\n  switch (condition) {\n    case StringCondition.IS_EXACTLY:\n      return '==';\n    case StringCondition.IS_NOT_EXACTLY:\n      return '!=';\n    case StringCondition.CONTAINS:\n      return 'contains';\n    case StringCondition.DOES_NOT_CONTAIN:\n      return 'does not contain';\n    case StringCondition.STARTS_WITH:\n      return 'starts with';\n    case StringCondition.ENDS_WITH:\n      return 'ends with';\n    case StringCondition.IS_NULL:\n      return 'is null';\n    case StringCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nfunction getShortLabelForDateCondition(condition: DateCondition): string {\n  switch (condition) {\n    case DateCondition.IS_EXACTLY:\n      return '==';\n    case DateCondition.IS_NOT_EXACTLY:\n      return '!=';\n    case DateCondition.IS_BEFORE:\n      return '<';\n    case DateCondition.IS_BEFORE_OR_EQUAL:\n      return '<=';\n    case DateCondition.IS_AFTER:\n      return '>';\n    case DateCondition.IS_AFTER_OR_EQUAL:\n      return '>=';\n    case DateCondition.IS_NULL:\n      return 'is null';\n    case DateCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nfunction getShortLabelForBooleanCondition(condition: BooleanCondition): string {\n  switch (condition) {\n    case BooleanCondition.IS_TRUE:\n      return 'is true';\n    case BooleanCondition.IS_FALSE:\n      return 'is false';\n    case BooleanCondition.IS_NULL:\n      return 'is null';\n    case BooleanCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nfunction getShortLabelForCharCondition(condition: CharCondition): string {\n  switch (condition) {\n    case CharCondition.IS_EQUAL:\n      return '==';\n    case CharCondition.IS_NOT_EQUAL:\n      return '!=';\n    case CharCondition.IS_NULL:\n      return 'is null';\n    case CharCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nexport function getShortLabelForNumberCondition(\n  condition: NumberCondition\n): string {\n  switch (condition) {\n    case NumberCondition.IS_EQUAL:\n      return '==';\n    case NumberCondition.IS_NOT_EQUAL:\n      return '!=';\n    case NumberCondition.IS_BETWEEN:\n      return '==';\n    case NumberCondition.GREATER_THAN:\n      return '>';\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n      return '>=';\n    case NumberCondition.LESS_THAN:\n      return '<';\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return '<=';\n    case NumberCondition.IS_NULL:\n      return 'is null';\n    case NumberCondition.IS_NOT_NULL:\n      return 'is not null';\n  }\n}\n\nexport function getTextForNumberCondition(\n  columnName: string,\n  condition: NumberCondition,\n  value: unknown,\n  start: unknown,\n  end: unknown\n): string {\n  switch (condition) {\n    case NumberCondition.IS_EQUAL:\n      return `${columnName} == ${value}`;\n    case NumberCondition.IS_NOT_EQUAL:\n      return `${columnName} != ${value}`;\n    case NumberCondition.IS_BETWEEN:\n      return `${columnName} > ${start} && ${columnName} < ${end}`;\n    case NumberCondition.GREATER_THAN:\n      return `${columnName} > ${value}`;\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n      return `${columnName} >= ${value}`;\n    case NumberCondition.LESS_THAN:\n      return `${columnName} < ${value}`;\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return `${columnName} <= ${value}`;\n    case NumberCondition.IS_NULL:\n      return `${columnName} == null`;\n    case NumberCondition.IS_NOT_NULL:\n      return `${columnName} != null`;\n  }\n}\n\nexport function getTextForStringCondition(\n  columnName: string,\n  condition: StringCondition,\n  value: unknown\n): string {\n  switch (condition) {\n    case StringCondition.IS_EXACTLY:\n      return `${columnName} == \"${value}\"`;\n    case StringCondition.IS_NOT_EXACTLY:\n      return `${columnName} != \"${value}\"`;\n    case StringCondition.CONTAINS:\n      return `${columnName} != null && ${columnName}.contains(\"${value}\")`;\n    case StringCondition.DOES_NOT_CONTAIN:\n      return `!${columnName} != null && !${columnName}.contains(\"${value}\")`;\n    case StringCondition.STARTS_WITH:\n      return `!${columnName} != null && ${columnName}.startsWith(\"${value}\")`;\n    case StringCondition.ENDS_WITH:\n      return `!${columnName} != null && ${columnName}.endsWith(\"${value}\")`;\n    case StringCondition.IS_NULL:\n      return `${columnName} == null`;\n    case StringCondition.IS_NOT_NULL:\n      return `${columnName} != null`;\n  }\n}\n\nexport function getTextForDateCondition(\n  columnName: string,\n  condition: DateCondition,\n  value: unknown\n): string {\n  switch (condition) {\n    case DateCondition.IS_EXACTLY:\n      return `${columnName} == convertDateTime(\"${value}\")`;\n    case DateCondition.IS_NOT_EXACTLY:\n      return `${columnName} != convertDateTime(\\`${value}\\`)`;\n    case DateCondition.IS_BEFORE:\n      return `${columnName} < convertDateTime(\\`${value}\\`)`;\n    case DateCondition.IS_BEFORE_OR_EQUAL:\n      return `${columnName} <=  convertDateTime(\"${value}\")`;\n    case DateCondition.IS_AFTER:\n      return `${columnName} > convertDateTime(\\`${value}\\`)`;\n    case DateCondition.IS_AFTER_OR_EQUAL:\n      return `${columnName} >=  convertDateTime(\\`${value}\\`)`;\n    case DateCondition.IS_NULL:\n      return `${columnName} == null`;\n    case DateCondition.IS_NOT_NULL:\n      return `${columnName} != null`;\n  }\n}\n\nexport function getTextForBooleanCondition(\n  columnName: string,\n  condition: BooleanCondition\n): string {\n  switch (condition) {\n    case BooleanCondition.IS_TRUE:\n      return `${columnName} == true`;\n    case BooleanCondition.IS_FALSE:\n      return `${columnName} == false`;\n    case BooleanCondition.IS_NULL:\n      return `${columnName} == null`;\n    case BooleanCondition.IS_NOT_NULL:\n      return `${columnName} != null`;\n  }\n}\n\nexport function getTextForCharCondition(\n  columnName: string,\n  condition: CharCondition,\n  value: unknown\n): string {\n  switch (condition) {\n    case CharCondition.IS_EQUAL:\n      return `${columnName} == '${value}'`;\n    case CharCondition.IS_NOT_EQUAL:\n      return `${columnName} != '${value}'`;\n    case CharCondition.IS_NULL:\n      return `isNull(${columnName})`;\n    case CharCondition.IS_NOT_NULL:\n      return `!isNull(${columnName})`;\n  }\n}\n\nexport function getShortLabelForConditionType(\n  columnType: string,\n  condition: Condition\n): string {\n  if (TableUtils.isNumberType(columnType)) {\n    return getShortLabelForNumberCondition(condition as NumberCondition);\n  }\n  if (TableUtils.isCharType(columnType)) {\n    return getShortLabelForCharCondition(condition as CharCondition);\n  }\n  if (TableUtils.isTextType(columnType)) {\n    return getShortLabelForStringCondition(condition as StringCondition);\n  }\n  if (TableUtils.isDateType(columnType)) {\n    return getShortLabelForDateCondition(condition as DateCondition);\n  }\n  if (TableUtils.isBooleanType(columnType)) {\n    return getShortLabelForBooleanCondition(condition as BooleanCondition);\n  }\n\n  throw new Error('Invalid column type');\n}\n\n/**\n * Get format columns array for the given columns and formatting rules\n * @param columns Available columns\n * @param rules Formatting rules to build the format columns from\n * @returns Array of format columns\n */\nexport function getFormatColumns(\n  columns: Column[],\n  rules: FormattingRule[]\n): CustomColumn[] {\n  const result: CustomColumn[] = [];\n  const ruleMap = {\n    [FormatterType.ROWS]: new Map(),\n    [FormatterType.CONDITIONAL]: new Map(),\n  };\n  rules.forEach(({ config, type: formatterType }) => {\n    const { column } = config;\n    // Check both name and type because the type can change\n    const col = columns.find(\n      ({ name, type }) => name === column.name && type === column.type\n    );\n    if (col === undefined) {\n      log.debug(\n        `Column ${column.name}:${column.type} not found. Ignoring format rule.`,\n        config\n      );\n      return;\n    }\n    // Stack ternary format conditions by column\n    const prevRule = ruleMap[formatterType].get(col.name) ?? null;\n    const rule = makeTernaryFormatRule(config, prevRule);\n    if (rule === undefined) {\n      log.debug(`Ignoring format rule.`, config);\n      return;\n    }\n    const index = result.indexOf(prevRule);\n    if (index > -1) {\n      result.splice(index, 1);\n    }\n    const formatColumn =\n      formatterType === FormatterType.CONDITIONAL\n        ? makeColumnFormatColumn(col, rule)\n        : makeRowFormatColumn(rule);\n    result.push(formatColumn);\n    ruleMap[formatterType].set(col.name, rule);\n  });\n\n  return result;\n}\n"],"file":"ConditionalFormattingUtils.js"}

package/dist/sidebar/conditional-formatting/RowFormatEditor.d.ts

@@ -0,0 +1,9 @@
+import { BaseFormatConfig, ChangeCallback, ModelColumn } from './ConditionalFormattingUtils';
+export interface RowFormatEditorProps {
+    columns: ModelColumn[];
+    config?: BaseFormatConfig;
+    onChange?: ChangeCallback;
+}
+declare const RowFormatEditor: (props: RowFormatEditorProps) => JSX.Element;
+export default RowFormatEditor;
+//# sourceMappingURL=RowFormatEditor.d.ts.map

package/dist/sidebar/conditional-formatting/RowFormatEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowFormatEditor.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/RowFormatEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,gBAAgB,EAChB,cAAc,EAId,WAAW,EACZ,MAAM,8BAA8B,CAAC;AAMtC,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAeD,QAAA,MAAM,eAAe,UAAW,oBAAoB,KAAG,WA0GtD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/sidebar/conditional-formatting/RowFormatEditor.js

@@ -0,0 +1,132 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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, { useCallback, useEffect, useState } from 'react';
+import Log from '@deephaven/log';
+import { ComboBox } from '@deephaven/components';
+import { getDefaultConditionConfigForType, getConditionConfig, getDefaultStyleConfig } from "./ConditionalFormattingUtils.js";
+import ConditionEditor from "./ConditionEditor.js";
+import StyleEditor from "./StyleEditor.js";
+var log = Log.module('RowFormatEditor');
+
+var DEFAULT_CALLBACK = () => undefined;
+
+function makeDefaultConfig(columns) {
+  var {
+    type,
+    name
+  } = columns[0];
+  var column = {
+    type,
+    name
+  };
+
+  var config = _objectSpread({
+    column,
+    style: getDefaultStyleConfig()
+  }, getDefaultConditionConfigForType(type));
+
+  return config;
+}
+
+var RowFormatEditor = props => {
+  var _columns$find;
+
+  var {
+    columns,
+    config = makeDefaultConfig(columns),
+    onChange = DEFAULT_CALLBACK
+  } = props;
+  var [selectedColumn, setColumn] = useState((_columns$find = columns.find(c => c.name === config.column.name && c.type === config.column.type)) !== null && _columns$find !== void 0 ? _columns$find : columns[0]);
+  var [conditionConfig, setConditionConfig] = useState(getConditionConfig(config));
+  var [conditionValid, setConditionValid] = useState(false);
+  var [selectedStyle, setStyle] = useState(config.style);
+  var handleColumnChange = useCallback(value => {
+    var newColumn = columns.find(_ref => {
+      var {
+        name
+      } = _ref;
+      return name === value;
+    });
+
+    if (newColumn !== undefined) {
+      setColumn(newColumn);
+
+      if (selectedColumn.type !== newColumn.type) {
+        setConditionConfig(getDefaultConditionConfigForType(newColumn.type));
+        setConditionValid(false);
+      }
+    } else {
+      log.error("Column ".concat(value, " not found."));
+    }
+  }, [columns, selectedColumn]);
+  var handleConditionChange = useCallback((updatedConditionConfig, isValid) => {
+    log.debug('handleConditionChange', updatedConditionConfig, isValid);
+    setConditionConfig(updatedConditionConfig);
+    setConditionValid(isValid);
+  }, []);
+  var handleStyleChange = useCallback(updatedStyleConfig => {
+    log.debug('handleStyleChange', updatedStyleConfig);
+    setStyle(updatedStyleConfig);
+  }, []);
+  useEffect(() => {
+    if (selectedColumn === undefined) {
+      log.debug('Column is not selected, skip update.');
+      return;
+    }
+
+    if (selectedStyle === undefined) {
+      log.debug('Style is not selected, skip update.');
+      return;
+    }
+
+    var {
+      type,
+      name
+    } = selectedColumn;
+    var column = {
+      type,
+      name
+    };
+    onChange(_objectSpread({
+      column,
+      style: selectedStyle
+    }, conditionConfig), conditionValid);
+  }, [onChange, selectedColumn, selectedStyle, conditionConfig, conditionValid]);
+  var columnInputOptions = columns.map(_ref2 => {
+    var {
+      name
+    } = _ref2;
+    return {
+      title: name,
+      value: name
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "conditional-rule-editor form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mb-2"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "mb-0"
+  }, "Format Row If"), /*#__PURE__*/React.createElement(ComboBox, {
+    defaultValue: selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.name,
+    options: columnInputOptions,
+    inputPlaceholder: "Select a column",
+    spellCheck: false,
+    onChange: handleColumnChange,
+    searchPlaceholder: "Filter columns"
+  })), selectedColumn !== undefined && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ConditionEditor, {
+    column: selectedColumn,
+    config: conditionConfig,
+    onChange: handleConditionChange
+  }), /*#__PURE__*/React.createElement(StyleEditor, {
+    config: selectedStyle,
+    onChange: handleStyleChange
+  })));
+};
+
+export default RowFormatEditor;
+//# sourceMappingURL=RowFormatEditor.js.map

package/dist/sidebar/conditional-formatting/RowFormatEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/conditional-formatting/RowFormatEditor.tsx"],"names":["React","useCallback","useEffect","useState","Log","ComboBox","getDefaultConditionConfigForType","getConditionConfig","getDefaultStyleConfig","ConditionEditor","StyleEditor","log","module","DEFAULT_CALLBACK","undefined","makeDefaultConfig","columns","type","name","column","config","style","RowFormatEditor","props","onChange","selectedColumn","setColumn","find","c","conditionConfig","setConditionConfig","conditionValid","setConditionValid","selectedStyle","setStyle","handleColumnChange","value","newColumn","error","handleConditionChange","updatedConditionConfig","isValid","debug","handleStyleChange","updatedStyleConfig","columnInputOptions","map","title"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { ComboBox } from '@deephaven/components';\nimport {\n  BaseFormatConfig,\n  ChangeCallback,\n  getDefaultConditionConfigForType,\n  getConditionConfig,\n  getDefaultStyleConfig,\n  ModelColumn,\n} from './ConditionalFormattingUtils';\nimport ConditionEditor from './ConditionEditor';\nimport StyleEditor from './StyleEditor';\n\nconst log = Log.module('RowFormatEditor');\n\nexport interface RowFormatEditorProps {\n  columns: ModelColumn[];\n  config?: BaseFormatConfig;\n  onChange?: ChangeCallback;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction makeDefaultConfig(columns: ModelColumn[]): BaseFormatConfig {\n  const { type, name } = columns[0];\n  const column = { type, name };\n  const config = {\n    column,\n    style: getDefaultStyleConfig(),\n    ...getDefaultConditionConfigForType(type),\n  };\n  return config;\n}\n\nconst RowFormatEditor = (props: RowFormatEditorProps): JSX.Element => {\n  const {\n    columns,\n    config = makeDefaultConfig(columns),\n    onChange = DEFAULT_CALLBACK,\n  } = props;\n\n  const [selectedColumn, setColumn] = useState(\n    columns.find(\n      c => c.name === config.column.name && c.type === config.column.type\n    ) ?? columns[0]\n  );\n  const [conditionConfig, setConditionConfig] = useState(\n    getConditionConfig(config)\n  );\n  const [conditionValid, setConditionValid] = useState(false);\n  const [selectedStyle, setStyle] = useState(config.style);\n\n  const handleColumnChange = useCallback(\n    value => {\n      const newColumn = columns.find(({ name }) => name === value);\n      if (newColumn !== undefined) {\n        setColumn(newColumn);\n        if (selectedColumn.type !== newColumn.type) {\n          setConditionConfig(getDefaultConditionConfigForType(newColumn.type));\n          setConditionValid(false);\n        }\n      } else {\n        log.error(`Column ${value} not found.`);\n      }\n    },\n    [columns, selectedColumn]\n  );\n\n  const handleConditionChange = useCallback(\n    (updatedConditionConfig, isValid) => {\n      log.debug('handleConditionChange', updatedConditionConfig, isValid);\n      setConditionConfig(updatedConditionConfig);\n      setConditionValid(isValid);\n    },\n    []\n  );\n\n  const handleStyleChange = useCallback(updatedStyleConfig => {\n    log.debug('handleStyleChange', updatedStyleConfig);\n    setStyle(updatedStyleConfig);\n  }, []);\n\n  useEffect(() => {\n    if (selectedColumn === undefined) {\n      log.debug('Column is not selected, skip update.');\n      return;\n    }\n    if (selectedStyle === undefined) {\n      log.debug('Style is not selected, skip update.');\n      return;\n    }\n    const { type, name } = selectedColumn;\n    const column = { type, name };\n    onChange(\n      {\n        column,\n        style: selectedStyle,\n        ...conditionConfig,\n      },\n      conditionValid\n    );\n  }, [\n    onChange,\n    selectedColumn,\n    selectedStyle,\n    conditionConfig,\n    conditionValid,\n  ]);\n\n  const columnInputOptions = columns.map(({ name }) => ({\n    title: name,\n    value: name,\n  }));\n\n  return (\n    <div className=\"conditional-rule-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\">Format Row If</label>\n        <ComboBox\n          defaultValue={selectedColumn?.name}\n          options={columnInputOptions}\n          inputPlaceholder=\"Select a column\"\n          spellCheck={false}\n          onChange={handleColumnChange}\n          searchPlaceholder=\"Filter columns\"\n        />\n      </div>\n\n      {selectedColumn !== undefined && (\n        <>\n          <ConditionEditor\n            column={selectedColumn}\n            config={conditionConfig}\n            onChange={handleConditionChange}\n          />\n          <StyleEditor config={selectedStyle} onChange={handleStyleChange} />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default RowFormatEditor;\n"],"file":"RowFormatEditor.js"}

package/dist/sidebar/conditional-formatting/StyleEditor.css

@@ -0,0 +1,54 @@
+.style-editor .cs-dropdown {
+  display: flex;
+  text-align: left;
+  padding-left: 0.5rem;
+  width: 100%;
+  justify-content: space-between;
+  border-radius: 4px;
+  border: 1px solid #929192;
+  min-width: 14rem;
+}
+.style-editor .cs-dropdown:focus {
+  border-color: rgba(72, 120, 234, 0.85);
+}
+.style-editor .cs-dropdown .cs-caret {
+  color: #929192;
+}
+
+.style-dropdown-menu {
+  border-radius: 4px;
+}
+.style-dropdown-menu .style-options {
+  max-height: 400px;
+  overflow: auto;
+}
+.style-dropdown-menu .style-option-btn {
+  border: none;
+  border-radius: 0;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  white-space: nowrap;
+  text-decoration: none;
+  background-color: transparent;
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
+  display: block;
+}
+.style-dropdown-menu .style-option-btn:hover {
+  opacity: 0.8;
+}
+.style-dropdown-menu .style-option-btn:focus {
+  outline: none;
+  box-shadow: none;
+}
+.style-dropdown-menu .style-option-btn:first-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.style-dropdown-menu .style-option-btn:last-child {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+/*# sourceMappingURL=StyleEditor.css.map */

package/dist/sidebar/conditional-formatting/StyleEditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/StyleEditor.scss","../../../../components/scss/new_variables.scss","../../../../components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAKE;EACE;EACA;EACA,cCLO;EDMP;EACA;EACA,eE8GY;EF7GZ;EACA;;AACA;EACE,cE2HqB;;AFzHvB;EACE,OEGK;;;AFEX;EACE,eEiGc;;AFhGd;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,SAxCoB;;AA0CtB;EACE;EACA;;AAEF;EACE,wBEwEU;EFvEV,yBEuEU;;AFrEZ;EACE,2BEoEU;EFnEV,4BEmEU","file":"StyleEditor.css"}

package/dist/sidebar/conditional-formatting/StyleEditor.d.ts

@@ -0,0 +1,9 @@
+import { FormatStyleConfig } from './ConditionalFormattingUtils';
+import './StyleEditor.scss';
+export interface ConditionEditorProps {
+    config: FormatStyleConfig;
+    onChange?: (config: FormatStyleConfig) => void;
+}
+declare const StyleEditor: (props: ConditionEditorProps) => JSX.Element;
+export default StyleEditor;
+//# sourceMappingURL=StyleEditor.d.ts.map

package/dist/sidebar/conditional-formatting/StyleEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleEditor.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/StyleEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,iBAAiB,EAGlB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,oBAAoB,CAAC;AAY5B,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD;AAID,QAAA,MAAM,WAAW,UAAW,oBAAoB,KAAG,WAoJlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/sidebar/conditional-formatting/StyleEditor.js

@@ -0,0 +1,160 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Log from '@deephaven/log';
+import { ColorUtils } from '@deephaven/utils';
+import { dhSort, vsCheck } from '@deephaven/icons';
+import { Button, DropdownMenu } from '@deephaven/components';
+import { FormatStyleType, getLabelForStyleType, getBackgroundForStyleConfig, getColorForStyleConfig } from "./ConditionalFormattingUtils.js";
+import "./StyleEditor.css";
+var log = Log.module('StyleEditor');
+var DEFAULT_BACKGROUND = '#fcfcfa';
+var DEFAULT_COLOR_LIGHT = '#f0f0ee';
+var DEFAULT_COLOR_DARK = '#1a171a';
+var DEFAULT_DROPDOWN_WIDTH = 200;
+
+var DEFAULT_CALLBACK = () => undefined;
+
+var StyleEditor = props => {
+  var _config$customConfig$, _config$customConfig;
+
+  var {
+    config,
+    onChange = DEFAULT_CALLBACK
+  } = props;
+  var [styleType, setStyleType] = useState(config.type);
+  var [background, setBackground] = useState((_config$customConfig$ = (_config$customConfig = config.customConfig) === null || _config$customConfig === void 0 ? void 0 : _config$customConfig.background) !== null && _config$customConfig$ !== void 0 ? _config$customConfig$ : DEFAULT_BACKGROUND);
+  var [isShown, setShown] = useState(false);
+  var [dropdownWidth, setDropdownWidth] = useState(DEFAULT_DROPDOWN_WIDTH);
+  var csContainer = useRef(null);
+  var handleBackgroundChange = useCallback(e => {
+    var {
+      value
+    } = e.target;
+    log.debug('handleBackgroundChange', value);
+    setBackground(value);
+  }, []);
+  var handleMenuClosed = useCallback(() => {
+    if (isShown) {
+      setShown(false);
+    }
+  }, [isShown]);
+  var handleToggleClick = useCallback(() => {
+    if (!isShown) {
+      updateDropdownWidth();
+    }
+
+    setShown(!isShown);
+  }, [isShown]);
+  var styleOptions = useMemo(() => [FormatStyleType.NO_FORMATTING, FormatStyleType.POSITIVE, FormatStyleType.NEGATIVE, FormatStyleType.WARN, FormatStyleType.NEUTRAL, FormatStyleType.ACCENT_1, FormatStyleType.ACCENT_2, FormatStyleType.CUSTOM], []);
+
+  function updateDropdownWidth() {
+    if (csContainer.current) {
+      setDropdownWidth(csContainer.current.getBoundingClientRect().width);
+    }
+  }
+
+  useEffect(() => {
+    onChange({
+      type: styleType,
+      customConfig: {
+        color: ColorUtils.isDark(background) ? DEFAULT_COLOR_LIGHT : DEFAULT_COLOR_DARK,
+        background
+      }
+    });
+  }, [onChange, styleType, background]);
+  var renderOptions = useCallback(() => {
+    var matchFound = false;
+    var optionArray = [];
+
+    var _loop = function _loop(index) {
+      var option = styleOptions[index];
+      var key = "option-".concat(index, "-").concat(option);
+      matchFound = matchFound || option === styleType;
+      optionArray.push( /*#__PURE__*/React.createElement(Button, {
+        key: key,
+        kind: "inline",
+        className: "style-option-btn",
+        onClick: () => {
+          setStyleType(option);
+          setShown(false);
+        },
+        style: {
+          color: getColorForStyleConfig({
+            type: option
+          }),
+          background: getBackgroundForStyleConfig({
+            type: option
+          })
+        }
+      }, option === styleType && /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+        icon: vsCheck,
+        className: "mr-2"
+      }), option !== styleType && /*#__PURE__*/React.createElement("span", {
+        className: "mr-4"
+      }), getLabelForStyleType(option)));
+    };
+
+    for (var index = 0; index < styleOptions.length; index += 1) {
+      _loop(index);
+    }
+
+    return optionArray;
+  }, [styleOptions, styleType]);
+  var renderMenuElement = useCallback(() => /*#__PURE__*/React.createElement("div", {
+    className: "style-menu-container",
+    role: "presentation",
+    style: {
+      width: dropdownWidth
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "style-options"
+  }, renderOptions())), [dropdownWidth, renderOptions]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "style-editor"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mb-2",
+    ref: csContainer
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "mb-0"
+  }, "Style"), /*#__PURE__*/React.createElement(Button, {
+    kind: "inline",
+    className: "cs-dropdown",
+    style: {
+      color: getColorForStyleConfig({
+        type: styleType
+      }),
+      background: getBackgroundForStyleConfig({
+        type: styleType
+      })
+    },
+    onClick: handleToggleClick
+  }, getLabelForStyleType(styleType), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: dhSort,
+    className: "cs-caret"
+  })), /*#__PURE__*/React.createElement(DropdownMenu, {
+    isShown: isShown,
+    actions: {
+      menuElement: renderMenuElement()
+    },
+    popperOptions: {
+      placement: 'bottom-start'
+    },
+    popperClassName: "style-dropdown-menu",
+    onMenuClosed: handleMenuClosed,
+    menuStyle: {
+      maxWidth: '100rem'
+    }
+  }))), styleType === FormatStyleType.CUSTOM && /*#__PURE__*/React.createElement("div", {
+    className: "mb-2"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "mb-0"
+  }, "Background"), /*#__PURE__*/React.createElement("input", {
+    type: "color",
+    value: background,
+    className: "custom-select color-select",
+    onChange: handleBackgroundChange
+  })));
+};
+
+export default StyleEditor;
+//# sourceMappingURL=StyleEditor.js.map

package/dist/sidebar/conditional-formatting/StyleEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/conditional-formatting/StyleEditor.tsx"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","FontAwesomeIcon","Log","ColorUtils","dhSort","vsCheck","Button","DropdownMenu","FormatStyleType","getLabelForStyleType","getBackgroundForStyleConfig","getColorForStyleConfig","log","module","DEFAULT_BACKGROUND","DEFAULT_COLOR_LIGHT","DEFAULT_COLOR_DARK","DEFAULT_DROPDOWN_WIDTH","DEFAULT_CALLBACK","undefined","StyleEditor","props","config","onChange","styleType","setStyleType","type","background","setBackground","customConfig","isShown","setShown","dropdownWidth","setDropdownWidth","csContainer","handleBackgroundChange","e","value","target","debug","handleMenuClosed","handleToggleClick","updateDropdownWidth","styleOptions","NO_FORMATTING","POSITIVE","NEGATIVE","WARN","NEUTRAL","ACCENT_1","ACCENT_2","CUSTOM","current","getBoundingClientRect","width","color","isDark","renderOptions","matchFound","optionArray","index","option","key","push","length","renderMenuElement","menuElement","placement","maxWidth"],"mappings":"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","sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport Log from '@deephaven/log';\nimport { ColorUtils } from '@deephaven/utils';\nimport { dhSort, vsCheck } from '@deephaven/icons';\nimport { Button, DropdownMenu } from '@deephaven/components';\nimport {\n  FormatStyleType,\n  getLabelForStyleType,\n  FormatStyleConfig,\n  getBackgroundForStyleConfig,\n  getColorForStyleConfig,\n} from './ConditionalFormattingUtils';\n\nimport './StyleEditor.scss';\n\nconst log = Log.module('StyleEditor');\n\nconst DEFAULT_BACKGROUND = '#fcfcfa';\n\nconst DEFAULT_COLOR_LIGHT = '#f0f0ee';\n\nconst DEFAULT_COLOR_DARK = '#1a171a';\n\nconst DEFAULT_DROPDOWN_WIDTH = 200;\n\nexport interface ConditionEditorProps {\n  config: FormatStyleConfig;\n  onChange?: (config: FormatStyleConfig) => void;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nconst StyleEditor = (props: ConditionEditorProps): JSX.Element => {\n  const { config, onChange = DEFAULT_CALLBACK } = props;\n  const [styleType, setStyleType] = useState(config.type);\n  const [background, setBackground] = useState(\n    config.customConfig?.background ?? DEFAULT_BACKGROUND\n  );\n  const [isShown, setShown] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(DEFAULT_DROPDOWN_WIDTH);\n  const csContainer = useRef<HTMLDivElement>(null);\n\n  const handleBackgroundChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleBackgroundChange', value);\n    setBackground(value);\n  }, []);\n\n  const handleMenuClosed = useCallback(() => {\n    if (isShown) {\n      setShown(false);\n    }\n  }, [isShown]);\n\n  const handleToggleClick = useCallback(() => {\n    if (!isShown) {\n      updateDropdownWidth();\n    }\n    setShown(!isShown);\n  }, [isShown]);\n\n  const styleOptions = useMemo(\n    () => [\n      FormatStyleType.NO_FORMATTING,\n      FormatStyleType.POSITIVE,\n      FormatStyleType.NEGATIVE,\n      FormatStyleType.WARN,\n      FormatStyleType.NEUTRAL,\n      FormatStyleType.ACCENT_1,\n      FormatStyleType.ACCENT_2,\n      FormatStyleType.CUSTOM,\n    ],\n    []\n  );\n\n  function updateDropdownWidth(): void {\n    if (csContainer.current) {\n      setDropdownWidth(csContainer.current.getBoundingClientRect().width);\n    }\n  }\n\n  useEffect(() => {\n    onChange({\n      type: styleType,\n      customConfig: {\n        color: ColorUtils.isDark(background)\n          ? DEFAULT_COLOR_LIGHT\n          : DEFAULT_COLOR_DARK,\n        background,\n      },\n    });\n  }, [onChange, styleType, background]);\n\n  const renderOptions = useCallback(() => {\n    let matchFound = false;\n    const optionArray: JSX.Element[] = [];\n    for (let index = 0; index < styleOptions.length; index += 1) {\n      const option = styleOptions[index];\n      const key = `option-${index}-${option}`;\n      matchFound = matchFound || option === styleType;\n      optionArray.push(\n        <Button\n          key={key}\n          kind=\"inline\"\n          className=\"style-option-btn\"\n          onClick={() => {\n            setStyleType(option);\n            setShown(false);\n          }}\n          style={{\n            color: getColorForStyleConfig({ type: option }),\n            background: getBackgroundForStyleConfig({ type: option }),\n          }}\n        >\n          {option === styleType && (\n            <FontAwesomeIcon icon={vsCheck} className=\"mr-2\" />\n          )}\n          {option !== styleType && <span className=\"mr-4\" />}\n          {getLabelForStyleType(option)}\n        </Button>\n      );\n    }\n    return optionArray;\n  }, [styleOptions, styleType]);\n\n  const renderMenuElement = useCallback(\n    () => (\n      <div\n        className=\"style-menu-container\"\n        role=\"presentation\"\n        style={{ width: dropdownWidth }}\n      >\n        <div className=\"style-options\">{renderOptions()}</div>\n      </div>\n    ),\n    [dropdownWidth, renderOptions]\n  );\n\n  return (\n    <div className=\"style-editor\">\n      <div className=\"mb-2\" ref={csContainer}>\n        <label className=\"mb-0\">Style</label>\n        <Button\n          kind=\"inline\"\n          className=\"cs-dropdown\"\n          style={{\n            color: getColorForStyleConfig({ type: styleType }),\n            background: getBackgroundForStyleConfig({ type: styleType }),\n          }}\n          onClick={handleToggleClick}\n        >\n          {getLabelForStyleType(styleType)}\n\n          <span>\n            <FontAwesomeIcon icon={dhSort} className=\"cs-caret\" />\n          </span>\n          <DropdownMenu\n            isShown={isShown}\n            actions={{ menuElement: renderMenuElement() }}\n            popperOptions={{ placement: 'bottom-start' }}\n            popperClassName=\"style-dropdown-menu\"\n            onMenuClosed={handleMenuClosed}\n            menuStyle={{ maxWidth: '100rem' }}\n          />\n        </Button>\n      </div>\n\n      {styleType === FormatStyleType.CUSTOM && (\n        <div className=\"mb-2\">\n          <label className=\"mb-0\">Background</label>\n          <input\n            type=\"color\"\n            value={background}\n            className=\"custom-select color-select\"\n            onChange={handleBackgroundChange}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default StyleEditor;\n"],"file":"StyleEditor.js"}

package/dist/sidebar/icons/FormatColumnWhereIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function FormatColumnWhereIcon(props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>): JSX.Element;
+export default FormatColumnWhereIcon;
+//# sourceMappingURL=FormatColumnWhereIcon.d.ts.map

package/dist/sidebar/icons/FormatColumnWhereIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatColumnWhereIcon.d.ts","sourceRoot":"","sources":["../../../src/sidebar/icons/FormatColumnWhereIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,qBAAqB,CAC5B,KAAK,EAAE,GAAG,CAAC,mBAAmB,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC7D,GAAG,CAAC,OAAO,CAkBb;AAED,eAAe,qBAAqB,CAAC"}

package/dist/sidebar/icons/FormatColumnWhereIcon.js

@@ -0,0 +1,45 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+function FormatColumnWhereIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg" // eslint-disable-next-line react/jsx-props-no-spreading
+
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    width: "48",
+    height: "48",
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "26",
+    y: "10",
+    width: "15",
+    height: "4",
+    fill: "#9FDE70"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "26",
+    y: "22",
+    width: "15",
+    height: "4",
+    fill: "#9FDE70"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "26",
+    y: "28",
+    width: "15",
+    height: "4",
+    fill: "#FFD95C"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "26",
+    y: "34",
+    width: "15",
+    height: "4",
+    fill: "#9FDE70"
+  }));
+}
+
+export default FormatColumnWhereIcon;
+//# sourceMappingURL=FormatColumnWhereIcon.js.map

package/dist/sidebar/icons/FormatColumnWhereIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/icons/FormatColumnWhereIcon.tsx"],"names":["React","FormatColumnWhereIcon","props"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAEA,SAASC,qBAAT,CACEC,KADF,EAEe;AACb,sBACE;AACE,IAAA,KAAK,EAAC,IADR;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,KAAK,EAAC,4BALR,CAME;;AANF,KAOMA,KAPN,gBASE;AAAM,IAAA,KAAK,EAAC,IAAZ;AAAiB,IAAA,MAAM,EAAC,IAAxB;AAA6B,IAAA,IAAI,EAAC;AAAlC,IATF,eAUE;AAAM,IAAA,CAAC,EAAC,IAAR;AAAa,IAAA,CAAC,EAAC,IAAf;AAAoB,IAAA,KAAK,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC,GAAtC;AAA0C,IAAA,IAAI,EAAC;AAA/C,IAVF,eAWE;AAAM,IAAA,CAAC,EAAC,IAAR;AAAa,IAAA,CAAC,EAAC,IAAf;AAAoB,IAAA,KAAK,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC,GAAtC;AAA0C,IAAA,IAAI,EAAC;AAA/C,IAXF,eAYE;AAAM,IAAA,CAAC,EAAC,IAAR;AAAa,IAAA,CAAC,EAAC,IAAf;AAAoB,IAAA,KAAK,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC,GAAtC;AAA0C,IAAA,IAAI,EAAC;AAA/C,IAZF,eAaE;AAAM,IAAA,CAAC,EAAC,IAAR;AAAa,IAAA,CAAC,EAAC,IAAf;AAAoB,IAAA,KAAK,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC,GAAtC;AAA0C,IAAA,IAAI,EAAC;AAA/C,IAbF,CADF;AAiBD;;AAED,eAAeD,qBAAf","sourcesContent":["import * as React from 'react';\n\nfunction FormatColumnWhereIcon(\n  props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>\n): JSX.Element {\n  return (\n    <svg\n      width=\"48\"\n      height=\"48\"\n      viewBox=\"0 0 48 48\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    >\n      <rect width=\"48\" height=\"48\" fill=\"none\" />\n      <rect x=\"26\" y=\"10\" width=\"15\" height=\"4\" fill=\"#9FDE70\" />\n      <rect x=\"26\" y=\"22\" width=\"15\" height=\"4\" fill=\"#9FDE70\" />\n      <rect x=\"26\" y=\"28\" width=\"15\" height=\"4\" fill=\"#FFD95C\" />\n      <rect x=\"26\" y=\"34\" width=\"15\" height=\"4\" fill=\"#9FDE70\" />\n    </svg>\n  );\n}\n\nexport default FormatColumnWhereIcon;\n"],"file":"FormatColumnWhereIcon.js"}

package/dist/sidebar/icons/FormatRowWhereIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function FormatRowWhereIcon(props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>): JSX.Element;
+export default FormatRowWhereIcon;
+//# sourceMappingURL=FormatRowWhereIcon.d.ts.map

package/dist/sidebar/icons/FormatRowWhereIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatRowWhereIcon.d.ts","sourceRoot":"","sources":["../../../src/sidebar/icons/FormatRowWhereIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,kBAAkB,CACzB,KAAK,EAAE,GAAG,CAAC,mBAAmB,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC7D,GAAG,CAAC,OAAO,CAiBb;AAED,eAAe,kBAAkB,CAAC"}

package/dist/sidebar/icons/FormatRowWhereIcon.js

@@ -0,0 +1,39 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+function FormatRowWhereIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg" // eslint-disable-next-line react/jsx-props-no-spreading
+
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    width: "48",
+    height: "48",
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "4",
+    y: "16",
+    width: "40",
+    height: "4",
+    fill: "#FFD95C"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "4",
+    y: "10",
+    width: "40",
+    height: "4",
+    fill: "#78DCE8"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "4",
+    y: "34",
+    width: "40",
+    height: "4",
+    fill: "#78DCE8"
+  }));
+}
+
+export default FormatRowWhereIcon;
+//# sourceMappingURL=FormatRowWhereIcon.js.map

package/dist/sidebar/icons/FormatRowWhereIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/icons/FormatRowWhereIcon.tsx"],"names":["React","FormatRowWhereIcon","props"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAEA,SAASC,kBAAT,CACEC,KADF,EAEe;AACb,sBACE;AACE,IAAA,KAAK,EAAC,IADR;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,KAAK,EAAC,4BALR,CAME;;AANF,KAOMA,KAPN,gBASE;AAAM,IAAA,KAAK,EAAC,IAAZ;AAAiB,IAAA,MAAM,EAAC,IAAxB;AAA6B,IAAA,IAAI,EAAC;AAAlC,IATF,eAUE;AAAM,IAAA,CAAC,EAAC,GAAR;AAAY,IAAA,CAAC,EAAC,IAAd;AAAmB,IAAA,KAAK,EAAC,IAAzB;AAA8B,IAAA,MAAM,EAAC,GAArC;AAAyC,IAAA,IAAI,EAAC;AAA9C,IAVF,eAWE;AAAM,IAAA,CAAC,EAAC,GAAR;AAAY,IAAA,CAAC,EAAC,IAAd;AAAmB,IAAA,KAAK,EAAC,IAAzB;AAA8B,IAAA,MAAM,EAAC,GAArC;AAAyC,IAAA,IAAI,EAAC;AAA9C,IAXF,eAYE;AAAM,IAAA,CAAC,EAAC,GAAR;AAAY,IAAA,CAAC,EAAC,IAAd;AAAmB,IAAA,KAAK,EAAC,IAAzB;AAA8B,IAAA,MAAM,EAAC,GAArC;AAAyC,IAAA,IAAI,EAAC;AAA9C,IAZF,CADF;AAgBD;;AAED,eAAeD,kBAAf","sourcesContent":["import * as React from 'react';\n\nfunction FormatRowWhereIcon(\n  props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>\n): JSX.Element {\n  return (\n    <svg\n      width=\"48\"\n      height=\"48\"\n      viewBox=\"0 0 48 48\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    >\n      <rect width=\"48\" height=\"48\" fill=\"none\" />\n      <rect x=\"4\" y=\"16\" width=\"40\" height=\"4\" fill=\"#FFD95C\" />\n      <rect x=\"4\" y=\"10\" width=\"40\" height=\"4\" fill=\"#78DCE8\" />\n      <rect x=\"4\" y=\"34\" width=\"40\" height=\"4\" fill=\"#78DCE8\" />\n    </svg>\n  );\n}\n\nexport default FormatRowWhereIcon;\n"],"file":"FormatRowWhereIcon.js"}