Sha256: 5c458b0287db0185d2d565b498e90dc77c27aae85301261ce9e354956de62d30

Contents?: true

Size: 1.36 KB

Versions: 51

Compression:

Stored size: 1.36 KB

Contents

import React from 'react';
import { object, select, action } from '@theforeman/stories';

import {
  TASKS_DASHBOARD_AVAILABLE_TIMES,
  TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
  TASKS_DASHBOARD_AVAILABLE_QUERY_RESULTS,
  TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
} from '../../TasksDashboardConstants';
import { MOCKED_DATA } from './TasksCardsGrid.fixtures';
import TasksCardsGrid from './TasksCardsGrid';

export default {
  title: 'TasksDashboard/TasksCardsGrid/TasksCardsGrid',
  component: TasksCardsGrid,
};

const createSelect = (name, options) =>
  select(name, { ...options, NONE: 'none' }, 'none');

export const Basic = () => {
  const selectTime = select(
    'time',
    TASKS_DASHBOARD_AVAILABLE_TIMES,
    TasksCardsGrid.defaultProps.time
  );
  const selectState = createSelect(
    'query.state',
    TASKS_DASHBOARD_AVAILABLE_QUERY_STATES
  );
  const selectResult = createSelect(
    'query.result',
    TASKS_DASHBOARD_AVAILABLE_QUERY_RESULTS
  );
  const selectMode = createSelect(
    'query.mode',
    TASKS_DASHBOARD_AVAILABLE_QUERY_MODES
  );

  return (
    <div>
      <TasksCardsGrid
        time={selectTime}
        query={{
          state: selectState,
          result: selectResult,
          mode: selectMode,
          time: selectTime,
        }}
        data={object('data', MOCKED_DATA)}
        updateQuery={action('updateQuery')}
      />
    </div>
  );
};

Version data entries

51 entries across 51 versions & 1 rubygems

Version Path
foreman-tasks-5.2.1 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-5.3.0 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-5.2.0 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-5.1.1 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-5.1.0 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.1.5 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.1.4 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.1.3 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-3.0.6 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-5.0.0 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.1.2 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.1.1 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.0.1 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.1.0 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-3.0.5 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-4.0.0 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-3.0.4 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-2.0.3 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-3.0.3 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js
foreman-tasks-3.0.2 webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/TasksCardsGrid.stories.js