@linzjs/windows 2.2.0 → 3.0.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 (4) hide show
  1. package/dist/panel/Panel.scss +3 -2
  2. package/dist/panel/PanelHeader.tsx +5 -2
  3. package/dist/panel/PanelHeaderButton.tsx +5 -2
  4. package/package.json +66 -65
package/dist/panel/Panel.scss CHANGED
@@ -91,7 +91,8 @@
91
91
  display: flex;
92
92
  align-items: center;
93
93
 
94
- button.lui-button {
94
+ a.lui-button,
95
+ button.lui-button {
95
96
  display: flex;
96
97
  align-items: center;
97
98
 
@@ -117,4 +118,4 @@
117
118
  flex: 1;
118
119
  overflow: auto;
119
120
  display: flex;
120
- }
121
+ }
package/dist/panel/PanelHeader.tsx CHANGED
@@ -9,11 +9,12 @@ export interface PanelHeaderProps {
9
9
  icon?: LuiIconName;
10
10
  extraLeft?: ReactNode;
11
11
  extraRight?: ReactNode;
12
+ helpUrl?: string;
12
13
  onHelpClick?: () => void;
13
14
  dockTo?: string;
14
15
  }
15
16
 
16
- export const PanelHeader = ({ icon, extraLeft, extraRight, onHelpClick, dockTo }: PanelHeaderProps) => {
17
+ export const PanelHeader = ({ icon, extraLeft, extraRight, helpUrl, onHelpClick, dockTo }: PanelHeaderProps) => {
17
18
  const { panelClose, panelTogglePopout, panelPoppedOut, title, dock, undock, docked } =
18
19
  useContext(PanelInstanceContext);
19
20
  const [cursor, setCursor] = useState<"grab" | "grabbing">("grab");
@@ -37,7 +38,9 @@ export const PanelHeader = ({ icon, extraLeft, extraRight, onHelpClick, dockTo }
37
38
  <div className={"WindowPanel-children"}>{extraLeft}</div>
38
39
  <div className={"WindowPanel-buttons"}>
39
40
  {extraRight}
40
- {onHelpClick && <PanelHeaderButton aria-label={"Help"} onClick={onHelpClick} icon={"ic_help_outline"} />}
41
+ {(helpUrl || onHelpClick) && (
42
+ <PanelHeaderButton aria-label={"Help"} href={helpUrl} onClick={onHelpClick} icon={"ic_help_outline"} />
43
+ )}
41
44
  </div>
42
45
  <div className={"WindowPanel-divider-right"} />
43
46
  <div className={"WindowPanel-buttons"}>
package/dist/panel/PanelHeaderButton.tsx CHANGED
@@ -3,16 +3,19 @@ import { LuiIconName } from "@linzjs/lui/dist/assets/svg-content";
3
3
 
4
4
  export interface PanelHeaderButtonProps {
5
5
  "aria-label": string;
6
+ href?: string;
6
7
  icon: LuiIconName;
7
- onClick: () => void;
8
+ onClick?: () => void;
8
9
  }
9
10
 
10
- export const PanelHeaderButton = ({ "aria-label": ariaLabel, icon, onClick }: PanelHeaderButtonProps) => (
11
+ export const PanelHeaderButton = ({ "aria-label": ariaLabel, href, icon, onClick }: PanelHeaderButtonProps) => (
11
12
  <LuiButton
12
13
  level={"plain-text"}
13
14
  className={"lui-button-icon-only"}
14
15
  size={"sm"}
16
+ href={href}
15
17
  onClick={onClick}
18
+ openInNewTab={!!href}
16
19
  buttonProps={{
17
20
  onTouchStart: onClick,
18
21
  }}
package/package.json CHANGED
@@ -13,12 +13,12 @@
13
13
  "popout"
14
14
  ],
15
15
  "main": "./dist/index.ts",
16
- "version": "2.2.0",
16
+ "version": "3.0.0",
17
17
  "peerDependencies": {
18
18
  "@linzjs/lui": "^21",
19
19
  "lodash-es": ">=4",
20
- "react": ">=17",
21
- "react-dom": ">=17"
20
+ "react": ">=18",
21
+ "react-dom": ">=18"
22
22
  },
23
23
  "files": [
24
24
  "dist"
@@ -47,84 +47,85 @@
47
47
  },
48
48
  "dependencies": {
49
49
  "@emotion/cache": "^11.11.0",
50
- "@emotion/react": "^11.11.1",
51
- "@emotion/styled": "^11.11.0",
52
- "@linzjs/lui": "^21",
50
+ "@emotion/react": "^11.11.4",
51
+ "@emotion/styled": "^11.11.5",
53
52
  "lodash-es": ">=4",
54
- "react": ">=18",
55
- "react-dom": ">=18",
56
- "react-rnd": "^10.4.1",
57
- "usehooks-ts": "^2.9.1",
53
+ "react-rnd": "^10.4.11",
54
+ "usehooks-ts": "^3.1.0",
58
55
  "uuid": "^9.0.1"
59
56
  },
60
57
  "devDependencies": {
58
+ "@chromatic-com/storybook": "^1.5.0",
61
59
  "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
62
60
  "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
63
- "@linzjs/step-ag-grid": "^17.6.1",
64
- "@rollup/plugin-commonjs": "^25.0.4",
65
- "@rollup/plugin-json": "^6.0.0",
66
- "@rollup/plugin-node-resolve": "^15.2.1",
67
- "@storybook/addon-docs": "^7.6.4",
68
- "@storybook/addon-essentials": "^7.6.4",
69
- "@storybook/addon-interactions": "^7.6.4",
70
- "@storybook/addon-links": "^7.6.4",
71
- "@storybook/addon-mdx-gfm": "^7.6.4",
72
- "@storybook/blocks": "^7.6.4",
73
- "@storybook/jest": "^0.2.3",
74
- "@storybook/preset-create-react-app": "^7.6.4",
75
- "@storybook/react": "^7.6.4",
76
- "@storybook/react-vite": "^7.6.4",
77
- "@storybook/test-runner": "^0.16.0",
78
- "@storybook/testing-library": "^0.2.2",
79
- "@testing-library/jest-dom": "^6.1.3",
80
- "@testing-library/react": "^14.0.0",
61
+ "@linzjs/lui": "^21.33.0",
62
+ "@linzjs/step-ag-grid": "^21.1.2",
63
+ "@rollup/plugin-commonjs": "^25.0.8",
64
+ "@rollup/plugin-json": "^6.1.0",
65
+ "@rollup/plugin-node-resolve": "^15.2.3",
66
+ "@storybook/addon-docs": "^8.1.5",
67
+ "@storybook/addon-essentials": "^8.1.5",
68
+ "@storybook/addon-interactions": "^8.1.5",
69
+ "@storybook/addon-links": "^8.1.5",
70
+ "@storybook/addon-mdx-gfm": "^8.1.5",
71
+ "@storybook/blocks": "^8.1.5",
72
+ "@storybook/react": "^8.1.5",
73
+ "@storybook/react-vite": "^8.1.5",
74
+ "@storybook/test": "^8.1.5",
75
+ "@storybook/test-runner": "^0.18.2",
76
+ "@testing-library/jest-dom": "^6.1.6",
77
+ "@testing-library/react": "^16.0.0",
81
78
  "@testing-library/user-event": "^14.5.1",
82
- "@trivago/prettier-plugin-sort-imports": "^4.2.0",
83
- "@types/jest": "^29.5.5",
84
- "@types/lodash-es": "^4.17.9",
85
- "@types/node": "^20.7.1",
86
- "@types/react": "^18.2.23",
87
- "@types/react-dom": "^18.2.8",
88
- "@types/uuid": "^9.0.4",
89
- "ag-grid-community": "^29.3.5",
90
- "ag-grid-react": "^29.3.5",
91
- "esbuild": "^0.19.9",
92
- "eslint": "^8.50.0",
93
- "eslint-config-prettier": "^8.10.0",
79
+ "@trivago/prettier-plugin-sort-imports": "^4.3.0",
80
+ "@types/jest": "^29.5.12",
81
+ "@types/lodash-es": "^4.17.12",
82
+ "@types/node": "^20.14.1",
83
+ "@types/react": "^18.3.3",
84
+ "@types/react-dom": "^18.3.0",
85
+ "@types/uuid": "^9.0.8",
86
+ "@typescript-eslint/eslint-plugin": "^7.12.0",
87
+ "@typescript-eslint/parser": "^7.12.0",
88
+ "ag-grid-community": "^31.3.2",
89
+ "ag-grid-react": "^31.3.2",
90
+ "esbuild": "^0.21.4",
91
+ "eslint": "^8.57.0",
92
+ "eslint-config-prettier": "^9.1.0",
94
93
  "eslint-config-react-app": "^7.0.1",
95
- "eslint-plugin-deprecation": "^1.6.0",
96
- "eslint-plugin-import": "^2.28.1",
97
- "eslint-plugin-jest": "^27.4.0",
98
- "eslint-plugin-jsx-a11y": "^6.7.1",
99
- "eslint-plugin-prettier": "^4.2.1",
100
- "eslint-plugin-react": "^7.33.2",
101
- "eslint-plugin-react-hooks": "^4.6.0",
102
- "eslint-plugin-storybook": "^0.6.15",
103
- "eslint-plugin-testing-library": "^5.11.1",
94
+ "eslint-plugin-deprecation": "^3.0.0",
95
+ "eslint-plugin-import": "^2.29.1",
96
+ "eslint-plugin-jest": "^28.5.0",
97
+ "eslint-plugin-jsx-a11y": "^6.8.0",
98
+ "eslint-plugin-prettier": "^5.1.3",
99
+ "eslint-plugin-react": "^7.34.2",
100
+ "eslint-plugin-react-hooks": "^4.6.2",
101
+ "eslint-plugin-storybook": "^0.8.0",
102
+ "eslint-plugin-testing-library": "^6.2.2",
104
103
  "jest": "^29.7.0",
105
104
  "jest-canvas-mock": "^2.5.2",
106
105
  "jest-environment-jsdom": "^29.7.0",
107
106
  "jest-expect-message": "^1.1.3",
108
107
  "mkdirp": "^3.0.1",
109
108
  "npm-run-all": "^4.1.5",
110
- "prettier": "^2.8.8",
109
+ "prettier": "^3.3.0",
111
110
  "prop-types": "^15.8.1",
112
- "react-scripts": "5.0.1",
113
- "rollup": "^3.29.3",
111
+ "react": "^18.3.1",
112
+ "react-app-polyfill": "^3.0.0",
113
+ "react-dom": "^18.3.1",
114
+ "rollup": "^4.18.0",
114
115
  "rollup-plugin-copy": "^3.5.0",
115
- "sass": "^1.68.0",
116
- "sass-loader": "^13.3.2",
117
- "semantic-release": "^22.0.10",
118
- "storybook": "^7.6.4",
119
- "style-loader": "^3.3.3",
120
- "stylelint": "^14.16.1",
121
- "stylelint-config-prettier": "^9.0.5",
122
- "stylelint-config-recommended-scss": "^8.0.0",
123
- "stylelint-config-standard": "^29.0.0",
124
- "stylelint-prettier": "3.0.0",
125
- "stylelint-scss": "5.0.1",
126
- "typescript": "^4.9.5",
127
- "vite": "^4.4.9"
116
+ "sass": "^1.77.4",
117
+ "sass-loader": "^14.2.1",
118
+ "semantic-release": "^22.0.12",
119
+ "storybook": "^8.1.5",
120
+ "style-loader": "^4.0.0",
121
+ "stylelint": "^16.6.1",
122
+ "stylelint-config-recommended": "^14.0.0",
123
+ "stylelint-config-recommended-scss": "^14.0.0",
124
+ "stylelint-config-standard": "^36.0.0",
125
+ "stylelint-prettier": "5.0.0",
126
+ "stylelint-scss": "6.3.1",
127
+ "typescript": "^5.4.5",
128
+ "vite": "^5.2.12"
128
129
  },
129
130
  "eslintConfig": {
130
131
  "extends": [