mirror of
https://github.com/maputnik/editor.git
synced 2026-02-07 13:10:01 +00:00
ad69cbdb20
Resolves #803 This is an initial commit to allow migrating to typescript bit by bit. It introduces vite. It removes all the webpack configuration (which I have no clue what all the profiling are needed for, and couldn't find anything in the readme). It also changes a single file from javascript to typescript: `urlopen.js` -> `urlopen.ts` Which was done manually, later on I'll see if I can automate most of the migration. For now, everything seems to work as expected. I also upgrades storybook to use vite and renames the stories to jsx (I honestly don't know why this complexity is needed here, but I'll keep it for now). cc: @damianstasik
54 lines
903 B
JavaScript
54 lines
903 B
JavaScript
import React from 'react';
|
|
import IconLayer from '../src/components/IconLayer';
|
|
import {Wrapper} from './ui';
|
|
|
|
|
|
export default {
|
|
title: 'IconLayer',
|
|
component: IconLayer,
|
|
};
|
|
|
|
export const IconList = () => {
|
|
const types = [
|
|
'fill-extrusion',
|
|
'raster',
|
|
'hillshade',
|
|
'heatmap',
|
|
'fill',
|
|
'background',
|
|
'line',
|
|
'symbol',
|
|
'circle',
|
|
'INVALID',
|
|
]
|
|
|
|
return <Wrapper>
|
|
<table style={{textAlign: "left"}}>
|
|
<thead style={{borderBottom: "solid 1px white"}}>
|
|
<tr>
|
|
<td>ID</td>
|
|
<td>Preview</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{types.map(type => (
|
|
<tr>
|
|
<td style={{paddingRight: "1em"}}>
|
|
<code>{type}</code>
|
|
</td>
|
|
<td>
|
|
<IconLayer type={type} />
|
|
</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</Wrapper>
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|