playbook_ui 14.3.2.pre.alpha.play1472newicons3773 → 14.3.2.pre.alpha.revert3614PBNTR455ganttchartPOC3783
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/_playbook.scss +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +4 -23
- data/app/pb_kits/playbook/pb_contact/_contact.tsx +5 -17
- data/app/pb_kits/playbook/pb_contact/contact.html.erb +6 -14
- data/app/pb_kits/playbook/pb_contact/contact.rb +0 -4
- data/app/pb_kits/playbook/pb_contact/contact.test.js +1 -1
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +3 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +3 -6
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +2 -6
- data/app/pb_kits/playbook/pb_map/_map_controls.tsx +1 -7
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +2 -10
- data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.tsx +5 -12
- data/app/pb_kits/playbook/pb_select/_select.tsx +2 -5
- data/app/pb_kits/playbook/pb_select/select.html.erb +1 -1
- data/app/pb_kits/playbook/pb_select/select.rb +0 -4
- data/app/pb_kits/playbook/utilities/icons/allicons.tsx +0 -123
- data/dist/chunks/_typeahead-XnxVauwE.js +22 -0
- data/dist/chunks/_weekday_stacked--VyK5ouD.js +45 -0
- data/dist/chunks/lib-CxRZxMI4.js +16 -0
- data/dist/chunks/{pb_form_validation-CA0nEXlG.js → pb_form_validation-9nbXdKfX.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +0 -4
- 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 +6 -14
- data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +0 -3
- data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +0 -72
- data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
- data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +0 -19
- data/app/pb_kits/playbook/utilities/icons/angle-down.svg +0 -3
- data/app/pb_kits/playbook/utilities/icons/envelope.svg +0 -3
- data/dist/chunks/_typeahead-C7opsM-6.js +0 -22
- data/dist/chunks/_weekday_stacked-Bhq2bj8p.js +0 -45
- data/dist/chunks/lib-ACUFk6Hu.js +0 -29
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.3.2.pre.alpha.
|
4
|
+
version: 14.3.2.pre.alpha.revert3614PBNTR455ganttchartPOC3783
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2024-09-
|
12
|
+
date: 2024-09-17 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -1352,12 +1352,6 @@ files:
|
|
1352
1352
|
- app/pb_kits/playbook/pb_form_pill/docs/index.js
|
1353
1353
|
- app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
|
1354
1354
|
- app/pb_kits/playbook/pb_form_pill/form_pill.rb
|
1355
|
-
- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
|
1356
|
-
- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
|
1357
|
-
- app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
|
1358
|
-
- app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
|
1359
|
-
- app/pb_kits/playbook/pb_gantt_chart/docs/index.js
|
1360
|
-
- app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
|
1361
1355
|
- app/pb_kits/playbook/pb_gauge/_gauge.scss
|
1362
1356
|
- app/pb_kits/playbook/pb_gauge/_gauge.tsx
|
1363
1357
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
|
@@ -3013,9 +3007,7 @@ files:
|
|
3013
3007
|
- app/pb_kits/playbook/utilities/globalPropNames.mjs
|
3014
3008
|
- app/pb_kits/playbook/utilities/globalProps.ts
|
3015
3009
|
- app/pb_kits/playbook/utilities/icons/allicons.tsx
|
3016
|
-
- app/pb_kits/playbook/utilities/icons/angle-down.svg
|
3017
3010
|
- app/pb_kits/playbook/utilities/icons/clock.svg
|
3018
|
-
- app/pb_kits/playbook/utilities/icons/envelope.svg
|
3019
3011
|
- app/pb_kits/playbook/utilities/icons/spinner.svg
|
3020
3012
|
- app/pb_kits/playbook/utilities/icons/times.svg
|
3021
3013
|
- app/pb_kits/playbook/utilities/object.ts
|
@@ -3036,11 +3028,11 @@ files:
|
|
3036
3028
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3037
3029
|
- app/pb_kits/playbook/utilities/text.ts
|
3038
3030
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3039
|
-
- dist/chunks/_typeahead-
|
3040
|
-
- dist/chunks/_weekday_stacked
|
3031
|
+
- dist/chunks/_typeahead-XnxVauwE.js
|
3032
|
+
- dist/chunks/_weekday_stacked--VyK5ouD.js
|
3041
3033
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3042
|
-
- dist/chunks/lib-
|
3043
|
-
- dist/chunks/pb_form_validation-
|
3034
|
+
- dist/chunks/lib-CxRZxMI4.js
|
3035
|
+
- dist/chunks/pb_form_validation-9nbXdKfX.js
|
3044
3036
|
- dist/chunks/vendor.js
|
3045
3037
|
- dist/menu.yml
|
3046
3038
|
- dist/playbook-doc.js
|
@@ -1,72 +0,0 @@
|
|
1
|
-
import React, { useState, useEffect } from "react";
|
2
|
-
import classnames from "classnames";
|
3
|
-
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from "../utilities/props";
|
4
|
-
import { globalProps } from "../utilities/globalProps";
|
5
|
-
import HighchartsReact from "highcharts-react-official";
|
6
|
-
import Highcharts from "highcharts/highcharts-gantt";
|
7
|
-
|
8
|
-
import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
|
9
|
-
import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
|
10
|
-
|
11
|
-
type GanttChartProps = {
|
12
|
-
aria?: { [key: string]: string };
|
13
|
-
className?: string;
|
14
|
-
customOptions: Partial<Highcharts.Options>;
|
15
|
-
dark?: boolean;
|
16
|
-
data?: { [key: string]: string };
|
17
|
-
htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
|
18
|
-
id?: string;
|
19
|
-
};
|
20
|
-
|
21
|
-
const GanttChart = (props: GanttChartProps) => {
|
22
|
-
const {
|
23
|
-
aria = {},
|
24
|
-
className,
|
25
|
-
customOptions = {},
|
26
|
-
dark = false,
|
27
|
-
data = {},
|
28
|
-
htmlOptions = {},
|
29
|
-
id,
|
30
|
-
} = props;
|
31
|
-
|
32
|
-
const ariaProps = buildAriaProps(aria);
|
33
|
-
const dataProps = buildDataProps(data);
|
34
|
-
const htmlProps = buildHtmlProps(htmlOptions);
|
35
|
-
const classes = classnames(
|
36
|
-
buildCss("pb_gantt_chart"),
|
37
|
-
globalProps(props),
|
38
|
-
className
|
39
|
-
);
|
40
|
-
|
41
|
-
const [options, setOptions] = useState<Highcharts.Options | undefined>(customOptions);
|
42
|
-
|
43
|
-
useEffect(() => {
|
44
|
-
setOptions(customOptions);
|
45
|
-
}, [customOptions]);
|
46
|
-
|
47
|
-
const setupTheme = () => {
|
48
|
-
dark
|
49
|
-
? Highcharts.setOptions(highchartsDarkTheme)
|
50
|
-
: Highcharts.setOptions(highchartsTheme);
|
51
|
-
};
|
52
|
-
setupTheme();
|
53
|
-
|
54
|
-
return (
|
55
|
-
<div>
|
56
|
-
<HighchartsReact
|
57
|
-
constructorType={"ganttChart"}
|
58
|
-
containerProps={{
|
59
|
-
className: classnames(globalProps(props), classes),
|
60
|
-
id: id,
|
61
|
-
...ariaProps,
|
62
|
-
...dataProps,
|
63
|
-
...htmlProps,
|
64
|
-
}}
|
65
|
-
highcharts={Highcharts}
|
66
|
-
options={options}
|
67
|
-
/>
|
68
|
-
</div>
|
69
|
-
);
|
70
|
-
};
|
71
|
-
|
72
|
-
export default GanttChart;
|
@@ -1,53 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import { GanttChart } from "playbook-ui";
|
3
|
-
|
4
|
-
const mockOptions = {
|
5
|
-
title: {
|
6
|
-
text: "Simple Gantt Chart",
|
7
|
-
},
|
8
|
-
|
9
|
-
xAxis: [
|
10
|
-
{
|
11
|
-
min: Date.UTC(2014, 10, 17),
|
12
|
-
max: Date.UTC(2014, 10, 30),
|
13
|
-
},
|
14
|
-
],
|
15
|
-
|
16
|
-
series: [
|
17
|
-
{
|
18
|
-
name: "Project 1",
|
19
|
-
data: [
|
20
|
-
{
|
21
|
-
name: "Start prototype",
|
22
|
-
start: Date.UTC(2014, 10, 18),
|
23
|
-
end: Date.UTC(2014, 10, 25),
|
24
|
-
},
|
25
|
-
{
|
26
|
-
name: "Develop",
|
27
|
-
start: Date.UTC(2014, 10, 20),
|
28
|
-
end: Date.UTC(2014, 10, 25),
|
29
|
-
},
|
30
|
-
{
|
31
|
-
name: "Run acceptance tests",
|
32
|
-
start: Date.UTC(2014, 10, 23),
|
33
|
-
end: Date.UTC(2014, 10, 26),
|
34
|
-
},
|
35
|
-
{
|
36
|
-
name: "Test prototype",
|
37
|
-
start: Date.UTC(2014, 10, 27),
|
38
|
-
end: Date.UTC(2014, 10, 29),
|
39
|
-
},
|
40
|
-
],
|
41
|
-
},
|
42
|
-
],
|
43
|
-
};
|
44
|
-
|
45
|
-
const GanttChartDefault = (props) => (
|
46
|
-
<div>
|
47
|
-
<GanttChart customOptions={mockOptions}
|
48
|
-
{...props}
|
49
|
-
/>
|
50
|
-
</div>
|
51
|
-
);
|
52
|
-
|
53
|
-
export default GanttChartDefault;
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default as GanttChartDefault } from './_gantt_chart_default.jsx'
|
@@ -1,19 +0,0 @@
|
|
1
|
-
// import { renderKit } from '../utilities/test-utils'
|
2
|
-
|
3
|
-
// import GanttChart from './_gantt_chart'
|
4
|
-
|
5
|
-
/* See these resources for more testing info:
|
6
|
-
- https://github.com/testing-library/jest-dom#usage for useage and examples
|
7
|
-
- https://jestjs.io/docs/en/using-matchers
|
8
|
-
*/
|
9
|
-
|
10
|
-
test('generated scaffold test - update me', () => {
|
11
|
-
// const props = {
|
12
|
-
// data: { testid: 'default' }
|
13
|
-
// }
|
14
|
-
|
15
|
-
|
16
|
-
// const kit = renderKit(GanttChart , props)
|
17
|
-
// expect(kit).toBeInTheDocument()
|
18
|
-
})
|
19
|
-
|
@@ -1,3 +0,0 @@
|
|
1
|
-
<svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.54314 7.6905C6.9916 7.26047 7.70376 7.27541 8.13379 7.72387L15 14.8844L21.8662 7.72387C22.2962 7.27541 23.0084 7.26047 23.4568 7.6905C23.9053 8.12053 23.9202 8.83268 23.4902 9.28114L16.0827 17.0062C15.4922 17.6219 14.5078 17.6219 13.9173 17.0062L6.50977 9.28114C6.07975 8.83268 6.09469 8.12053 6.54314 7.6905Z" fill="black"/>
|
3
|
-
</svg>
|
@@ -1,3 +0,0 @@
|
|
1
|
-
<svg width="30" height="25" viewBox="0 0 30 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.62488 6.28574C5.62488 6.07863 5.79277 5.91074 5.99988 5.91074H23.9999C24.207 5.91074 24.3749 6.07863 24.3749 6.28574V7.92165L14.9999 13.9502L5.62488 7.92163V6.28574ZM3.37488 8.5181C3.37472 8.52916 3.37472 8.54021 3.37488 8.55126V18.2857C3.37488 19.7355 4.55013 20.9107 5.99988 20.9107H23.9999C25.4496 20.9107 26.6249 19.7355 26.6249 18.2857V8.55315C26.6251 8.54084 26.6251 8.52853 26.6249 8.51621V6.28574C26.6249 4.83599 25.4496 3.66074 23.9999 3.66074H5.99988C4.55013 3.66074 3.37488 4.83599 3.37488 6.28574V8.5181ZM24.3749 10.5967V18.2857C24.3749 18.4928 24.207 18.6607 23.9999 18.6607H5.99988C5.79277 18.6607 5.62488 18.4928 5.62488 18.2857V10.5967L14.1886 16.1036C14.6828 16.4214 15.317 16.4214 15.8112 16.1036L24.3749 10.5967Z" fill="black"/>
|
3
|
-
</svg>
|