@tactics/toddle-styleguide 5.4.2 → 5.4.3
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/index.tsx +155 -139
- package/package.json +1 -1
package/index.tsx
CHANGED
|
@@ -5,77 +5,70 @@ import 'intl/locale-data/jsonp/en';
|
|
|
5
5
|
|
|
6
6
|
import App from './App';
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
if (!webBuild) {
|
|
8
|
+
if (!process.env.EXPO_PUBLIC_WEBBUILD) {
|
|
10
9
|
registerRootComponent(App);
|
|
11
10
|
}
|
|
12
11
|
|
|
13
|
-
//
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
12
|
+
// ================================
|
|
13
|
+
// Components
|
|
14
|
+
// ================================
|
|
15
|
+
import { Avatar } from './src/components/molecules/avatar/avatar.component';
|
|
16
|
+
import { Button } from './src/components/molecules/button/button.component';
|
|
17
|
+
import { CancelLink } from './src/components/molecules/cancel-link/cancel-link.component';
|
|
18
|
+
import { Check } from './src/components/atoms/check-switch/check-switch.component';
|
|
19
|
+
import { Checkbox } from './src/components/molecules/checkbox/checkbox.component';
|
|
20
|
+
import { ChildListItem } from './src/components/organisms/child-list-item/child-list-item.component';
|
|
21
|
+
import { ContactItem } from './src/components/organisms/contact-item/contact-item.component';
|
|
22
|
+
import { FilterTab } from './src/components/molecules/filter-tab/filter-tab.component';
|
|
23
|
+
import { SplitContainer } from './src/components/atoms/split-container/split-container.component';
|
|
24
|
+
import { ImageBubble } from './src/components/atoms/image-bubble/image-bubble.component';
|
|
25
|
+
import { Info } from './src/components/molecules/info/info.component';
|
|
26
|
+
import { Pill } from './src/components/molecules/pill/pill.component';
|
|
27
|
+
import { Popover } from './src/components/templates/popover/popover.component';
|
|
28
|
+
import { PressableIcon } from './src/components/molecules/pressable-icon/pressable-icon.component';
|
|
29
|
+
import { QuickFilter } from './src/components/molecules/quick-filter/quick-filter.component';
|
|
30
|
+
import { SelectListItem } from './src/components/molecules/select-list-item/select-list-item.component';
|
|
31
|
+
import { Snackbar } from './src/components/molecules/snackbar/snackbar.component';
|
|
32
|
+
import { Tag } from './src/components/molecules/tag/tag.component';
|
|
33
|
+
import { TextBubble } from './src/components/organisms/text-bubble/text-bubble.component';
|
|
34
|
+
import { TextInput } from './src/components/atoms/text-input/text-input.component';
|
|
35
|
+
import { TimeTracker } from './src/components/molecules/time-tracker/time-tracker.component';
|
|
36
|
+
import { WideButton } from './src/components/molecules/wide-button/wide-button.component';
|
|
37
|
+
import { Icon } from './src/icons';
|
|
38
|
+
import { Calendar } from './src/components/atoms/calendar/calendar.component';
|
|
39
|
+
import { IncrementInput } from './src/components/atoms/increment-input/increment-input.component';
|
|
40
|
+
import { Logo } from './src/components/atoms/logo/logo.component';
|
|
41
|
+
import { Search } from './src/components/molecules/search-input/search.component';
|
|
42
|
+
import { BlockedMessage } from './src/components/molecules/blocked-message/blocked-message.component';
|
|
43
|
+
import { DepartmentLogo } from './src/components/molecules/department_logo/department-logo.component';
|
|
44
|
+
import { ContactRole } from './src/components/molecules/contact-role/contact-role.component';
|
|
45
|
+
import { TimeLine } from './src/components/molecules/timeline/timeline.component';
|
|
46
|
+
import { SelectPicker } from './src/components/molecules/select-picker/select-picker.component';
|
|
47
|
+
import { CalendarSelect } from './src/components/molecules/calendar-select/calendar-select.component';
|
|
48
|
+
import { DateInput } from './src/components/molecules/date-input/date-input.component';
|
|
49
|
+
import { FilterRange } from './src/components/molecules/filter-range/filter-range.component';
|
|
50
|
+
import { Footer } from './src/components/atoms/footer/footer.component';
|
|
51
|
+
import { DefaultSelect } from './src/components/molecules/default-select/default-select.component';
|
|
52
|
+
import { PasswordInput } from './src/components/molecules/password-input/password-input.component';
|
|
53
|
+
import { MessageInput } from './src/components/molecules/message-input/message-input.component';
|
|
53
54
|
import {
|
|
54
|
-
AllCapsHeading,
|
|
55
|
-
Heading1,
|
|
56
|
-
Heading2,
|
|
57
|
-
Heading3,
|
|
58
|
-
Heading4,
|
|
55
|
+
AllCapsHeading, Heading1, Heading2, Heading3, Heading4
|
|
59
56
|
} from './src/components/atoms/heading-components';
|
|
60
|
-
import {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
} from './src/components/
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {QuickMessage} from './src/components/atoms/quick-message/quick-message.component';
|
|
76
|
-
import {Line} from './src/components/atoms/line/line.component';
|
|
77
|
-
import {JournalEntry} from './src/components/organisms/journal-entry/journal-entry.component';
|
|
78
|
-
import {TimetableEdit} from './src/components/organisms/timetable-edit/timetable-edit.component';
|
|
57
|
+
import { Paragraph, SmallText, TinyText } from './src/components/atoms/paragraph-components';
|
|
58
|
+
import { SelectLink } from './src/components/molecules/select-link/select-link.component';
|
|
59
|
+
import { MyChildListItem } from './src/components/organisms/my-child-list-item/my-child-list-item.component';
|
|
60
|
+
import { MoreInfoButton } from './src/components/molecules/more-info-button/more-info-button.component';
|
|
61
|
+
import { LanguageButton } from './src/components/molecules/language-button/language-button.component';
|
|
62
|
+
import { Modal } from './src/components/templates/modal/modal.component';
|
|
63
|
+
import { LoadingIndicator } from './src/components/organisms/loading-indicator/loading-indicator.component';
|
|
64
|
+
import { WaveBackground } from './src/components/molecules/wave-background/wave.component';
|
|
65
|
+
import { BackgroundGradient } from './src/components/atoms/background-gradient/background-gradient.component';
|
|
66
|
+
import { PersonInfoCard } from './src/components/organisms/person-info-card/person-info-card.component';
|
|
67
|
+
import { TimePicker } from './src/components/molecules/time-picker/time-picker.component';
|
|
68
|
+
import { QuickMessage } from './src/components/atoms/quick-message/quick-message.component';
|
|
69
|
+
import { Line } from './src/components/atoms/line/line.component';
|
|
70
|
+
import { JournalEntry } from './src/components/organisms/journal-entry/journal-entry.component';
|
|
71
|
+
import { TimetableEdit } from './src/components/organisms/timetable-edit/timetable-edit.component';
|
|
79
72
|
import { ContextLabel } from './src/components/molecules/context-label/context-label.component';
|
|
80
73
|
import { Count } from './src/components/atoms/count/count.component';
|
|
81
74
|
import { Amount } from './src/components/molecules/amount/amount.component';
|
|
@@ -87,45 +80,58 @@ import { SelectableListItem } from './src/components/molecules/selectable-list-i
|
|
|
87
80
|
import { SwipeableContainer } from './src/components/molecules/swipeable/swipeable-container.component';
|
|
88
81
|
import { SwipeableAction } from './src/components/molecules/swipeable/swipeable-action.component';
|
|
89
82
|
import { ContactAddress } from './src/components/molecules/contact-address/contact-address.component';
|
|
83
|
+
import { Day } from './src/components/molecules/day/day.component';
|
|
90
84
|
|
|
91
|
-
//
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
85
|
+
// ================================
|
|
86
|
+
// Enums
|
|
87
|
+
// ================================
|
|
88
|
+
import { BubbleAlignment } from './src/types/bubble-alignment.enum';
|
|
89
|
+
import { KeyBoardTypes } from './src/types/keyboard-types.enum';
|
|
90
|
+
import { Size } from './src/types/size.enum';
|
|
91
|
+
import { VisualState } from './src/types/visual-state.enum';
|
|
96
92
|
|
|
97
|
-
//
|
|
98
|
-
|
|
93
|
+
// ================================
|
|
94
|
+
// Models
|
|
95
|
+
// ================================
|
|
96
|
+
import { Initials } from './src/models/initials.model';
|
|
99
97
|
import { TimeSlotRecord } from './src/models/time-slot-record';
|
|
100
98
|
import { TimeSlotSequence } from './src/models/time-slot-sequence';
|
|
101
99
|
|
|
102
|
-
//
|
|
103
|
-
|
|
100
|
+
// ================================
|
|
101
|
+
// Context
|
|
102
|
+
// ================================
|
|
103
|
+
import { ThemeCtx } from './src/context/theme.context';
|
|
104
104
|
|
|
105
|
-
//
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
105
|
+
// ================================
|
|
106
|
+
// Theme / Style
|
|
107
|
+
// ================================
|
|
108
|
+
import { Scale } from './src/theme/scale/index';
|
|
109
109
|
import CreateResponsiveStyle from './src/theme/responsive/index';
|
|
110
|
-
import { ClockInterface, SystemClock } from "./src/utilities/datetime/clock.class";
|
|
111
|
-
import { YearAndMonth, YearAndMonthInterface, YearAndMonthLocaleAwareOutputFormat, YearAndMonthOutputFormat } from "./src/utilities/datetime/yearandmonth.class";
|
|
112
|
-
import { Year, YearInterface, YearOutputFormat } from "./src/utilities/datetime/year.class";
|
|
113
|
-
import {SystemTimezone, TimeZone, TimeZoneInterface, UTCTimezone } from "./src/utilities/datetime/timezone.class";
|
|
114
|
-
import { Time, TimeInputFormat, TimeInterface, TimeOutputFormat } from "./src/utilities/datetime/time.class";
|
|
115
|
-
import { Second, SecondInterface, SecondOutputFormat } from "./src/utilities/datetime/second.class";
|
|
116
|
-
import { Month, MonthIndex, MonthInterface, MonthLocalAwareOutputFormat, MonthOutputFormat } from "./src/utilities/datetime/month.class";
|
|
117
|
-
import { Minute, MinuteInterface, MinuteOutputFormat } from "./src/utilities/datetime/minute.class";
|
|
118
|
-
import { Millisecond, MillisecondInterface, MilliSecondOutputFormat } from "./src/utilities/datetime/millisecond.class";
|
|
119
|
-
import { Locale } from "./src/utilities/datetime/locale";
|
|
120
|
-
import { Hour, HourInterface, HourOutputFormat } from "./src/utilities/datetime/hour.class";
|
|
121
|
-
import { DayOfWeek, DayOfWeekIndex, DayOfWeekLocaleAwareOutputFormat, DayOfWeekOutputFormat, IDayOfWeek,
|
|
122
|
-
Iso8601WeekdayNumbers, ZeroBasedWeekdayNumbers } from "./src/utilities/datetime/dayoftheweek.class";
|
|
123
|
-
import { Day } from "./src/components/molecules/day/day.component";
|
|
124
|
-
import { DayInterface, DayOutputFormat } from "./src/utilities/datetime/day.class";
|
|
125
|
-
import { DateTime, DateTimeCalculation, DateTimeInterface, DateTimeOutputFormat } from "./src/utilities/datetime/datetime.class";
|
|
126
|
-
import { DateOnly, DateOnlyInterface, DateOnlyLocaleAwareOutputFormat, DateOnlyOutputFormat } from "./src/utilities/datetime/dateonly.class";
|
|
127
110
|
|
|
111
|
+
// ================================
|
|
112
|
+
// Date / Time Utilities
|
|
113
|
+
// ================================
|
|
114
|
+
import { ClockInterface, SystemClock } from './src/utilities/datetime/clock.class';
|
|
115
|
+
import { YearAndMonth, YearAndMonthInterface, YearAndMonthLocaleAwareOutputFormat, YearAndMonthOutputFormat } from './src/utilities/datetime/yearandmonth.class';
|
|
116
|
+
import { Year, YearInterface, YearOutputFormat } from './src/utilities/datetime/year.class';
|
|
117
|
+
import { SystemTimezone, TimeZone, TimeZoneInterface, UTCTimezone } from './src/utilities/datetime/timezone.class';
|
|
118
|
+
import { Time, TimeInputFormat, TimeInterface, TimeOutputFormat } from './src/utilities/datetime/time.class';
|
|
119
|
+
import { Second, SecondInterface, SecondOutputFormat } from './src/utilities/datetime/second.class';
|
|
120
|
+
import { Month, MonthIndex, MonthInterface, MonthLocalAwareOutputFormat, MonthOutputFormat } from './src/utilities/datetime/month.class';
|
|
121
|
+
import { Minute, MinuteInterface, MinuteOutputFormat } from './src/utilities/datetime/minute.class';
|
|
122
|
+
import { Millisecond, MillisecondInterface, MilliSecondOutputFormat } from './src/utilities/datetime/millisecond.class';
|
|
123
|
+
import { Locale } from './src/utilities/datetime/locale';
|
|
124
|
+
import { Hour, HourInterface, HourOutputFormat } from './src/utilities/datetime/hour.class';
|
|
125
|
+
import { DayOfWeek, DayOfWeekIndex, DayOfWeekLocaleAwareOutputFormat, DayOfWeekOutputFormat, IDayOfWeek, Iso8601WeekdayNumbers, ZeroBasedWeekdayNumbers } from './src/utilities/datetime/dayoftheweek.class';
|
|
126
|
+
import { DayInterface, DayOutputFormat } from './src/utilities/datetime/day.class';
|
|
127
|
+
import { DateTime, DateTimeCalculation, DateTimeInterface, DateTimeOutputFormat } from './src/utilities/datetime/datetime.class';
|
|
128
|
+
import { DateOnly, DateOnlyInterface, DateOnlyLocaleAwareOutputFormat, DateOnlyOutputFormat } from './src/utilities/datetime/dateonly.class';
|
|
129
|
+
|
|
130
|
+
// ================================
|
|
131
|
+
// Exports
|
|
132
|
+
// ================================
|
|
128
133
|
export {
|
|
134
|
+
// Components
|
|
129
135
|
AllCapsHeading,
|
|
130
136
|
Avatar,
|
|
131
137
|
BackgroundGradient,
|
|
@@ -187,78 +193,88 @@ export {
|
|
|
187
193
|
TinyText,
|
|
188
194
|
WaveBackground,
|
|
189
195
|
WideButton,
|
|
190
|
-
BubbleAlignment,
|
|
191
|
-
Initials,
|
|
192
|
-
KeyBoardTypes,
|
|
193
|
-
Size,
|
|
194
|
-
ThemeCtx,
|
|
195
|
-
VisualState,
|
|
196
|
-
CreateResponsiveStyle,
|
|
197
|
-
Scale,
|
|
198
|
-
TimetableEdit,
|
|
199
196
|
ContextLabel,
|
|
200
197
|
Count,
|
|
201
198
|
Amount,
|
|
199
|
+
TimetableEdit,
|
|
202
200
|
TimetableEditor,
|
|
203
201
|
TimetableEditorStaff,
|
|
204
|
-
TimeSlotRecord,
|
|
205
|
-
TimeSlotSequence,
|
|
206
202
|
InlineError,
|
|
207
203
|
InlineNotice,
|
|
208
204
|
SelectableListItem,
|
|
209
205
|
SwipeableContainer,
|
|
210
206
|
SwipeableAction,
|
|
207
|
+
Day,
|
|
208
|
+
|
|
209
|
+
// Enums
|
|
210
|
+
BubbleAlignment,
|
|
211
|
+
KeyBoardTypes,
|
|
212
|
+
Size,
|
|
213
|
+
VisualState,
|
|
214
|
+
|
|
215
|
+
// Models
|
|
216
|
+
Initials,
|
|
217
|
+
TimeSlotRecord,
|
|
218
|
+
TimeSlotSequence,
|
|
219
|
+
|
|
220
|
+
// Context
|
|
221
|
+
ThemeCtx,
|
|
222
|
+
|
|
223
|
+
// Theme
|
|
224
|
+
Scale,
|
|
225
|
+
CreateResponsiveStyle,
|
|
226
|
+
|
|
227
|
+
// Date / Time Utilities
|
|
211
228
|
ClockInterface,
|
|
212
229
|
SystemClock,
|
|
213
|
-
DateOnlyOutputFormat,
|
|
214
|
-
DateOnlyLocaleAwareOutputFormat,
|
|
215
|
-
DateOnlyInterface,
|
|
216
230
|
DateOnly,
|
|
217
|
-
|
|
231
|
+
DateOnlyInterface,
|
|
232
|
+
DateOnlyLocaleAwareOutputFormat,
|
|
233
|
+
DateOnlyOutputFormat,
|
|
234
|
+
DateTime,
|
|
218
235
|
DateTimeCalculation,
|
|
219
236
|
DateTimeInterface,
|
|
220
|
-
|
|
221
|
-
DayOutputFormat,
|
|
237
|
+
DateTimeOutputFormat,
|
|
222
238
|
DayInterface,
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
239
|
+
DayOutputFormat,
|
|
240
|
+
DayOfWeek,
|
|
241
|
+
DayOfWeekIndex,
|
|
226
242
|
DayOfWeekLocaleAwareOutputFormat,
|
|
227
243
|
DayOfWeekOutputFormat,
|
|
228
|
-
DayOfWeekIndex,
|
|
229
244
|
IDayOfWeek,
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
HourInterface,
|
|
245
|
+
Iso8601WeekdayNumbers,
|
|
246
|
+
ZeroBasedWeekdayNumbers,
|
|
233
247
|
Hour,
|
|
248
|
+
HourInterface,
|
|
249
|
+
HourOutputFormat,
|
|
234
250
|
Locale,
|
|
235
|
-
MilliSecondOutputFormat,
|
|
236
|
-
MillisecondInterface,
|
|
237
251
|
Millisecond,
|
|
238
|
-
|
|
239
|
-
|
|
252
|
+
MillisecondInterface,
|
|
253
|
+
MilliSecondOutputFormat,
|
|
240
254
|
Minute,
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
MonthInterface,
|
|
244
|
-
MonthIndex,
|
|
255
|
+
MinuteInterface,
|
|
256
|
+
MinuteOutputFormat,
|
|
245
257
|
Month,
|
|
246
|
-
|
|
247
|
-
|
|
258
|
+
MonthIndex,
|
|
259
|
+
MonthInterface,
|
|
260
|
+
MonthLocalAwareOutputFormat,
|
|
261
|
+
MonthOutputFormat,
|
|
248
262
|
Second,
|
|
263
|
+
SecondInterface,
|
|
264
|
+
SecondOutputFormat,
|
|
265
|
+
Time,
|
|
249
266
|
TimeInputFormat,
|
|
250
|
-
TimeOutputFormat,
|
|
251
267
|
TimeInterface,
|
|
252
|
-
|
|
253
|
-
TimeZoneInterface,
|
|
268
|
+
TimeOutputFormat,
|
|
254
269
|
TimeZone,
|
|
255
270
|
SystemTimezone,
|
|
271
|
+
TimeZoneInterface,
|
|
256
272
|
UTCTimezone,
|
|
257
|
-
YearOutputFormat,
|
|
258
|
-
YearInterface,
|
|
259
273
|
Year,
|
|
260
|
-
|
|
261
|
-
|
|
274
|
+
YearInterface,
|
|
275
|
+
YearOutputFormat,
|
|
276
|
+
YearAndMonth,
|
|
262
277
|
YearAndMonthInterface,
|
|
263
|
-
|
|
264
|
-
|
|
278
|
+
YearAndMonthLocaleAwareOutputFormat,
|
|
279
|
+
YearAndMonthOutputFormat
|
|
280
|
+
}
|