@appbuckets/react-ui
Version:
Just Another React UI Framework
332 lines (328 loc) • 5.53 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var defaultBucketThemeConfig = {
// ----
// Accordions Props
// ----
accordions: {
icon: 'angle-right',
iconRotation: 90,
},
// ----
// Avatar Component
// ----
avatar: {
type: 'round',
},
// ----
// AutoSpacer Component
// ----
autoSpacer: {},
// ----
// Backdrop Component
// ----
backdrop: {},
backdropInner: {},
// ----
// Badge Component
// ----
badge: {},
// ----
// Box Component
// ----
box: {},
// ----
// Button Component
// ----
button: {
as: 'button',
iconPosition: 'left',
type: 'button',
},
buttonGroup: {},
// ----
// Checkbox Component
// ----
checkbox: {},
// ----
// Collapsable Component
// ----
collapsable: {
collapsedHeight: 0,
},
// ----
// Color Picker Component
// ----
colorPicker: {
pickerType: 'block',
showColorValue: true,
},
// ----
// Column Component
// ----
column: {},
// ----
// Container Component
// ----
container: {},
// ----
// DayPicker Component
// ----
dayPicker: {
closeOnDayPicked: true,
dateFormat: 'DD/MM/YYYY',
showInputMask: true,
showOutsideDays: true,
showWeekNumbers: true,
type: 'input',
},
// ----
// Divider Component
// ----
divider: {
textAlign: 'center',
},
// ----
// DropDown Component
// ----
dropdownMenu: {
basic: false,
closeOnItemClicked: true,
inverted: false,
openOn: ['click'],
position: 'bottom right',
},
// ----
// Dropzone Component
// ----
dropzone: {
clearButton: {
content: 'Clear',
},
editItemTool: {
icon: 'edit',
flat: false,
},
hintOnIdle: 'Choose or Drag Files',
hintTitle: 'File Upload',
hintWhileDisabled: 'Upload Disabled',
hintWhileDragging: 'Release file to Upload',
iconOnDragging: 'file-download',
iconOnIdle: 'cloud-upload-alt',
maxFiles: 10,
multiple: true,
on: ['click', 'drop'],
removeItemTool: {
icon: 'times-circle',
danger: true,
flat: false,
},
uploadButton: {
content: 'Upload',
},
},
// ----
// Empty Content Component
// ----
emptyContent: {},
// ----
// Fade Component
// ----
fade: {
appear: true,
timeout: {
enter: 300,
exit: 300,
},
unMountOnExit: true,
},
// ----
// Form Component
// ----
form: {},
// ----
// Header Component
// ----
header: {},
headerContent: {
as: 'h3',
},
headerSubheader: {
as: 'h4',
},
// ----
// Hero Button Component
// ----
heroButton: {},
// ----
// Icon Component
// ----
icon: {},
// ----
// Input Component
// ----
input: {
textareaProps: {
minRows: 2,
maxRows: 8,
},
type: 'text',
},
// ----
// Item Component
// ----
item: {},
itemContent: {},
itemGroup: {},
itemHeader: {},
itemMeta: {},
itemText: {},
itemTools: {},
// ----
// Label Component
// ----
label: {},
labelGroup: {},
// ----
// Loader Component
// ----
loader: {
active: true,
type: 'circular',
},
// ----
// Menu Component
// ----
menu: {},
menuItem: {},
// ----
// Message Component
// ----
message: {},
// ----
// Modal Component
// ----
modal: {
closeIcon: 'times',
closeOnBackdropClick: true,
timeout: {
enter: 300,
exit: 150,
},
},
modalActions: {},
modalContent: {},
modalHeader: {},
// ----
// Numeric Input Component
// ----
numericInput: {
allowNegative: true,
thousandSeparator: '.',
decimalSeparator: ',',
selectAllOnClick: true,
},
// ----
// Panel Component
// ----
panel: {},
panelBody: {},
panelFooter: {},
panelHeader: {},
// ----
// Popup Component
// ----
popup: {
basic: true,
inverted: true,
hideOnScrollDelay: 50,
offset: [0, 5],
openOn: ['hover'],
position: 'top center',
},
// ----
// Progress Component
// ----
circularProgress: {
max: 100,
min: 0,
radius: 16,
strokeWidth: 10,
},
linearProgress: {
max: 100,
min: 0,
},
// ----
// Radio Component
// ----
radio: {},
radioOption: {},
// ----
// Row Component
// ----
row: {},
// ----
// Rx Table Component
// ----
rxTable: {
filterLogic: 'and',
initiallyLoading: true,
reloadSilently: true,
},
// ----
// Section Component
// ----
section: {
direction: 'vertical',
},
// ----
// Select Component
// ----
select: {},
selectMulti: {},
// ----
// Slider Component
// ----
slider: {
min: 0,
max: 100,
step: 1,
},
// ----
// Sticky Component
// ----
sticky: {},
// ----
// Table Component
// ----
table: { as: 'table' },
tableBody: { as: 'tbody' },
tableCell: { as: 'td' },
tableCellContent: { as: 'p', type: 'content' },
tableFooter: { as: 'tfoot' },
tableHeader: { as: 'thead' },
tableHeaderCell: { as: 'th' },
tableRow: { as: 'tr' },
// ----
// Tab Component
// ----
tabPanel: {},
tabs: {
layout: { menuWidth: 4, panelWidth: 20, menuOn: 'left' },
menu: { tab: true },
renderActiveOnly: true,
},
// ----
// Toast Component
// ----
toast: {},
// ----
// Virtualized Table Component
// ----
virtualizedTable: {
filterLogic: 'and',
reloadSilently: true,
},
};
exports.defaultBucketThemeConfig = defaultBucketThemeConfig;