@momentum-ui/react-collaboration/src/components/TreeNodeBase/TreeNodeBase.constants.ts

Cisco Momentum UI Framework for React Collaboration Applications

const CLASS_PREFIX = 'md-tree-node-base';

const SIZES = {
  32: 32,
  40: 40,
  50: 50,
  70: 70,
};

const SHAPES = {
  rectangle: 'rectangle',
  isPilled: 'isPilled',
};

const DEFAULTS = {
  SIZE: (shape: string): number => (shape === SHAPES.isPilled ? SIZES[50] : SIZES[40]),
  IS_DISABLED: false,
  IS_PADDED: false,
  SHAPE: SHAPES.rectangle,
  ROLE: 'treeitem',
  INTERACTIVE: true,
};

const STYLE = {
  wrapper: `${CLASS_PREFIX}-wrapper`,
  contextMenuWrapper: `${CLASS_PREFIX}-context-menu-wrapper`,
  content: `${CLASS_PREFIX}-content`,
  group: `${CLASS_PREFIX}-group`,
};

const KEYS = {
  TAB_KEY: 'Tab',
  ENTER_KEY: 'Enter',
  SPACE_KEY: ' ',
  LEFT_KEY: 'ArrowLeft',
  UP_KEY: 'ArrowUp',
  RIGHT_KEY: 'ArrowRight',
  DOWN_KEY: 'ArrowDown',
};

const NODE_ID_DATA_NAME = 'nodeid';
const NODE_ID_ATTRIBUTE_NAME = `data-${NODE_ID_DATA_NAME}`;

export { DEFAULTS, KEYS, STYLE, SIZES, SHAPES, NODE_ID_DATA_NAME, NODE_ID_ATTRIBUTE_NAME };