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.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_pagination/_pagination.scss +24 -8
  3. data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +131 -0
  4. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx +19 -0
  5. data/app/pb_kits/playbook/pb_pagination/docs/example.yml +2 -1
  6. data/app/pb_kits/playbook/pb_pagination/docs/index.js +1 -0
  7. data/app/pb_kits/playbook/pb_table/_table.tsx +1 -1
  8. data/app/pb_kits/playbook/pb_table/index.ts +4 -4
  9. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +1 -1
  10. data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +1 -1
  11. data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +1 -1
  12. data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +1 -1
  13. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +1 -1
  14. data/app/pb_kits/playbook/pb_table/table.test.js +0 -2
  15. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
  16. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +1 -1
  17. data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +27 -45
  18. data/app/pb_kits/playbook/pb_textarea/index.ts +3 -3
  19. data/app/pb_kits/playbook/pb_time/_time.tsx +3 -3
  20. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +1 -1
  21. data/app/pb_kits/playbook/pb_timeline/_item.tsx +1 -1
  22. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +1 -1
  23. data/app/pb_kits/playbook/pb_title_detail/_title_detail.tsx +10 -10
  24. data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +1 -1
  25. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +2 -2
  26. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +2 -1
  27. data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +0 -2
  28. data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
  29. data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +6 -6
  30. data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.tsx +235 -236
  31. data/app/pb_kits/playbook/pb_user_badge/badges/veteran.tsx +1 -1
  32. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +63 -68
  33. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +1 -1
  34. data/dist/chunks/{_typeahead-Clhh5t_H.js → _typeahead-COUJ88EA.js} +1 -1
  35. data/dist/chunks/{_weekday_stacked-C1tp5PyP.js → _weekday_stacked-BAkwel5p.js} +2 -2
  36. data/dist/chunks/{lib-BE0Z3F7x.js → lib-Bf_E03gc.js} +1 -1
  37. data/dist/chunks/{pb_form_validation-TzZQ0Flx.js → pb_form_validation-D0dhqeN2.js} +1 -1
  38. data/dist/chunks/vendor.js +1 -1
  39. data/dist/playbook-doc.js +1 -1
  40. data/dist/playbook-rails-react-bindings.js +1 -1
  41. data/dist/playbook-rails.js +1 -1
  42. data/dist/playbook.css +1 -1
  43. data/lib/playbook/version.rb +1 -1
  44. 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?: Record<string, unknown>,
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?: Record<string, unknown>,
64
- closeProps?: Record<string, unknown>,
65
- primaryProps?: Record<string, unknown>,
66
- skipProps?: Record<string, unknown>,
67
- tooltipProps?: Record<string, unknown>,
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
- <Title
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
- {props.step.title}
87
- </Title>
88
- {props.skip && (
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
- </Flex>
103
- <SectionSeparator />
104
- </div>}
96
+ />
97
+ </Flex>
98
+ <SectionSeparator />
99
+ </div>}
105
100
 
106
- <Flex padding="sm">{props.step.content}</Flex>
107
- <SectionSeparator />
108
- <Flex
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
- {props.index > 0 && (
114
- <Button
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
- {props.continuous && !props.isLastStep &&
122
- <Button
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
- {!props.continuous &&
130
- <Button
124
+ {!props.continuous &&
125
+ <Button
131
126
  {...props.closeProps}
132
127
  id="close"
133
128
  text="Close"
134
- />
135
- }
129
+ />
130
+ }
136
131
 
137
- {!((props.continuous && !props.isLastStep) || (!props.continuous)) &&
138
- <Button
132
+ {!((props.continuous && !props.isLastStep) || (!props.continuous)) &&
133
+ <Button
139
134
  {...props.closeProps}
140
135
  id="close"
141
136
  text="Close"
142
- />
143
- }
144
- </Flex>
145
- </div>
137
+ />
138
+ }
139
+ </Flex>
140
+ </div>
146
141
  )) as unknown as React.ForwardRefRenderFunction<HTMLDivElement, TooltipRenderProps>
147
142
 
148
- const Walkthrough = (props: WalkthroughProps): React.ReactElement => {
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
- {...ariaProps}
179
- {...dataProps}
180
- {...htmlProps}
181
- className={classes}
182
- id={id}
173
+ {...ariaProps}
174
+ {...dataProps}
175
+ {...htmlProps}
176
+ className={classes}
177
+ id={id}
183
178
  >
184
179
  <Joyride
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}
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): React.ReactElement => {
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-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:{}};
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