wix-style-react
Version:
852 lines (838 loc) • 19 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _CropRotate = _interopRequireDefault(require("wix-ui-icons-common/CropRotate"));
var _Popover = _interopRequireDefault(require("../src/Popover"));
var _Input = _interopRequireDefault(require("../src/Input"));
var _Notification = _interopRequireDefault(require("../src/Notification"));
var _FloatingHelper = _interopRequireDefault(require("../src/FloatingHelper"));
var _VerticalTabs = _interopRequireDefault(require("../src/VerticalTabs"));
var _SegmentedToggle = _interopRequireDefault(require("../src/SegmentedToggle"));
var _PopoverMenu = _interopRequireDefault(require("../src/PopoverMenu"));
var _Dropzone = _interopRequireDefault(require("../src/Dropzone"));
var _CardFolderTabs = _interopRequireDefault(require("../src/CardFolderTabs"));
/*
* This file exports object with config for components.
* It is used for automated teskit smoke tests
*
* { [component.displayName]: ComponentDefinition }
*
* [component.displayName] = {
* // hook function to be called before tests begin
* beforeAllHook?: function;
*
* // hook function to be called after tests end
* afterAllHook?: function;
*
* // set required props, if any
* props?: object;
* }
*/
var _default = {
Animate: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
AvatarGroup: {
props: {
items: [{
ariaLabel: 'Avatar for John Doe',
name: 'John Doe',
title: 'Wix Account: John Doe (johndoe@gmail.com)'
}, {
ariaLabel: 'Avatar for John Doe',
name: 'John Doe',
title: 'Wix Account: John Doe (johndoe@gmail.com)'
}]
}
},
BounceAnimation: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
BadgeSelectItem: {
props: {
skin: 'general',
text: 'Badge 1'
}
},
AudioPlayer: {
props: {
src: 'example.mp3'
}
},
ColorPicker: {
props: {
value: '#000',
onChange: function onChange() {},
onCancel: function onCancel() {},
onConfirm: function onConfirm() {}
}
},
Popover: {
props: {
children: [/*#__PURE__*/_react["default"].createElement(_Popover["default"].Element, null, /*#__PURE__*/_react["default"].createElement("div", null, "I am the trigger!")), /*#__PURE__*/_react["default"].createElement(_Popover["default"].Content, null, /*#__PURE__*/_react["default"].createElement("div", null, "I am the content!"))]
}
},
PopoverMenu: {
props: {
triggerElement: /*#__PURE__*/_react["default"].createElement("div", null),
children: [/*#__PURE__*/_react["default"].createElement(_PopoverMenu["default"].MenuItem, {
key: "0"
})]
}
},
FloatingHelper: {
props: {
content: /*#__PURE__*/_react["default"].createElement(_FloatingHelper["default"].Content, {
title: "title",
body: "body"
}),
target: /*#__PURE__*/_react["default"].createElement("div", null, "target"),
placement: 'left'
}
},
Range: {
props: {
children: [/*#__PURE__*/_react["default"].createElement(_Input["default"], {
key: "0"
}), /*#__PURE__*/_react["default"].createElement(_Input["default"], {
key: "1"
})]
}
},
Tag: {
props: {
id: 'hello',
children: 'a'
}
},
TagList: {
props: {
tags: []
}
},
Badge: {
props: {
children: 'hello'
}
},
ImageViewer: {
props: {
imageUrl: ''
}
},
FormField: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
FunnelChart: {
props: {
data: [{
value: 1000,
label: 'visits'
}, {
value: 800,
label: 'views'
}]
}
},
BadgeSelect: {
props: {
options: [{
id: '0',
skin: 'general',
text: 'general'
}]
}
},
CardGalleryItem: {
props: {
primaryActionProps: {
label: 'Button'
},
secondaryActionProps: {
label: 'Text link'
},
backgroundImageUrl: 'https://static.wixstatic.com/media/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg/v1/fill/w_343,h_343,al_c,q_80,usm_0.66_1.00_0.01/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg'
}
},
Carousel: {
props: {
images: [{
src: 'https://a-static.besthdwallpaper.com/garfield-wallpaper-2800x2100-815_28.jpg'
}, {
src: 'https://m.media-amazon.com/images/M/MV5BZGMwOGIwZjUtOWQ1OS00YWRjLWJmZGMtN2Y1OWQ3ZDYwYTM3XkEyXkFqcGdeQXVyNzU1NzE3NTg@._V1_.jpg'
}, {
src: 'https://a-static.besthdwallpaper.com/cartoons-garfield-wallpaper-1440x1080-6773_22.jpg'
}]
}
},
Collapse: {
props: {
label: 'Simple text',
children: 'Lorem perferendis sapiente quas facilis!',
open: true
}
},
CalendarPanel: {
props: {
onChange: function onChange() {}
}
},
Palette: {
props: {
fill: ['rgb(50, 132, 144)', 'rgb(50, 183, 198)', 'rgb(146, 224, 225)', 'rgb(203, 246, 255)', 'rgb(229, 250, 248)']
}
},
Breadcrumbs: {
props: {
items: [{
id: 0,
value: 'Option 1'
}, {
id: 1,
value: 'Option 2'
}]
}
},
Calendar: {
props: {
onChange: function onChange() {}
}
},
CalendarPanelFooter: {
props: {
primaryActionLabel: 'Submit',
secondaryActionLabel: 'Cancel',
primaryActionDisabled: false,
primaryActionOnClick: function primaryActionOnClick() {
return null;
},
secondaryActionOnClick: function secondaryActionOnClick() {
return null;
},
dateToString: function dateToString() {
return 'a string';
}
}
},
EditableTitle: {
props: {
initialValue: 'Some Title'
}
},
EmptyState: {
props: {
subtitle: 'Create your product item in an easy & fast way to display it on your site',
theme: 'page',
title: " You don't have any items yet"
}
},
ToggleButton: {
props: {
labelValue: 'Crop & Rotate',
children: /*#__PURE__*/_react["default"].createElement(_CropRotate["default"], null)
}
},
Button: {
props: {
children: 'Button'
}
},
TextButton: {
props: {
children: 'Text Button'
}
},
Slider: {
props: {
onChange: function onChange() {}
}
},
Selector: {
props: {
id: 1,
title: 'title'
}
},
Table: {
props: {
data: [{
a: 'value 1',
b: 'value 2'
}],
columns: [{
title: 'A',
render: function render(row) {
return row.a;
}
}]
}
},
Tabs: {
props: {
items: [{
id: 1,
title: 'item 1'
}, {
id: 2,
title: 'item 2'
}, {
id: 3,
title: 'item 3'
}, {
id: 4,
title: 'item 4'
}, {
id: 5,
title: 'item 5'
}]
}
},
Modal: {
props: {
isOpen: false
}
},
Notification: {
props: {
children: [/*#__PURE__*/_react["default"].createElement(_Notification["default"].TextLabel, {
key: "0"
}, "label"), /*#__PURE__*/_react["default"].createElement(_Notification["default"].CloseButton, {
key: "1"
})]
}
},
DatePicker: {
props: {
onChange: function onChange() {}
}
},
CustomModalLayout: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
BaseModalLayout: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
MessageModalLayout: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
AnnouncementModalLayout: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
ModalSelectorLayout: {
props: {
dataSource: function dataSource() {
return Promise.resolve({
items: [],
totalCount: 0
});
}
}
},
SelectorList: {
props: {
dataSource: function dataSource() {
return Promise.resolve({
items: [],
totalCount: 0
});
}
}
},
Proportion: {
props: {
children: 'test'
}
},
PageSection: {
props: {
title: 'title'
}
},
Box: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
ColorInput: {
props: {
value: '#FFFFFF'
}
},
FacesRatingBar: {
props: {
value: 1
}
},
ListItemAction: {
props: {
title: 'something'
}
},
ListItemEditable: {
props: {
onApprove: function onApprove() {
return null;
},
onCancel: function onCancel() {
return null;
}
}
},
SidebarHeader: {
props: {
title: 'test'
}
},
SidebarSectionItem: {
props: {
children: 'test'
}
},
SidebarSectionTitle: {
props: {
children: 'test'
}
},
StarsRatingBar: {
props: {
value: 0
}
},
MarketingLayout: {
props: {
title: 'Large Size Layout',
description: 'This layout is very prominent, use it to promote apps or things like staff featured templates.'
}
},
ModalPreviewLayout: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null),
onClose: function onClose() {}
}
},
MediaOverlay: {
props: {
media: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
InfoIcon: {
props: {
content: 'test'
}
},
PreviewWidget: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
Timeline: {
props: {
items: []
}
},
TimeTable: {
props: {
addItemButtonLabel: 'Add Task',
columns: [{
title: '1',
subtitle: 'DAY',
items: [{
content: 'Task 1'
}],
disabled: true
}, {
title: '2',
subtitle: 'DAY',
items: [{
content: 'Task 2'
}, {
content: 'Task 3',
disabled: false
}],
disabled: true
}, {
title: '3',
subtitle: 'DAY',
items: [{
content: 'Task 4'
}],
disabled: true
}, {
title: '4',
subtitle: 'DAY',
items: [{
content: 'Task 5'
}],
active: true
}, {
title: '5',
subtitle: 'DAY',
items: [{
content: 'Task 6'
}]
}, {
title: '6',
subtitle: 'DAY',
items: [{
content: 'Task 7',
disabled: true,
draggable: true
}]
}, {
title: '7',
subtitle: 'DAY',
items: [{
content: 'Task 8'
}]
}]
}
},
VerticalTabs: {
props: {
children: [/*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"], {
key: "1"
}, /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabsGroup, {
title: "Current Benefits"
}, /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabItem, {
id: 0
}, "Experts Dashboard"), /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabItem, {
id: 1
}, "Product Betas"), /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabItem, {
id: 2
}, "Wix Arena Exposure")), /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabsGroup, {
title: "Next Level Benefits"
}, /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabItem, {
id: 3
}, "Loyalty Program"), /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabItem, {
id: 4
}, "20% Revenue Share"), /*#__PURE__*/_react["default"].createElement(_VerticalTabs["default"].TabItem, {
id: 5
}, "Dedicated Account Manager")))]
}
},
ListItemSelect: {
props: {
title: 'List item select',
size: 'small',
suffix: 'Suffix'
}
},
MobilePreviewWidget: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
ListItemSection: {
props: {
title: 'I am a list section'
}
},
BrowserPreviewWidget: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null)
}
},
SocialButton: {
props: {
icon: 'facebook',
text: 'Share me please!'
}
},
LabelledElement: {
props: {
value: 'asddas',
children: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
size: "large",
value: "asddas"
})
}
},
Divider: {
props: {
hasFlexboxContainer: true
}
},
BarChart: {
props: {
items: [1, 2, 3, 4, 5, 6, 7, 8, 9].map(function (n) {
return {
value: 250,
description: "Option ".concat(n)
};
})
}
},
ComposerHeader: {
props: {
backButtonValue: 'Back to Social Posts'
}
},
StatisticsWidget: {
props: {
items: [{
value: '$7,500',
description: 'Monday',
percentage: 21,
invertedPercentage: true
}, {
value: '1 200 000',
description: 'Tuesday',
descriptionInfo: 'Sales on Tuesday',
percentage: 11
}, {
value: '21k',
description: 'Wednesday'
}]
}
},
Tooltip: {
props: {
content: 'hello',
children: /*#__PURE__*/_react["default"].createElement("button", null, "content")
}
},
Text: {
props: {
ellipsis: true,
children: 'text'
}
},
SegmentedToggle: {
props: {
children: [/*#__PURE__*/_react["default"].createElement(_SegmentedToggle["default"].Button, {
key: "1",
value: "option"
}, "Option"), /*#__PURE__*/_react["default"].createElement(_SegmentedToggle["default"].Button, {
key: "2",
value: "option2"
}, "Option")]
}
},
Swatches: {
props: {
colors: ['#000', '#fff', 'red', 'cyan', 'rgb(200, 100, 0)', 'turquoise', 'beige']
}
},
Stepper: {
props: {
steps: [{
text: 'This is a long step name'
}, {
text: 'This is a long step name'
}, {
text: 'This is a long step name'
}, {
text: 'This is a long step name'
}, {
text: 'This is a long step name'
}, {
text: 'This is a long step name'
}, {
text: 'This is a long step name'
}],
activeStep: 0
}
},
SocialPreview: {
props: {
title: 'Click me!'.repeat(27),
description: 'a short description for a site'.repeat(8),
previewUrl: 'www.site-name.com'.repeat(28)
}
},
Skeleton: {
props: {
content: [{
size: 'small',
type: 'line'
}, {
size: 'large',
type: 'line'
}, {
size: 'medium',
type: 'line'
}, {
size: 'full',
type: 'line'
}]
}
},
Heading: {
props: {
light: false,
appearance: 'H1',
children: 'Hey there, good looking'
}
},
HorizontalTimeline: {
props: {
items: [{
label: 'Instructions completed'
}, {
label: 'Domain check'
}, {
label: 'Site is live worldwide'
}]
}
},
TableActionCell: {
props: {
primaryAction: {
text: 'Edit',
skin: 'inverted',
onClick: function onClick() {
return {};
}
}
}
},
Accordion: {
props: {
items: [{
title: 'First Row With Button',
children: 'text',
buttonType: 'button',
expandLabel: 'Show More',
collapseLabel: 'Less'
}, {
title: 'Second Row With Icon',
children: 'text',
expandLabel: 'Show More',
collapseLabel: 'Less'
}]
}
},
FileUpload: {
props: {
onChange: function onChange() {},
children: function children(_ref) {
var openFileUploadDialog = _ref.openFileUploadDialog;
return /*#__PURE__*/_react["default"].createElement("button", {
onClick: openFileUploadDialog
});
}
}
},
Dropzone: {
props: {
onDrop: function onDrop() {},
children: [/*#__PURE__*/_react["default"].createElement(_Dropzone["default"].Overlay, null, /*#__PURE__*/_react["default"].createElement("span", null)), /*#__PURE__*/_react["default"].createElement(_Dropzone["default"].Content, null, /*#__PURE__*/_react["default"].createElement("span", null))]
}
},
TableListItem: {
props: {
draggable: true,
checkbox: true,
checked: true,
showDivider: true,
options: [{
value: 'Hello',
align: 'right',
width: 80
}, {
value: 'World',
align: 'center',
width: '40%'
}, {
value: '!!!',
align: 'left'
}]
}
},
AreaChart: {
props: {
data: [{
value: 100,
label: 'label_1'
}, {
value: 200,
label: 'label_2'
}, {
value: 300,
label: 'label_3'
}]
}
},
SparklineChart: {
props: {
data: [{
label: new Date('Thu Sep 4 2020'),
value: 3
}, {
label: new Date('Thu Sep 5 2020'),
value: 17
}, {
label: new Date('Thu Sep 6 2020'),
value: 18
}]
}
},
CardFolderTabs: {
props: {
activeId: '1',
children: /*#__PURE__*/_react["default"].createElement(_CardFolderTabs["default"].Tab, {
id: "1",
key: "1",
name: "Some tab"
}, "xxx")
}
},
TrendIndicator: {
props: {
value: 0
}
},
CopyClipboard: {
props: {
value: 'https://www.wix.com',
children: function children(_ref2) {
var copyToClipboard = _ref2.copyToClipboard;
return /*#__PURE__*/_react["default"].createElement("button", {
onClick: copyToClipboard
});
}
}
},
AnalyticsSummaryCard: {
props: {
percentage: 0,
chartData: [{
label: new Date(),
value: 0
}]
}
},
AnalyticsLayout: {
props: {
items: [],
children: function children() {
return null;
}
}
},
PulseAnimation: {
props: {
children: /*#__PURE__*/_react["default"].createElement("div", null),
color: 'B10'
}
}
};
exports["default"] = _default;