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.
Files changed (47) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +0 -1
  3. data/app/pb_kits/playbook/pb_icon/_icon.scss +1 -1
  4. data/app/pb_kits/playbook/pb_lightbox/Carousel/index.tsx +0 -1
  5. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +0 -1
  6. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +0 -1
  7. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +0 -1
  8. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +0 -1
  9. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +0 -1
  10. data/app/pb_kits/playbook/pb_table/_table.tsx +1 -1
  11. data/app/pb_kits/playbook/pb_table/index.ts +4 -4
  12. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +1 -1
  13. data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +1 -1
  14. data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +1 -1
  15. data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +1 -1
  16. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +1 -1
  17. data/app/pb_kits/playbook/pb_table/table.test.js +2 -0
  18. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
  19. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +1 -1
  20. data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +45 -27
  21. data/app/pb_kits/playbook/pb_textarea/index.ts +3 -3
  22. data/app/pb_kits/playbook/pb_time/_time.tsx +3 -3
  23. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +1 -1
  24. data/app/pb_kits/playbook/pb_timeline/_item.tsx +1 -1
  25. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +1 -1
  26. data/app/pb_kits/playbook/pb_title_detail/_title_detail.tsx +10 -10
  27. data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +1 -1
  28. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +2 -2
  29. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +1 -2
  30. data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +2 -0
  31. data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
  32. data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +6 -6
  33. data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.tsx +236 -235
  34. data/app/pb_kits/playbook/pb_user_badge/badges/veteran.tsx +1 -1
  35. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +68 -63
  36. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +1 -1
  37. data/dist/chunks/{_typeahead-COUJ88EA.js → _typeahead-Clhh5t_H.js} +1 -1
  38. data/dist/chunks/_weekday_stacked-C1tp5PyP.js +45 -0
  39. data/dist/chunks/{lib-Bf_E03gc.js → lib-BE0Z3F7x.js} +1 -1
  40. data/dist/chunks/{pb_form_validation-D0dhqeN2.js → pb_form_validation-TzZQ0Flx.js} +1 -1
  41. data/dist/chunks/vendor.js +1 -0
  42. data/dist/playbook-doc.js +1 -0
  43. data/dist/playbook-rails-react-bindings.js +1 -1
  44. data/dist/playbook-rails.js +1 -1
  45. data/dist/playbook.css +4 -0
  46. data/lib/playbook/version.rb +2 -2
  47. 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?: object,
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?: object,
62
- closeProps?: object,
63
- primaryProps?: object,
64
- skipProps?: object,
65
- tooltipProps?: object,
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
- <div
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
- {props.step.title && <div>
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
- {props.step.title}
84
- </Title>
85
- {props.skip && (<Button
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
- <Button
94
+ />
95
+ )}
96
+ <Button
92
97
  {...props.skipProps}
93
98
  id="skip"
94
99
  text="Skip Tour"
95
100
  variant="link"
96
- />
97
- </Flex>
98
- <SectionSeparator />
99
- </div>}
101
+ />
102
+ </Flex>
103
+ <SectionSeparator />
104
+ </div>}
100
105
 
101
- <Flex padding="sm">{props.step.content}</Flex>
102
- <SectionSeparator />
103
- <Flex
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
- {props.index > 0 && (
109
- <Button
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
- {props.continuous && !props.isLastStep &&
117
- <Button
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
- {!props.continuous &&
125
- <Button
129
+ {!props.continuous &&
130
+ <Button
126
131
  {...props.closeProps}
127
132
  id="close"
128
133
  text="Close"
129
- />
130
- }
134
+ />
135
+ }
131
136
 
132
- {!((props.continuous && !props.isLastStep) || (!props.continuous)) &&
133
- <Button
137
+ {!((props.continuous && !props.isLastStep) || (!props.continuous)) &&
138
+ <Button
134
139
  {...props.closeProps}
135
140
  id="close"
136
141
  text="Close"
137
- />
138
- }
139
- </Flex>
140
- </div>
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
- {...ariaProps}
174
- {...dataProps}
175
- {...htmlProps}
176
- className={classes}
177
- id={id}
178
+ {...ariaProps}
179
+ {...dataProps}
180
+ {...htmlProps}
181
+ className={classes}
182
+ id={id}
178
183
  >
179
184
  <Joyride
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}
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-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:{}};
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