@artsy/palette 42.0.1 → 43.0.0-canary.1455.32288.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/AutocompleteInput/AutocompleteInput.js +24 -5
- package/dist/elements/AutocompleteInput/AutocompleteInput.js.map +1 -1
- package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +9 -9
- package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
- package/dist/elements/AutocompleteInput/AutocompleteInputOption.d.ts +5 -4
- package/dist/elements/AutocompleteInput/AutocompleteInputOption.js +1 -14
- package/dist/elements/AutocompleteInput/AutocompleteInputOption.js.map +1 -1
- package/dist/elements/BaseTabs/BaseTabs.story.js +7 -7
- package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
- package/dist/elements/BorderedRadio/BorderedRadio.story.js +2 -2
- package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
- package/dist/elements/Carousel/Carousel.story.js +2 -2
- package/dist/elements/Carousel/Carousel.story.js.map +1 -1
- package/dist/elements/Checkbox/Checkbox.story.js +2 -2
- package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
- package/dist/elements/Clickable/Clickable.story.js +2 -2
- package/dist/elements/Clickable/Clickable.story.js.map +1 -1
- package/dist/elements/Expandable/Expandable.story.js +3 -3
- package/dist/elements/Expandable/Expandable.story.js.map +1 -1
- package/dist/elements/FilterSelect/FilterSelect.story.js +2 -2
- package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
- package/dist/elements/LabeledInput/LabeledInput.story.js +2 -2
- package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
- package/dist/elements/ModalDialog/ModalDialogContent.story.js +2 -2
- package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
- package/dist/elements/MultiSelect/MultiSelect.story.js +2 -2
- package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
- package/dist/elements/Pagination/Pagination.story.js +3 -3
- package/dist/elements/Pagination/Pagination.story.js.map +1 -1
- package/dist/elements/Popover/Popover.story.js +3 -3
- package/dist/elements/Popover/Popover.story.js.map +1 -1
- package/dist/elements/ProgressDots/ProgressDots.story.js +2 -2
- package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
- package/dist/elements/RadioGroup/RadioGroup.story.js +4 -4
- package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
- package/dist/elements/Range/Range.story.js +4 -4
- package/dist/elements/Range/Range.story.js.map +1 -1
- package/dist/elements/Stepper/Stepper.story.js +2 -2
- package/dist/elements/Stepper/Stepper.story.js.map +1 -1
- package/dist/elements/Tabs/Tabs.story.js +6 -6
- package/dist/elements/Tabs/Tabs.story.js.map +1 -1
- package/dist/elements/TextArea/TextArea.story.js +2 -2
- package/dist/elements/TextArea/TextArea.story.js.map +1 -1
- package/dist/elements/Toasts/Toast.story.js +2 -2
- package/dist/elements/Toasts/Toast.story.js.map +1 -1
- package/dist/elements/Toggle/Toggle.story.js +2 -2
- package/dist/elements/Toggle/Toggle.story.js.map +1 -1
- package/dist/elements/Tooltip/Tooltip.story.js +2 -2
- package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
- package/package.json +9 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialogContent.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_ModalDialogContent","_Text","_Button","_Input","_Join","_Spacer","_Box","_ChevronLeftIcon","_ArtsyLogoIcon","_CloseIcon","obj","__esModule","default","_default","exports","title","EXAMPLE_LONG_NAME","Default","createElement","States","states","children","Text","variant","bg","concat","hasLogo","footer","Button","width","Box","display","alignItems","justifyContent","p","height","ModalDialogContent","onClose","action","maxHeight","Join","separator","Spacer","y","Input","placeholder","autoComplete","type","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialogContent.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport {\n ModalDialogContent,\n ModalDialogContentProps,\n} from \"./ModalDialogContent\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { Box } from \"../Box\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ArtsyLogoIcon from \"@artsy/icons/ArtsyLogoIcon\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\n\nexport default {\n title: \"Components/ModalDialogContent\",\n}\n\nconst EXAMPLE_LONG_NAME =\n \"Egypt, Thebes, Wadi Qubbanet el-Qirud, New Kingdom, Late Dynasty 18 or early Dynasty 19\"\n\nexport const Default = () => {\n return (\n <States<Partial<ModalDialogContentProps>>\n states={[\n {\n children: (\n <Text variant=\"sm\" bg=\"mono10\">\n Content shorter than width\n </Text>\n ),\n },\n {\n children: (\n <Text variant=\"sm\">\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur?\n </Text>\n ),\n },\n { title: \"Modal Title\" },\n {\n title:\n \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n },\n { title: \"Pneumonoultramicroscopicsilicovolcanoconiosis\" },\n {\n title: `Sign up to discover new works by ${EXAMPLE_LONG_NAME} and more artists you love`,\n },\n { hasLogo: true },\n { title: \"Modal Title\", hasLogo: true },\n {\n children: (\n <Text variant=\"sm\">\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur?\n </Text>\n ),\n footer: <Button width=\"100%\">Confirm</Button>,\n },\n { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n {\n title:\n \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n footer: <Button width=\"100%\">Confirm</Button>,\n },\n {\n title:\n \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n hasLogo: true,\n footer: <Button width=\"100%\">Confirm</Button>,\n },\n {\n title: (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n p={2}\n >\n <ChevronLeftIcon />\n <ArtsyLogoIcon height={30} />\n <CloseIcon />\n </Box>\n ),\n },\n ]}\n >\n <ModalDialogContent onClose={action(\"onClose\")} maxHeight={400}>\n <Join separator={<Spacer y={1} />}>\n <Text variant=\"sm\">\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n consectetur adipisicing elit. Quam enim vel accusamus dolor\n voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n nihil minima praesentium, quaerat cupiditate amet dolor similique\n corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n nisi voluptatem inventore! Lorem ipsum, dolor sit amet consectetur\n adipisicing elit. Eaque, neque voluptates! Sapiente, sint magnam.\n </Text>\n\n <Input placeholder=\"Enter your name\" autoComplete=\"name\" />\n\n <Input\n placeholder=\"Enter your email\"\n type=\"email\"\n autoComplete=\"email\"\n />\n\n <Text variant=\"sm\">\n Assumenda, hic eius asperiores iure explicabo itaque accusantium,\n consectetur aut sit maxime culpa ab aliquid consequatur? Lorem,\n ipsum dolor sit amet consectetur adipisicing elit. Quam enim vel\n accusamus dolor voluptatibus? Cumque dicta blanditiis debitis rerum\n asperiores quae nihil minima praesentium, quaerat cupiditate amet\n dolor similique corporis? Lorem, ipsum dolor sit amet consectetur\n adipisicing elit. Quibusdam, eaque placeat mollitia aliquam porro\n molestiae recusandae eos iusto obcaecati quo ducimus in iure tenetur\n vitae animi ullam nisi voluptatem inventore! Lorem ipsum, dolor sit\n amet consectetur adipisicing elit. Eaque, neque voluptates!\n Sapiente, sint magnam. Assumenda, hic eius asperiores iure explicabo\n itaque accusantium, consectetur aut sit maxime culpa ab aliquid\n consequatur? Lorem, ipsum dolor sit amet consectetur adipisicing\n elit. Quam enim vel accusamus dolor voluptatibus? Cumque dicta\n blanditiis debitis rerum asperiores quae nihil minima praesentium,\n quaerat cupiditate amet dolor similique corporis? Lorem, ipsum dolor\n sit amet consectetur adipisicing elit. Quibusdam, eaque placeat\n mollitia aliquam porro molestiae recusandae eos iusto obcaecati quo\n ducimus in iure tenetur vitae animi ullam nisi voluptatem inventore!\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n consectetur adipisicing elit. Quam enim vel accusamus dolor\n voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n nihil minima praesentium, quaerat cupiditate amet dolor similique\n corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n nisi voluptatem inventore!\n </Text>\n </Join>\n </ModalDialogContent>\n </States>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ModalDialogContent.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_ModalDialogContent","_Text","_Button","_Input","_Join","_Spacer","_Box","_ChevronLeftIcon","_ArtsyLogoIcon","_CloseIcon","obj","__esModule","default","_default","exports","title","EXAMPLE_LONG_NAME","Default","createElement","States","states","children","Text","variant","bg","concat","hasLogo","footer","Button","width","Box","display","alignItems","justifyContent","p","height","ModalDialogContent","onClose","fn","maxHeight","Join","separator","Spacer","y","Input","placeholder","autoComplete","type","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialogContent.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport {\n ModalDialogContent,\n ModalDialogContentProps,\n} from \"./ModalDialogContent\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { Box } from \"../Box\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ArtsyLogoIcon from \"@artsy/icons/ArtsyLogoIcon\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\n\nexport default {\n title: \"Components/ModalDialogContent\",\n}\n\nconst EXAMPLE_LONG_NAME =\n \"Egypt, Thebes, Wadi Qubbanet el-Qirud, New Kingdom, Late Dynasty 18 or early Dynasty 19\"\n\nexport const Default = () => {\n return (\n <States<Partial<ModalDialogContentProps>>\n states={[\n {\n children: (\n <Text variant=\"sm\" bg=\"mono10\">\n Content shorter than width\n </Text>\n ),\n },\n {\n children: (\n <Text variant=\"sm\">\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur?\n </Text>\n ),\n },\n { title: \"Modal Title\" },\n {\n title:\n \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n },\n { title: \"Pneumonoultramicroscopicsilicovolcanoconiosis\" },\n {\n title: `Sign up to discover new works by ${EXAMPLE_LONG_NAME} and more artists you love`,\n },\n { hasLogo: true },\n { title: \"Modal Title\", hasLogo: true },\n {\n children: (\n <Text variant=\"sm\">\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur?\n </Text>\n ),\n footer: <Button width=\"100%\">Confirm</Button>,\n },\n { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n {\n title:\n \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n footer: <Button width=\"100%\">Confirm</Button>,\n },\n {\n title:\n \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n hasLogo: true,\n footer: <Button width=\"100%\">Confirm</Button>,\n },\n {\n title: (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n p={2}\n >\n <ChevronLeftIcon />\n <ArtsyLogoIcon height={30} />\n <CloseIcon />\n </Box>\n ),\n },\n ]}\n >\n <ModalDialogContent onClose={fn()} maxHeight={400}>\n <Join separator={<Spacer y={1} />}>\n <Text variant=\"sm\">\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n consectetur adipisicing elit. Quam enim vel accusamus dolor\n voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n nihil minima praesentium, quaerat cupiditate amet dolor similique\n corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n nisi voluptatem inventore! Lorem ipsum, dolor sit amet consectetur\n adipisicing elit. Eaque, neque voluptates! Sapiente, sint magnam.\n </Text>\n\n <Input placeholder=\"Enter your name\" autoComplete=\"name\" />\n\n <Input\n placeholder=\"Enter your email\"\n type=\"email\"\n autoComplete=\"email\"\n />\n\n <Text variant=\"sm\">\n Assumenda, hic eius asperiores iure explicabo itaque accusantium,\n consectetur aut sit maxime culpa ab aliquid consequatur? Lorem,\n ipsum dolor sit amet consectetur adipisicing elit. Quam enim vel\n accusamus dolor voluptatibus? Cumque dicta blanditiis debitis rerum\n asperiores quae nihil minima praesentium, quaerat cupiditate amet\n dolor similique corporis? Lorem, ipsum dolor sit amet consectetur\n adipisicing elit. Quibusdam, eaque placeat mollitia aliquam porro\n molestiae recusandae eos iusto obcaecati quo ducimus in iure tenetur\n vitae animi ullam nisi voluptatem inventore! Lorem ipsum, dolor sit\n amet consectetur adipisicing elit. Eaque, neque voluptates!\n Sapiente, sint magnam. Assumenda, hic eius asperiores iure explicabo\n itaque accusantium, consectetur aut sit maxime culpa ab aliquid\n consequatur? Lorem, ipsum dolor sit amet consectetur adipisicing\n elit. Quam enim vel accusamus dolor voluptatibus? Cumque dicta\n blanditiis debitis rerum asperiores quae nihil minima praesentium,\n quaerat cupiditate amet dolor similique corporis? Lorem, ipsum dolor\n sit amet consectetur adipisicing elit. Quibusdam, eaque placeat\n mollitia aliquam porro molestiae recusandae eos iusto obcaecati quo\n ducimus in iure tenetur vitae animi ullam nisi voluptatem inventore!\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n asperiores iure explicabo itaque accusantium, consectetur aut sit\n maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n consectetur adipisicing elit. Quam enim vel accusamus dolor\n voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n nihil minima praesentium, quaerat cupiditate amet dolor similique\n corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n nisi voluptatem inventore!\n </Text>\n </Join>\n </ModalDialogContent>\n </States>\n )\n}\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.Example = exports.Default = void 0;
|
|
8
|
-
var
|
|
8
|
+
var _test = require("@storybook/test");
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _storybookStates = require("storybook-states");
|
|
11
11
|
var _MultiSelect = require("./MultiSelect");
|
|
@@ -68,7 +68,7 @@ var Default = exports.Default = function Default() {
|
|
|
68
68
|
}, /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
|
|
69
69
|
name: "Medium",
|
|
70
70
|
options: OPTIONS,
|
|
71
|
-
onSelect: (0,
|
|
71
|
+
onSelect: (0, _test.fn)()
|
|
72
72
|
}));
|
|
73
73
|
};
|
|
74
74
|
Default.displayName = "Default";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.story.js","names":["
|
|
1
|
+
{"version":3,"file":"MultiSelect.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_MultiSelect","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_default","exports","title","OPTIONS","text","Default","createElement","States","states","focus","hover","complete","error","disabled","required","description","MultiSelect","options","onSelect","fn","displayName","Example","_useReducer","useReducer","state","newFilter","_useReducer2","filters","setFilter","Fragment","JSON","stringify","sizes","map","size"],"sources":["../../../src/elements/MultiSelect/MultiSelect.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useReducer } from \"react\"\nimport { States } from \"storybook-states\"\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\"\n\nexport default {\n title: \"Components/MultiSelect\",\n}\n\nconst OPTIONS = [\n { text: \"Painting\", value: \"painting\" },\n { text: \"Print\", value: \"print\" },\n { text: \"Sculpture\", value: \"sculpture\" },\n { text: \"Photography\", value: \"photography\" },\n { text: \"Mixed Media\", value: \"mixed-media\" },\n]\n\nexport const Default = () => {\n return (\n <States<Partial<MultiSelectProps>>\n states={[\n {},\n { focus: true },\n { hover: true },\n { complete: true },\n { error: \"Something went wrong.\" },\n { disabled: true },\n { title: \"Medium\", name: \"Select\" },\n { title: \"Medium\", name: \"Select\", required: true },\n {\n title: \"Medium\",\n name: \"Select\",\n description: \"Materials or support\",\n },\n ]}\n >\n <MultiSelect\n name=\"Medium\"\n options={OPTIONS}\n onSelect={fn()}\n />\n </States>\n )\n}\n\nexport const Example = () => {\n const [filters, setFilter] = useReducer(\n (state, newFilter) => ({ ...state, ...newFilter }),\n {}\n )\n\n return (\n <>\n <pre>{JSON.stringify(filters)}</pre>\n\n <MultiSelect\n options={OPTIONS}\n name=\"Size\"\n onSelect={(sizes) => {\n setFilter({ sizes: sizes.map((size) => size.value) })\n }}\n />\n </>\n )\n}\n"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Skeleton = exports.Default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _test = require("@storybook/test");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _storybookStates = require("storybook-states");
|
|
10
10
|
var _Pagination = require("./Pagination");
|
|
@@ -67,14 +67,14 @@ var Default = exports.Default = function Default() {
|
|
|
67
67
|
pageCursors: EXAMPLE_PAGE_CURSORS,
|
|
68
68
|
onClick: function onClick(cursor, page, event) {
|
|
69
69
|
event.preventDefault();
|
|
70
|
-
(0,
|
|
70
|
+
(0, _test.fn)()(cursor, page, event);
|
|
71
71
|
},
|
|
72
72
|
onNext: function onNext(event) {
|
|
73
73
|
event.preventDefault();
|
|
74
74
|
for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
75
75
|
rest[_key - 1] = arguments[_key];
|
|
76
76
|
}
|
|
77
|
-
(0,
|
|
77
|
+
(0, _test.fn)().apply(void 0, [event].concat(rest));
|
|
78
78
|
}
|
|
79
79
|
}));
|
|
80
80
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.story.js","names":["
|
|
1
|
+
{"version":3,"file":"Pagination.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","exports","title","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","Default","createElement","States","states","pageCursors","hasNextPage","Pagination","onClick","event","preventDefault","fn","onNext","_len","rest","Array","_key","concat","displayName","story","name","Skeleton","PaginationSkeleton"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Pagination, PaginationProps, PaginationSkeleton } from \"./Pagination\"\n\nexport default {\n title: \"Components/Pagination\",\n}\n\nconst EXAMPLE_PAGE_CURSORS = {\n first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n around: [\n { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n ],\n previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport const Default = () => {\n return (\n <States<Partial<PaginationProps>>\n states={[\n {},\n { pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null as any } },\n { pageCursors: { ...EXAMPLE_PAGE_CURSORS }, hasNextPage: false },\n ]}\n >\n <Pagination\n hasNextPage\n pageCursors={EXAMPLE_PAGE_CURSORS}\n onClick={(cursor, page, event) => {\n event.preventDefault()\n fn()(cursor, page, event)\n }}\n onNext={(event, ...rest) => {\n event.preventDefault()\n fn()(event, ...rest)\n }}\n />\n </States>\n )\n}\n\nDefault.story = {\n name: \"Pagination\",\n}\n\nexport const Skeleton = () => {\n return (\n <States>\n <PaginationSkeleton />\n </States>\n )\n}\n"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.PopoverActions = exports.Placement = exports.ManageFocus = exports.Default = exports.CrashAtSpecificZoomLevels = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _test = require("@storybook/test");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _storybookStates = require("storybook-states");
|
|
10
10
|
var _utils = require("../../utils");
|
|
@@ -25,8 +25,8 @@ var Default = exports.Default = function Default() {
|
|
|
25
25
|
states: [{}, {
|
|
26
26
|
visible: true
|
|
27
27
|
}, {
|
|
28
|
-
onClose: (0,
|
|
29
|
-
onDismiss: (0,
|
|
28
|
+
onClose: (0, _test.fn)(),
|
|
29
|
+
onDismiss: (0, _test.fn)()
|
|
30
30
|
}, {
|
|
31
31
|
visible: true,
|
|
32
32
|
popover: /*#__PURE__*/_react.default.createElement(_Text.Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","exports","title","Default","createElement","States","states","visible","onClose","action","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ManageFocus","manageFocus","_ref3","PopoverActions","_ref4","onHide","Spacer","y","Flex","flex","x","_ref5","CrashAtSpecificZoomLevels","height","_ref6","_ref7"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\n\nconst CONTENT =\n \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.\"\n\nexport default {\n title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<PopoverProps>>\n states={[\n {},\n { visible: true },\n { onClose: action(\"onClose\"), onDismiss: action(\"onDismiss\") },\n {\n visible: true,\n popover: (\n <Text variant=\"xs\" width={300}>\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | — (Content interaction with close button.)\n </Text>\n ),\n },\n {\n pointer: true,\n visible: true,\n p: 0,\n popover: (\n <>\n {new Array(4).fill(0).map((_, i) => (\n <Text\n key={i}\n variant=\"sm-display\"\n overflowEllipsis\n bg=\"red10\"\n px={1}\n py={0.5}\n >\n Example Item\n </Text>\n ))}\n </>\n ),\n },\n {\n variant: \"defaultDark\",\n placement: \"bottom\",\n visible: true,\n pointer: true,\n zIndex: 99,\n },\n {\n ignoreClickOutside: true,\n },\n ]}\n >\n <Popover\n placement=\"bottom\"\n popover={\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n }\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </States>\n )\n}\n\nDefault.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n return (\n <States<Partial<PopoverProps>>\n states={Object.keys(POSITION).map((placement) => ({\n placement: placement as Position,\n }))}\n >\n {(props) => {\n return (\n <Popover\n popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n visible\n variant=\"defaultDark\"\n pointer\n {...props}\n >\n {({ anchorRef }) => {\n return (\n <Text\n ref={anchorRef as any}\n variant=\"xs\"\n textAlign=\"center\"\n p={1}\n maxWidth=\"50%\"\n mx=\"auto\"\n bg=\"mono10\"\n >\n {JSON.stringify(props)}\n </Text>\n )\n }}\n </Popover>\n )\n }}\n </States>\n )\n}\n\nPlacement.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n return (\n <States<Partial<PopoverProps>>\n states={[\n { visible: true, manageFocus: false },\n { visible: true, manageFocus: true },\n ]}\n >\n <Popover\n placement=\"bottom\"\n popover={\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n }\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </States>\n )\n}\n\nexport const PopoverActions = () => {\n return (\n <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n <Popover\n placement=\"bottom\"\n popover={({ onHide, onDismiss }) => {\n return (\n <>\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n\n <Spacer y={2} />\n\n <Flex>\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onHide}\n >\n Hide\n </Button>\n\n <Spacer x={1} />\n\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onDismiss}\n >\n Dismiss\n </Button>\n </Flex>\n </>\n )\n }}\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </States>\n )\n}\n\nexport const CrashAtSpecificZoomLevels = () => {\n return (\n <>\n <Box height={100}>Zoom to 90% in Chrome, click, then scroll.</Box>\n\n <Box height={2000} bg=\"mono5\">\n <Box height={200} />\n\n <Popover\n placement=\"top\"\n popover={({ onHide, onDismiss }) => {\n return (\n <>\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n\n <Spacer y={2} />\n\n <Flex>\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onHide}\n >\n Hide\n </Button>\n\n <Spacer x={1} />\n\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onDismiss}\n >\n Dismiss\n </Button>\n </Flex>\n </>\n )\n }}\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </Box>\n </>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popover.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","exports","title","Default","createElement","States","states","visible","onClose","fn","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ManageFocus","manageFocus","_ref3","PopoverActions","_ref4","onHide","Spacer","y","Flex","flex","x","_ref5","CrashAtSpecificZoomLevels","height","_ref6","_ref7"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\n\nconst CONTENT =\n \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.\"\n\nexport default {\n title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<PopoverProps>>\n states={[\n {},\n { visible: true },\n { onClose: fn(), onDismiss: fn() },\n {\n visible: true,\n popover: (\n <Text variant=\"xs\" width={300}>\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n | | | — (Content interaction with close button.)\n </Text>\n ),\n },\n {\n pointer: true,\n visible: true,\n p: 0,\n popover: (\n <>\n {new Array(4).fill(0).map((_, i) => (\n <Text\n key={i}\n variant=\"sm-display\"\n overflowEllipsis\n bg=\"red10\"\n px={1}\n py={0.5}\n >\n Example Item\n </Text>\n ))}\n </>\n ),\n },\n {\n variant: \"defaultDark\",\n placement: \"bottom\",\n visible: true,\n pointer: true,\n zIndex: 99,\n },\n {\n ignoreClickOutside: true,\n },\n ]}\n >\n <Popover\n placement=\"bottom\"\n popover={\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n }\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </States>\n )\n}\n\nDefault.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n return (\n <States<Partial<PopoverProps>>\n states={Object.keys(POSITION).map((placement) => ({\n placement: placement as Position,\n }))}\n >\n {(props) => {\n return (\n <Popover\n popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n visible\n variant=\"defaultDark\"\n pointer\n {...props}\n >\n {({ anchorRef }) => {\n return (\n <Text\n ref={anchorRef as any}\n variant=\"xs\"\n textAlign=\"center\"\n p={1}\n maxWidth=\"50%\"\n mx=\"auto\"\n bg=\"mono10\"\n >\n {JSON.stringify(props)}\n </Text>\n )\n }}\n </Popover>\n )\n }}\n </States>\n )\n}\n\nPlacement.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n return (\n <States<Partial<PopoverProps>>\n states={[\n { visible: true, manageFocus: false },\n { visible: true, manageFocus: true },\n ]}\n >\n <Popover\n placement=\"bottom\"\n popover={\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n }\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </States>\n )\n}\n\nexport const PopoverActions = () => {\n return (\n <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n <Popover\n placement=\"bottom\"\n popover={({ onHide, onDismiss }) => {\n return (\n <>\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n\n <Spacer y={2} />\n\n <Flex>\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onHide}\n >\n Hide\n </Button>\n\n <Spacer x={1} />\n\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onDismiss}\n >\n Dismiss\n </Button>\n </Flex>\n </>\n )\n }}\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </States>\n )\n}\n\nexport const CrashAtSpecificZoomLevels = () => {\n return (\n <>\n <Box height={100}>Zoom to 90% in Chrome, click, then scroll.</Box>\n\n <Box height={2000} bg=\"mono5\">\n <Box height={200} />\n\n <Popover\n placement=\"top\"\n popover={({ onHide, onDismiss }) => {\n return (\n <>\n <Text variant=\"xs\" width={300}>\n {CONTENT}\n </Text>\n\n <Spacer y={2} />\n\n <Flex>\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onHide}\n >\n Hide\n </Button>\n\n <Spacer x={1} />\n\n <Button\n flex={1}\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={onDismiss}\n >\n Dismiss\n </Button>\n </Flex>\n </>\n )\n }}\n >\n {({ onVisible, anchorRef }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n onClick={onVisible}\n >\n Click to display popover\n </Button>\n </Box>\n )\n }}\n </Popover>\n </Box>\n </>\n )\n}\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.Demo = exports.Default = void 0;
|
|
8
|
-
var
|
|
8
|
+
var _test = require("@storybook/test");
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _storybookStates = require("storybook-states");
|
|
11
11
|
var _ProgressDots = require("./ProgressDots");
|
|
@@ -54,7 +54,7 @@ var Default = exports.Default = function Default() {
|
|
|
54
54
|
variant: "dash",
|
|
55
55
|
activeIndex: 0,
|
|
56
56
|
amount: 5,
|
|
57
|
-
onClick: (0,
|
|
57
|
+
onClick: (0, _test.fn)()
|
|
58
58
|
}]
|
|
59
59
|
}, /*#__PURE__*/_react.default.createElement(_ProgressDots.ProgressDots, {
|
|
60
60
|
activeIndex: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressDots.story.js","names":["
|
|
1
|
+
{"version":3,"file":"ProgressDots.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_ProgressDots","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","activeIndex","amount","variant","onClick","fn","ProgressDots","displayName","Demo","_useState","useState","_useState2","index","setIndex","Fragment","my","story","parameters","chromatic","disable"],"sources":["../../../src/elements/ProgressDots/ProgressDots.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { ProgressDots, ProgressDotsProps } from \"./ProgressDots\"\n\nexport default {\n title: \"Components/ProgressDots\",\n}\n\nexport const Default = () => {\n return (\n <States<ProgressDotsProps>\n states={[\n { activeIndex: 0, amount: 5 },\n { activeIndex: 2, amount: 5 },\n { activeIndex: 4, amount: 5 },\n { activeIndex: 0, amount: 25 },\n { variant: \"dash\", activeIndex: 0, amount: 5 },\n { variant: \"dash\", activeIndex: 2, amount: 5 },\n { variant: \"dash\", activeIndex: 4, amount: 5 },\n { variant: \"dash\", activeIndex: 0, amount: 25 },\n {\n variant: \"dash\",\n activeIndex: 0,\n amount: 5,\n onClick: fn(),\n },\n ]}\n >\n <ProgressDots activeIndex={0} amount={5} />\n </States>\n )\n}\n\nexport const Demo = () => {\n const [index, setIndex] = useState(0)\n\n return (\n <>\n <ProgressDots activeIndex={index} amount={5} my={2} onClick={setIndex} />\n\n <ProgressDots\n variant=\"dash\"\n activeIndex={index}\n amount={5}\n my={2}\n onClick={setIndex}\n />\n </>\n )\n}\n\nDemo.story = {\n parameters: { chromatic: { disable: true } },\n}\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.WithDefaultValue = exports.OtherTypes = exports.Default = void 0;
|
|
8
|
-
var
|
|
8
|
+
var _test = require("@storybook/test");
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _storybookStates = require("storybook-states");
|
|
11
11
|
var _Spacer = require("../Spacer");
|
|
@@ -37,7 +37,7 @@ var Default = exports.Default = function Default() {
|
|
|
37
37
|
disabledText: "Reason for disabled"
|
|
38
38
|
}]
|
|
39
39
|
}, /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
|
|
40
|
-
onSelect: (0,
|
|
40
|
+
onSelect: (0, _test.fn)()
|
|
41
41
|
}, /*#__PURE__*/_react.default.createElement(_Join.Join, {
|
|
42
42
|
separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
|
|
43
43
|
y: 0.5
|
|
@@ -63,7 +63,7 @@ var WithDefaultValue = exports.WithDefaultValue = function WithDefaultValue() {
|
|
|
63
63
|
}
|
|
64
64
|
}, "Toggle default value: ", defaultValue), /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
|
|
65
65
|
defaultValue: defaultValue,
|
|
66
|
-
onSelect: (0,
|
|
66
|
+
onSelect: (0, _test.fn)()
|
|
67
67
|
}, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
|
|
68
68
|
value: "SHIP",
|
|
69
69
|
label: "Provide shipping address"
|
|
@@ -80,7 +80,7 @@ WithDefaultValue.story = {
|
|
|
80
80
|
var OtherTypes = exports.OtherTypes = function OtherTypes() {
|
|
81
81
|
return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
|
|
82
82
|
defaultValue: false,
|
|
83
|
-
onSelect: (0,
|
|
83
|
+
onSelect: (0, _test.fn)()
|
|
84
84
|
}, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
|
|
85
85
|
value: true,
|
|
86
86
|
label: "Yes"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.story.js","names":["
|
|
1
|
+
{"version":3,"file":"RadioGroup.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Spacer","_Button","_Radio","_RadioGroup","_Join","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","defaultValue","deselectable","disabled","disabledText","RadioGroup","onSelect","fn","Join","separator","Spacer","y","map","Radio","label","displayName","WithDefaultValue","_useState","useState","_useState2","setValue","Fragment","Button","mb","onClick","story","OtherTypes"],"sources":["../../../src/elements/RadioGroup/RadioGroup.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Spacer } from \"../Spacer\"\nimport { Button } from \"../Button\"\nimport { Radio } from \"../Radio/Radio\"\nimport { RadioGroup, RadioGroupProps } from \"./RadioGroup\"\nimport { Join } from \"../Join\"\n\nexport default {\n title: \"Components/RadioGroup\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<RadioGroupProps<string>>>\n states={[\n {},\n { defaultValue: \"Aural\" },\n { deselectable: true },\n { disabled: true },\n { disabled: true, disabledText: \"Reason for disabled\" },\n ]}\n >\n <RadioGroup onSelect={fn()}>\n <Join separator={<Spacer y={0.5} />}>\n {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n (value) => {\n return <Radio key={value} value={value} label={value} />\n }\n )}\n </Join>\n </RadioGroup>\n </States>\n )\n}\n\nexport const WithDefaultValue = () => {\n const [defaultValue, setValue] = useState(\"PICKUP\")\n\n return (\n <>\n <Button\n mb={2}\n onClick={() => {\n setValue(defaultValue === \"PICKUP\" ? \"SHIP\" : \"PICKUP\")\n }}\n >\n Toggle default value: {defaultValue}\n </Button>\n\n <RadioGroup defaultValue={defaultValue} onSelect={fn()}>\n <Radio value=\"SHIP\" label=\"Provide shipping address\" />\n <Spacer y={0.5} />\n <Radio value=\"PICKUP\" label=\"Arrange for pickup\" />\n </RadioGroup>\n </>\n )\n}\n\nWithDefaultValue.story = {\n name: \"With default value\",\n}\n\nexport const OtherTypes = () => {\n return (\n <States<Partial<RadioGroupProps<boolean | undefined>>>>\n <RadioGroup defaultValue={false} onSelect={fn()}>\n <Radio value={true} label=\"Yes\" />\n\n <Spacer y={0.5} />\n\n <Radio value={false} label=\"No\" />\n </RadioGroup>\n </States>\n )\n}\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.WithinModal = exports.WithinDrawer = exports.InContext = exports.Default = void 0;
|
|
8
|
-
var
|
|
8
|
+
var _test = require("@storybook/test");
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _storybookStates = require("storybook-states");
|
|
11
11
|
var _Box = require("../Box");
|
|
@@ -40,7 +40,7 @@ var Default = exports.Default = function Default() {
|
|
|
40
40
|
min: 0,
|
|
41
41
|
max: 5000,
|
|
42
42
|
step: 10,
|
|
43
|
-
onChange: (0,
|
|
43
|
+
onChange: (0, _test.fn)(),
|
|
44
44
|
ariaLabels: ["Min price", "Max price"]
|
|
45
45
|
}));
|
|
46
46
|
};
|
|
@@ -61,7 +61,7 @@ var WithinModal = exports.WithinModal = function WithinModal() {
|
|
|
61
61
|
min: 0,
|
|
62
62
|
max: 5000,
|
|
63
63
|
step: 10,
|
|
64
|
-
onChange: (0,
|
|
64
|
+
onChange: (0, _test.fn)()
|
|
65
65
|
})));
|
|
66
66
|
};
|
|
67
67
|
WithinModal.displayName = "WithinModal";
|
|
@@ -86,7 +86,7 @@ var WithinDrawer = exports.WithinDrawer = function WithinDrawer() {
|
|
|
86
86
|
min: 0,
|
|
87
87
|
max: 5000,
|
|
88
88
|
step: 10,
|
|
89
|
-
onChange: (0,
|
|
89
|
+
onChange: (0, _test.fn)()
|
|
90
90
|
}))));
|
|
91
91
|
};
|
|
92
92
|
WithinDrawer.story = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Modal","_Range","_LabeledInput","_Flex","_Spacer","_Text","_Drawer","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","step","max","Range","min","onChange","action","ariaLabels","displayName","WithinModal","ModalBase","width","height","dialogProps","bg","Box","WithinDrawer","_useState","useState","_useState2","open","setOpen","Fragment","Button","onClick","Drawer","onClose","p","story","parameters","chromatic","disable","InContext","_useState3","_useState4","_useState4$","setMinMax","border","borderColor","Flex","LabeledInput","label","flex","Spacer","x","y","justifyContent","Text","variant"],"sources":["../../../src/elements/Range/Range.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { ModalBase } from \"../Modal\"\nimport { Range, RangeProps } from \"./Range\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Drawer } from \"../Drawer\"\nimport { Button } from \"../Button\"\n\nexport default {\n title: \"Components/Range\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<RangeProps>>\n states={[{}, { value: [1100, 3450] }, { step: 1, max: 10 }]}\n >\n <Range\n min={0}\n max={5000}\n step={10}\n onChange={action(\"onChange\")}\n ariaLabels={[\"Min price\", \"Max price\"]}\n />\n </States>\n )\n}\n\nexport const WithinModal = () => {\n return (\n <ModalBase\n width=\"100%\"\n height=\"100%\"\n dialogProps={{ width: 400, height: 400, bg: \"mono5\" }}\n >\n <Box width={400} height={400}>\n <Range min={0} max={5000} step={10} onChange={action(\"onChange\")} />\n </Box>\n </ModalBase>\n )\n}\n\nexport const WithinDrawer = () => {\n const [open, setOpen] = useState(false)\n return (\n <>\n <Button\n onClick={() => {\n setOpen(true)\n }}\n >\n Open\n </Button>\n\n <Drawer\n open={open}\n onClose={() => {\n setOpen(false)\n }}\n >\n <Box width={400} p={2}>\n <Range min={0} max={5000} step={10} onChange={action(\"onChange\")} />\n </Box>\n </Drawer>\n </>\n )\n}\n\nWithinDrawer.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const InContext = () => {\n const [[min, max], setMinMax] = useState<number[]>([0, 50000])\n\n return (\n <Box p={2} border=\"1px solid\" borderColor=\"mono10\" width={375}>\n <Flex>\n <LabeledInput title=\"Min\" label=\"$USD\" flex={1} value={min} />\n\n <Spacer x={1} />\n\n <LabeledInput title=\"Max\" label=\"$USD\" flex={1} value={max} />\n </Flex>\n\n <Spacer y={1} />\n\n <Range\n min={0}\n max={50000}\n step={100}\n value={[min, max]}\n onChange={setMinMax}\n />\n\n <Spacer y={0.5} />\n\n <Flex justifyContent=\"space-between\">\n <Text variant=\"xs\">$0</Text>\n\n <Text variant=\"xs\">$50000+</Text>\n </Flex>\n </Box>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Range.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Modal","_Range","_LabeledInput","_Flex","_Spacer","_Text","_Drawer","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","step","max","Range","min","onChange","fn","ariaLabels","displayName","WithinModal","ModalBase","width","height","dialogProps","bg","Box","WithinDrawer","_useState","useState","_useState2","open","setOpen","Fragment","Button","onClick","Drawer","onClose","p","story","parameters","chromatic","disable","InContext","_useState3","_useState4","_useState4$","setMinMax","border","borderColor","Flex","LabeledInput","label","flex","Spacer","x","y","justifyContent","Text","variant"],"sources":["../../../src/elements/Range/Range.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { ModalBase } from \"../Modal\"\nimport { Range, RangeProps } from \"./Range\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Drawer } from \"../Drawer\"\nimport { Button } from \"../Button\"\n\nexport default {\n title: \"Components/Range\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<RangeProps>>\n states={[{}, { value: [1100, 3450] }, { step: 1, max: 10 }]}\n >\n <Range\n min={0}\n max={5000}\n step={10}\n onChange={fn()}\n ariaLabels={[\"Min price\", \"Max price\"]}\n />\n </States>\n )\n}\n\nexport const WithinModal = () => {\n return (\n <ModalBase\n width=\"100%\"\n height=\"100%\"\n dialogProps={{ width: 400, height: 400, bg: \"mono5\" }}\n >\n <Box width={400} height={400}>\n <Range min={0} max={5000} step={10} onChange={fn()} />\n </Box>\n </ModalBase>\n )\n}\n\nexport const WithinDrawer = () => {\n const [open, setOpen] = useState(false)\n return (\n <>\n <Button\n onClick={() => {\n setOpen(true)\n }}\n >\n Open\n </Button>\n\n <Drawer\n open={open}\n onClose={() => {\n setOpen(false)\n }}\n >\n <Box width={400} p={2}>\n <Range min={0} max={5000} step={10} onChange={fn()} />\n </Box>\n </Drawer>\n </>\n )\n}\n\nWithinDrawer.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const InContext = () => {\n const [[min, max], setMinMax] = useState<number[]>([0, 50000])\n\n return (\n <Box p={2} border=\"1px solid\" borderColor=\"mono10\" width={375}>\n <Flex>\n <LabeledInput title=\"Min\" label=\"$USD\" flex={1} value={min} />\n\n <Spacer x={1} />\n\n <LabeledInput title=\"Max\" label=\"$USD\" flex={1} value={max} />\n </Flex>\n\n <Spacer y={1} />\n\n <Range\n min={0}\n max={50000}\n step={100}\n value={[min, max]}\n onChange={setMinMax}\n />\n\n <Spacer y={0.5} />\n\n <Flex justifyContent=\"space-between\">\n <Text variant=\"xs\">$0</Text>\n\n <Text variant=\"xs\">$50000+</Text>\n </Flex>\n </Box>\n )\n}\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.Default = exports.ChangingCurrentStep = void 0;
|
|
8
|
-
var
|
|
8
|
+
var _test = require("@storybook/test");
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _storybookStates = require("storybook-states");
|
|
11
11
|
var _ = require("./");
|
|
@@ -49,7 +49,7 @@ var Default = exports.Default = function Default() {
|
|
|
49
49
|
}]
|
|
50
50
|
}, function (props) {
|
|
51
51
|
return /*#__PURE__*/_react.default.createElement(_.Stepper, _extends({
|
|
52
|
-
onChange: (0,
|
|
52
|
+
onChange: (0, _test.fn)()
|
|
53
53
|
}, props), /*#__PURE__*/_react.default.createElement(_.Step, {
|
|
54
54
|
name: "Review"
|
|
55
55
|
}, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
|