playbook_ui 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3940 → 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3950
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_map/pbChartsLightTheme.js +207 -0
- data/app/pb_kits/playbook/pb_map/pbMapTheme.ts +195 -17
- data/dist/chunks/{_typeahead-BywvWGAm.js → _typeahead-D84d1KBa.js} +1 -1
- data/dist/chunks/{_weekday_stacked-5OGZKZeo.js → _weekday_stacked-CmT_2e83.js} +1 -1
- data/dist/chunks/{lib-DMOmCoAX.js → lib-BCt68dVK.js} +1 -1
- data/dist/chunks/{pb_form_validation-Dna2I7fw.js → pb_form_validation-Bu-tMfIi.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/lib/playbook/pb_doc_helper.rb +5 -5
- data/lib/playbook/version.rb +1 -1
- metadata +7 -6
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d722a0acf93dc0f92c6f6e00dc44fec3393f8e63699e6f35e50f646938115831
|
|
4
|
+
data.tar.gz: 0f5388ac958243c7efa786a0b6ae126785bc145ae63ec62be76caafb84d777f8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0dc3916b423231f83311cd8475c7ac7b4a5d68da6cb2fa4c6f7a73921abe125e5e4b6cb5f2dd4111a6df35025900d4b2c19995f08adfd8a36673a9e714c15bf0
|
|
7
|
+
data.tar.gz: 858d2c04df67722139de459a406a31730794b3de4af970aaa9b185746ff1637020bf2efb3207ed24aa2e69d223f0868456d6a38b400e9b018d6b5efb58c5879c
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import colors from '../tokens/exports/_colors.module.scss'
|
|
2
|
+
import typography from '../tokens/exports/_typography.module.scss'
|
|
3
|
+
|
|
4
|
+
const highchartsTheme = {
|
|
5
|
+
lang: {
|
|
6
|
+
thousandsSep: ',',
|
|
7
|
+
},
|
|
8
|
+
colors: [
|
|
9
|
+
colors.data_1,
|
|
10
|
+
colors.data_2,
|
|
11
|
+
colors.data_3,
|
|
12
|
+
colors.data_4,
|
|
13
|
+
colors.data_5,
|
|
14
|
+
colors.data_6,
|
|
15
|
+
colors.data_7,
|
|
16
|
+
],
|
|
17
|
+
chart: {
|
|
18
|
+
borderWidth: 0,
|
|
19
|
+
borderRadius: 0,
|
|
20
|
+
plotBackgroundColor: undefined,
|
|
21
|
+
plotShadow: false,
|
|
22
|
+
plotBorderWidth: 0,
|
|
23
|
+
},
|
|
24
|
+
title: {
|
|
25
|
+
style: {
|
|
26
|
+
color: colors.text_lt_default,
|
|
27
|
+
fontFamily: typography.font_family_base,
|
|
28
|
+
fontWeight: typography.bold,
|
|
29
|
+
fontSize: typography.heading_3,
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
subtitle: {
|
|
33
|
+
style: {
|
|
34
|
+
fontFamily: typography.font_family_base,
|
|
35
|
+
color: colors.text_lt_light,
|
|
36
|
+
fontWeight: typography.regular,
|
|
37
|
+
fontSize: typography.text_base,
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
xAxis: {
|
|
41
|
+
gridLineWidth: 0,
|
|
42
|
+
lineColor: colors.border_light,
|
|
43
|
+
tickColor: colors.border_light,
|
|
44
|
+
labels: {
|
|
45
|
+
style: {
|
|
46
|
+
fontFamily: typography.font_family_base,
|
|
47
|
+
color: colors.text_lt_lighter,
|
|
48
|
+
fontWeight: typography.bold,
|
|
49
|
+
fontSize: typography.text_smaller,
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
title: {
|
|
53
|
+
style: {
|
|
54
|
+
color: colors.text_lt_default,
|
|
55
|
+
fontFamily: typography.font_family_base,
|
|
56
|
+
fontWeight: typography.regular,
|
|
57
|
+
fontSize: typography.heading_4,
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
yAxis: {
|
|
62
|
+
alternateGridColor: undefined,
|
|
63
|
+
minorTickInterval: null,
|
|
64
|
+
gridLineColor: colors.border_light,
|
|
65
|
+
minorGridLineColor: colors.border_light,
|
|
66
|
+
lineWidth: 0,
|
|
67
|
+
tickWidth: 0,
|
|
68
|
+
labels: {
|
|
69
|
+
style: {
|
|
70
|
+
fontFamily: typography.font_family_base,
|
|
71
|
+
color: colors.text_lt_lighter,
|
|
72
|
+
fontWeight: typography.bold,
|
|
73
|
+
fontSize: typography.text_smaller,
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
title: {
|
|
77
|
+
style: {
|
|
78
|
+
fontFamily: typography.font_family_base,
|
|
79
|
+
color: colors.text_lt_lighter,
|
|
80
|
+
fontWeight: typography.bold,
|
|
81
|
+
fontSize: typography.text_smaller,
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
legend: {
|
|
86
|
+
layout: 'horizontal',
|
|
87
|
+
align: 'center',
|
|
88
|
+
verticalAlign: 'bottom',
|
|
89
|
+
itemStyle: {
|
|
90
|
+
fontFamily: typography.font_family_base,
|
|
91
|
+
color: colors.text_lt_light,
|
|
92
|
+
fontWeight: typography.regular,
|
|
93
|
+
fontSize: typography.text_smaller,
|
|
94
|
+
},
|
|
95
|
+
itemHoverStyle: {
|
|
96
|
+
color: colors.text_lt_default,
|
|
97
|
+
},
|
|
98
|
+
itemHiddenStyle: {
|
|
99
|
+
color: colors.text_lt_lighter,
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
tooltip: {
|
|
103
|
+
backgroundColor: {
|
|
104
|
+
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
|
|
105
|
+
stops: [
|
|
106
|
+
[0, colors.bg_dark],
|
|
107
|
+
[1, colors.bg_dark],
|
|
108
|
+
],
|
|
109
|
+
},
|
|
110
|
+
shadow: false,
|
|
111
|
+
borderWidth: 0,
|
|
112
|
+
borderRadius: 10,
|
|
113
|
+
style: {
|
|
114
|
+
fontFamily: typography.font_family_base,
|
|
115
|
+
color: colors.text_dk_default,
|
|
116
|
+
fontWeight: typography.regular,
|
|
117
|
+
fontSize: typography.text_smaller,
|
|
118
|
+
},
|
|
119
|
+
},
|
|
120
|
+
// specific to gauge
|
|
121
|
+
// unfilled gauge color
|
|
122
|
+
pane: {
|
|
123
|
+
background: {
|
|
124
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
125
|
+
// @ts-ignore
|
|
126
|
+
borderColor: colors.border_light,
|
|
127
|
+
},
|
|
128
|
+
},
|
|
129
|
+
|
|
130
|
+
plotOptions: {
|
|
131
|
+
series: {
|
|
132
|
+
threshold: null,
|
|
133
|
+
},
|
|
134
|
+
// PIE STYLES
|
|
135
|
+
pie: {
|
|
136
|
+
colors: [
|
|
137
|
+
colors.data_1,
|
|
138
|
+
colors.data_2,
|
|
139
|
+
colors.data_3,
|
|
140
|
+
colors.data_4,
|
|
141
|
+
colors.data_5,
|
|
142
|
+
colors.data_6,
|
|
143
|
+
colors.data_7,
|
|
144
|
+
],
|
|
145
|
+
dataLabels: {
|
|
146
|
+
style: {
|
|
147
|
+
fontFamily: typography.font_family_base,
|
|
148
|
+
fontSize: typography.text_smaller,
|
|
149
|
+
color: colors.text_lt_light,
|
|
150
|
+
fontWeight: typography.regular,
|
|
151
|
+
textOutline: '2px $white',
|
|
152
|
+
},
|
|
153
|
+
},
|
|
154
|
+
},
|
|
155
|
+
|
|
156
|
+
// LINE CHART STYLES
|
|
157
|
+
line: {
|
|
158
|
+
dataLabels: {
|
|
159
|
+
color: '#CCC',
|
|
160
|
+
},
|
|
161
|
+
marker: {
|
|
162
|
+
lineColor: '#333',
|
|
163
|
+
},
|
|
164
|
+
},
|
|
165
|
+
|
|
166
|
+
//TREEMAP CHART STYLES
|
|
167
|
+
treemap: {
|
|
168
|
+
layoutAlgorithm: "squarified",
|
|
169
|
+
allowTraversingTree: false,
|
|
170
|
+
animationLimit: 1000,
|
|
171
|
+
colors: [
|
|
172
|
+
colors.data_1,
|
|
173
|
+
colors.data_2,
|
|
174
|
+
colors.data_3,
|
|
175
|
+
colors.data_4,
|
|
176
|
+
colors.data_5,
|
|
177
|
+
colors.data_6,
|
|
178
|
+
colors.data_7,
|
|
179
|
+
colors.data_8,
|
|
180
|
+
],
|
|
181
|
+
dataLabels: {
|
|
182
|
+
enabled: true,
|
|
183
|
+
style: {
|
|
184
|
+
fontFamily: typography.font_family_base,
|
|
185
|
+
fontWeight: typography.bold,
|
|
186
|
+
fontSize: typography.heading_4,
|
|
187
|
+
},
|
|
188
|
+
},
|
|
189
|
+
levels: [
|
|
190
|
+
{
|
|
191
|
+
level: 1,
|
|
192
|
+
dataLabels: {
|
|
193
|
+
enabled: false,
|
|
194
|
+
},
|
|
195
|
+
},
|
|
196
|
+
],
|
|
197
|
+
traverseUpButton: {
|
|
198
|
+
position: { y: -50 },
|
|
199
|
+
},
|
|
200
|
+
},
|
|
201
|
+
},
|
|
202
|
+
credits: {
|
|
203
|
+
enabled: false
|
|
204
|
+
},
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
export { highchartsTheme }
|
|
@@ -1,23 +1,201 @@
|
|
|
1
1
|
import colors from '../tokens/exports/_colors.module.scss'
|
|
2
|
+
import typography from '../tokens/exports/_typography.module.scss'
|
|
2
3
|
|
|
3
4
|
const mapTheme = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
5
|
+
lang: {
|
|
6
|
+
thousandsSep: ',',
|
|
7
|
+
},
|
|
8
|
+
colors: [
|
|
9
|
+
colors.data_1,
|
|
10
|
+
colors.data_2,
|
|
11
|
+
colors.data_3,
|
|
12
|
+
colors.data_4,
|
|
13
|
+
colors.data_5,
|
|
14
|
+
colors.data_6,
|
|
15
|
+
colors.data_7,
|
|
16
|
+
],
|
|
17
|
+
chart: {
|
|
18
|
+
borderWidth: 0,
|
|
19
|
+
borderRadius: 0,
|
|
20
|
+
plotShadow: false,
|
|
21
|
+
plotBorderWidth: 0,
|
|
22
|
+
},
|
|
23
|
+
title: {
|
|
24
|
+
style: {
|
|
25
|
+
color: colors.text_lt_default,
|
|
26
|
+
fontFamily: typography.font_family_base,
|
|
27
|
+
fontWeight: typography.bold,
|
|
28
|
+
fontSize: typography.heading_3,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
subtitle: {
|
|
32
|
+
style: {
|
|
33
|
+
fontFamily: typography.font_family_base,
|
|
34
|
+
color: colors.text_lt_light,
|
|
35
|
+
fontWeight: typography.regular,
|
|
36
|
+
fontSize: typography.text_base,
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
xAxis: {
|
|
40
|
+
gridLineWidth: 0,
|
|
41
|
+
lineColor: colors.border_light,
|
|
42
|
+
tickColor: colors.border_light,
|
|
43
|
+
labels: {
|
|
44
|
+
style: {
|
|
45
|
+
fontFamily: typography.font_family_base,
|
|
46
|
+
color: colors.text_lt_lighter,
|
|
47
|
+
fontWeight: typography.bold,
|
|
48
|
+
fontSize: typography.text_smaller,
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
title: {
|
|
52
|
+
style: {
|
|
53
|
+
color: colors.text_lt_default,
|
|
54
|
+
fontFamily: typography.font_family_base,
|
|
55
|
+
fontWeight: typography.regular,
|
|
56
|
+
fontSize: typography.heading_4,
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
yAxis: {
|
|
61
|
+
gridLineColor: colors.border_light,
|
|
62
|
+
minorGridLineColor: colors.border_light,
|
|
63
|
+
lineWidth: 0,
|
|
64
|
+
tickWidth: 0,
|
|
65
|
+
labels: {
|
|
66
|
+
style: {
|
|
67
|
+
fontFamily: typography.font_family_base,
|
|
68
|
+
color: colors.text_lt_lighter,
|
|
69
|
+
fontWeight: typography.bold,
|
|
70
|
+
fontSize: typography.text_smaller,
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
title: {
|
|
74
|
+
style: {
|
|
75
|
+
fontFamily: typography.font_family_base,
|
|
76
|
+
color: colors.text_lt_lighter,
|
|
77
|
+
fontWeight: typography.bold,
|
|
78
|
+
fontSize: typography.text_smaller,
|
|
79
|
+
},
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
legend: {
|
|
83
|
+
layout: 'horizontal',
|
|
84
|
+
align: 'center',
|
|
85
|
+
verticalAlign: 'bottom',
|
|
86
|
+
itemStyle: {
|
|
87
|
+
fontFamily: typography.font_family_base,
|
|
88
|
+
color: colors.text_lt_light,
|
|
89
|
+
fontWeight: typography.regular,
|
|
90
|
+
fontSize: typography.text_smaller,
|
|
91
|
+
},
|
|
92
|
+
itemHoverStyle: {
|
|
93
|
+
color: colors.text_lt_default,
|
|
94
|
+
},
|
|
95
|
+
itemHiddenStyle: {
|
|
96
|
+
color: colors.text_lt_lighter,
|
|
97
|
+
},
|
|
98
|
+
},
|
|
99
|
+
tooltip: {
|
|
100
|
+
backgroundColor: {
|
|
101
|
+
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
|
|
102
|
+
stops: [
|
|
103
|
+
[0, colors.bg_dark],
|
|
104
|
+
[1, colors.bg_dark],
|
|
105
|
+
],
|
|
106
|
+
},
|
|
107
|
+
shadow: false,
|
|
108
|
+
borderWidth: 0,
|
|
109
|
+
borderRadius: 10,
|
|
110
|
+
style: {
|
|
111
|
+
fontFamily: typography.font_family_base,
|
|
112
|
+
color: colors.text_dk_default,
|
|
113
|
+
fontWeight: typography.regular,
|
|
114
|
+
fontSize: typography.text_smaller,
|
|
115
|
+
},
|
|
116
|
+
},
|
|
117
|
+
// specific to gauge
|
|
118
|
+
// unfilled gauge color
|
|
119
|
+
pane: {
|
|
120
|
+
background: {
|
|
121
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
122
|
+
// @ts-ignore
|
|
123
|
+
borderColor: colors.border_light,
|
|
124
|
+
},
|
|
125
|
+
},
|
|
126
|
+
|
|
127
|
+
plotOptions: {
|
|
128
|
+
// PIE STYLES
|
|
129
|
+
pie: {
|
|
130
|
+
colors: [
|
|
131
|
+
colors.data_1,
|
|
132
|
+
colors.data_2,
|
|
133
|
+
colors.data_3,
|
|
134
|
+
colors.data_4,
|
|
135
|
+
colors.data_5,
|
|
136
|
+
colors.data_6,
|
|
137
|
+
colors.data_7,
|
|
138
|
+
],
|
|
139
|
+
dataLabels: {
|
|
140
|
+
style: {
|
|
141
|
+
fontFamily: typography.font_family_base,
|
|
142
|
+
fontSize: typography.text_smaller,
|
|
143
|
+
color: colors.text_lt_light,
|
|
144
|
+
fontWeight: typography.regular,
|
|
145
|
+
textOutline: '2px $white',
|
|
146
|
+
},
|
|
147
|
+
},
|
|
148
|
+
},
|
|
149
|
+
|
|
150
|
+
// LINE CHART STYLES
|
|
151
|
+
line: {
|
|
152
|
+
dataLabels: {
|
|
153
|
+
color: '#CCC',
|
|
154
|
+
},
|
|
155
|
+
marker: {
|
|
156
|
+
lineColor: '#333',
|
|
157
|
+
},
|
|
158
|
+
},
|
|
159
|
+
|
|
160
|
+
//TREEMAP CHART STYLES
|
|
161
|
+
treemap: {
|
|
162
|
+
layoutAlgorithm: "squarified",
|
|
163
|
+
allowTraversingTree: false,
|
|
164
|
+
animationLimit: 1000,
|
|
165
|
+
colors: [
|
|
166
|
+
colors.data_1,
|
|
167
|
+
colors.data_2,
|
|
168
|
+
colors.data_3,
|
|
169
|
+
colors.data_4,
|
|
170
|
+
colors.data_5,
|
|
171
|
+
colors.data_6,
|
|
172
|
+
colors.data_7,
|
|
173
|
+
colors.data_8,
|
|
174
|
+
],
|
|
175
|
+
dataLabels: {
|
|
176
|
+
enabled: true,
|
|
177
|
+
style: {
|
|
178
|
+
fontFamily: typography.font_family_base,
|
|
179
|
+
fontWeight: typography.bold,
|
|
180
|
+
fontSize: typography.heading_4,
|
|
181
|
+
},
|
|
182
|
+
},
|
|
183
|
+
levels: [
|
|
184
|
+
{
|
|
185
|
+
level: 1,
|
|
186
|
+
dataLabels: {
|
|
187
|
+
enabled: false,
|
|
188
|
+
},
|
|
189
|
+
},
|
|
190
|
+
],
|
|
191
|
+
traverseUpButton: {
|
|
192
|
+
position: { y: -50 },
|
|
193
|
+
},
|
|
194
|
+
},
|
|
195
|
+
},
|
|
196
|
+
credits: {
|
|
197
|
+
enabled: false
|
|
198
|
+
},
|
|
21
199
|
}
|
|
22
200
|
|
|
23
201
|
export default mapTheme
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as jsx$1,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{createContext,useReducer,useEffect,useMemo,useContext,createElement,useState,useRef,forwardRef,useCallback,useImperativeHandle,useLayoutEffect,Component,Fragment as Fragment$1}from"react";import{q as getDefaultExportFromCjs,s as filter,t as omit,i as getAllIcons,v as get,w as useCollapsible,x as getAugmentedNamespace,y as createPopper,z as uniqueId,A as cloneDeep,B as isString}from"./lib-
|
|
1
|
+
import{jsx as jsx$1,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{createContext,useReducer,useEffect,useMemo,useContext,createElement,useState,useRef,forwardRef,useCallback,useImperativeHandle,useLayoutEffect,Component,Fragment as Fragment$1}from"react";import{q as getDefaultExportFromCjs,s as filter,t as omit,i as getAllIcons,v as get,w as useCollapsible,x as getAugmentedNamespace,y as createPopper,z as uniqueId,A as cloneDeep,B as isString}from"./lib-BCt68dVK.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";import{TrixEditor}from"react-trix";import Trix from"trix";import require$$0 from"react-is";const initialState={items:[],dragData:{id:"",initialGroup:""},isDragging:"",activeContainer:""};const reducer=(state,action)=>{switch(action.type){case"SET_ITEMS":return Object.assign(Object.assign({},state),{items:action.payload});case"SET_DRAG_DATA":return Object.assign(Object.assign({},state),{dragData:action.payload});case"SET_IS_DRAGGING":return Object.assign(Object.assign({},state),{isDragging:action.payload});case"SET_ACTIVE_CONTAINER":return Object.assign(Object.assign({},state),{activeContainer:action.payload});case"CHANGE_CATEGORY":return Object.assign(Object.assign({},state),{items:state.items.map((item=>item.id===action.payload.itemId?Object.assign(Object.assign({},item),{container:action.payload.container}):item))});case"REORDER_ITEMS":{const{dragId:dragId,targetId:targetId}=action.payload;const newItems=[...state.items];const draggedItem=newItems.find((item=>item.id===dragId));const draggedIndex=newItems.indexOf(draggedItem);const targetIndex=newItems.findIndex((item=>item.id===targetId));newItems.splice(draggedIndex,1);newItems.splice(targetIndex,0,draggedItem);return Object.assign(Object.assign({},state),{items:newItems})}default:return state}};const DragContext=createContext({});const DraggableContext=()=>useContext(DragContext);const DraggableProvider=({children:children,initialItems:initialItems,onReorder:onReorder,onDragStart:onDragStart,onDragEnter:onDragEnter,onDragEnd:onDragEnd,onDrop:onDrop,onDragOver:onDragOver})=>{const[state,dispatch]=useReducer(reducer,initialState);useEffect((()=>{dispatch({type:"SET_ITEMS",payload:initialItems})}),[initialItems]);useEffect((()=>{onReorder(state.items)}),[state.items]);const handleDragStart=(id,container)=>{dispatch({type:"SET_DRAG_DATA",payload:{id:id,initialGroup:container}});dispatch({type:"SET_IS_DRAGGING",payload:id});if(onDragStart)onDragStart(id,container)};const handleDragEnter=(id,container)=>{if(state.dragData.id!==id){dispatch({type:"REORDER_ITEMS",payload:{dragId:state.dragData.id,targetId:id}});dispatch({type:"SET_DRAG_DATA",payload:{id:state.dragData.id,initialGroup:container}})}if(onDragEnter)onDragEnter(id,container)};const handleDragEnd=()=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});if(onDragEnd)onDragEnd()};const changeCategory=(itemId,container)=>{dispatch({type:"CHANGE_CATEGORY",payload:{itemId:itemId,container:container}})};const handleDrop=container=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});changeCategory(state.dragData.id,container);if(onDrop)onDrop(container)};const handleDragOver=(e2,container)=>{e2.preventDefault();dispatch({type:"SET_ACTIVE_CONTAINER",payload:container});if(onDragOver)onDragOver(e2,container)};const contextValue=useMemo((()=>({items:state.items,dragData:state.dragData,isDragging:state.isDragging,activeContainer:state.activeContainer,handleDragStart:handleDragStart,handleDragEnter:handleDragEnter,handleDragEnd:handleDragEnd,handleDrop:handleDrop,handleDragOver:handleDragOver})),[state]);return jsx$1(DragContext.Provider,Object.assign({value:contextValue},{children:children}),void 0)};var classnames$1={exports:{}};
|
|
2
2
|
/*!
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,createElement,useRef,forwardRef,useImperativeHandle,Fragment as Fragment$1,useReducer,useMemo,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,F as Flex,I as Icon,n as FlexItem,o as Body$1,p as Caption,A as Avatar,q as domSafeProps,r as Title,S as SectionSeparator,s as DialogContext,t as Modal,u as Draggable,v as TextInput,w as PropTypes,x as Card,y as noop$3,z as PbReactPopover,E as CircleIconButton,H as Button,J as Badge,K as joinPresent,N as titleize,O as IconCircle,Q as Image,U as Checkbox,V as Radio}from"./_typeahead-
|
|
1
|
+
import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,createElement,useRef,forwardRef,useImperativeHandle,Fragment as Fragment$1,useReducer,useMemo,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,F as Flex,I as Icon,n as FlexItem,o as Body$1,p as Caption,A as Avatar,q as domSafeProps,r as Title,S as SectionSeparator,s as DialogContext,t as Modal,u as Draggable,v as TextInput,w as PropTypes,x as Card,y as noop$3,z as PbReactPopover,E as CircleIconButton,H as Button,J as Badge,K as joinPresent,N as titleize,O as IconCircle,Q as Image,U as Checkbox,V as Radio}from"./_typeahead-D84d1KBa.js";import{g as PbTable,i as getAllIcons,D as DateTime$1,a as datePickerHelper,u as useDropdown,o as omitBy,j as isEmpty,m as map,p as partial,k as find$1,n as noop$4,l as colors,h as PbTextarea,q as getDefaultExportFromCjs,r as commonjsGlobal}from"./lib-BCt68dVK.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";var ls_attrchange={exports:{}};(function(module){(function(window2,factory){if(!window2){return}var globalInstall=function(){factory(window2.lazySizes);window2.removeEventListener("lazyunveilread",globalInstall,true)};factory=factory.bind(null,window2,window2.document);if(module.exports){factory(requireLazysizes())}else if(window2.lazySizes){globalInstall()}else{window2.addEventListener("lazyunveilread",globalInstall,true)}})(typeof window!="undefined"?window:0,(function(window2,document2,lazySizes){var addObserver=function(){var connect,disconnect,observer,connected;var lsCfg=lazySizes.cfg;var attributes={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1};var regClassTest="(\\s|^)("+lsCfg.loadedClass;var docElem=document2.documentElement;var setClass=function(target){lazySizes.rAF((function(){lazySizes.rC(target,lsCfg.loadedClass);if(lsCfg.unloadedClass){lazySizes.rC(target,lsCfg.unloadedClass)}lazySizes.aC(target,lsCfg.lazyClass);if(target.style.display=="none"||target.parentNode&&target.parentNode.style.display=="none"){setTimeout((function(){lazySizes.loader.unveil(target)}),0)}}))};var onMutation=function(mutations){var i,len,mutation,target;for(i=0,len=mutations.length;i<len;i++){mutation=mutations[i];target=mutation.target;if(!target.getAttribute(mutation.attributeName)){continue}if(target.localName=="source"&&target.parentNode){target=target.parentNode.querySelector("img")}if(target&®ClassTest.test(target.className)){setClass(target)}}};if(lsCfg.unloadedClass){regClassTest+="|"+lsCfg.unloadedClass}regClassTest+="|"+lsCfg.loadingClass+")(\\s|$)";regClassTest=new RegExp(regClassTest);attributes[lsCfg.srcAttr]=1;attributes[lsCfg.srcsetAttr]=1;if(window2.MutationObserver){observer=new MutationObserver(onMutation);connect=function(){if(!connected){connected=true;observer.observe(docElem,{subtree:true,attributes:true,attributeFilter:Object.keys(attributes)})}};disconnect=function(){if(connected){connected=false;observer.disconnect()}}}else{docElem.addEventListener("DOMAttrModified",function(){var runs;var modifications=[];var callMutations=function(){onMutation(modifications);modifications=[];runs=false};return function(e){if(connected&&attributes[e.attrName]&&e.newValue){modifications.push({target:e.target,attributeName:e.attrName});if(!runs){setTimeout(callMutations);runs=true}}}}(),true);connect=function(){connected=true};disconnect=function(){connected=false}}addEventListener("lazybeforeunveil",disconnect,true);addEventListener("lazybeforeunveil",connect);addEventListener("lazybeforesizes",disconnect,true);addEventListener("lazybeforesizes",connect);connect();removeEventListener("lazybeforeunveil",addObserver)};addEventListener("lazybeforeunveil",addObserver)}))})(ls_attrchange);
|
|
2
2
|
/**
|
|
3
3
|
* table-core
|
|
4
4
|
*
|