DEV;Fix calendar and make doc for button
This commit is contained in:
parent
29d2e14be2
commit
a2b87d77ce
24 changed files with 122 additions and 555 deletions
56
.storybook/helpers/icons.js
Normal file
56
.storybook/helpers/icons.js
Normal file
|
@ -0,0 +1,56 @@
|
|||
import { library } from '@fortawesome/fontawesome-svg-core';
|
||||
import {
|
||||
faAngleDoubleLeft,
|
||||
faAngleDoubleRight,
|
||||
faAngleLeft,
|
||||
faAngleRight,
|
||||
faBars,
|
||||
faBone,
|
||||
faCalendarAlt,
|
||||
faCalendarDay,
|
||||
faCaretSquareDown,
|
||||
faCaretSquareUp,
|
||||
faCheckCircle,
|
||||
faCheckSquare,
|
||||
faChevronDown,
|
||||
faChevronUp,
|
||||
faCircle,
|
||||
faDotCircle,
|
||||
faExclamationCircle,
|
||||
faExclamationTriangle,
|
||||
faHandPeace,
|
||||
faInfoCircle,
|
||||
faSquare,
|
||||
faTimes,
|
||||
faTrash,
|
||||
faTree,
|
||||
faWifi,
|
||||
} from '@fortawesome/free-solid-svg-icons';
|
||||
|
||||
library.add(
|
||||
faCheckSquare,
|
||||
faSquare,
|
||||
faCircle,
|
||||
faDotCircle,
|
||||
faCaretSquareDown,
|
||||
faCaretSquareUp,
|
||||
faTimes,
|
||||
faBars,
|
||||
faWifi,
|
||||
faBone,
|
||||
faTree,
|
||||
faCalendarAlt,
|
||||
faAngleLeft,
|
||||
faAngleDoubleLeft,
|
||||
faAngleRight,
|
||||
faAngleDoubleRight,
|
||||
faChevronDown,
|
||||
faChevronUp,
|
||||
faExclamationTriangle,
|
||||
faHandPeace,
|
||||
faInfoCircle,
|
||||
faExclamationCircle,
|
||||
faCheckCircle,
|
||||
faCalendarDay,
|
||||
faTrash
|
||||
);
|
34
.storybook/helpers/webpack.config.js
Normal file
34
.storybook/helpers/webpack.config.js
Normal file
|
@ -0,0 +1,34 @@
|
|||
const path = require('path');
|
||||
|
||||
module.exports.append = (config) => {
|
||||
config.module.rules.push({
|
||||
test: /\.(ts|tsx)$/,
|
||||
include: [path.join(__dirname, '../../packages'), path.join(__dirname, '../../stories')],
|
||||
use: [
|
||||
{
|
||||
loader: require.resolve('awesome-typescript-loader'),
|
||||
options: {
|
||||
configFileName: 'tsconfig.json',
|
||||
},
|
||||
},
|
||||
{
|
||||
loader: require.resolve('react-docgen-typescript-loader'),
|
||||
},
|
||||
],
|
||||
});
|
||||
config.resolve.extensions.push('.ts', '.tsx', '.mdx', '.json');
|
||||
config.resolve.alias = {
|
||||
...config.resolve.alias,
|
||||
'@treejs/components': path.join(__dirname, '../../packages/components/src'),
|
||||
'@treejs/api': path.join(__dirname, '../../packages/api/src'),
|
||||
'@treejs/auth': path.join(__dirname, '../../packages/auth/src'),
|
||||
'@treejs/constants': path.join(__dirname, '../../packages/constants/src'),
|
||||
'@treejs/forms': path.join(__dirname, '../../packages/forms/src'),
|
||||
'@treejs/hooks': path.join(__dirname, '../../packages/hooks/src'),
|
||||
'@treejs/localization': path.join(__dirname, '../../packages/localization/src'),
|
||||
'@treejs/styles': path.join(__dirname, '../../packages/styles/src'),
|
||||
'@treejs/types': path.join(__dirname, '../../packages/types/src'),
|
||||
'@treejs/utils': path.join(__dirname, '../../packages/utils/src'),
|
||||
};
|
||||
return config;
|
||||
};
|
|
@ -1,7 +1,12 @@
|
|||
const appendWebpackConfig = require('./webpack.config').append;
|
||||
const appendWebpackConfig = require('./helpers/webpack.config').append;
|
||||
|
||||
module.exports = {
|
||||
stories: ['../stories/**/*.stories.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
|
||||
addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-postcss'],
|
||||
addons: [
|
||||
'@storybook/addon-links',
|
||||
'@storybook/addon-docs',
|
||||
'@storybook/addon-essentials',
|
||||
'@storybook/addon-postcss',
|
||||
],
|
||||
webpackFinal: (config) => appendWebpackConfig(config),
|
||||
};
|
||||
|
|
1
.storybook/preview-head.html
Normal file
1
.storybook/preview-head.html
Normal file
|
@ -0,0 +1 @@
|
|||
<link href="https://fonts.googleapis.com/css?family=Ubuntu:400,700&subset=cyrillic-ext" rel="stylesheet">
|
|
@ -1,11 +1,9 @@
|
|||
import '../packages/styles/src/global.css';
|
||||
|
||||
import './helpers/icons';
|
||||
|
||||
export const parameters = {
|
||||
actions: { argTypesRegex: '^on[A-Z].*' },
|
||||
controls: {
|
||||
matchers: {
|
||||
color: /(background|color)$/i,
|
||||
date: /Date$/,
|
||||
},
|
||||
actions: {
|
||||
argTypesRegex: '^on[A-Z].*',
|
||||
},
|
||||
};
|
||||
|
|
|
@ -1,34 +0,0 @@
|
|||
const path = require('path');
|
||||
|
||||
module.exports.append = (config) => {
|
||||
config.module.rules.push({
|
||||
test: /\.(ts|tsx)$/,
|
||||
include: [path.join(__dirname, '../packages'), path.join(__dirname, '../stories')],
|
||||
use: [
|
||||
{
|
||||
loader: require.resolve('awesome-typescript-loader'),
|
||||
options: {
|
||||
configFileName: 'tsconfig.json',
|
||||
},
|
||||
},
|
||||
{
|
||||
loader: require.resolve('react-docgen-typescript-loader'),
|
||||
},
|
||||
],
|
||||
});
|
||||
config.resolve.extensions.push('.ts', '.tsx', '.json');
|
||||
config.resolve.alias = {
|
||||
...config.resolve.alias,
|
||||
'@treejs/components': path.join(__dirname, '../packages/components/src'),
|
||||
'@treejs/api': path.join(__dirname, '../packages/api/src'),
|
||||
'@treejs/auth': path.join(__dirname, '../packages/auth/src'),
|
||||
'@treejs/constants': path.join(__dirname, '../packages/constants/src'),
|
||||
'@treejs/forms': path.join(__dirname, '../packages/forms/src'),
|
||||
'@treejs/hooks': path.join(__dirname, '../packages/hooks/src'),
|
||||
'@treejs/localization': path.join(__dirname, '../packages/localization/src'),
|
||||
'@treejs/styles': path.join(__dirname, '../packages/styles/src'),
|
||||
'@treejs/types': path.join(__dirname, '../packages/types/src'),
|
||||
'@treejs/utils': path.join(__dirname, '../packages/utils/src'),
|
||||
};
|
||||
return config;
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue