UNPKG

ldx-widgets

Version:

widgets

138 lines (103 loc) • 2.42 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
[<< Component Index](../README.md) # [Modal](https://github.com/tmfi/ldx-web-utilities/blob/develop/src/components/modal.coffee) ## Mixins: `dialogueMixin` ### title **`String`** _Optional_ title for the modal header --- ### buttons **`Array`** _Optional_ Array of button objects with name, handler to be called on click, and disabled boolean, eg... ``` [ { name: 'Save' handler: @save disabled: no } ] ``` --- ### children **`Element`** _Required_ React element (or array of elements) to inserted as the modal body --- ### styleOverride **`Object`** _Optional_ aphrodite style object, optionally can contain .modal, .header, .title, .actionButton class defs, eg... ``` { modalBase: {} modalEnter: {} modal: {} header: {} title: {} actionButton: {} } ``` --- ### close **`Function`** _Optional_ Function that closes the overlay, passed automatically by the overlay framework --- ### onClose **`Function`** _Optional_ Function that is called right before the modal closes --- ### showClose **`Boolean`** _Optional_ Defaults to yes, set it to no to not show the close button --- ### closeAfterSave **`Boolean`** _Optional_ --- ### close _Optional_ Note: in this case you MUST pass an onSaveComplete handler that sets the saveState to null after a save --- ### onSaveComplete **`Function`** _Optional_ Function that is called right after the saveState is set to complete and the success indicator finishes animating --- ### closeBtnText **`String`** _Optional_ Defaults to 'Cancel', text to display in the close button --- ### animateIn **`Boolean`** _Optional_ Defaults to yes, whether or not to bouce the modal on enter --- ### loading **`Boolean`** _Optional_ Defaults to no, whether or not to show the spinner instead of the children --- ### draggable **`Boolean`** _Optional_ Defaults to yes, whether or not the modal can be dragged from it's header --- ### stopPropagation **`Boolean`** _Optional_ Defaults to yes, whether or not the modal stop click from bubbling above it --- ### displayProgressBar **`Boolean`** _Optional_ Defaults to no, whether or not the confirm/save show the progress bar instead of the spinner --- ### uploadProgress _Optional_ Progress of a file being uploaded