playbook_ui 13.34.1.pre.alpha.PLAY14633399 → 13.34.1.pre.alpha.pbntr258paginationkitforreact3404
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_pagination/_pagination.scss +24 -8
- data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +131 -0
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx +19 -0
- data/app/pb_kits/playbook/pb_pagination/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_pagination/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_table/_table.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/index.ts +4 -4
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/table.test.js +0 -2
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +27 -45
- data/app/pb_kits/playbook/pb_textarea/index.ts +3 -3
- data/app/pb_kits/playbook/pb_time/_time.tsx +3 -3
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +1 -1
- data/app/pb_kits/playbook/pb_timeline/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +1 -1
- data/app/pb_kits/playbook/pb_title_detail/_title_detail.tsx +10 -10
- data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +1 -1
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +2 -2
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +2 -1
- data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +0 -2
- data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
- data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +6 -6
- data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.tsx +235 -236
- data/app/pb_kits/playbook/pb_user_badge/badges/veteran.tsx +1 -1
- data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +63 -68
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +1 -1
- data/dist/chunks/{_typeahead-Clhh5t_H.js → _typeahead-COUJ88EA.js} +1 -1
- data/dist/chunks/{_weekday_stacked-C1tp5PyP.js → _weekday_stacked-BAkwel5p.js} +2 -2
- data/dist/chunks/{lib-BE0Z3F7x.js → lib-Bf_E03gc.js} +1 -1
- data/dist/chunks/{pb_form_validation-TzZQ0Flx.js → pb_form_validation-D0dhqeN2.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 +9 -6
@@ -1,5 +1,3 @@
|
|
1
|
-
/* eslint-disable react/no-multi-comp */
|
2
|
-
|
3
1
|
import React from 'react'
|
4
2
|
import classnames from 'classnames'
|
5
3
|
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
|
@@ -26,7 +24,7 @@ type WalkthroughProps = {
|
|
26
24
|
disableOverlay?: boolean,
|
27
25
|
disableOverlayClose?: boolean,
|
28
26
|
disableScrolling?: boolean,
|
29
|
-
floaterProps?:
|
27
|
+
floaterProps?: object,
|
30
28
|
hideBackButton?: boolean,
|
31
29
|
hideCloseButton?: boolean,
|
32
30
|
showProgress?: boolean,
|
@@ -60,92 +58,89 @@ type TooltipProps = {
|
|
60
58
|
disableBeacon?: boolean,
|
61
59
|
},
|
62
60
|
skip?: boolean,
|
63
|
-
backProps?:
|
64
|
-
closeProps?:
|
65
|
-
primaryProps?:
|
66
|
-
skipProps?:
|
67
|
-
tooltipProps?:
|
61
|
+
backProps?: object,
|
62
|
+
closeProps?: object,
|
63
|
+
primaryProps?: object,
|
64
|
+
skipProps?: object,
|
65
|
+
tooltipProps?: object,
|
68
66
|
}
|
69
67
|
|
70
|
-
// eslint-disable-next-line react/display-name
|
71
68
|
const Tooltip = React.forwardRef((props: TooltipProps) => (
|
72
|
-
<div
|
69
|
+
<div
|
73
70
|
className="pb_card_kit_border_none p_none"
|
74
71
|
{...props.tooltipProps}
|
75
|
-
>
|
76
|
-
{props.step.title && <div>
|
77
|
-
<Flex
|
78
|
-
align="center"
|
79
|
-
justify="between"
|
80
|
-
padding="xs"
|
81
72
|
>
|
82
|
-
|
73
|
+
{props.step.title && <div>
|
74
|
+
<Flex
|
75
|
+
align="center"
|
76
|
+
justify="between"
|
77
|
+
padding="xs"
|
78
|
+
>
|
79
|
+
<Title
|
83
80
|
paddingLeft="xs"
|
84
81
|
size={4}
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
<Button
|
82
|
+
>
|
83
|
+
{props.step.title}
|
84
|
+
</Title>
|
85
|
+
{props.skip && (<Button
|
90
86
|
{...props.skipProps}
|
91
87
|
id="skip"
|
92
88
|
text="Skip Tour"
|
93
89
|
variant="link"
|
94
|
-
|
95
|
-
|
96
|
-
<Button
|
90
|
+
/>)}
|
91
|
+
<Button
|
97
92
|
{...props.skipProps}
|
98
93
|
id="skip"
|
99
94
|
text="Skip Tour"
|
100
95
|
variant="link"
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
96
|
+
/>
|
97
|
+
</Flex>
|
98
|
+
<SectionSeparator />
|
99
|
+
</div>}
|
105
100
|
|
106
|
-
|
107
|
-
|
108
|
-
|
101
|
+
<Flex padding="sm">{props.step.content}</Flex>
|
102
|
+
<SectionSeparator />
|
103
|
+
<Flex
|
109
104
|
justify={props.index == 0 ? 'end' : 'between'}
|
110
105
|
padding="xs"
|
111
|
-
|
106
|
+
>
|
112
107
|
|
113
|
-
|
114
|
-
|
108
|
+
{props.index > 0 && (
|
109
|
+
<Button
|
115
110
|
{...props.backProps}
|
116
111
|
id="back"
|
117
112
|
text="Back"
|
118
|
-
|
119
|
-
|
113
|
+
/>
|
114
|
+
)}
|
120
115
|
|
121
|
-
|
122
|
-
|
116
|
+
{props.continuous && !props.isLastStep &&
|
117
|
+
<Button
|
123
118
|
{...props.primaryProps}
|
124
119
|
id="next"
|
125
120
|
text="Next"
|
126
|
-
|
127
|
-
|
121
|
+
/>
|
122
|
+
}
|
128
123
|
|
129
|
-
|
130
|
-
|
124
|
+
{!props.continuous &&
|
125
|
+
<Button
|
131
126
|
{...props.closeProps}
|
132
127
|
id="close"
|
133
128
|
text="Close"
|
134
|
-
|
135
|
-
|
129
|
+
/>
|
130
|
+
}
|
136
131
|
|
137
|
-
|
138
|
-
|
132
|
+
{!((props.continuous && !props.isLastStep) || (!props.continuous)) &&
|
133
|
+
<Button
|
139
134
|
{...props.closeProps}
|
140
135
|
id="close"
|
141
136
|
text="Close"
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
</div>
|
137
|
+
/>
|
138
|
+
}
|
139
|
+
</Flex>
|
140
|
+
</div>
|
146
141
|
)) as unknown as React.ForwardRefRenderFunction<HTMLDivElement, TooltipRenderProps>
|
147
142
|
|
148
|
-
const Walkthrough = (props: WalkthroughProps)
|
143
|
+
const Walkthrough = (props: WalkthroughProps) => {
|
149
144
|
const {
|
150
145
|
aria = {},
|
151
146
|
callback,
|
@@ -175,24 +170,24 @@ const Walkthrough = (props: WalkthroughProps): React.ReactElement => {
|
|
175
170
|
|
176
171
|
return (
|
177
172
|
<div
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
173
|
+
{...ariaProps}
|
174
|
+
{...dataProps}
|
175
|
+
{...htmlProps}
|
176
|
+
className={classes}
|
177
|
+
id={id}
|
183
178
|
>
|
184
179
|
<Joyride
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
180
|
+
callback={callback}
|
181
|
+
continuous={continuous}
|
182
|
+
disableOverlay={disableOverlay}
|
183
|
+
disableScrolling
|
184
|
+
floaterProps={floaterProps}
|
185
|
+
run={run}
|
186
|
+
showSkipButton={showSkipButton}
|
187
|
+
steps={steps}
|
188
|
+
styles={styles}
|
189
|
+
tooltipComponent={Tooltip}
|
190
|
+
{...props}
|
196
191
|
/>
|
197
192
|
</div>
|
198
193
|
|
@@ -38,7 +38,7 @@ const getFormattedDate = (value: Date, variant: "day_only" | "month_day" | "expa
|
|
38
38
|
}
|
39
39
|
}
|
40
40
|
|
41
|
-
const WeekdayStacked = (props: WeekdayStackedProps)
|
41
|
+
const WeekdayStacked = (props: WeekdayStackedProps) => {
|
42
42
|
const {
|
43
43
|
align = 'left',
|
44
44
|
aria = {},
|
@@ -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{l as getDefaultExportFromCjs,r as filter,s as omit,t as get,q as commonjsGlobal,k as colors$1,v as typography,w as merge,x as useCollapsible,y as getAugmentedNamespace,z as createPopper,A as uniqueId,B as cloneDeep,C 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{l as getDefaultExportFromCjs,r as filter,s as omit,t as get,q as commonjsGlobal,k as colors$1,v as typography,w as merge,x as useCollapsible,y as getAugmentedNamespace,z as createPopper,A as uniqueId,B as cloneDeep,C as isString}from"./lib-Bf_E03gc.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";var classnames$1={exports:{}};
|
2
2
|
/*!
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
4
4
|
Licensed under the MIT License (MIT), see
|