import React from 'react';
import { storiesOf } from '@storybook/react';
import { TableView } from '../src';
export default {
title: 'TableView',
component: TableView,
};
const Template = (args) => ;
export const Empty = Template.bind({});
Empty.args = {
columns: [],
data: [],
};
export const EmptyState = Template.bind({});
EmptyState.args = {
columns: [
{
id: 0,
name: 'Nom',
type: 'string',
propertyKey: 'name',
filterType: 'string',
},
{
id: 1,
name: 'Prix',
type: 'currency',
propertyKey: 'price',
tooltipText: 'ceci est un test',
filterType: 'numeric',
},
{
id: 2,
name: 'TVA',
type: 'numeric',
propertyKey: 'vatRate',
filterType: 'numeric',
},
{
id: 3,
name: '%Marge.',
type: 'percentage',
propertyKey: 'margin',
filterType: 'numeric',
},
],
data: [],
};
export const Primary = Template.bind({});
Primary.argTypes = {
displayColumnsFilters: {
control: false,
},
};
Primary.args = {
columns: [
{
id: 0,
name: 'Nom',
type: 'string',
propertyKey: 'name',
filterType: 'string',
},
{
id: 1,
name: 'Prix',
type: 'currency',
propertyKey: 'price',
tooltipText: 'ceci est un test',
filterType: 'numeric',
},
{
id: 2,
name: 'TVA',
type: 'numeric',
propertyKey: 'vatRate',
filterType: 'numeric',
},
{
id: 3,
name: '%Marge.',
type: 'percentage',
propertyKey: 'margin',
filterType: 'numeric',
},
],
data: [
{
id: '20ba6e90-7aaa-11eb',
name: 'Poke Thon Saumon 🍃',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '211f23d0-7aaa-11eb',
name: 'Pain aux raisins*',
price: 1.9,
vatRate: 10,
margin: 19.1,
},
{
id: '2145e5b0-7aaa-11eb',
name: 'Green power bowl PETIT',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
{
id: '217951c0-7aaa-11eb',
name: 'Strawberry bowl GRAND',
price: 7.9,
vatRate: 10,
margin: 79.7,
},
{
id: '21a8c630-7aaa-11eb',
name: 'Chocolate bowl GRAND',
price: 7.9,
vatRate: 10,
margin: 79.7,
},
{
id: '21e050f0-7aaa-11eb',
name: 'Sushi mahi mahi truffe',
price: 5.9,
vatRate: 10,
margin: 59.5,
},
{
id: '220df0a0-7aaa-11eb',
name: 'Green power bowl GRAND',
price: 7.9,
vatRate: 10,
margin: 79.7,
},
{
id: '22394660-7aaa-11eb',
name: 'Pain au chocolat*',
price: 1.8,
vatRate: 10,
margin: 18.1,
},
{
id: '2262c760-7aaa-11eb',
name: 'Café double expresso*',
price: 3.2,
vatRate: 10,
margin: 32.3,
},
{
id: '22dbef00-7aaa-11eb',
name: 'Samba Truffe',
price: 11.9,
vatRate: 10,
margin: 19.1,
},
{
id: '230b1550-7aaa-11eb',
name: 'Strawberry bowl PETIT',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
{
id: '2334bd60-7aaa-11eb',
name: 'Couverts',
price: 0,
vatRate: 10,
margin: 0,
},
{
id: '2360fd80-7aaa-11eb',
name: 'Riz Vinaigré',
price: 2.8,
vatRate: 10,
margin: 28.2,
},
{
id: '23bd2740-7aaa-11eb',
name: 'Sashimi DUO 6 pièces',
price: 7.1,
vatRate: 10,
margin: 71.7,
},
{
id: '23e76b90-7aaa-11eb',
name: 'Assortiment Sashimi + 1 riz',
price: 19.3,
vatRate: 10,
margin: 13.1,
},
{
id: '2413abb0-7aaa-11eb',
name: 'Sushi Saumon Nikkei',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
{
id: '24414b60-7aaa-11eb',
name: 'Sushi Thon Nikkei',
price: 5.2,
vatRate: 10,
margin: 52.5,
},
{
id: '2468f7a0-7aaa-11eb',
name: 'Sushi Saumon',
price: 3.9,
vatRate: 10,
margin: 39.3,
},
{
id: '24942650-7aaa-11eb',
name: 'Broadway tempura',
price: 9.9,
vatRate: 10,
margin: 90.9,
},
{
id: '24bc6ed0-7aaa-11eb',
name: 'Samba Tuna',
price: 10.9,
vatRate: 10,
margin: 19.1,
},
{
id: '24e5c8c0-7aaa-11eb',
name: 'Samba Mango',
price: 10.9,
vatRate: 10,
margin: 19.1,
},
{
id: '250f97e0-7aaa-11eb',
name: 'Ceviche Mahi Mahi + 1 riz',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '253aeda0-7aaa-11eb',
name: 'Poke boeuf',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '256e80c0-7aaa-11eb',
name: 'Quinoa Poulet',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '2639c000-7aaa-11eb',
name: 'Lunch Salade de Quinoa',
price: 9.9,
vatRate: 10,
margin: 90.9,
},
{
id: '269637e0-7aaa-11eb',
name: 'LUNCH Donburi Chicken Grilled',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '2734e8e0-7aaa-11eb',
name: 'Street Roll',
price: 9.9,
vatRate: 10,
margin: 90.9,
},
{
id: '27589d80-7aaa-11eb',
name: 'Samba Pop',
price: 8.9,
vatRate: 10,
margin: 89.8,
},
{
id: '27837e10-7aaa-11eb',
name: 'Pop Box',
price: 44,
vatRate: 10,
margin: 4.4,
},
{
id: '27a69670-7aaa-11eb',
name: 'Sake Junmai Ginjo',
price: 18,
vatRate: 20,
margin: 1.1,
},
{
id: '27d101d0-7aaa-11eb',
name: 'Eau Vai Vai',
price: 3.5,
vatRate: 10,
margin: 35.3,
},
{
id: '28046de0-7aaa-11eb',
name: 'Charitea Mate',
price: 3.7,
vatRate: 5.5,
margin: 37.3,
},
{
id: '2843c0d0-7aaa-11eb',
name: 'Charitea Red 33 cl',
price: 3.7,
vatRate: 10,
margin: 37.3,
},
{
id: '287b99b0-7aaa-11eb',
name: 'Evian Fruits et Plantes Citron & Fleur de Sureau',
price: 3.2,
vatRate: 10,
margin: 32.3,
},
{
id: '28dfd9c0-7aaa-11eb',
name: 'Evian Fruits et Plantes Raisin & Rose',
price: 3.2,
vatRate: 10,
margin: 32.3,
},
{
id: '290a6c30-7aaa-11eb',
name: 'Charitea x Lemonaid',
price: 3.7,
vatRate: 5.5,
margin: 37.3,
},
{
id: '2935c1f0-7aaa-11eb',
name: "Jus d'orange*",
price: 3.1,
vatRate: 10,
margin: 31.3,
},
{
id: '295d9540-7aaa-11eb',
name: 'Volvic Juicy Fraise',
price: 2.5,
vatRate: 10,
margin: 25.2,
},
{
id: '299917a0-7aaa-11eb',
name: 'Poke Veggie 🍃',
price: 12.9,
vatRate: 10,
margin: 19.1,
},
{
id: '29beef20-7aaa-11eb',
name: 'Thé vert',
price: 2.5,
vatRate: 10,
margin: 25.2,
},
{
id: '29f0fba0-7aaa-11eb',
name: 'Wasabi',
price: 0.5,
vatRate: 20,
margin: 5.0,
},
{
id: '2a21a890-7aaa-11eb',
name: 'Tataki Thon + 1 riz',
price: 17.5,
vatRate: 10,
margin: 15.1,
},
{
id: '2a50cee0-7aaa-11eb',
name: 'Tataki Saumon + 1 Riz',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '2a8413e0-7aaa-11eb',
name: 'Gingembre',
price: 0.5,
vatRate: 20,
margin: 5.0,
},
{
id: '2ab50ef0-7aaa-11eb',
name: 'Evian',
price: 2.2,
vatRate: 10,
margin: 22.2,
},
{
id: '2ae3e720-7aaa-11eb',
name: 'Badoit',
price: 2.3,
vatRate: 10,
margin: 23.2,
},
{
id: '2b6217d0-7aaa-11eb',
name: 'Nuggets de Poulet Japonais',
price: 6.2,
vatRate: 10,
margin: 62.6,
},
{
id: '2bca0160-7aaa-11eb',
name: 'Ceviche Thon',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '2bfad560-7aaa-11eb',
name: 'Cacahuètes grillées',
price: 3.2,
vatRate: 10,
margin: 32.3,
},
{
id: '2c2a97f0-7aaa-11eb',
name: 'Sake Tokubetsu Junmai',
price: 5.2,
vatRate: 20,
margin: 52.5,
},
{
id: '2c61d490-7aaa-11eb',
name: 'Pain suisse*',
price: 2.4,
vatRate: 10,
margin: 24.2,
},
{
id: '2c90d3d0-7aaa-11eb',
name: 'Croissant*',
price: 1.7,
vatRate: 10,
margin: 17.1,
},
{
id: '2cc83780-7aaa-11eb',
name: 'Tiradito Truffe + 1 riz',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '2cf90b80-7aaa-11eb',
name: 'Chocolate bowl PETIT',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
{
id: '2eee99f0-7aaa-11eb',
name: 'Açai Bowl',
price: 8.7,
vatRate: 10,
margin: 87.8,
},
{
id: '2f1cfcf0-7aaa-11eb',
name: 'Açai Bowl PETIT',
price: 9.5,
vatRate: 10,
margin: 95.9,
},
{
id: '302210e0-7aaa-11eb',
name: 'Café expresso*',
price: 2.2,
vatRate: 10,
margin: 22.2,
},
{
id: '30954510-7aaa-11eb',
name: 'Ceviche Saumon',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '3366dba0-7aaa-11eb',
name: 'Tataki Bœuf + 1 riz',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '3391bc30-7aaa-11eb',
name: 'Charitea black 33 cl',
price: 4.2,
vatRate: 10,
margin: 42.4,
},
{
id: '34fb3740-7aaa-11eb',
name: 'Samba sun',
price: 8.9,
vatRate: 10,
margin: 89.8,
},
{
id: '35309f20-7aaa-11eb',
name: 'Sushi Crispy',
price: 6.9,
vatRate: 10,
margin: 69.6,
},
{
id: '359ddfe0-7aaa-11eb',
name: 'Fondant Cheese flambé',
price: 7.3,
vatRate: 10,
margin: 73.7,
},
{
id: '35d1c120-7aaa-11eb',
name: 'Orangina',
price: 2.8,
vatRate: 10,
margin: 28.2,
},
{
id: '360b6ec0-7aaa-11eb',
name: 'Coca Cola Light',
price: 2.8,
vatRate: 5.5,
margin: 28.2,
},
{
id: '365018e0-7aaa-11eb',
name: 'Donburi beef',
price: 16.9,
vatRate: 10,
margin: 19.1,
},
{
id: '36949bf0-7aaa-11eb',
name: 'Yakitori Chicken Barbecue',
price: 5.2,
vatRate: 20,
margin: 52.5,
},
{
id: '36d2b660-7aaa-11eb',
name: 'Tiradito Mix',
price: 13.9,
vatRate: 10,
margin: 19.1,
},
{
id: '370b2b80-7aaa-11eb',
name: 'Salade de Quinoa',
price: 9.9,
vatRate: 10,
margin: 90.9,
},
{
id: '3758fd60-7aaa-11eb',
name: 'Ebi Fry',
price: 6.5,
vatRate: 10,
margin: 65.6,
},
{
id: '3792ab00-7aaa-11eb',
name: 'Sashimi Saumon 6 pièces',
price: 6.9,
vatRate: 10,
margin: 69.6,
},
{
id: '37d22500-7aaa-11eb',
name: 'Tiradito Mahi Mahi',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '380765d0-7aaa-11eb',
name: 'Mochi Citron Yuzu glacé X2',
price: 5.7,
vatRate: 20,
margin: 57.5,
},
{
id: '38374f70-7aaa-11eb',
name: 'Mochi Citron Yuzu glacé - 2 pièces',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
{
id: '389af340-7aaa-11eb',
name: 'Poke Mahi Mahi',
price: 16.9,
vatRate: 10,
margin: 19.1,
},
{
id: '38deda10-7aaa-11eb',
name: 'Yakitori Chicken Balls',
price: 5.2,
vatRate: 20,
margin: 52.5,
},
{
id: '397b8f40-7aaa-11eb',
name: 'Donburi Chicken Grilled Plateformes',
price: 16.1,
vatRate: 10,
margin: 11.1,
},
{
id: '39a5faa0-7aaa-11eb',
name: 'Côté Veggie',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '39d8ca70-7aaa-11eb',
name: 'Sauce sucrée offerte',
price: 0,
vatRate: 10,
margin: 0.0,
},
{
id: '3a1202e0-7aaa-11eb',
name: 'Fuze Tea citron vert & menthe',
price: 2.8,
vatRate: 10,
margin: 28.2,
},
{
id: '3a9b7e30-7aaa-11eb',
name: 'Poke Thon Saumon',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '3b0626e0-7aaa-11eb',
name: 'Tiradito Maracuja',
price: 13.9,
vatRate: 10,
margin: 19.1,
},
{
id: '3bb097b0-7aaa-11eb',
name: 'Soupe Miso',
price: 2.9,
vatRate: 10,
margin: 29.2,
},
{
id: '3c0b3ad0-7aaa-11eb',
name: 'Sashimi saumon 12 pces WN',
price: 15.9,
vatRate: 5.5,
margin: 19.1,
},
{
id: '3c584960-7aaa-11eb',
name: 'Samba Lima',
price: 8.9,
vatRate: 10,
margin: 89.8,
},
{
id: '3cdae6e0-7aaa-11eb',
name: 'Sashimi Thon Albacore 12 pièces + 1 riz',
price: 14.2,
vatRate: 10,
margin: 12.1,
},
{
id: '3d0d6890-7aaa-11eb',
name: 'Fuzetea Pêche',
price: 2.8,
vatRate: 5.5,
margin: 28.2,
},
{
id: '3d40ad90-7aaa-11eb',
name: 'Riz salsa',
price: 3.9,
vatRate: 10,
margin: 39.3,
},
{
id: '3d70be40-7aaa-11eb',
name: 'Choux citron yuzu',
price: 5.1,
vatRate: 10,
margin: 51.5,
},
{
id: '3ddfacb0-7aaa-11eb',
name: 'Fuze Tea mangue',
price: 2.5,
vatRate: 10,
margin: 25.2,
},
{
id: '3eff7490-7aaa-11eb',
name: 'Mochi mangue glacé x2',
price: 5.4,
vatRate: 20,
margin: 54.5,
},
{
id: '3f898c20-7aaa-11eb',
name: 'Gyoza Poulet',
price: 4.6,
vatRate: 10,
margin: 46.4,
},
{
id: '3fc50e80-7aaa-11eb',
name: 'Ceviche verano',
price: 13.9,
vatRate: 10,
margin: 19.1,
},
{
id: '40ade7e0-7aaa-11eb',
name: 'Asahi 35 cl',
price: 3.5,
vatRate: 20,
margin: 35.3,
},
{
id: '4117a630-7aaa-11eb',
name: 'Mochi choco coco glacé - 2 pièces',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
{
id: '419adff0-7aaa-11eb',
name: 'Detox bowl',
price: 13.9,
vatRate: 10,
margin: 19.1,
},
{
id: '41cdfde0-7aaa-11eb',
name: 'Coca Cola',
price: 0,
vatRate: 10,
margin: 0.0,
},
{
id: '42136b50-7aaa-11eb',
name: 'Sushi Mahi Mahi',
price: 4.5,
vatRate: 20,
margin: 45.4,
},
{
id: '42463b20-7aaa-11eb',
name: 'Samba Mara x8',
price: 8.9,
vatRate: 10,
margin: 89.8,
},
{
id: '427e1400-7aaa-11eb',
name: 'Mochi thé vert glacé - 2 pièces',
price: 5.3,
vatRate: 10,
margin: 53.5,
},
{
id: '42be2a40-7aaa-11eb',
name: 'Yakitori Beef Cheese',
price: 5.5,
vatRate: 20,
margin: 55.5,
},
{
id: '4377b640-7aaa-11eb',
name: 'Yakitori Saumon Nikkei',
price: 5.5,
vatRate: 20,
margin: 55.5,
},
{
id: '43b66cf0-7aaa-11eb',
name: 'Sauce salée 15cl',
price: 4.5,
vatRate: 10,
margin: 45.4,
},
{
id: '43ea4e30-7aaa-11eb',
name: 'Riz nature',
price: 2.5,
vatRate: 20,
margin: 25.2,
},
{
id: '44c767c0-7aaa-11eb',
name: 'Sashimi Thon Albacore 6 pièces',
price: 7.2,
vatRate: 10,
margin: 72.7,
},
{
id: '453767a0-7aaa-11eb',
name: 'Sashimi duo 12 pces WN',
price: 17.4,
vatRate: 5.5,
margin: 14.1,
},
{
id: '45679f60-7aaa-11eb',
name: 'Quinoa Salmon',
price: 15.9,
vatRate: 20,
margin: 19.1,
},
{
id: '45d889a0-7aaa-11eb',
name: 'Coca Cola Zero',
price: 0,
vatRate: 10,
margin: 0.0,
},
{
id: '4612fa90-7aaa-11eb',
name: 'Bière Altiplano',
price: 5.5,
vatRate: 20,
margin: 55.5,
},
{
id: '46409a40-7aaa-11eb',
name: 'Asahi 33 cl Plateformes',
price: 3.5,
vatRate: 20,
margin: 35.3,
},
{
id: '4667d150-7aaa-11eb',
name: 'Asahi 50 cl Plateformes',
price: 5.1,
vatRate: 20,
margin: 51.5,
},
{
id: '4698cc60-7aaa-11eb',
name: 'Poke Mahi Mahi 🍃',
price: 16.9,
vatRate: 10,
margin: 19.1,
},
{
id: '46bb2170-7aaa-11eb',
name: 'Poke saumon DEJBOX',
price: 5.8,
vatRate: 5.5,
margin: 58.5,
},
{
id: '470ff830-7aaa-11eb',
name: 'Poke Volaille DEJBOX',
price: 5.8,
vatRate: 5.5,
margin: 58.5,
},
{
id: '473385c0-7aaa-11eb',
name: 'Poke Veggie DEJBOX',
price: 5.8,
vatRate: 5.5,
margin: 58.5,
},
{
id: '4762fa30-7aaa-11eb',
name: 'Poke saumon 🍃',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '478c7b30-7aaa-11eb',
name: 'Donburi Saumon DEJBOX',
price: 6.12,
vatRate: 5.5,
margin: 61.6,
},
{
id: '47b5fc30-7aaa-11eb',
name: 'Poke Poulet 🍃',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '47d718c0-7aaa-11eb',
name: 'Donburi Chicken grilled DEJBOX',
price: 6.12,
vatRate: 5.5,
margin: 61.6,
},
{
id: '48026e80-7aaa-11eb',
name: "Donburi Chicken Ball's DEJBOX",
price: 6.12,
vatRate: 5.5,
margin: 61.6,
},
{
id: '4871f930-7aaa-11eb',
name: 'Badoit',
price: 2.5,
vatRate: 10,
margin: 25.2,
},
{
id: '489315c0-7aaa-11eb',
name: 'Evian',
price: 2.5,
vatRate: 10,
margin: 25.2,
},
{
id: '48ba4cd0-7aaa-11eb',
name: 'Supplément Wakame (30g)',
price: 1.5,
vatRate: 10,
margin: 15.1,
},
{
id: '48de9db0-7aaa-11eb',
name: 'Supplément Tofu (30g)',
price: 1.5,
vatRate: 10,
margin: 15.1,
},
{
id: '4912a600-7aaa-11eb',
name: 'Supplément Thon (30g)',
price: 3.5,
vatRate: 10,
margin: 35.3,
},
{
id: '494527b0-7aaa-11eb',
name: 'Supplément Saumon + Thon',
price: 3.5,
vatRate: 10,
margin: 35.3,
},
{
id: '49c79e20-7aaa-11eb',
name: 'Supplément Saumon (30g)',
price: 2.5,
vatRate: 10,
margin: 25.2,
},
{
id: '49e81e70-7aaa-11eb',
name: 'Supplément Poulet (30g)',
price: 2,
vatRate: 10,
margin: 0.22,
},
{
id: '4a0d59b0-7aaa-11eb',
name: 'Supplément Mangue (30g)',
price: 1.5,
vatRate: 10,
margin: 15.1,
},
{
id: '4a333130-7aaa-11eb',
name: 'Supplément Edamame (30g)',
price: 1.5,
vatRate: 10,
margin: 15.1,
},
{
id: '4a5e38d0-7aaa-11eb',
name: 'Supplément Coleslaw (30g)',
price: 1.5,
vatRate: 10,
margin: 15.1,
},
{
id: '4a848580-7aaa-11eb',
name: 'Supplément Choux Rouge (30g)',
price: 1.5,
vatRate: 10,
margin: 15.1,
},
{
id: '4aa972a0-7aaa-11eb',
name: 'Supplément Avocat (30g)',
price: 1.5,
vatRate: 10,
margin: 15.1,
},
{
id: '4adeda80-7aaa-11eb',
name: 'Super Poke',
price: 10.9,
vatRate: 5.5,
margin: 19.1,
},
{
id: '4b0c0500-7aaa-11eb',
name: 'Green Poke',
price: 8.9,
vatRate: 5.5,
margin: 89.8,
},
{
id: '4b338a30-7aaa-11eb',
name: 'Fresh Poke',
price: 11.9,
vatRate: 5.5,
margin: 19.1,
},
{
id: '4b64d360-7aaa-11eb',
name: 'Verre de vin rosé',
price: 4,
vatRate: 20,
margin: 0.44,
},
{
id: '4b8e5460-7aaa-11eb',
name: 'Verre de vin blanc',
price: 4,
vatRate: 20,
margin: 0.44,
},
{
id: '4bb3ddc0-7aaa-11eb',
name: 'Verre de vin',
price: 4,
vatRate: 20,
margin: 0.44,
},
{
id: '4bdd37b0-7aaa-11eb',
name: 'Café Gourmand',
price: 5.1,
vatRate: 10,
margin: 51.5,
},
{
id: '81c82360-b9e7-11e9',
name: 'Burning Poke',
price: 10.9,
vatRate: 5.5,
margin: 19.1,
},
{
id: '81c8293c-b9e7-11e9',
name: 'Feel Good Poke',
price: 10.9,
vatRate: 5.5,
margin: 19.1,
},
{
id: '81cef0e6-b9e7-11e9',
name: 'Sushi Thon',
price: 4.5,
vatRate: 10,
margin: 45.4,
},
{
id: '97b532ea-aa54-11ea',
name: 'Côté Veggie',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '97b53b64-aa54-11ea',
name: 'Poke Veggie',
price: 12.9,
vatRate: 10,
margin: 19.1,
},
{
id: '97b544ba-aa54-11ea',
name: 'Gyoza Veggie',
price: 4.9,
vatRate: 20,
margin: 49.4,
},
{
id: '97b58916-aa54-11ea',
name: 'Lunch Poke Veggie',
price: 12.9,
vatRate: 10,
margin: 19.1,
},
{
id: '97b5a950-aa54-11ea',
name: 'Guacamole et fleur de lotus',
price: 4.5,
vatRate: 10,
margin: 45.4,
},
{
id: '97b5b184-aa54-11ea',
name: 'Roulé au matcha',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
{
id: '97b5cc8c-aa54-11ea',
name: 'California Veggie',
price: 5.2,
vatRate: 20,
margin: 52.5,
},
{
id: '97b5d59c-aa54-11ea',
name: 'Poke Poulet',
price: 14.9,
vatRate: 20,
margin: 19.1,
},
{
id: '97b62808-aa54-11ea',
name: 'Côté Mix',
price: 16.9,
vatRate: 10,
margin: 19.1,
},
{
id: '97b63b9a-aa54-11ea',
name: 'Sushi Mahi Mahi Nikkei',
price: 5.5,
vatRate: 10,
margin: 55.5,
},
{
id: '97b65c06-aa54-11ea',
name: 'Yakitori Bœuf Champignon',
price: 6.2,
vatRate: 10,
margin: 62.6,
},
{
id: '9dd05c3e-6696-11e9',
name: 'Salade de choux',
price: 2.9,
vatRate: 10,
margin: 29.2,
},
{
id: '9dd5068a-6696-11e9',
name: 'Salade Wakame',
price: 4.5,
vatRate: 10,
margin: 45.4,
},
{
id: '9dd5617a-6696-11e9',
name: 'Côté Cali Maki',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd56c60-6696-11e9',
name: 'Twin Box',
price: 39.9,
vatRate: 10,
margin: 39.3,
},
{
id: '9dd57ad4-6696-11e9',
name: "Donburi Chicken Ball's",
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd5b63e-6696-11e9',
name: 'Samba Acho',
price: 8.9,
vatRate: 10,
margin: 89.8,
},
{
id: '9dd5e7bc-6696-11e9',
name: 'Lunch chirashi Tartare de Saumon',
price: 11.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd5f856-6696-11e9',
name: 'Poke saumon',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd69efa-6696-11e9',
name: 'Maki saumon',
price: 4.7,
vatRate: 10,
margin: 47.4,
},
{
id: '9dd6a5b2-6696-11e9',
name: 'Maki Avocat Cheese',
price: 4.5,
vatRate: 20,
margin: 45.4,
},
{
id: '9dd6b458-6696-11e9',
name: 'Edamame',
price: 3.9,
vatRate: 10,
margin: 39.3,
},
{
id: '9dd7465c-6696-11e9',
name: 'Donburi Salmon',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd74f08-6696-11e9',
name: 'Chirashi Saumon',
price: 15.5,
vatRate: 10,
margin: 15.1,
},
{
id: '9dd75778-6696-11e9',
name: 'Chirashi Tartare de Saumon',
price: 15.2,
vatRate: 10,
margin: 12.1,
},
{
id: '9dd75fca-6696-11e9',
name: 'Coupe de mangue',
price: 4.5,
vatRate: 20,
margin: 45.4,
},
{
id: '9dd766fa-6696-11e9',
name: "Coupe d'ananas frais",
price: 3.9,
vatRate: 20,
margin: 39.3,
},
{
id: '9dd7ca46-6696-11e9',
name: 'Nikkei Box',
price: 46,
vatRate: 10,
margin: 4.4,
},
{
id: '9dd7e24c-6696-11e9',
name: 'Chirashi Nikkei',
price: 16.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd837b0-6696-11e9',
name: 'Lunch Salmon',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd86faa-6696-11e9',
name: 'Lunch Classic',
price: 12.6,
vatRate: 10,
margin: 16.1,
},
{
id: '9dd8d8f0-6696-11e9',
name: "Roll'in Box",
price: 69,
vatRate: 10,
margin: 6.6,
},
{
id: '9dd8f25e-6696-11e9',
name: 'Donburi Chicken Grilled',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd900fa-6696-11e9',
name: 'Cebolla Dream',
price: 14.9,
vatRate: 20,
margin: 19.1,
},
{
id: '9dd9a21c-6696-11e9',
name: 'Lunch California',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9dd9cd14-6696-11e9',
name: 'Crispy Cheese',
price: 7.5,
vatRate: 10,
margin: 75.7,
},
{
id: '9dd9e844-6696-11e9',
name: 'CheeseCake',
price: 5,
vatRate: 10,
margin: 0.55,
},
{
id: '9dda73fe-6696-11e9',
name: 'Salmon Dream',
price: 15.9,
vatRate: 20,
margin: 19.1,
},
{
id: '9dda7c82-6696-11e9',
name: 'Garden crevette',
price: 6.9,
vatRate: 20,
margin: 69.6,
},
{
id: '9ddb8e7e-6696-11e9',
name: 'Crispy Saumon',
price: 7.5,
vatRate: 10,
margin: 75.7,
},
{
id: '9ddbad3c-6696-11e9',
name: 'Garden Saumon',
price: 6.5,
vatRate: 20,
margin: 65.6,
},
{
id: '9ddbb5d4-6696-11e9',
name: 'Côté California',
price: 17.5,
vatRate: 10,
margin: 15.1,
},
{
id: '9ddc4288-6696-11e9',
name: 'Lunch Poke saumon',
price: 14.9,
vatRate: 10,
margin: 19.1,
},
{
id: '9ddd33be-6696-11e9',
name: 'Garden Veggie',
price: 5.5,
vatRate: 10,
margin: 55.5,
},
{
id: '9ddd49bc-6696-11e9',
name: 'Crispy Thon Cuit',
price: 7.5,
vatRate: 10,
margin: 75.7,
},
{
id: '9ddde778-6696-11e9',
name: 'Rainbow Roll',
price: 17.5,
vatRate: 10,
margin: 15.1,
},
{
id: '9dde0a6e-6696-11e9',
name: 'California Saumon Avocat',
price: 5.5,
vatRate: 20,
margin: 55.5,
},
{
id: '9dde361a-6696-11e9',
name: 'Côté Samba',
price: 18.5,
vatRate: 10,
margin: 15.1,
},
{
id: '9ddf57c0-6696-11e9',
name: 'California Thon cuit',
price: 5.8,
vatRate: 10,
margin: 58.5,
},
{
id: '9ddf671a-6696-11e9',
name: 'California Chicken',
price: 5.9,
vatRate: 20,
margin: 59.5,
},
{
id: '9de01c00-6696-11e9',
name: 'Fondant Cheese',
price: 6.5,
vatRate: 10,
margin: 65.6,
},
{
id: 'b8a46db8-3613-11eb',
name: 'Truffle Box',
price: 22.9,
vatRate: 10,
margin: 29.2,
},
],
};
storiesOf('TableView', module).add('Without filters', () => {
const columns = [
{
id: 0,
name: 'Nom',
type: 'string',
propertyKey: 'name',
filterType: 'string',
tooltipText: 'ceci est un test',
decimals: 2,
render: (value) => value,
},
{
id: 1,
name: 'Prix',
type: 'currency',
propertyKey: 'price',
tooltipText: 'ceci est un test',
filterType: 'numeric',
decimals: 2,
render: (value) => value,
},
{
id: 2,
name: 'TVA',
type: 'numeric',
propertyKey: 'vatRate',
tooltipText: 'ceci est un test',
filterType: 'numeric',
decimals: 2,
render: (value) => value,
},
{
id: 3,
name: '%Marge.',
type: 'percentage',
propertyKey: 'margin',
filterType: 'numeric',
tooltipText: 'ceci est un test',
decimals: 2,
render: (value) => value,
},
];
const data = [
{
id: '20ba6e90-7aaa-11eb',
name: 'Poke Thon Saumon 🍃',
price: 15.9,
vatRate: 10,
margin: 19.1,
},
{
id: '211f23d0-7aaa-11eb',
name: 'Pain aux raisins*',
price: 1.9,
vatRate: 10,
margin: 19.1,
},
{
id: '2145e5b0-7aaa-11eb',
name: 'Green power bowl PETIT',
price: 4.9,
vatRate: 10,
margin: 49.4,
},
];
return (
);
});