Unverified Commit 6af0e138 authored by Marcos Iglesias's avatar Marcos Iglesias Committed by GitHub

docs: Adding knobs to Table and SVG Icons (#698)

Signed-off-by: 's avatarMarcos Iglesias Valle <golodhros@gmail.com>
parent 36aebd28
......@@ -4,7 +4,11 @@ import devWebpackConfig from '../webpack.dev';
module.exports = {
stories: ['../js/**/*.story.tsx'],
addons: ['@storybook/addon-actions', '@storybook/addon-links'],
addons: [
'@storybook/addon-actions',
'@storybook/addon-links',
'@storybook/addon-knobs'
],
webpackFinal: async (config) => {
return merge(devWebpackConfig, config);
},
......
......@@ -2,26 +2,40 @@
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, object } from '@storybook/addon-knobs';
import StorySection from '../StorySection';
import { AlertIcon, DownIcon, UpIcon, RightIcon } from '.';
const stories = storiesOf('Attributes/Iconography', module);
stories.add('SVG Icons', () => (
export const SVGIcons = () => (
<>
<StorySection title="Alert">
<AlertIcon />
<AlertIcon stroke={object('Alert stroke', 'currentColor')} />
</StorySection>
<StorySection title="Down">
<DownIcon />
<DownIcon
stroke={object('DownIcon stroke', 'currentColor')}
fill={object('DownIcon fill', '#9191A8')}
/>
</StorySection>
<StorySection title="Up">
<UpIcon />
<UpIcon
stroke={object('UpIcon stroke', 'currentColor')}
fill={object('UpIcon fill', '#9191A8')}
/>
</StorySection>
<StorySection title="Right">
<RightIcon />
<RightIcon
stroke={object('RightIcon stroke', 'currentColor')}
fill={object('RightIcon fill', '#9191A8')}
/>
</StorySection>
</>
));
);
SVGIcons.storyName = 'SVG Icons';
export default {
title: 'Attributes/Iconography',
component: AlertIcon,
decorators: [withKnobs],
};
......@@ -2,7 +2,7 @@
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, object } from '@storybook/addon-knobs';
import StorySection from '../StorySection';
import Table from '.';
......@@ -39,60 +39,80 @@ const expandRowComponent = (rowValue, index) => (
</strong>
);
const stories = storiesOf('Components/Table', module);
// const stories = storiesOf('Components/Table', module);
stories.add('Table States', () => (
export const TableStates = () => (
<>
<StorySection title="Basic Table">
<Table columns={columns} data={data} />
<Table
columns={object('basic table columns', columns)}
data={object('basic table data', data)}
/>
</StorySection>
<StorySection title="Empty Table">
<Table columns={columns} data={[]} />
<Table
columns={object('empty table columns', columns)}
data={object('empty table data', [])}
/>
</StorySection>
<StorySection title="Loading Table">
<Table columns={[]} data={[]} options={{ isLoading: true }} />
<Table
columns={[]}
data={[]}
options={object('options', { isLoading: true })}
/>
</StorySection>
</>
));
);
stories.add('Styled Table', () => (
export const StyledTable = () => (
<>
<StorySection title="with different column alignment">
<Table columns={alignedColumns} data={alignedData} />
<Table
columns={object('aligned columns', alignedColumns)}
data={object('aligned columns data', alignedData)}
/>
</StorySection>
<StorySection title="with 50px row height">
<Table columns={columns} data={data} options={{ rowHeight: 50 }} />
<Table
columns={columns}
data={data}
options={object('row height options', { rowHeight: 50 })}
/>
</StorySection>
<StorySection title="with different column widths">
<Table
columns={differentWidthColumns}
columns={object(
'different column widths columns',
differentWidthColumns
)}
data={data}
options={{ rowHeight: 50 }}
/>
</StorySection>
</>
));
);
stories.add('Customized Table', () => (
export const CustomizedTable = () => (
<>
<StorySection title="with custom column components">
<Table
columns={customColumns}
data={customColumnsData}
columns={object('custom component columns', customColumns)}
data={object('custom component data', customColumnsData)}
options={{ rowHeight: 40 }}
/>
</StorySection>
<StorySection title="with multiple custom column components">
<Table
columns={multipleCustomColumns}
data={multipleCustomComlumnsData}
columns={object('multiple component columns', multipleCustomColumns)}
data={object('multiple component data', multipleCustomComlumnsData)}
options={{ rowHeight: 40 }}
/>
</StorySection>
<StorySection title="with Bootstrap dropdown as component">
<Table
columns={columnsWithAction}
data={dataWithAction}
columns={object('action columns', columnsWithAction)}
data={object('action data', dataWithAction)}
options={{ rowHeight: 40 }}
/>
</StorySection>
......@@ -100,19 +120,24 @@ stories.add('Customized Table', () => (
<Table
columns={columns}
data={[]}
options={{ emptyMessage: 'Custom Empty Message Here!' }}
options={object('empty message options', {
emptyMessage: 'Custom Empty Message Here!',
})}
/>
</StorySection>
</>
));
);
stories.add('Collapsible Table', () => (
export const CollapsibleTable = () => (
<>
<StorySection title="with Collapsed Rows">
<Table
columns={columnsWithCollapsedRow}
data={dataWithCollapsedRow}
options={{ rowHeight: 40, expandRow: expandRowComponent }}
columns={object('collapsed rows columns', columnsWithCollapsedRow)}
data={object('collapsed rows data', dataWithCollapsedRow)}
options={object('collapsed rows options', {
rowHeight: 40,
expandRow: expandRowComponent,
})}
/>
</StorySection>
<StorySection
......@@ -122,14 +147,14 @@ stories.add('Collapsible Table', () => (
<Table
columns={columnsWithCollapsedRow}
data={dataWithCollapsedRow}
options={{
options={object('onExpand options', {
rowHeight: 40,
expandRow: expandRowComponent,
onExpand: (rowValues, index) => {
console.log('Expanded row values:', rowValues);
console.log('Expanded row index:', index);
},
}}
})}
/>
</StorySection>
<StorySection
......@@ -139,15 +164,21 @@ stories.add('Collapsible Table', () => (
<Table
columns={columnsWithCollapsedRow}
data={dataWithCollapsedRow}
options={{
options={object('onCollapse options', {
rowHeight: 40,
expandRow: expandRowComponent,
onCollapse: (rowValues, index) => {
console.log('Collapsed row values:', rowValues);
console.log('Collapsed row index:', index);
},
}}
})}
/>
</StorySection>
</>
));
);
export default {
title: 'Components/Table',
component: Table,
decorators: [withKnobs],
};
......@@ -7848,6 +7848,418 @@
}
}
},
"@storybook/addon-knobs": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/addon-knobs/-/addon-knobs-6.0.22.tgz",
"integrity": "sha512-y5p92f7IVOxQ/5rJnMB/BuzwNXbdtfJhV7hvBjW8OS4E95EW+HXe7+gNOE2uEbALZZbBHX43H8lYlB+QoyZXcA==",
"dev": true,
"requires": {
"@storybook/addons": "6.0.22",
"@storybook/api": "6.0.22",
"@storybook/channels": "6.0.22",
"@storybook/client-api": "6.0.22",
"@storybook/components": "6.0.22",
"@storybook/core-events": "6.0.22",
"@storybook/theming": "6.0.22",
"copy-to-clipboard": "^3.0.8",
"core-js": "^3.0.1",
"escape-html": "^1.0.3",
"fast-deep-equal": "^3.1.1",
"global": "^4.3.2",
"lodash": "^4.17.15",
"prop-types": "^15.7.2",
"qs": "^6.6.0",
"react-color": "^2.17.0",
"react-lifecycles-compat": "^3.0.4",
"react-select": "^3.0.8",
"regenerator-runtime": "^0.13.3"
},
"dependencies": {
"@emotion/is-prop-valid": {
"version": "0.8.8",
"resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
"integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
"dev": true,
"requires": {
"@emotion/memoize": "0.7.4"
}
},
"@emotion/memoize": {
"version": "0.7.4",
"resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
"integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
"dev": true
},
"@storybook/addons": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.0.22.tgz",
"integrity": "sha512-D7GfOZ16DAyIUoNXY/aisKlXxHlk61XDIAvN102n/GGrmiNQhCKO2cuwjrmpqQGIXW/+QAsc0YUUAptEKpw9vw==",
"dev": true,
"requires": {
"@storybook/api": "6.0.22",
"@storybook/channels": "6.0.22",
"@storybook/client-logger": "6.0.22",
"@storybook/core-events": "6.0.22",
"@storybook/router": "6.0.22",
"@storybook/theming": "6.0.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.13.3"
}
},
"@storybook/api": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.0.22.tgz",
"integrity": "sha512-GfGRXAe0h5cFTwJUJ7XqhaaE4+aXk/f+QCWfuUQkipUsGhGL+KLY80OU5cqC7LDB2nbhZ2bKUaLCzXu1Qsw5pw==",
"dev": true,
"requires": {
"@reach/router": "^1.3.3",
"@storybook/channels": "6.0.22",
"@storybook/client-logger": "6.0.22",
"@storybook/core-events": "6.0.22",
"@storybook/csf": "0.0.1",
"@storybook/router": "6.0.22",
"@storybook/semver": "^7.3.2",
"@storybook/theming": "6.0.22",
"@types/reach__router": "^1.3.5",
"core-js": "^3.0.1",
"fast-deep-equal": "^3.1.1",
"global": "^4.3.2",
"lodash": "^4.17.15",
"memoizerific": "^1.11.3",
"react": "^16.8.3",
"regenerator-runtime": "^0.13.3",
"store2": "^2.7.1",
"telejson": "^5.0.2",
"ts-dedent": "^1.1.1",
"util-deprecate": "^1.0.2"
}
},
"@storybook/channel-postmessage": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/channel-postmessage/-/channel-postmessage-6.0.22.tgz",
"integrity": "sha512-Upa2rG9H65MPdVxT9pNeDL9VlX5VeP7bpvR/TTEf2cRCiq6SC93pAs45XPWBcD8Jhq3p5+uFDARKReb2iF49+w==",
"dev": true,
"requires": {
"@storybook/channels": "6.0.22",
"@storybook/client-logger": "6.0.22",
"@storybook/core-events": "6.0.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"qs": "^6.6.0",
"telejson": "^5.0.2"
}
},
"@storybook/channels": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-6.0.22.tgz",
"integrity": "sha512-d/RlPFDq9NXA/Y3CVDsSVsWgvYiiiifxQN9hz5+y3T6MnRJPEfAPWYkbv+wLixWbDF2ULzjQHp4zcfTm6T7A4w==",
"dev": true,
"requires": {
"core-js": "^3.0.1",
"ts-dedent": "^1.1.1",
"util-deprecate": "^1.0.2"
}
},
"@storybook/client-api": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/client-api/-/client-api-6.0.22.tgz",
"integrity": "sha512-GP9m1LW3C79EJxTGToCvBZDEApMRCl9tVXGfB9yEB0dIFC9jTwsPfpwjnhh2Imp9xJjszahSqxkhv4rAZ8C44Q==",
"dev": true,
"requires": {
"@storybook/addons": "6.0.22",
"@storybook/channel-postmessage": "6.0.22",
"@storybook/channels": "6.0.22",
"@storybook/client-logger": "6.0.22",
"@storybook/core-events": "6.0.22",
"@storybook/csf": "0.0.1",
"@types/qs": "^6.9.0",
"@types/webpack-env": "^1.15.2",
"core-js": "^3.0.1",
"global": "^4.3.2",
"lodash": "^4.17.15",
"memoizerific": "^1.11.3",
"qs": "^6.6.0",
"stable": "^0.1.8",
"store2": "^2.7.1",
"ts-dedent": "^1.1.1",
"util-deprecate": "^1.0.2"
}
},
"@storybook/client-logger": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.0.22.tgz",
"integrity": "sha512-AQD2Zz7BIIwrP0/sNZMXgP/BEZo5qK1YPDl2mPppSJdFocVCYDlc6HgYPZZHtPvD5BVWAENg2NQoGBOivuMl3g==",
"dev": true,
"requires": {
"core-js": "^3.0.1",
"global": "^4.3.2"
}
},
"@storybook/components": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/components/-/components-6.0.22.tgz",
"integrity": "sha512-sc7O4djNLajyJdVY4dUSO73L/+VM8IyzYKK9c5kSw4pN+l6M3EUBi4Zt/jdQc+WxSBmmriSe7aBOKrOSxBBSiA==",
"dev": true,
"requires": {
"@storybook/client-logger": "6.0.22",
"@storybook/csf": "0.0.1",
"@storybook/theming": "6.0.22",
"@types/overlayscrollbars": "^1.9.0",
"@types/react-color": "^3.0.1",
"@types/react-syntax-highlighter": "11.0.4",
"core-js": "^3.0.1",
"fast-deep-equal": "^3.1.1",
"global": "^4.3.2",
"lodash": "^4.17.15",
"markdown-to-jsx": "^6.11.4",
"memoizerific": "^1.11.3",
"overlayscrollbars": "^1.10.2",
"polished": "^3.4.4",
"popper.js": "^1.14.7",
"react": "^16.8.3",
"react-color": "^2.17.0",
"react-dom": "^16.8.3",
"react-popper-tooltip": "^2.11.0",
"react-syntax-highlighter": "^12.2.1",
"react-textarea-autosize": "^8.1.1",
"ts-dedent": "^1.1.1"
}
},
"@storybook/core-events": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-6.0.22.tgz",
"integrity": "sha512-XQplzZwC9o4OQbKPjBruIOSFGto6qtmIAuh94NaHB6Hpv8YpsDwy1fXxEr990fj/5bOXmL4YV3x1AD6fOK/1sA==",
"dev": true,
"requires": {
"core-js": "^3.0.1"
}
},
"@storybook/router": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.0.22.tgz",
"integrity": "sha512-Gu3PmWXaDDhDqTY/S8/ag2OCdTb0S+aD/QkXvQzSht5gt5d8M2tQxBlhXDVFNhYGRz7zQtjRmTxqT/3YX9tjrg==",
"dev": true,
"requires": {
"@reach/router": "^1.3.3",
"@types/reach__router": "^1.3.5",
"core-js": "^3.0.1",
"global": "^4.3.2",
"memoizerific": "^1.11.3",
"qs": "^6.6.0"
}
},
"@storybook/theming": {
"version": "6.0.22",
"resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.0.22.tgz",
"integrity": "sha512-aR11z70vq0G+F61PIJHW1Kt1lmA2vYxGWF1TL6rsECXNt4fN+X9ig082G0Uhag0mV/FJZdKhhpv360paJFYF2g==",
"dev": true,
"requires": {
"@emotion/core": "^10.0.20",
"@emotion/is-prop-valid": "^0.8.6",
"@emotion/styled": "^10.0.17",
"@storybook/client-logger": "6.0.22",
"core-js": "^3.0.1",
"deep-object-diff": "^1.1.0",
"emotion-theming": "^10.0.19",
"global": "^4.3.2",
"memoizerific": "^1.11.3",
"polished": "^3.4.4",
"resolve-from": "^5.0.0",
"ts-dedent": "^1.1.1"
}
},
"dom-helpers": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.0.tgz",
"integrity": "sha512-Ru5o9+V8CpunKnz5LGgWXkmrH/20cGKwcHwS4m73zIvs54CN9epEmT/HLqFJW3kXpakAFkEdzgy1hzlJe3E4OQ==",
"dev": true,
"requires": {
"@babel/runtime": "^7.8.7",
"csstype": "^3.0.2"
},
"dependencies": {
"@babel/runtime": {
"version": "7.11.2",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.11.2.tgz",
"integrity": "sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==",
"dev": true,
"requires": {
"regenerator-runtime": "^0.13.4"
}
}
}
},
"fast-deep-equal": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
"dev": true
},
"highlight.js": {
"version": "9.15.10",
"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.15.10.tgz",
"integrity": "sha512-RoV7OkQm0T3os3Dd2VHLNMoaoDVx77Wygln3n9l5YV172XonWG6rgQD3XnF/BuFFZw9A0TJgmMSO8FEWQgvcXw==",
"dev": true
},
"is-regex": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz",
"integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==",
"dev": true,
"requires": {
"has-symbols": "^1.0.1"
}
},
"is-symbol": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz",
"integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==",
"dev": true,
"requires": {
"has-symbols": "^1.0.1"
}
},
"isobject": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/isobject/-/isobject-4.0.0.tgz",
"integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==",
"dev": true
},
"loose-envify": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
"dev": true,
"requires": {
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
"lowlight": {
"version": "1.12.1",
"resolved": "https://registry.npmjs.org/lowlight/-/lowlight-1.12.1.tgz",
"integrity": "sha512-OqaVxMGIESnawn+TU/QMV5BJLbUghUfjDWPAtFqDYDmDtr4FnB+op8xM+pR7nKlauHNUHXGt0VgWatFB8voS5w==",
"dev": true,
"requires": {
"fault": "^1.0.2",
"highlight.js": "~9.15.0"
}
},
"prop-types": {
"version": "15.7.2",
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
"integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
"dev": true,
"requires": {
"loose-envify": "^1.4.0",
"object-assign": "^4.1.1",
"react-is": "^16.8.1"
}
},
"qs": {
"version": "6.9.4",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.9.4.tgz",
"integrity": "sha512-A1kFqHekCTM7cz0udomYUoYNWjBebHm/5wzU/XqrBRBNWectVH0QIiN+NEcZ0Dte5hvzHwbr8+XQmguPhJ6WdQ==",
"dev": true
},
"react-select": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/react-select/-/react-select-3.1.0.tgz",
"integrity": "sha512-wBFVblBH1iuCBprtpyGtd1dGMadsG36W5/t2Aj8OE6WbByDg5jIFyT7X5gT+l0qmT5TqWhxX+VsKJvCEl2uL9g==",
"dev": true,
"requires": {
"@babel/runtime": "^7.4.4",
"@emotion/cache": "^10.0.9",
"@emotion/core": "^10.0.9",
"@emotion/css": "^10.0.9",
"memoize-one": "^5.0.0",
"prop-types": "^15.6.0",
"react-input-autosize": "^2.2.2",
"react-transition-group": "^4.3.0"
}
},
"react-syntax-highlighter": {
"version": "12.2.1",
"resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-12.2.1.tgz",
"integrity": "sha512-CTsp0ZWijwKRYFg9xhkWD4DSpQqE4vb2NKVMdPAkomnILSmsNBHE0n5GuI5zB+PU3ySVvXvdt9jo+ViD9XibCA==",
"dev": true,
"requires": {
"@babel/runtime": "^7.3.1",
"highlight.js": "~9.15.1",
"lowlight": "1.12.1",
"prismjs": "^1.8.4",
"refractor": "^2.4.1"
}
},
"react-textarea-autosize": {
"version": "8.2.0",
"resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.2.0.tgz",
"integrity": "sha512-grajUlVbkx6VdtSxCgzloUIphIZF5bKr21OYMceWPKkniy7H0mRAT/AXPrRtObAe+zUePnNlBwUc4ivVjUGIjw==",
"dev": true,
"requires": {
"@babel/runtime": "^7.10.2",
"use-composed-ref": "^1.0.0",
"use-latest": "^1.0.0"
},
"dependencies": {
"@babel/runtime": {
"version": "7.11.2",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.11.2.tgz",
"integrity": "sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==",
"dev": true,
"requires": {
"regenerator-runtime": "^0.13.4"
}
}
}
},
"react-transition-group": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.1.tgz",
"integrity": "sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw==",
"dev": true,
"requires": {
"@babel/runtime": "^7.5.5",
"dom-helpers": "^5.0.1",
"loose-envify": "^1.4.0",
"prop-types": "^15.6.2"
},
"dependencies": {
"@babel/runtime": {
"version": "7.11.2",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.11.2.tgz",
"integrity": "sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==",
"dev": true,
"requires": {
"regenerator-runtime": "^0.13.4"
}
}
}
},
"regenerator-runtime": {
"version": "0.13.7",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
"integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==",
"dev": true
},
"telejson": {
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/telejson/-/telejson-5.0.2.tgz",
"integrity": "sha512-XCrDHGbinczsscs8LXFr9jDhvy37yBk9piB7FJrCfxE8oP66WDkolNMpaBkWYgQqB9dQGBGtTDzGQPedc9KJmw==",
"dev": true,
"requires": {
"@types/is-function": "^1.0.0",
"global": "^4.4.0",
"is-function": "^1.0.2",
"is-regex": "^1.1.1",
"is-symbol": "^1.0.3",
"isobject": "^4.0.0",
"lodash": "^4.17.19",
"memoizerific": "^1.11.3"
}
}
}
},
"@storybook/addon-links": {
"version": "5.3.19",
"resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-5.3.19.tgz",
......@@ -9883,6 +10295,15 @@
"integrity": "sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==",
"dev": true
},
"@types/storybook__addon-knobs": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/@types/storybook__addon-knobs/-/storybook__addon-knobs-5.2.1.tgz",
"integrity": "sha512-fKK8cRxrfZ59wjso4NHpDd+BpG66HClpMEyjXeMz2XCtxRJhSZmvs/g/tBYYj4TZ+EhpATOnPnxwKn7aXMVsQg==",
"dev": true,
"requires": {
"@storybook/addon-knobs": "*"
}
},
"@types/tapable": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.5.tgz",
......@@ -14199,6 +14620,12 @@
}
}
},
"csstype": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.3.tgz",
"integrity": "sha512-jPl+wbWPOWJ7SXsWyqGRk3lGecbar0Cb0OvZF/r/ZU011R4YqiRehgkQ9p4eQfo9DSDLqLL3wHwfxeJiuIsNag==",
"dev": true
},
"currently-unhandled": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
......@@ -69,6 +69,7 @@
"@types/react-redux": "^6.0.14",
"@types/react-router": "^4.4.5",
"@types/react-tagsinput": "^3.19.7",
"@types/storybook__addon-knobs": "^5.2.1",
"@types/webpack": "^4.41.12",
"@typescript-eslint/eslint-plugin": "^3.9.0",
"@typescript-eslint/eslint-plugin-tslint": "^3.1.0",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment