playbook_ui 13.34.0.pre.alpha.PLAY14143373 → 13.34.1.pre.alpha.PLAY14633399
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_date_time_stacked/date_time_stacked.test.js +0 -1
- data/app/pb_kits/playbook/pb_icon/_icon.scss +1 -1
- data/app/pb_kits/playbook/pb_lightbox/Carousel/index.tsx +0 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +0 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +0 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +0 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +0 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +0 -1
- 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 +2 -0
- 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 +45 -27
- 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 +1 -2
- data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +2 -0
- 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 +236 -235
- data/app/pb_kits/playbook/pb_user_badge/badges/veteran.tsx +1 -1
- data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +68 -63
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +1 -1
- data/dist/chunks/{_typeahead-COUJ88EA.js → _typeahead-Clhh5t_H.js} +1 -1
- data/dist/chunks/_weekday_stacked-C1tp5PyP.js +45 -0
- data/dist/chunks/{lib-Bf_E03gc.js → lib-BE0Z3F7x.js} +1 -1
- data/dist/chunks/{pb_form_validation-D0dhqeN2.js → pb_form_validation-TzZQ0Flx.js} +1 -1
- data/dist/chunks/vendor.js +1 -0
- data/dist/playbook-doc.js +1 -0
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +4 -0
- data/lib/playbook/version.rb +2 -2
- metadata +9 -5
@@ -1,3 +1,5 @@
|
|
1
|
+
/* eslint-disable react/no-multi-comp */
|
2
|
+
|
1
3
|
import React from 'react'
|
2
4
|
import classnames from 'classnames'
|
3
5
|
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
|
@@ -24,7 +26,7 @@ type WalkthroughProps = {
|
|
24
26
|
disableOverlay?: boolean,
|
25
27
|
disableOverlayClose?: boolean,
|
26
28
|
disableScrolling?: boolean,
|
27
|
-
floaterProps?:
|
29
|
+
floaterProps?: Record<string, unknown>,
|
28
30
|
hideBackButton?: boolean,
|
29
31
|
hideCloseButton?: boolean,
|
30
32
|
showProgress?: boolean,
|
@@ -58,89 +60,92 @@ type TooltipProps = {
|
|
58
60
|
disableBeacon?: boolean,
|
59
61
|
},
|
60
62
|
skip?: boolean,
|
61
|
-
backProps?:
|
62
|
-
closeProps?:
|
63
|
-
primaryProps?:
|
64
|
-
skipProps?:
|
65
|
-
tooltipProps?:
|
63
|
+
backProps?: Record<string, unknown>,
|
64
|
+
closeProps?: Record<string, unknown>,
|
65
|
+
primaryProps?: Record<string, unknown>,
|
66
|
+
skipProps?: Record<string, unknown>,
|
67
|
+
tooltipProps?: Record<string, unknown>,
|
66
68
|
}
|
67
69
|
|
70
|
+
// eslint-disable-next-line react/display-name
|
68
71
|
const Tooltip = React.forwardRef((props: TooltipProps) => (
|
69
|
-
|
72
|
+
<div
|
70
73
|
className="pb_card_kit_border_none p_none"
|
71
74
|
{...props.tooltipProps}
|
75
|
+
>
|
76
|
+
{props.step.title && <div>
|
77
|
+
<Flex
|
78
|
+
align="center"
|
79
|
+
justify="between"
|
80
|
+
padding="xs"
|
72
81
|
>
|
73
|
-
|
74
|
-
<Flex
|
75
|
-
align="center"
|
76
|
-
justify="between"
|
77
|
-
padding="xs"
|
78
|
-
>
|
79
|
-
<Title
|
82
|
+
<Title
|
80
83
|
paddingLeft="xs"
|
81
84
|
size={4}
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
85
|
+
>
|
86
|
+
{props.step.title}
|
87
|
+
</Title>
|
88
|
+
{props.skip && (
|
89
|
+
<Button
|
86
90
|
{...props.skipProps}
|
87
91
|
id="skip"
|
88
92
|
text="Skip Tour"
|
89
93
|
variant="link"
|
90
|
-
|
91
|
-
|
94
|
+
/>
|
95
|
+
)}
|
96
|
+
<Button
|
92
97
|
{...props.skipProps}
|
93
98
|
id="skip"
|
94
99
|
text="Skip Tour"
|
95
100
|
variant="link"
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
101
|
+
/>
|
102
|
+
</Flex>
|
103
|
+
<SectionSeparator />
|
104
|
+
</div>}
|
100
105
|
|
101
|
-
|
102
|
-
|
103
|
-
|
106
|
+
<Flex padding="sm">{props.step.content}</Flex>
|
107
|
+
<SectionSeparator />
|
108
|
+
<Flex
|
104
109
|
justify={props.index == 0 ? 'end' : 'between'}
|
105
110
|
padding="xs"
|
106
|
-
|
111
|
+
>
|
107
112
|
|
108
|
-
|
109
|
-
|
113
|
+
{props.index > 0 && (
|
114
|
+
<Button
|
110
115
|
{...props.backProps}
|
111
116
|
id="back"
|
112
117
|
text="Back"
|
113
|
-
|
114
|
-
|
118
|
+
/>
|
119
|
+
)}
|
115
120
|
|
116
|
-
|
117
|
-
|
121
|
+
{props.continuous && !props.isLastStep &&
|
122
|
+
<Button
|
118
123
|
{...props.primaryProps}
|
119
124
|
id="next"
|
120
125
|
text="Next"
|
121
|
-
|
122
|
-
|
126
|
+
/>
|
127
|
+
}
|
123
128
|
|
124
|
-
|
125
|
-
|
129
|
+
{!props.continuous &&
|
130
|
+
<Button
|
126
131
|
{...props.closeProps}
|
127
132
|
id="close"
|
128
133
|
text="Close"
|
129
|
-
|
130
|
-
|
134
|
+
/>
|
135
|
+
}
|
131
136
|
|
132
|
-
|
133
|
-
|
137
|
+
{!((props.continuous && !props.isLastStep) || (!props.continuous)) &&
|
138
|
+
<Button
|
134
139
|
{...props.closeProps}
|
135
140
|
id="close"
|
136
141
|
text="Close"
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
142
|
+
/>
|
143
|
+
}
|
144
|
+
</Flex>
|
145
|
+
</div>
|
141
146
|
)) as unknown as React.ForwardRefRenderFunction<HTMLDivElement, TooltipRenderProps>
|
142
147
|
|
143
|
-
const Walkthrough = (props: WalkthroughProps) => {
|
148
|
+
const Walkthrough = (props: WalkthroughProps): React.ReactElement => {
|
144
149
|
const {
|
145
150
|
aria = {},
|
146
151
|
callback,
|
@@ -170,24 +175,24 @@ const Walkthrough = (props: WalkthroughProps) => {
|
|
170
175
|
|
171
176
|
return (
|
172
177
|
<div
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
+
{...ariaProps}
|
179
|
+
{...dataProps}
|
180
|
+
{...htmlProps}
|
181
|
+
className={classes}
|
182
|
+
id={id}
|
178
183
|
>
|
179
184
|
<Joyride
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
185
|
+
callback={callback}
|
186
|
+
continuous={continuous}
|
187
|
+
disableOverlay={disableOverlay}
|
188
|
+
disableScrolling
|
189
|
+
floaterProps={floaterProps}
|
190
|
+
run={run}
|
191
|
+
showSkipButton={showSkipButton}
|
192
|
+
steps={steps}
|
193
|
+
styles={styles}
|
194
|
+
tooltipComponent={Tooltip}
|
195
|
+
{...props}
|
191
196
|
/>
|
192
197
|
</div>
|
193
198
|
|
@@ -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): React.ReactElement => {
|
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-BE0Z3F7x.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
|