playbook_ui 13.34.1.pre.alpha.PLAY14633399 → 13.34.1.pre.alpha.pbntr258paginationkitforreact3404
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.
- 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
|