playbook_ui 14.12.0.pre.rc.7 → 14.12.0.pre.rc.9
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_table/_table.tsx +2 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +74 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +3 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +74 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +3 -0
- data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_table/index.ts +93 -34
- data/app/pb_kits/playbook/pb_table/table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_table/table.rb +17 -2
- data/app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts +22 -0
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +30 -30
- data/dist/chunks/{_typeahead-BNULwihE.js → _typeahead-DCD3NrAk.js} +1 -1
- data/dist/chunks/_weekday_stacked-aUbMqVRj.js +45 -0
- data/dist/chunks/{lib-B7sgJtGS.js → lib-OFT985dg.js} +2 -2
- data/dist/chunks/{pb_form_validation-C5Cc0-1v.js → pb_form_validation-CrsXd1-Y.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/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +11 -6
- data/dist/chunks/_weekday_stacked-BKWemDAe.js +0 -45
|
@@ -50,7 +50,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
50
50
|
>div {
|
|
51
51
|
&:last-child {
|
|
52
52
|
flex-basis: auto !important;
|
|
53
|
-
[class
|
|
53
|
+
[class^=pb_timeline_item_step] {
|
|
54
54
|
[class=pb_timeline_item_connector] {
|
|
55
55
|
opacity: 0;
|
|
56
56
|
}
|
|
@@ -66,29 +66,25 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
66
66
|
[class*=pb_timeline_item_kit] {
|
|
67
67
|
&[class*=_solid] {
|
|
68
68
|
flex-basis: 100%;
|
|
69
|
-
[class
|
|
70
|
-
height: 0px;
|
|
71
|
-
}
|
|
72
|
-
[class=pb_timeline_item_step] {
|
|
69
|
+
[class^=pb_timeline_item_step] {
|
|
73
70
|
@include flex_wrapper(row);
|
|
71
|
+
align-items: center;
|
|
74
72
|
margin-top: $space_xs;
|
|
75
73
|
margin-bottom: $space_xs;
|
|
76
74
|
[class=pb_timeline_item_connector] {
|
|
77
|
-
@include pb_timeline_line_solid($connector_width, $connector_width,
|
|
75
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
78
76
|
}
|
|
79
77
|
}
|
|
80
78
|
}
|
|
81
79
|
&[class*=_dotted] {
|
|
82
80
|
flex-basis: 100%;
|
|
83
|
-
[class
|
|
84
|
-
height: 0;
|
|
85
|
-
}
|
|
86
|
-
[class=pb_timeline_item_step] {
|
|
81
|
+
[class^=pb_timeline_item_step] {
|
|
87
82
|
@include flex_wrapper(row);
|
|
83
|
+
align-items: center;
|
|
88
84
|
margin-top: $space_xs;
|
|
89
85
|
margin-bottom: $space_xs;
|
|
90
86
|
[class=pb_timeline_item_connector] {
|
|
91
|
-
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width,
|
|
87
|
+
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
92
88
|
}
|
|
93
89
|
}
|
|
94
90
|
}
|
|
@@ -99,7 +95,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
99
95
|
>div {
|
|
100
96
|
&:last-child {
|
|
101
97
|
flex-basis: auto !important;
|
|
102
|
-
[class
|
|
98
|
+
[class^=pb_timeline_item_step] {
|
|
103
99
|
[class=pb_timeline_item_connector] {
|
|
104
100
|
opacity: 0;
|
|
105
101
|
}
|
|
@@ -129,12 +125,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
129
125
|
}
|
|
130
126
|
}
|
|
131
127
|
}
|
|
132
|
-
[class
|
|
128
|
+
[class^=pb_timeline_item_step] {
|
|
133
129
|
@include flex_wrapper(row);
|
|
134
130
|
margin-top: $space_xs;
|
|
135
131
|
margin-bottom: $space_xs;
|
|
136
132
|
[class=pb_timeline_item_connector] {
|
|
137
|
-
@include pb_timeline_line_solid($connector_width, $connector_width,
|
|
133
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
138
134
|
}
|
|
139
135
|
}
|
|
140
136
|
}
|
|
@@ -153,12 +149,12 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
153
149
|
}
|
|
154
150
|
}
|
|
155
151
|
}
|
|
156
|
-
[class
|
|
152
|
+
[class^=pb_timeline_item_step] {
|
|
157
153
|
@include flex_wrapper(row);
|
|
158
154
|
margin-top: $space_xs;
|
|
159
155
|
margin-bottom: $space_xs;
|
|
160
156
|
[class=pb_timeline_item_connector] {
|
|
161
|
-
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width,
|
|
157
|
+
@include pb_timeline_line_dotted_horizontal($connector_width, $connector_width, 0 $icon_margin 0 $icon_margin );
|
|
162
158
|
}
|
|
163
159
|
}
|
|
164
160
|
}
|
|
@@ -170,7 +166,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
170
166
|
align-items: flex-start;
|
|
171
167
|
align-self: auto;
|
|
172
168
|
>div:last-child {
|
|
173
|
-
[class
|
|
169
|
+
[class^=pb_timeline_item_step] {
|
|
174
170
|
[class=pb_timeline_item_connector] {
|
|
175
171
|
opacity: 0;
|
|
176
172
|
}
|
|
@@ -180,13 +176,14 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
180
176
|
@include flex_wrapper(row);
|
|
181
177
|
&[class*=_solid] {
|
|
182
178
|
flex-basis: 100%;
|
|
183
|
-
[class
|
|
179
|
+
[class^=pb_timeline_item_step] {
|
|
184
180
|
@include flex_wrapper(column);
|
|
181
|
+
align-items: center;
|
|
185
182
|
align-content: flex-start;
|
|
186
183
|
margin-right: $space_sm;
|
|
187
184
|
margin-left: $space_sm;
|
|
188
185
|
[class=pb_timeline_item_connector] {
|
|
189
|
-
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
186
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
190
187
|
}
|
|
191
188
|
}
|
|
192
189
|
[class=pb_timeline_item_left_block] {
|
|
@@ -200,12 +197,13 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
200
197
|
}
|
|
201
198
|
&[class*=_dotted] {
|
|
202
199
|
flex-basis: 100%;
|
|
203
|
-
[class
|
|
200
|
+
[class^=pb_timeline_item_step] {
|
|
204
201
|
@include flex_wrapper(column);
|
|
202
|
+
align-items: center;
|
|
205
203
|
margin-right: $space_sm;
|
|
206
204
|
margin-left: $space_sm;
|
|
207
205
|
[class=pb_timeline_item_connector] {
|
|
208
|
-
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
206
|
+
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
209
207
|
}
|
|
210
208
|
}
|
|
211
209
|
[class=pb_timeline_item_left_block] {
|
|
@@ -223,7 +221,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
223
221
|
align-items: flex-start;
|
|
224
222
|
align-self: auto;
|
|
225
223
|
>div:last-child {
|
|
226
|
-
[class
|
|
224
|
+
[class^=pb_timeline_item_step] {
|
|
227
225
|
[class=pb_timeline_item_connector] {
|
|
228
226
|
opacity: 0;
|
|
229
227
|
}
|
|
@@ -233,13 +231,14 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
233
231
|
@include flex_wrapper(row);
|
|
234
232
|
&[class*=_solid] {
|
|
235
233
|
flex-basis: 100%;
|
|
236
|
-
[class
|
|
234
|
+
[class^=pb_timeline_item_step] {
|
|
237
235
|
@include flex_wrapper(column);
|
|
236
|
+
align-items: center;
|
|
238
237
|
align-content: flex-start;
|
|
239
238
|
margin-right: $space_sm;
|
|
240
239
|
margin-left: $space_sm;
|
|
241
240
|
[class=pb_timeline_item_connector] {
|
|
242
|
-
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
241
|
+
@include pb_timeline_line_solid($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
243
242
|
}
|
|
244
243
|
}
|
|
245
244
|
[class=pb_timeline_item_left_block] {
|
|
@@ -253,12 +252,13 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
253
252
|
}
|
|
254
253
|
&[class*=_dotted] {
|
|
255
254
|
flex-basis: 100%;
|
|
256
|
-
[class
|
|
255
|
+
[class^=pb_timeline_item_step] {
|
|
257
256
|
@include flex_wrapper(column);
|
|
257
|
+
align-items: center;
|
|
258
258
|
margin-right: $space_sm;
|
|
259
259
|
margin-left: $space_sm;
|
|
260
260
|
[class=pb_timeline_item_connector] {
|
|
261
|
-
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin
|
|
261
|
+
@include pb_timeline_line_dotted_vertical($connector_width, $connector_width, $icon_margin 0 $icon_margin 0);
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
264
|
[class=pb_timeline_item_left_block] {
|
|
@@ -274,7 +274,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
274
274
|
}
|
|
275
275
|
&[class*=_gap_xs] {
|
|
276
276
|
[class*=pb_timeline_item_kit] {
|
|
277
|
-
[class
|
|
277
|
+
[class^=pb_timeline_item_step] {
|
|
278
278
|
[class=pb_timeline_item_connector] {
|
|
279
279
|
height: $gap_xs !important;
|
|
280
280
|
}
|
|
@@ -283,7 +283,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
283
283
|
}
|
|
284
284
|
&[class*=_gap_sm] {
|
|
285
285
|
[class*=pb_timeline_item_kit] {
|
|
286
|
-
[class
|
|
286
|
+
[class^=pb_timeline_item_step] {
|
|
287
287
|
[class=pb_timeline_item_connector] {
|
|
288
288
|
height: $gap_sm !important;
|
|
289
289
|
}
|
|
@@ -292,7 +292,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
292
292
|
}
|
|
293
293
|
&[class*=_gap_md] {
|
|
294
294
|
[class*=pb_timeline_item_kit] {
|
|
295
|
-
[class
|
|
295
|
+
[class^=pb_timeline_item_step] {
|
|
296
296
|
[class=pb_timeline_item_connector] {
|
|
297
297
|
height: $gap_md !important;
|
|
298
298
|
}
|
|
@@ -301,7 +301,7 @@ $gap_lg: $height_from_top + $space_lg;
|
|
|
301
301
|
}
|
|
302
302
|
&[class*=_gap_lg] {
|
|
303
303
|
[class*=pb_timeline_item_kit] {
|
|
304
|
-
[class
|
|
304
|
+
[class^=pb_timeline_item_step] {
|
|
305
305
|
[class=pb_timeline_item_connector] {
|
|
306
306
|
height: $gap_lg !important;
|
|
307
307
|
}
|
|
@@ -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,useRef,createElement,useState,forwardRef,useLayoutEffect,useCallback,useImperativeHandle,Component,Fragment as Fragment$1}from"react";import{r as getDefaultExportFromCjs,x as filter,y as omit,u as useCollapsible,j as getAllIcons,z as get,q as commonjsGlobal,w as colors$1,t as highchartsTheme,A as merge,s as highchartsDarkTheme,B as getAugmentedNamespace,C as createPopper,E as uniqueId,F as typography,G as cloneDeep,H 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,useRef,createElement,useState,forwardRef,useLayoutEffect,useCallback,useImperativeHandle,Component,Fragment as Fragment$1}from"react";import{r as getDefaultExportFromCjs,x as filter,y as omit,u as useCollapsible,j as getAllIcons,z as get,q as commonjsGlobal,w as colors$1,t as highchartsTheme,A as merge,s as highchartsDarkTheme,B as getAugmentedNamespace,C as createPopper,E as uniqueId,F as typography,G as cloneDeep,H as isString}from"./lib-OFT985dg.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=(e,container)=>{e.preventDefault();dispatch({type:"SET_ACTIVE_CONTAINER",payload:container});if(onDragOver)onDragOver(e,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
|