@temp-spotwork/ui 1.8.1 → 1.8.2
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/components/atoms/icons/iconMap.d.ts +3 -0
- package/dist/components/atoms/icons/iconMap.js +90 -88
- package/dist/components/atoms/icons/icons.stories.js +6 -4
- package/dist/components/atoms/icons/iconsSVGs/Small/MapPinOutline.d.ts +4 -0
- package/dist/components/atoms/icons/iconsSVGs/Small/MapPinOutline.js +37 -0
- package/dist/components/atoms/icons/iconsSVGs/Small/index.d.ts +2 -1
- package/dist/components/atoms/icons/iconsSVGs/Small/index.js +50 -48
- package/dist/components/atoms/small-large-text/small-large-text.js +3 -2
- package/dist/components/molecules/alert/alert.js +8 -7
- package/dist/components/molecules/dataviz/marker-progress-bar/MarkerProgressBar.stories.d.ts +17 -0
- package/dist/components/molecules/dataviz/marker-progress-bar/MarkerProgressBar.stories.js +68 -0
- package/dist/components/molecules/dataviz/marker-progress-bar/index.d.ts +2 -0
- package/dist/components/molecules/dataviz/marker-progress-bar/index.js +4 -0
- package/dist/components/molecules/dataviz/marker-progress-bar/marker-progress-bar.d.ts +31 -0
- package/dist/components/molecules/dataviz/marker-progress-bar/marker-progress-bar.js +97 -0
- package/dist/components/molecules/dataviz/marker-progress-bar/styles.d.ts +11 -0
- package/dist/components/molecules/dataviz/marker-progress-bar/styles.js +25 -0
- package/dist/components/molecules/dialog/dialog.js +3 -2
- package/dist/components/molecules/drawer/drawer.js +11 -10
- package/dist/components/molecules/snackbar/Snackbar.stories.js +1 -1
- package/dist/components/molecules/snackbar/index.js +1 -1
- package/dist/components/molecules/snackbar/snackbar.js +3 -2
- package/dist/main.d.ts +2 -0
- package/dist/main.js +97 -95
- package/dist/{snackbar-B9zd5z5s.js → snackbar-CLpxASgP.js} +5 -4
- package/package.json +2 -2
|
@@ -273,6 +273,9 @@ export declare const svgs: {
|
|
|
273
273
|
LocationPinSmall: ({ fill }: {
|
|
274
274
|
fill: any;
|
|
275
275
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
276
|
+
MapPinOutlineSmall: ({ fill }: {
|
|
277
|
+
fill: any;
|
|
278
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
276
279
|
MagnifyingGlassSmall: ({ fill }: {
|
|
277
280
|
fill: any;
|
|
278
281
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,8 +5,8 @@ import l from "./iconsSVGs/Large/ArrowRight.js";
|
|
|
5
5
|
import e from "./iconsSVGs/Large/Ascending.js";
|
|
6
6
|
import p from "./iconsSVGs/Large/Attach.js";
|
|
7
7
|
import a from "./iconsSVGs/Large/Bell.js";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
8
|
+
import n from "./iconsSVGs/Large/BellUnread.js";
|
|
9
|
+
import f from "./iconsSVGs/Large/Calendar.js";
|
|
10
10
|
import S from "./iconsSVGs/Large/Cancellation.js";
|
|
11
11
|
import d from "./iconsSVGs/Large/Chapters.js";
|
|
12
12
|
import s from "./iconsSVGs/Large/CheckIn.js";
|
|
@@ -22,19 +22,19 @@ import k from "./iconsSVGs/Large/Cross.js";
|
|
|
22
22
|
import v from "./iconsSVGs/Large/Descending.js";
|
|
23
23
|
import w from "./iconsSVGs/Large/DoubleTick.js";
|
|
24
24
|
import D from "./iconsSVGs/Large/Duplicate.js";
|
|
25
|
-
import
|
|
25
|
+
import M from "./iconsSVGs/Large/Edit.js";
|
|
26
26
|
import "react/jsx-runtime";
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import
|
|
27
|
+
import I from "./iconsSVGs/Large/File.js";
|
|
28
|
+
import y from "./iconsSVGs/Large/FileDownload.js";
|
|
29
|
+
import L from "./iconsSVGs/Large/HamburgerMenu.js";
|
|
30
30
|
import b from "./iconsSVGs/Large/KebabMenu.js";
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
31
|
+
import P from "./iconsSVGs/Large/MagnifyingGlass.js";
|
|
32
|
+
import U from "./iconsSVGs/Large/Maximize.js";
|
|
33
|
+
import R from "./iconsSVGs/Large/Maximize1.js";
|
|
34
34
|
import F from "./iconsSVGs/Large/Minimize.js";
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import { Profile as
|
|
35
|
+
import O from "./iconsSVGs/Large/OpenSeparately.js";
|
|
36
|
+
import E from "./iconsSVGs/Large/PlaceholderIcon.js";
|
|
37
|
+
import { Profile as T } from "./iconsSVGs/Large/Profile.js";
|
|
38
38
|
import x from "./iconsSVGs/Large/Restore.js";
|
|
39
39
|
import G from "./iconsSVGs/Large/Send.js";
|
|
40
40
|
import K from "./iconsSVGs/Large/Shifts.js";
|
|
@@ -61,8 +61,8 @@ import lo from "./iconsSVGs/Small/Add.js";
|
|
|
61
61
|
import eo from "./iconsSVGs/Small/Alert.js";
|
|
62
62
|
import po from "./iconsSVGs/Small/ArrowRight.js";
|
|
63
63
|
import ao from "./iconsSVGs/Small/ArrowUp.js";
|
|
64
|
-
import
|
|
65
|
-
import
|
|
64
|
+
import no from "./iconsSVGs/Small/Ascending.js";
|
|
65
|
+
import fo from "./iconsSVGs/Small/Calendar.js";
|
|
66
66
|
import So from "./iconsSVGs/Small/CaretDown.js";
|
|
67
67
|
import so from "./iconsSVGs/Small/CaretRight.js";
|
|
68
68
|
import Co from "./iconsSVGs/Small/CheckedIn.js";
|
|
@@ -77,38 +77,39 @@ import vo from "./iconsSVGs/Small/ChevronUp.js";
|
|
|
77
77
|
import wo from "./iconsSVGs/Small/Collapse.js";
|
|
78
78
|
import r from "./iconsSVGs/Small/CloudLightning.js";
|
|
79
79
|
import Do from "./iconsSVGs/Small/Copy.js";
|
|
80
|
-
import
|
|
81
|
-
import
|
|
82
|
-
import
|
|
83
|
-
import
|
|
80
|
+
import Mo from "./iconsSVGs/Small/Cross.js";
|
|
81
|
+
import Io from "./iconsSVGs/Small/CrossInCircle.js";
|
|
82
|
+
import yo from "./iconsSVGs/Small/Descending.js";
|
|
83
|
+
import Lo from "./iconsSVGs/Small/DistanceSmall.js";
|
|
84
84
|
import bo from "./iconsSVGs/Small/Empty.js";
|
|
85
|
-
import
|
|
86
|
-
import
|
|
87
|
-
import
|
|
85
|
+
import Po from "./iconsSVGs/Small/Edit.js";
|
|
86
|
+
import Uo from "./iconsSVGs/Small/Expand.js";
|
|
87
|
+
import Ro from "./iconsSVGs/Small/FileDownload.js";
|
|
88
88
|
import Fo from "./iconsSVGs/Small/Incomplete.js";
|
|
89
|
-
import
|
|
90
|
-
import
|
|
91
|
-
import
|
|
92
|
-
import xo from "./iconsSVGs/Small/
|
|
93
|
-
import Go from "./iconsSVGs/Small/
|
|
94
|
-
import Ko from "./iconsSVGs/Small/
|
|
95
|
-
import No from "./iconsSVGs/Small/
|
|
96
|
-
import
|
|
97
|
-
import zo from "./iconsSVGs/Small/
|
|
98
|
-
import Bo from "./iconsSVGs/Small/
|
|
99
|
-
import Ho from "./iconsSVGs/Small/
|
|
100
|
-
import Jo from "./iconsSVGs/Small/
|
|
101
|
-
import Vo from "./iconsSVGs/Small/
|
|
102
|
-
import jo from "./iconsSVGs/Small/
|
|
103
|
-
import qo from "./iconsSVGs/Small/
|
|
104
|
-
import Qo from "./iconsSVGs/Small/
|
|
105
|
-
import Xo from "./iconsSVGs/Small/
|
|
106
|
-
import Yo from "./iconsSVGs/Small/
|
|
107
|
-
import Zo from "./iconsSVGs/
|
|
108
|
-
import _o from "./iconsSVGs/ExtraLarge/
|
|
109
|
-
import or from "./iconsSVGs/
|
|
110
|
-
import rr from "./iconsSVGs/Countries/
|
|
111
|
-
|
|
89
|
+
import Oo from "./iconsSVGs/Small/Info.js";
|
|
90
|
+
import Eo from "./iconsSVGs/Small/KebabMenu.js";
|
|
91
|
+
import To from "./iconsSVGs/Small/LocationPin.js";
|
|
92
|
+
import xo from "./iconsSVGs/Small/MapPinOutline.js";
|
|
93
|
+
import Go from "./iconsSVGs/Small/MagnifyingGlass.js";
|
|
94
|
+
import Ko from "./iconsSVGs/Small/Notes.js";
|
|
95
|
+
import No from "./iconsSVGs/Small/OpenSeparately.js";
|
|
96
|
+
import Wo from "./iconsSVGs/Small/PlaceholderIcon.js";
|
|
97
|
+
import { ProfileSmall as zo } from "./iconsSVGs/Small/Profile.js";
|
|
98
|
+
import Bo from "./iconsSVGs/Small/ReadStatus.js";
|
|
99
|
+
import Ho from "./iconsSVGs/Small/Shield.js";
|
|
100
|
+
import Jo from "./iconsSVGs/Small/SidepeakSmall.js";
|
|
101
|
+
import Vo from "./iconsSVGs/Small/Sort.js";
|
|
102
|
+
import jo from "./iconsSVGs/Small/Success.js";
|
|
103
|
+
import qo from "./iconsSVGs/Small/Tick.js";
|
|
104
|
+
import Qo from "./iconsSVGs/Small/UnsavedChanges.js";
|
|
105
|
+
import Xo from "./iconsSVGs/Small/Upload.js";
|
|
106
|
+
import Yo from "./iconsSVGs/Small/Waiting.js";
|
|
107
|
+
import Zo from "./iconsSVGs/Small/Warning.js";
|
|
108
|
+
import _o from "./iconsSVGs/ExtraLarge/EmptyTemplate.js";
|
|
109
|
+
import or from "./iconsSVGs/ExtraLarge/PostAShift.js";
|
|
110
|
+
import rr from "./iconsSVGs/Countries/USA.js";
|
|
111
|
+
import mr from "./iconsSVGs/Countries/CAN.js";
|
|
112
|
+
const ei = {
|
|
112
113
|
Add: m,
|
|
113
114
|
AdvancedSearch: i,
|
|
114
115
|
ArrowLeft: t,
|
|
@@ -116,9 +117,9 @@ const ti = {
|
|
|
116
117
|
Ascending: e,
|
|
117
118
|
Attach: p,
|
|
118
119
|
Bell: a,
|
|
119
|
-
BellUnread:
|
|
120
|
+
BellUnread: n,
|
|
120
121
|
Building: Z,
|
|
121
|
-
Calendar:
|
|
122
|
+
Calendar: f,
|
|
122
123
|
Cancellation: S,
|
|
123
124
|
Chapters: d,
|
|
124
125
|
CheckIn: s,
|
|
@@ -133,27 +134,27 @@ const ti = {
|
|
|
133
134
|
CollapseSmall: wo,
|
|
134
135
|
Contact: A,
|
|
135
136
|
Cross: k,
|
|
136
|
-
CrossInCircleSmall:
|
|
137
|
+
CrossInCircleSmall: Io,
|
|
137
138
|
Descending: v,
|
|
138
139
|
DoubleTick: w,
|
|
139
140
|
Duplicate: D,
|
|
140
|
-
Edit:
|
|
141
|
+
Edit: M,
|
|
141
142
|
Feedback: to,
|
|
142
|
-
File:
|
|
143
|
-
FileDownload:
|
|
144
|
-
ExpandSmall:
|
|
145
|
-
FileDownloadSmall:
|
|
146
|
-
InfoSmall:
|
|
147
|
-
HamburgerMenu:
|
|
143
|
+
File: I,
|
|
144
|
+
FileDownload: y,
|
|
145
|
+
ExpandSmall: Uo,
|
|
146
|
+
FileDownloadSmall: Ro,
|
|
147
|
+
InfoSmall: Oo,
|
|
148
|
+
HamburgerMenu: L,
|
|
148
149
|
Jobs: io,
|
|
149
150
|
KebabMenu: b,
|
|
150
|
-
MagnifyingGlass:
|
|
151
|
-
Maximize:
|
|
152
|
-
Maximize1:
|
|
151
|
+
MagnifyingGlass: P,
|
|
152
|
+
Maximize: U,
|
|
153
|
+
Maximize1: R,
|
|
153
154
|
Minimize: F,
|
|
154
|
-
OpenSeparately:
|
|
155
|
-
PlaceholderIcon:
|
|
156
|
-
Profile:
|
|
155
|
+
OpenSeparately: O,
|
|
156
|
+
PlaceholderIcon: E,
|
|
157
|
+
Profile: T,
|
|
157
158
|
Restore: x,
|
|
158
159
|
Send: G,
|
|
159
160
|
Settings: X,
|
|
@@ -172,8 +173,8 @@ const ti = {
|
|
|
172
173
|
AlertSmall: eo,
|
|
173
174
|
ArrowRightSmall: po,
|
|
174
175
|
ArrowUpSmall: ao,
|
|
175
|
-
AscendingSmall:
|
|
176
|
-
CalendarSmall:
|
|
176
|
+
AscendingSmall: no,
|
|
177
|
+
CalendarSmall: fo,
|
|
177
178
|
CaretDownSmall: So,
|
|
178
179
|
CaretRightSmall: so,
|
|
179
180
|
CheckedInSmall: Co,
|
|
@@ -184,43 +185,44 @@ const ti = {
|
|
|
184
185
|
ChevronLeftSmall: $o,
|
|
185
186
|
ChevronRightSmall: ko,
|
|
186
187
|
ChevronUpSmall: vo,
|
|
187
|
-
CrossSmall:
|
|
188
|
+
CrossSmall: Mo,
|
|
188
189
|
CloudLightningSmall: r,
|
|
189
190
|
cloudLightningSmall: r,
|
|
190
191
|
CopyLarge: $,
|
|
191
192
|
CopySmall: Do,
|
|
192
|
-
DescendingSmall:
|
|
193
|
-
DistanceSmall:
|
|
193
|
+
DescendingSmall: yo,
|
|
194
|
+
DistanceSmall: Lo,
|
|
194
195
|
EmptySmall: bo,
|
|
195
|
-
EditSmall:
|
|
196
|
+
EditSmall: Po,
|
|
196
197
|
IncompleteSmall: Fo,
|
|
197
|
-
KebabMenuSmall:
|
|
198
|
-
LocationPinSmall:
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
198
|
+
KebabMenuSmall: Eo,
|
|
199
|
+
LocationPinSmall: To,
|
|
200
|
+
MapPinOutlineSmall: xo,
|
|
201
|
+
MagnifyingGlassSmall: Go,
|
|
202
|
+
NotesSmall: Ko,
|
|
203
|
+
OpenSeparatelySmall: No,
|
|
204
|
+
PlaceholderIconSmall: Wo,
|
|
205
|
+
ReadStatus: Bo,
|
|
206
|
+
ShieldSmall: Ho,
|
|
207
|
+
SortSmall: Vo,
|
|
208
|
+
SuccessSmall: jo,
|
|
209
|
+
TickSmall: qo,
|
|
210
|
+
UnsavedChangesSmall: Qo,
|
|
211
|
+
UploadSmall: Xo,
|
|
212
|
+
WaitingSmall: Yo,
|
|
213
|
+
WarningSmall: Zo,
|
|
214
|
+
CAN: mr,
|
|
215
|
+
USA: rr,
|
|
214
216
|
SidePeak: Q,
|
|
215
|
-
SidePeakSmall:
|
|
216
|
-
ProfileSmall:
|
|
217
|
-
EmptyTemplate:
|
|
218
|
-
PostAShift:
|
|
217
|
+
SidePeakSmall: Jo,
|
|
218
|
+
ProfileSmall: zo,
|
|
219
|
+
EmptyTemplate: _o,
|
|
220
|
+
PostAShift: or,
|
|
219
221
|
NewSpotter: _,
|
|
220
222
|
FlaggedMessage: oo,
|
|
221
223
|
AbnormalLastShift: ro,
|
|
222
224
|
LocationDisabled: mo
|
|
223
225
|
};
|
|
224
226
|
export {
|
|
225
|
-
|
|
227
|
+
ei as svgs
|
|
226
228
|
};
|
|
@@ -95,6 +95,7 @@ const f = {
|
|
|
95
95
|
"IncompleteSmall",
|
|
96
96
|
"KebabMenuSmall",
|
|
97
97
|
"LocationPinSmall",
|
|
98
|
+
"MapPinOutlineSmall",
|
|
98
99
|
"MagnifyingGlassSmall",
|
|
99
100
|
"NotesSmall",
|
|
100
101
|
"OpenSeparatelySmall",
|
|
@@ -245,7 +246,7 @@ const f = {
|
|
|
245
246
|
/* @__PURE__ */ e(l, { icon: "ChevronUpSmall" }),
|
|
246
247
|
/* @__PURE__ */ e(l, { icon: "KebabMenuSmall" })
|
|
247
248
|
] })
|
|
248
|
-
},
|
|
249
|
+
}, M = {
|
|
249
250
|
render: () => /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
|
|
250
251
|
/* @__PURE__ */ e(l, { icon: "Calendar" }),
|
|
251
252
|
/* @__PURE__ */ e(l, { icon: "Clock" }),
|
|
@@ -254,7 +255,7 @@ const f = {
|
|
|
254
255
|
/* @__PURE__ */ e(l, { icon: "Shifts" }),
|
|
255
256
|
/* @__PURE__ */ e(l, { icon: "CheckInCircleSmall" })
|
|
256
257
|
] })
|
|
257
|
-
},
|
|
258
|
+
}, L = {
|
|
258
259
|
render: () => /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
|
|
259
260
|
/* @__PURE__ */ e(l, { icon: "Send" }),
|
|
260
261
|
/* @__PURE__ */ e(l, { icon: "Contact" }),
|
|
@@ -381,6 +382,7 @@ const f = {
|
|
|
381
382
|
"IncompleteSmall",
|
|
382
383
|
"KebabMenuSmall",
|
|
383
384
|
"LocationPinSmall",
|
|
385
|
+
"MapPinOutlineSmall",
|
|
384
386
|
"MagnifyingGlassSmall",
|
|
385
387
|
"NotesSmall",
|
|
386
388
|
"OpenSeparatelySmall",
|
|
@@ -419,11 +421,11 @@ export {
|
|
|
419
421
|
T as ActionIcons,
|
|
420
422
|
R as AllIcons,
|
|
421
423
|
A as ButtonIcons,
|
|
422
|
-
|
|
424
|
+
L as CommunicationIcons,
|
|
423
425
|
v as Default,
|
|
424
426
|
b as DisabledIcons,
|
|
425
427
|
U as FileIcons,
|
|
426
|
-
|
|
428
|
+
M as FormIcons,
|
|
427
429
|
P as Interactive,
|
|
428
430
|
N as MenuIcons,
|
|
429
431
|
I as NavigationIcons,
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
const r = ({ fill: e }) => /* @__PURE__ */ t(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
width: "2rem",
|
|
7
|
+
height: "2rem",
|
|
8
|
+
viewBox: "0 0 20 20",
|
|
9
|
+
fill: "none",
|
|
10
|
+
"data-testid": "MapPinOutline-icon",
|
|
11
|
+
children: /* @__PURE__ */ o("g", { transform: "scale(1.3333333333)", children: [
|
|
12
|
+
/* @__PURE__ */ t(
|
|
13
|
+
"path",
|
|
14
|
+
{
|
|
15
|
+
d: "M7.87685 13.6244C9.03935 12.6206 12.5012 9.37061 12.5012 6.24998C12.5012 4.9239 11.9744 3.65213 11.0368 2.71445C10.0991 1.77677 8.8273 1.24998 7.50122 1.24998C6.17514 1.24998 4.90337 1.77677 3.96569 2.71445C3.02801 3.65213 2.50122 4.9239 2.50122 6.24998C2.50122 9.37061 5.9631 12.6206 7.1256 13.6244C7.23389 13.7058 7.36572 13.7498 7.50122 13.7498C7.63672 13.7498 7.76855 13.7058 7.87685 13.6244Z",
|
|
16
|
+
stroke: e,
|
|
17
|
+
strokeWidth: "0.9375",
|
|
18
|
+
strokeLinecap: "round",
|
|
19
|
+
strokeLinejoin: "round"
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ t(
|
|
23
|
+
"path",
|
|
24
|
+
{
|
|
25
|
+
d: "M7.5 8.12502C8.53553 8.12502 9.375 7.28555 9.375 6.25002C9.375 5.21449 8.53553 4.37502 7.5 4.37502C6.46447 4.37502 5.625 5.21449 5.625 6.25002C5.625 7.28555 6.46447 8.12502 7.5 8.12502Z",
|
|
26
|
+
stroke: e,
|
|
27
|
+
strokeWidth: "0.9375",
|
|
28
|
+
strokeLinecap: "round",
|
|
29
|
+
strokeLinejoin: "round"
|
|
30
|
+
}
|
|
31
|
+
)
|
|
32
|
+
] })
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
export {
|
|
36
|
+
r as default
|
|
37
|
+
};
|
|
@@ -30,6 +30,7 @@ import { default as Incomplete } from './Incomplete';
|
|
|
30
30
|
import { default as Info } from './Info';
|
|
31
31
|
import { default as KebabMenu } from './KebabMenu';
|
|
32
32
|
import { default as LocationPin } from './LocationPin';
|
|
33
|
+
import { default as MapPinOutline } from './MapPinOutline';
|
|
33
34
|
import { default as MagnifyingGlass } from './MagnifyingGlass';
|
|
34
35
|
import { default as Notes } from './Notes';
|
|
35
36
|
import { default as OpenSeparately } from './OpenSeparately';
|
|
@@ -46,4 +47,4 @@ import { default as Upload } from './Upload';
|
|
|
46
47
|
import { default as Waiting } from './Waiting';
|
|
47
48
|
import { default as Warning } from './Warning';
|
|
48
49
|
|
|
49
|
-
export { Add, Alert, ArrowRight, ArrowUp, Ascending, Calendar, CaretDown, CaretRight, CheckedIn, CheckedOut, CheckIn, CheckInCircle, CheckOut, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Collapse, CloudLightning, Cross, CrossInCircle, Descending, DistanceSmall, Empty, Edit, Expand, FileDownload, Incomplete, Info, KebabMenu, LocationPin, MagnifyingGlass, Notes, OpenSeparately, PlaceholderIcon, ReadStatus, Shield, Sort, Success, Tick, UnsavedChanges, Upload, Waiting, Warning, Copy, SidePeakSmall, ProfileSmall, };
|
|
50
|
+
export { Add, Alert, ArrowRight, ArrowUp, Ascending, Calendar, CaretDown, CaretRight, CheckedIn, CheckedOut, CheckIn, CheckInCircle, CheckOut, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Collapse, CloudLightning, Cross, CrossInCircle, Descending, DistanceSmall, Empty, Edit, Expand, FileDownload, Incomplete, Info, KebabMenu, LocationPin, MapPinOutline, MagnifyingGlass, Notes, OpenSeparately, PlaceholderIcon, ReadStatus, Shield, Sort, Success, Tick, UnsavedChanges, Upload, Waiting, Warning, Copy, SidePeakSmall, ProfileSmall, };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { default as
|
|
1
|
+
import { default as o } from "./Add.js";
|
|
2
2
|
import { default as t } from "./Alert.js";
|
|
3
3
|
import { default as l } from "./ArrowRight.js";
|
|
4
4
|
import { default as s } from "./ArrowUp.js";
|
|
5
|
-
import { default as
|
|
5
|
+
import { default as u } from "./Ascending.js";
|
|
6
6
|
import { default as x } from "./Calendar.js";
|
|
7
7
|
import { default as i } from "./CaretDown.js";
|
|
8
8
|
import { default as c } from "./CaretRight.js";
|
|
@@ -10,11 +10,11 @@ import { default as g } from "./CheckedIn.js";
|
|
|
10
10
|
import { default as k } from "./CheckedOut.js";
|
|
11
11
|
import { default as v } from "./CheckIn.js";
|
|
12
12
|
import { default as A } from "./CheckInCircle.js";
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
13
|
+
import { default as P } from "./CheckOut.js";
|
|
14
|
+
import { default as O } from "./ChevronDown.js";
|
|
15
|
+
import { default as U } from "./ChevronLeft.js";
|
|
16
|
+
import { default as L } from "./ChevronRight.js";
|
|
17
|
+
import { default as b } from "./ChevronUp.js";
|
|
18
18
|
import { default as F } from "./Collapse.js";
|
|
19
19
|
import { default as K } from "./CloudLightning.js";
|
|
20
20
|
import { default as T } from "./Copy.js";
|
|
@@ -25,44 +25,45 @@ import { default as V } from "./DistanceSmall.js";
|
|
|
25
25
|
import { default as Y } from "./Empty.js";
|
|
26
26
|
import { default as _ } from "./Edit.js";
|
|
27
27
|
import { default as ee } from "./Expand.js";
|
|
28
|
-
import { default as
|
|
28
|
+
import { default as oe } from "./FileDownload.js";
|
|
29
29
|
import { default as te } from "./Incomplete.js";
|
|
30
30
|
import { default as le } from "./Info.js";
|
|
31
31
|
import { default as se } from "./KebabMenu.js";
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as xe } from "./
|
|
34
|
-
import { default as ie } from "./
|
|
35
|
-
import { default as ce } from "./
|
|
36
|
-
import { default as ge } from "./
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import { default as Ae } from "./
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
44
|
-
import { default as
|
|
45
|
-
import { default as Fe } from "./
|
|
46
|
-
import { default as Ke } from "./
|
|
47
|
-
import { default as Te } from "./
|
|
32
|
+
import { default as ue } from "./LocationPin.js";
|
|
33
|
+
import { default as xe } from "./MapPinOutline.js";
|
|
34
|
+
import { default as ie } from "./MagnifyingGlass.js";
|
|
35
|
+
import { default as ce } from "./Notes.js";
|
|
36
|
+
import { default as ge } from "./OpenSeparately.js";
|
|
37
|
+
import { default as ke } from "./PlaceholderIcon.js";
|
|
38
|
+
import { ProfileSmall as ve } from "./Profile.js";
|
|
39
|
+
import { default as Ae } from "./ReadStatus.js";
|
|
40
|
+
import { default as Pe } from "./Shield.js";
|
|
41
|
+
import { default as Oe } from "./SidepeakSmall.js";
|
|
42
|
+
import { default as Ue } from "./Sort.js";
|
|
43
|
+
import { default as Le } from "./Success.js";
|
|
44
|
+
import { default as be } from "./Tick.js";
|
|
45
|
+
import { default as Fe } from "./UnsavedChanges.js";
|
|
46
|
+
import { default as Ke } from "./Upload.js";
|
|
47
|
+
import { default as Te } from "./Waiting.js";
|
|
48
|
+
import { default as qe } from "./Warning.js";
|
|
48
49
|
export {
|
|
49
|
-
|
|
50
|
+
o as Add,
|
|
50
51
|
t as Alert,
|
|
51
52
|
l as ArrowRight,
|
|
52
53
|
s as ArrowUp,
|
|
53
|
-
|
|
54
|
+
u as Ascending,
|
|
54
55
|
x as Calendar,
|
|
55
56
|
i as CaretDown,
|
|
56
57
|
c as CaretRight,
|
|
57
58
|
v as CheckIn,
|
|
58
59
|
A as CheckInCircle,
|
|
59
|
-
|
|
60
|
+
P as CheckOut,
|
|
60
61
|
g as CheckedIn,
|
|
61
62
|
k as CheckedOut,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
O as ChevronDown,
|
|
64
|
+
U as ChevronLeft,
|
|
65
|
+
L as ChevronRight,
|
|
66
|
+
b as ChevronUp,
|
|
66
67
|
K as CloudLightning,
|
|
67
68
|
F as Collapse,
|
|
68
69
|
T as Copy,
|
|
@@ -73,24 +74,25 @@ export {
|
|
|
73
74
|
_ as Edit,
|
|
74
75
|
Y as Empty,
|
|
75
76
|
ee as Expand,
|
|
76
|
-
|
|
77
|
+
oe as FileDownload,
|
|
77
78
|
te as Incomplete,
|
|
78
79
|
le as Info,
|
|
79
80
|
se as KebabMenu,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
ce as
|
|
84
|
-
ge as
|
|
85
|
-
ke as
|
|
86
|
-
ve as
|
|
87
|
-
Ae as
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
Fe as
|
|
94
|
-
Ke as
|
|
95
|
-
Te as
|
|
81
|
+
ue as LocationPin,
|
|
82
|
+
ie as MagnifyingGlass,
|
|
83
|
+
xe as MapPinOutline,
|
|
84
|
+
ce as Notes,
|
|
85
|
+
ge as OpenSeparately,
|
|
86
|
+
ke as PlaceholderIcon,
|
|
87
|
+
ve as ProfileSmall,
|
|
88
|
+
Ae as ReadStatus,
|
|
89
|
+
Pe as Shield,
|
|
90
|
+
Oe as SidePeakSmall,
|
|
91
|
+
Ue as Sort,
|
|
92
|
+
Le as Success,
|
|
93
|
+
be as Tick,
|
|
94
|
+
Fe as UnsavedChanges,
|
|
95
|
+
Ke as Upload,
|
|
96
|
+
Te as Waiting,
|
|
97
|
+
qe as Warning
|
|
96
98
|
};
|
|
@@ -22,11 +22,12 @@ import "../form/textarea/rich-textarea.js";
|
|
|
22
22
|
import "../form/timeselect/timeselect.js";
|
|
23
23
|
import "../../molecules/datatables/cell/cell.js";
|
|
24
24
|
import "../../molecules/dataviz/donut-chart/donut-chart.js";
|
|
25
|
+
import "../../molecules/dataviz/marker-progress-bar/marker-progress-bar.js";
|
|
25
26
|
import "../../../react-spring_web.modern-CKwWSQke.js";
|
|
26
27
|
import "../../molecules/form/radiogroup/radiogroup.js";
|
|
27
28
|
import "../../../card-Cc2Qkiqr.js";
|
|
28
29
|
import { p as u } from "../../../purify.es-Bxiq5T7l.js";
|
|
29
|
-
function
|
|
30
|
+
function O({ text: o, size: r = 300, isSmall: m = !0 }) {
|
|
30
31
|
const [i, p] = d(m), e = i ? `${o.slice(0, r)}${o.length > r ? "..." : ""}` : o, l = i ? "Show More" : "Show Less";
|
|
31
32
|
return /* @__PURE__ */ n("div", { children: [
|
|
32
33
|
/* @__PURE__ */ t(a, { swStyle: 3, color: "default", children: /* @__PURE__ */ t(
|
|
@@ -42,5 +43,5 @@ function K({ text: o, size: r = 300, isSmall: m = !0 }) {
|
|
|
42
43
|
] });
|
|
43
44
|
}
|
|
44
45
|
export {
|
|
45
|
-
|
|
46
|
+
O as SmallLargeText
|
|
46
47
|
};
|
|
@@ -4,7 +4,7 @@ import "../../styles/tailwind-config/index.js";
|
|
|
4
4
|
import { Typography as G } from "../../styles/typography/typography.js";
|
|
5
5
|
import "../../styles/colors/colors.js";
|
|
6
6
|
import "../../styles/colors/colormap.js";
|
|
7
|
-
import { t as
|
|
7
|
+
import { t as p } from "../../../bundle-mjs-BjFsLjkg.js";
|
|
8
8
|
import { Icons as H } from "../../atoms/icons/icons.js";
|
|
9
9
|
import "../../atoms/icons/iconsSVGs/Large/Profile.js";
|
|
10
10
|
import "../../atoms/icons/iconsSVGs/Small/Profile.js";
|
|
@@ -25,12 +25,13 @@ import "../../atoms/form/timeselect/timeselect.js";
|
|
|
25
25
|
import { Button as b } from "../button/button.js";
|
|
26
26
|
import "../datatables/cell/cell.js";
|
|
27
27
|
import "../dataviz/donut-chart/donut-chart.js";
|
|
28
|
+
import "../dataviz/marker-progress-bar/marker-progress-bar.js";
|
|
28
29
|
import "../../../react-spring_web.modern-CKwWSQke.js";
|
|
29
30
|
import "../form/radiogroup/radiogroup.js";
|
|
30
31
|
import "../../../purify.es-Bxiq5T7l.js";
|
|
31
32
|
import "../../../card-Cc2Qkiqr.js";
|
|
32
|
-
function
|
|
33
|
-
children:
|
|
33
|
+
function ir({
|
|
34
|
+
children: s,
|
|
34
35
|
width: c,
|
|
35
36
|
open: d,
|
|
36
37
|
title: t,
|
|
@@ -65,11 +66,11 @@ function tr({
|
|
|
65
66
|
// Calculate max height based on whether action buttons are present
|
|
66
67
|
maxHeight: o ? `calc(100vh - ${15 + 6.1 + 7.6}rem)` : `calc(100vh - ${15 + 6.1}rem)`
|
|
67
68
|
},
|
|
68
|
-
className:
|
|
69
|
-
children:
|
|
69
|
+
className: p("overflow-auto", n && "p-xl", !o && "rounded-b-xl"),
|
|
70
|
+
children: s
|
|
70
71
|
}
|
|
71
72
|
),
|
|
72
|
-
o && /* @__PURE__ */ r("div", { className:
|
|
73
|
+
o && /* @__PURE__ */ r("div", { className: p("flex justify-center p-xl", f && "border-t border-bcolor-subdued"), children: l && /* @__PURE__ */ r("div", { className: "flex gap-xl", children: l.map((a) => /* @__PURE__ */ r(b, { size: "large", ...a }, a.text)) }) })
|
|
73
74
|
] })
|
|
74
75
|
]
|
|
75
76
|
}
|
|
@@ -77,5 +78,5 @@ function tr({
|
|
|
77
78
|
] }) });
|
|
78
79
|
}
|
|
79
80
|
export {
|
|
80
|
-
|
|
81
|
+
ir as Alert
|
|
81
82
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MarkerProgressBar } from '.';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof MarkerProgressBar>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof meta>;
|
|
7
|
+
/** Not started — gray track, pin at origin */
|
|
8
|
+
export declare const Subdued: Story;
|
|
9
|
+
/** On the way — green fill to marker (~43% on 215px track in Figma) */
|
|
10
|
+
export declare const Success: Story;
|
|
11
|
+
export declare const Complete: Story;
|
|
12
|
+
/** Running late — orange fill */
|
|
13
|
+
export declare const Warning: Story;
|
|
14
|
+
/** Off course — was closer (70%), now regressed (37%) with stripe (Figma) */
|
|
15
|
+
export declare const AlertWithRegression: Story;
|
|
16
|
+
/** Location off — gray track only */
|
|
17
|
+
export declare const Disabled: Story;
|