@deephaven/iris-grid 0.19.2-beta.0 → 0.19.2-beta.4

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionalFormattingMenu.js","names":["React","useCallback","DragDropContext","Draggable","Droppable","classNames","FontAwesomeIcon","dhNewCircleLargeFilled","vsGripper","vsTrash","Button","DragUtils","Tooltip","TableUtils","Log","FormatterType","getBackgroundForStyleConfig","getColorForStyleConfig","getShortLabelForConditionType","NumberCondition","StringCondition","DateCondition","log","module","DEFAULT_CALLBACK","undefined","getRuleValue","config","column","type","isNumberType","condition","IS_NULL","IS_NOT_NULL","value","isCharType","isStringType","isDateType","isBooleanType","Error","getRuleTitle","IS_BETWEEN","start","name","end","ConditionalFormattingMenu","props","rules","onChange","onCreate","onSelect","handleRuleClick","e","rule","index","stopPropagation","debug","handleDeleteClick","updatedRules","splice","handleDragHandlerClick","handleDragEnd","result","stopDragging","destination","sourceIndex","source","destinationIndex","sourceInput","startDragging","provided","snapshot","innerRef","droppableProps","dragging","draggingFromThisWith","length","map","isDragging","draggableProps","backgroundColor","style","color","ROWS","dragHandleProps","placeholder"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhNewCircleLargeFilled, vsGripper, vsTrash } from '@deephaven/icons';\nimport { Button, DragUtils, Tooltip } from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport './ConditionalFormattingMenu.scss';\nimport {\n  BaseFormatConfig,\n  FormattingRule,\n  FormatterType,\n  getBackgroundForStyleConfig,\n  getColorForStyleConfig,\n  getShortLabelForConditionType,\n  NumberCondition,\n  StringCondition,\n  DateCondition,\n} from './ConditionalFormattingUtils';\nimport { ColumnName } from '../../CommonTypes';\n\nconst log = Log.module('ConditionalFormattingMenu');\n\nexport type ChangeCallback = (rules: FormattingRule[]) => void;\n\nexport type SelectCallback = (index: number) => void;\n\nexport type CreateCallback = () => void;\n\nexport type ConditionalFormattingMenuProps = {\n  rules: FormattingRule[];\n  selectedColumn?: ColumnName;\n  onChange?: ChangeCallback;\n  onCreate?: CreateCallback;\n  onSelect?: SelectCallback;\n};\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction getRuleValue(config: BaseFormatConfig): string {\n  const {\n    column: { type },\n  } = config;\n  if (TableUtils.isNumberType(type)) {\n    return config.condition === NumberCondition.IS_NULL ||\n      config.condition === NumberCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isCharType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isStringType(type)) {\n    return config.condition === StringCondition.IS_NULL ||\n      config.condition === StringCondition.IS_NOT_NULL\n      ? ''\n      : `\"${config.value}\"`;\n  }\n  if (TableUtils.isDateType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isBooleanType(type)) {\n    return '';\n  }\n  throw new Error(`Invalid column type ${type} in getRuleValue`);\n}\n\nfunction getRuleTitle(config: BaseFormatConfig): string {\n  if (\n    TableUtils.isNumberType(config.column.type) &&\n    config.condition === NumberCondition.IS_BETWEEN\n  ) {\n    return `${config.start} < ${config.column.name} < ${config.end}`;\n  }\n  return `${config.column.name} ${getShortLabelForConditionType(\n    (config as BaseFormatConfig).column.type,\n    (config as BaseFormatConfig).condition\n  )} \n    ${getRuleValue(config as BaseFormatConfig)}`;\n}\n\nconst ConditionalFormattingMenu = (\n  props: ConditionalFormattingMenuProps\n): JSX.Element => {\n  const {\n    rules = [],\n    onChange = DEFAULT_CALLBACK,\n    onCreate = DEFAULT_CALLBACK,\n    onSelect = DEFAULT_CALLBACK,\n  } = props;\n\n  const handleRuleClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Rule clicked', rule, index);\n      onSelect(index);\n    },\n    [onSelect]\n  );\n\n  const handleDeleteClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Delete button clicked', rule, index);\n      const updatedRules = [...rules];\n      updatedRules.splice(index, 1);\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  const handleDragHandlerClick = useCallback(e => {\n    e.stopPropagation();\n  }, []);\n\n  const handleDragEnd = useCallback(\n    result => {\n      DragUtils.stopDragging();\n\n      // if dropped outside the list\n      if (!result.destination) {\n        return;\n      }\n      const sourceIndex = result.source.index;\n      const destinationIndex = result.destination.index;\n      const updatedRules = [...rules];\n      const sourceInput = rules[sourceIndex];\n\n      updatedRules.splice(sourceIndex, 1);\n      updatedRules.splice(destinationIndex, 0, sourceInput);\n\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  // Display list of rules\n  return (\n    <div className=\"conditional-formatting-rules\">\n      <DragDropContext\n        onDragStart={DragUtils.startDragging}\n        onDragEnd={handleDragEnd}\n      >\n        <Droppable droppableId=\"droppable-custom-columns\">\n          {(provided, snapshot) => (\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.droppableProps}\n              className={classNames('droppable-container', {\n                dragging: snapshot.draggingFromThisWith,\n              })}\n            >\n              {rules.length === 0 && (\n                <div className=\"text-muted pl-2\">No formats defined</div>\n              )}\n              {rules.map((rule, index) => (\n                <Draggable\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`${index}-${rule.type}`}\n                  draggableId={`${index}-${rule.type}`}\n                  index={index}\n                  disableInteractiveElementBlocking\n                >\n                  {\n                    // eslint-disable-next-line @typescript-eslint/no-shadow\n                    (provided, snapshot) => (\n                      <div\n                        role=\"menuitem\"\n                        tabIndex={0}\n                        onClick={e => handleRuleClick(e, rule, index)}\n                        className={classNames('draggable-container', {\n                          dragging: snapshot.isDragging,\n                        })}\n                        ref={provided.innerRef}\n                        // eslint-disable-next-line react/jsx-props-no-spreading\n                        {...provided.draggableProps}\n                      >\n                        <div className=\"conditional-formatting-list-item\">\n                          <div className=\"formatting-item\">\n                            <div className=\"rule-icon\">\n                              <span\n                                className=\"rule-icon-bg\"\n                                style={{\n                                  backgroundColor: getBackgroundForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                  color: getColorForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                }}\n                              >\n                                {rule.type === FormatterType.ROWS\n                                  ? 'row'\n                                  : 'col'}\n                              </span>\n                            </div>\n                            <div className=\"rule-title\">\n                              {getRuleTitle(rule.config as BaseFormatConfig)}\n                            </div>\n                            <button\n                              type=\"button\"\n                              className=\"btn btn-link btn-link-icon ml-1 px-2\"\n                              onClick={e => handleDeleteClick(e, rule, index)}\n                            >\n                              <Tooltip>Delete rule</Tooltip>\n                              <FontAwesomeIcon icon={vsTrash} />\n                            </button>\n\n                            <button\n                              type=\"button\"\n                              className=\"btn btn-link btn-link-icon px-2 btn-drag-handle\"\n                              onClick={handleDragHandlerClick}\n                              // eslint-disable-next-line react/jsx-props-no-spreading\n                              {...provided.dragHandleProps}\n                            >\n                              <Tooltip>Drag to re-order</Tooltip>\n                              <FontAwesomeIcon icon={vsGripper} />\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    )\n                  }\n                </Draggable>\n              ))}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n      <hr />\n      <Button kind=\"ghost\" onClick={onCreate} icon={dhNewCircleLargeFilled}>\n        Add New Rule\n      </Button>\n    </div>\n  );\n};\n\nexport default ConditionalFormattingMenu;\n"],"mappings":"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"}
+{"version":3,"file":"ConditionalFormattingMenu.js","names":["React","useCallback","DragDropContext","Draggable","Droppable","classNames","FontAwesomeIcon","dhNewCircleLargeFilled","vsGripper","vsTrash","Button","DragUtils","Tooltip","TableUtils","Log","FormatterType","getBackgroundForStyleConfig","getColorForStyleConfig","getShortLabelForConditionType","NumberCondition","StringCondition","DateCondition","log","module","DEFAULT_CALLBACK","undefined","getRuleValue","config","column","type","isNumberType","condition","IS_NULL","IS_NOT_NULL","value","isCharType","isStringType","isDateType","isBooleanType","Error","getRuleTitle","IS_BETWEEN","start","name","end","ConditionalFormattingMenu","props","rules","onChange","onCreate","onSelect","handleRuleClick","e","rule","index","stopPropagation","debug","handleDeleteClick","updatedRules","splice","handleDragHandlerClick","handleDragEnd","result","stopDragging","destination","sourceIndex","source","destinationIndex","sourceInput","startDragging","provided","snapshot","innerRef","droppableProps","dragging","draggingFromThisWith","length","map","isDragging","draggableProps","backgroundColor","style","color","ROWS","dragHandleProps","placeholder"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  DropResult,\n} from 'react-beautiful-dnd';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhNewCircleLargeFilled, vsGripper, vsTrash } from '@deephaven/icons';\nimport { Button, DragUtils, Tooltip } from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport './ConditionalFormattingMenu.scss';\nimport {\n  BaseFormatConfig,\n  FormattingRule,\n  FormatterType,\n  getBackgroundForStyleConfig,\n  getColorForStyleConfig,\n  getShortLabelForConditionType,\n  NumberCondition,\n  StringCondition,\n  DateCondition,\n} from './ConditionalFormattingUtils';\nimport { ColumnName } from '../../CommonTypes';\n\nconst log = Log.module('ConditionalFormattingMenu');\n\nexport type ChangeCallback = (rules: FormattingRule[]) => void;\n\nexport type SelectCallback = (index: number) => void;\n\nexport type CreateCallback = () => void;\n\nexport type ConditionalFormattingMenuProps = {\n  rules: FormattingRule[];\n  selectedColumn?: ColumnName;\n  onChange?: ChangeCallback;\n  onCreate?: CreateCallback;\n  onSelect?: SelectCallback;\n};\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction getRuleValue(config: BaseFormatConfig): string {\n  const {\n    column: { type },\n  } = config;\n  if (TableUtils.isNumberType(type)) {\n    return config.condition === NumberCondition.IS_NULL ||\n      config.condition === NumberCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isCharType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isStringType(type)) {\n    return config.condition === StringCondition.IS_NULL ||\n      config.condition === StringCondition.IS_NOT_NULL\n      ? ''\n      : `\"${config.value}\"`;\n  }\n  if (TableUtils.isDateType(type)) {\n    return config.condition === DateCondition.IS_NULL ||\n      config.condition === DateCondition.IS_NOT_NULL\n      ? ''\n      : `${config.value}`;\n  }\n  if (TableUtils.isBooleanType(type)) {\n    return '';\n  }\n  throw new Error(`Invalid column type ${type} in getRuleValue`);\n}\n\nfunction getRuleTitle(config: BaseFormatConfig): string {\n  if (\n    TableUtils.isNumberType(config.column.type) &&\n    config.condition === NumberCondition.IS_BETWEEN\n  ) {\n    return `${config.start} < ${config.column.name} < ${config.end}`;\n  }\n  return `${config.column.name} ${getShortLabelForConditionType(\n    (config as BaseFormatConfig).column.type,\n    (config as BaseFormatConfig).condition\n  )} \n    ${getRuleValue(config as BaseFormatConfig)}`;\n}\n\nconst ConditionalFormattingMenu = (\n  props: ConditionalFormattingMenuProps\n): JSX.Element => {\n  const {\n    rules = [],\n    onChange = DEFAULT_CALLBACK,\n    onCreate = DEFAULT_CALLBACK,\n    onSelect = DEFAULT_CALLBACK,\n  } = props;\n\n  const handleRuleClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Rule clicked', rule, index);\n      onSelect(index);\n    },\n    [onSelect]\n  );\n\n  const handleDeleteClick = useCallback(\n    (e, rule, index) => {\n      e.stopPropagation();\n      log.debug('Delete button clicked', rule, index);\n      const updatedRules = [...rules];\n      updatedRules.splice(index, 1);\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  const handleDragHandlerClick = useCallback(e => {\n    e.stopPropagation();\n  }, []);\n\n  const handleDragEnd = useCallback(\n    (result: DropResult) => {\n      DragUtils.stopDragging();\n\n      // if dropped outside the list\n      if (result.destination == null) {\n        return;\n      }\n      const sourceIndex = result.source.index;\n      const destinationIndex = result.destination.index;\n      const updatedRules = [...rules];\n      const sourceInput = rules[sourceIndex];\n\n      updatedRules.splice(sourceIndex, 1);\n      updatedRules.splice(destinationIndex, 0, sourceInput);\n\n      onChange(updatedRules);\n    },\n    [onChange, rules]\n  );\n\n  // Display list of rules\n  return (\n    <div className=\"conditional-formatting-rules\">\n      <DragDropContext\n        onDragStart={DragUtils.startDragging}\n        onDragEnd={handleDragEnd}\n      >\n        <Droppable droppableId=\"droppable-custom-columns\">\n          {(provided, snapshot) => (\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.droppableProps}\n              className={classNames('droppable-container', {\n                dragging: snapshot.draggingFromThisWith,\n              })}\n            >\n              {rules.length === 0 && (\n                <div className=\"text-muted pl-2\">No formats defined</div>\n              )}\n              {rules.map((rule, index) => (\n                <Draggable\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`${index}-${rule.type}`}\n                  draggableId={`${index}-${rule.type}`}\n                  index={index}\n                  disableInteractiveElementBlocking\n                >\n                  {\n                    // eslint-disable-next-line @typescript-eslint/no-shadow\n                    (provided, snapshot) => (\n                      <div\n                        role=\"menuitem\"\n                        tabIndex={0}\n                        onClick={e => handleRuleClick(e, rule, index)}\n                        className={classNames('draggable-container', {\n                          dragging: snapshot.isDragging,\n                        })}\n                        ref={provided.innerRef}\n                        // eslint-disable-next-line react/jsx-props-no-spreading\n                        {...provided.draggableProps}\n                      >\n                        <div className=\"conditional-formatting-list-item\">\n                          <div className=\"formatting-item\">\n                            <div className=\"rule-icon\">\n                              <span\n                                className=\"rule-icon-bg\"\n                                style={{\n                                  backgroundColor: getBackgroundForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                  color: getColorForStyleConfig(\n                                    (rule.config as BaseFormatConfig).style\n                                  ),\n                                }}\n                              >\n                                {rule.type === FormatterType.ROWS\n                                  ? 'row'\n                                  : 'col'}\n                              </span>\n                            </div>\n                            <div className=\"rule-title\">\n                              {getRuleTitle(rule.config as BaseFormatConfig)}\n                            </div>\n                            <button\n                              type=\"button\"\n                              className=\"btn btn-link btn-link-icon ml-1 px-2\"\n                              onClick={e => handleDeleteClick(e, rule, index)}\n                            >\n                              <Tooltip>Delete rule</Tooltip>\n                              <FontAwesomeIcon icon={vsTrash} />\n                            </button>\n\n                            <button\n                              type=\"button\"\n                              className=\"btn btn-link btn-link-icon px-2 btn-drag-handle\"\n                              onClick={handleDragHandlerClick}\n                              // eslint-disable-next-line react/jsx-props-no-spreading\n                              {...provided.dragHandleProps}\n                            >\n                              <Tooltip>Drag to re-order</Tooltip>\n                              <FontAwesomeIcon icon={vsGripper} />\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    )\n                  }\n                </Draggable>\n              ))}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n      <hr />\n      <Button kind=\"ghost\" onClick={onCreate} icon={dhNewCircleLargeFilled}>\n        Add New Rule\n      </Button>\n    </div>\n  );\n};\n\nexport default ConditionalFormattingMenu;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/iris-grid",
-  "version": "0.19.2-beta.0+63ca6c5",
+  "version": "0.19.2-beta.4+e0d6f07",
   "description": "Deephaven Iris Grid",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -31,17 +31,17 @@
     "start": "cross-env NODE_ENV=development npm run watch"
   },
   "dependencies": {
-    "@deephaven/components": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/console": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/filters": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/grid": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/icons": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/jsapi-shim": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/jsapi-utils": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/log": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/react-hooks": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/storage": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/utils": "^0.19.2-beta.0+63ca6c5",
+    "@deephaven/components": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/console": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/filters": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/grid": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/icons": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/jsapi-shim": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/jsapi-utils": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/log": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/react-hooks": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/storage": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/utils": "^0.19.2-beta.4+e0d6f07",
     "@fortawesome/react-fontawesome": "^0.1.18",
     "classnames": "^2.3.1",
     "deep-equal": "^2.0.5",
@@ -61,8 +61,8 @@
     "react": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.19.2-beta.0+63ca6c5",
-    "@deephaven/tsconfig": "^0.19.2-beta.0+63ca6c5"
+    "@deephaven/mocks": "^0.19.2-beta.4+e0d6f07",
+    "@deephaven/tsconfig": "^0.19.2-beta.4+e0d6f07"
   },
   "files": [
     "dist"
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "63ca6c5694f2dc0ff7e6f07772f36aa80d548fef"
+  "gitHead": "e0d6f07bcc9aeebab96cc25589081099aa935413"
 }