playbook_ui 14.16.0.pre.rc.6 → 14.16.0

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.
Files changed (80) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +1 -1
  3. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +1 -1
  4. data/app/pb_kits/playbook/pb_draggable/_draggable.scss +115 -5
  5. data/app/pb_kits/playbook/pb_draggable/_draggable.tsx +6 -4
  6. data/app/pb_kits/playbook/pb_draggable/context/index.tsx +35 -9
  7. data/app/pb_kits/playbook/pb_draggable/context/types.ts +35 -28
  8. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx +184 -0
  9. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md +5 -0
  10. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx +97 -0
  11. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md +1 -0
  12. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +11 -2
  13. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +65 -6
  14. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +3 -0
  15. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +1 -0
  16. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +2 -1
  17. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss +2 -2
  18. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +67 -0
  19. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +67 -0
  20. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +1 -1
  21. data/app/pb_kits/playbook/pb_icon/_icon.scss +8 -1
  22. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.html.erb +10 -4
  23. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.jsx +49 -24
  24. data/app/pb_kits/playbook/pb_icon_button/_icon_button.tsx +4 -1
  25. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_click.jsx +13 -0
  26. data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +1 -0
  27. data/app/pb_kits/playbook/pb_icon_button/docs/index.js +1 -0
  28. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slide.tsx +1 -1
  29. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx +1 -1
  30. data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnails.tsx +1 -1
  31. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +1 -1
  32. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +23 -0
  33. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +26 -0
  34. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb +72 -0
  35. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx +97 -0
  36. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb +71 -0
  37. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx +91 -0
  38. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +4 -0
  39. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +3 -1
  40. data/app/pb_kits/playbook/pb_multi_level_select/index.js +105 -0
  41. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +10 -0
  42. data/app/pb_kits/playbook/pb_nav/_nav.scss +5 -0
  43. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +1 -1
  44. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +4 -0
  45. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +3 -0
  46. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.html.erb +19 -0
  47. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.jsx +23 -0
  48. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -0
  49. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -0
  50. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +3 -0
  51. data/app/pb_kits/playbook/pb_user/_user.tsx +78 -13
  52. data/app/pb_kits/playbook/pb_user/docs/_user_font_options.html.erb +22 -0
  53. data/app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx +40 -0
  54. data/app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md +5 -0
  55. data/app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md +5 -0
  56. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  57. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  58. data/app/pb_kits/playbook/pb_user/user.html.erb +27 -6
  59. data/app/pb_kits/playbook/pb_user/user.rb +17 -1
  60. data/app/pb_kits/playbook/pb_user/user.test.js +182 -1
  61. data/app/pb_kits/playbook/tokens/_colors.scss +1 -4
  62. data/app/pb_kits/playbook/utilities/object.test.js +139 -1
  63. data/app/pb_kits/playbook/utilities/object.ts +86 -0
  64. data/app/pb_kits/playbook/utilities/text.ts +1 -1
  65. data/dist/chunks/_typeahead-BuTZG1Jn.js +22 -0
  66. data/dist/chunks/_weekday_stacked-oT22q75-.js +45 -0
  67. data/dist/chunks/lazysizes-DHz07jlL.js +1 -0
  68. data/dist/chunks/{lib-BeKPJYlk.js → lib-Co5y3V4K.js} +2 -2
  69. data/dist/chunks/{pb_form_validation-BvDxpfs-.js → pb_form_validation-DMajaRt3.js} +1 -1
  70. data/dist/chunks/vendor.js +1 -1
  71. data/dist/playbook-doc.js +1 -1
  72. data/dist/playbook-rails-react-bindings.js +1 -1
  73. data/dist/playbook-rails.js +1 -1
  74. data/dist/playbook.css +1 -1
  75. data/lib/playbook/forms/builder/multi_level_select_field.rb +2 -0
  76. data/lib/playbook/version.rb +1 -1
  77. metadata +23 -7
  78. data/dist/chunks/_typeahead-CRAPc8k-.js +0 -22
  79. data/dist/chunks/_weekday_stacked-T0kFfioG.js +0 -45
  80. data/dist/chunks/lazysizes-B7xYodB-.js +0 -1
@@ -29,3 +29,89 @@ export const omitBy = (obj: Record<string, any>, predicate: (value: any, key: st
29
29
  return result;
30
30
  }, {})
31
31
  }
32
+
33
+ export const noop = (): void => {
34
+ // empty
35
+ };
36
+
37
+ export function merge(
38
+ ...objects: Array<Record<string, unknown> | null | undefined>
39
+ ): Record<string, unknown> {
40
+ const isPlainObject = (obj: unknown): obj is Record<string, unknown> =>
41
+ !!obj && typeof obj === 'object' && !Array.isArray(obj);
42
+
43
+ const result: Record<string, unknown> = {};
44
+
45
+ for (const obj of objects) {
46
+ if (!obj || typeof obj !== 'object') continue;
47
+
48
+ for (const key of Object.keys(obj)) {
49
+ const oldVal = result[key];
50
+ const newVal = (obj as Record<string, unknown>)[key];
51
+
52
+ if (Array.isArray(oldVal) && Array.isArray(newVal)) {
53
+ result[key] = newVal;
54
+ } else if (isPlainObject(oldVal) && isPlainObject(newVal)) {
55
+ result[key] = merge(oldVal, newVal);
56
+ } else if (Array.isArray(oldVal) && isPlainObject(newVal)) {
57
+ result[key] = oldVal;
58
+ } else if (isPlainObject(oldVal) && Array.isArray(newVal)) {
59
+ result[key] = oldVal;
60
+ } else {
61
+ result[key] = newVal;
62
+ }
63
+ }
64
+ }
65
+ return result;
66
+ }
67
+
68
+ const createIteratee = (predicate: any) => {
69
+ if (typeof predicate === 'function') {
70
+ return predicate;
71
+ }
72
+ if (typeof predicate === 'string') {
73
+ return (obj: any) => obj[predicate];
74
+ }
75
+ if (Array.isArray(predicate)) {
76
+ const [key, value] = predicate;
77
+ return (obj: any) => obj[key] === value;
78
+ }
79
+ if (typeof predicate === 'object' && predicate !== null) {
80
+ return (obj: any) => {
81
+ for (const key in predicate) {
82
+ if (Object.prototype.hasOwnProperty.call(predicate, key)) {
83
+ if (obj[key] !== predicate[key]) return false;
84
+ }
85
+ }
86
+ return true;
87
+ };
88
+ }
89
+ return () => false;
90
+ };
91
+
92
+ export const filter = <T>(array: T[], predicate: any): T[] => {
93
+ const iteratee = createIteratee(predicate);
94
+ return array.filter(iteratee);
95
+ };
96
+
97
+ export const find = <T>(array: T[], predicate: any): T | undefined => {
98
+ const iteratee = createIteratee(predicate);
99
+ return array.find(iteratee);
100
+ };
101
+
102
+ export const partial = <F extends (...args: unknown[]) => unknown>(
103
+ fn: F,
104
+ ...partials: unknown[]
105
+ ): ((...args: unknown[]) => ReturnType<F>) => {
106
+ const placeholder = partial.placeholder;
107
+ return (...args: unknown[]): ReturnType<F> => {
108
+ let argIndex = 0;
109
+ const finalArgs = partials.map(arg =>
110
+ arg === placeholder ? args[argIndex++] : arg
111
+ );
112
+ return fn(...(finalArgs.concat(args.slice(argIndex)) as Parameters<F>)) as ReturnType<F>;
113
+ };
114
+ };
115
+
116
+ partial.placeholder = Symbol();
117
+ export const _ = partial.placeholder;
@@ -1,4 +1,4 @@
1
- import { filter } from 'lodash'
1
+ import { filter } from './object'
2
2
 
3
3
  const isEmpty = (value: string | unknown): boolean => !value || value == ''
4
4