@dt-workspace/react-native-heatmap/lib/module/types.js

A modern, highly customizable React Native heatmap component library inspired by GitHub's contribution calendar

"use strict";

/**
 * Core TypeScript interfaces for React Native Heatmap component
 */

/**
 * Base data structure for heatmap cells
 */

/**
 * Color scheme configuration for heatmap visualization
 */

/**
 * Theme configuration for overall appearance
 */

/**
 * Accessibility configuration
 */

/**
 * Animation configuration
 */

/**
 * Tooltip configuration
 */

/**
 * Layout configuration options
 */

/**
 * Gesture configuration
 */

/**
 * Cell shape options
 */

/**
 * Main props interface for the Heatmap component
 */

/**
 * Internal cell data with calculated properties
 */

/**
 * Calendar layout specific data
 */

/**
 * Time-based layout configurations
 */

/**
 * Daily layout specific data (24-hour grid)
 */

/**
 * Weekly layout specific data (7-day activity)
 */

/**
 * Monthly layout specific data
 */

/**
 * Yearly layout specific data
 */

/**
 * Custom range layout specific data
 */

/**
 * Timeline scroll layout specific data
 */

/**
 * Real-time layout specific data
 */

/**
 * CardLayout component interfaces
 */

/**
 * Badge component configuration
 */

/**
 * Card section configuration
 */

/**
 * Card layout configuration
 */

/**
 * Card Layout component props
 */

/**
 * Default card layout configuration
 */
export const DEFAULT_CARD_LAYOUT = {
  backgroundColor: '#ffffff',
  borderColor: '#e1e4e8',
  borderWidth: 1,
  borderRadius: 8,
  shadow: true,
  elevation: 2,
  padding: 16,
  margin: 8
};

/**
 * Default card section configuration
 */
export const DEFAULT_CARD_SECTION = {
  visible: true,
  order: 0,
  padding: 8,
  margin: 4
};

/**
 * Predefined color schemes
 */
export const COLOR_SCHEMES = {
  github: {
    name: 'github',
    colors: ['#ebedf0', '#9be9a8', '#40c463', '#30a14e', '#216e39'],
    emptyColor: '#ebedf0'
  },
  githubDark: {
    name: 'githubDark',
    colors: ['#161b22', '#0e4429', '#006d32', '#26a641', '#39d353'],
    emptyColor: '#161b22'
  },
  heat: {
    name: 'heat',
    colors: ['#ffffcc', '#ffeda0', '#fed976', '#feb24c', '#fd8d3c', '#fc4e2a', '#e31a1c', '#b10026'],
    emptyColor: '#f0f0f0'
  },
  cool: {
    name: 'cool',
    colors: ['#f7fbff', '#deebf7', '#c6dbef', '#9ecae1', '#6baed6', '#4292c6', '#2171b5', '#084594'],
    emptyColor: '#f7fbff'
  },
  purple: {
    name: 'purple',
    colors: ['#fcfbfd', '#efedf5', '#dadaeb', '#bcbddc', '#9e9ac8', '#807dba', '#6a51a3', '#4a1486'],
    emptyColor: '#fcfbfd'
  },
  green: {
    name: 'green',
    colors: ['#f7fcf5', '#e5f5e0', '#c7e9c0', '#a1d99b', '#74c476', '#41ab5d', '#238b45', '#005a32'],
    emptyColor: '#f7fcf5'
  },
  orange: {
    name: 'orange',
    colors: ['#fff5eb', '#fee6ce', '#fdd0a2', '#fdae6b', '#fd8d3c', '#f16913', '#d94801', '#8c2d04'],
    emptyColor: '#fff5eb'
  },
  red: {
    name: 'red',
    colors: ['#fff5f0', '#fee0d2', '#fcbba1', '#fc9272', '#fb6a4a', '#ef3b2c', '#cb181d', '#99000d'],
    emptyColor: '#fff5f0'
  },
  blue: {
    name: 'blue',
    colors: ['#f7fbff', '#deebf7', '#c6dbef', '#9ecae1', '#6baed6', '#4292c6', '#2171b5', '#084594'],
    emptyColor: '#f7fbff'
  },
  grayscale: {
    name: 'grayscale',
    colors: ['#ffffff', '#f0f0f0', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525'],
    emptyColor: '#ffffff'
  },
  // New color schemes for v1.1.0
  gitlab: {
    name: 'gitlab',
    colors: ['#fdf2e9', '#fad5a5', '#ee8f00', '#d16000', '#a04100'],
    emptyColor: '#fdf2e9'
  },
  bitbucket: {
    name: 'bitbucket',
    colors: ['#e6f3ff', '#b3d9ff', '#4d94ff', '#0066cc', '#004d99'],
    emptyColor: '#e6f3ff'
  },
  accessible: {
    name: 'accessible',
    colors: ['#ffffff', '#ffcc00', '#ff9900', '#ff6600', '#cc0000'],
    emptyColor: '#ffffff'
  },
  neon: {
    name: 'neon',
    colors: ['#0a0a0a', '#1a1a2e', '#16213e', '#0f3460', '#533483'],
    emptyColor: '#0a0a0a'
  },
  sunset: {
    name: 'sunset',
    colors: ['#ffeaa7', '#fdcb6e', '#e17055', '#d63031', '#a29bfe'],
    emptyColor: '#ffeaa7'
  }
};

/**
 * Default theme configuration
 */
export const DEFAULT_THEME = {
  colors: {
    background: '#ffffff',
    text: '#000000',
    border: '#e1e4e8',
    tooltip: '#1b1f23',
    tooltipText: '#ffffff'
  },
  spacing: {
    cell: 2,
    margin: 10,
    padding: 5
  },
  typography: {
    fontSize: 12,
    fontWeight: 'normal',
    fontFamily: 'System'
  }
};

/**
 * Default dark theme configuration
 */
export const DARK_THEME = {
  colors: {
    background: '#0d1117',
    text: '#f0f6fc',
    border: '#30363d',
    tooltip: '#f0f6fc',
    tooltipText: '#0d1117'
  },
  spacing: {
    cell: 2,
    margin: 10,
    padding: 5
  },
  typography: {
    fontSize: 12,
    fontWeight: 'normal',
    fontFamily: 'System'
  }
};
//# sourceMappingURL=types.js.map