@window-splitter/react 0.8.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.
- package/.storybook/main.ts +17 -0
- package/.storybook/preview.ts +14 -0
- package/.tshy/build.json +8 -0
- package/.tshy/commonjs.json +19 -0
- package/.tshy/esm.json +18 -0
- package/.turbo/turbo-build.log +5 -0
- package/.turbo/turbo-lint.log +5 -0
- package/CHANGELOG.md +606 -0
- package/README.md +53 -0
- package/dist/commonjs/ReactWindowSplitter.d.ts +19 -0
- package/dist/commonjs/ReactWindowSplitter.d.ts.map +1 -0
- package/dist/commonjs/ReactWindowSplitter.js +558 -0
- package/dist/commonjs/ReactWindowSplitter.js.map +1 -0
- package/dist/commonjs/ReactWindowSplitter.stories.d.ts +47 -0
- package/dist/commonjs/ReactWindowSplitter.stories.d.ts.map +1 -0
- package/dist/commonjs/ReactWindowSplitter.stories.js +330 -0
- package/dist/commonjs/ReactWindowSplitter.stories.js.map +1 -0
- package/dist/commonjs/ReactWindowSplitter.test.d.ts +2 -0
- package/dist/commonjs/ReactWindowSplitter.test.d.ts.map +1 -0
- package/dist/commonjs/ReactWindowSplitter.test.js +219 -0
- package/dist/commonjs/ReactWindowSplitter.test.js.map +1 -0
- package/dist/commonjs/bundle.size.d.ts +2 -0
- package/dist/commonjs/bundle.size.d.ts.map +1 -0
- package/dist/commonjs/bundle.size.js +29 -0
- package/dist/commonjs/bundle.size.js.map +1 -0
- package/dist/commonjs/index.d.ts +3 -0
- package/dist/commonjs/index.d.ts.map +1 -0
- package/dist/commonjs/index.js +18 -0
- package/dist/commonjs/index.js.map +1 -0
- package/dist/commonjs/package.json +3 -0
- package/dist/commonjs/useIndexedChildren.d.ts +8 -0
- package/dist/commonjs/useIndexedChildren.d.ts.map +1 -0
- package/dist/commonjs/useIndexedChildren.js +81 -0
- package/dist/commonjs/useIndexedChildren.js.map +1 -0
- package/dist/commonjs/useMove.d.ts +8 -0
- package/dist/commonjs/useMove.d.ts.map +1 -0
- package/dist/commonjs/useMove.js +19 -0
- package/dist/commonjs/useMove.js.map +1 -0
- package/dist/esm/ReactWindowSplitter.d.ts +19 -0
- package/dist/esm/ReactWindowSplitter.d.ts.map +1 -0
- package/dist/esm/ReactWindowSplitter.js +532 -0
- package/dist/esm/ReactWindowSplitter.js.map +1 -0
- package/dist/esm/ReactWindowSplitter.stories.d.ts +47 -0
- package/dist/esm/ReactWindowSplitter.stories.d.ts.map +1 -0
- package/dist/esm/ReactWindowSplitter.stories.js +286 -0
- package/dist/esm/ReactWindowSplitter.stories.js.map +1 -0
- package/dist/esm/ReactWindowSplitter.test.d.ts +2 -0
- package/dist/esm/ReactWindowSplitter.test.d.ts.map +1 -0
- package/dist/esm/ReactWindowSplitter.test.js +191 -0
- package/dist/esm/ReactWindowSplitter.test.js.map +1 -0
- package/dist/esm/bundle.size.d.ts +2 -0
- package/dist/esm/bundle.size.d.ts.map +1 -0
- package/dist/esm/bundle.size.js +4 -0
- package/dist/esm/bundle.size.js.map +1 -0
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/package.json +3 -0
- package/dist/esm/useIndexedChildren.d.ts +8 -0
- package/dist/esm/useIndexedChildren.d.ts.map +1 -0
- package/dist/esm/useIndexedChildren.js +54 -0
- package/dist/esm/useIndexedChildren.js.map +1 -0
- package/dist/esm/useMove.d.ts +8 -0
- package/dist/esm/useMove.d.ts.map +1 -0
- package/dist/esm/useMove.js +16 -0
- package/dist/esm/useMove.js.map +1 -0
- package/eslint.config.js +3 -0
- package/package.json +108 -0
- package/rsbuild.config.js +25 -0
- package/src/ReactWindowSplitter.stories.tsx +705 -0
- package/src/ReactWindowSplitter.test.tsx +384 -0
- package/src/ReactWindowSplitter.tsx +884 -0
- package/src/__snapshots__/ReactWindowSplitter.test.tsx.snap +58 -0
- package/src/bundle.size.ts +4 -0
- package/src/index.ts +2 -0
- package/src/useIndexedChildren.tsx +79 -0
- package/src/useMove.ts +22 -0
- package/tsconfig.json +6 -0
- package/vitest.config.ts +20 -0
- package/vitest.setup.ts +7 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactWindowSplitter.test.js","sourceRoot":"","sources":["../../src/ReactWindowSplitter.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { test, expect, describe, vi } from \"vitest\";\nimport { cleanup, fireEvent, render, waitFor } from \"@testing-library/react\";\nimport * as Cookies from \"tiny-cookie\";\n\nimport { PanelGroupHandle, PanelHandle } from \"@window-splitter/interface\";\nimport {\n Autosave,\n AutosaveCollapsible,\n Collapsible,\n ConditionalPanel,\n Simple,\n VerticalLayout,\n DynamicConstraints,\n} from \"./ReactWindowSplitter.stories.js\";\nimport { PanelResizer, PanelGroup, Panel } from \"./ReactWindowSplitter.js\";\nimport { createTestUtils, dragHandle } from \"@window-splitter/interface/test\";\n\nconst { expectTemplate, waitForMeasurement, waitForCondition } =\n createTestUtils({ waitFor });\n\ntest(\"horizontal layout\", async () => {\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n const { getByText } = render(\n <div style={{ width: 500 }}>\n <Simple handle={handle} />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n\n expect(getByText(\"Panel 1\")).toBeInTheDocument();\n expect(getByText(\"Panel 2\")).toBeInTheDocument();\n\n await expectTemplate(handle.current, \"244px 10px 244px\");\n\n // Should respect the min\n await dragHandle({ delta: 300 });\n await expectTemplate(handle.current, \"388px 10px 100px\");\n});\n\ntest(\"vertical layout\", async () => {\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n const { getByText } = render(\n <div style={{ width: 500 }}>\n <VerticalLayout handle={handle} />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n\n expect(getByText(\"top\")).toBeInTheDocument();\n expect(getByText(\"middle\")).toBeInTheDocument();\n expect(getByText(\"bottom\")).toBeInTheDocument();\n\n await expectTemplate(handle.current, \"96px 10px 108px 10px 96px\");\n\n // Should respect the min\n await dragHandle({ delta: 100, orientation: \"vertical\" });\n await expectTemplate(handle.current, \"172px 10px 64px 10px 64px\");\n});\n\ntest(\"Conditional Panels\", async () => {\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n const { getByText } = render(\n <div style={{ width: 500 }}>\n <ConditionalPanel handle={handle} />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n await expectTemplate(handle.current, \"244px 10px 244px\");\n\n getByText(\"Expand\").click();\n await expectTemplate(\n handle.current,\n \"236.953125px 10px 141.046875px 10px 100px\"\n );\n\n getByText(\"Close\").click();\n await expectTemplate(handle.current, \"236.96875px 10px 251.03125px\");\n});\n\ntest(\"Dynamic constraints\", async () => {\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n const { getByText } = render(\n <div style={{ width: 1000 }}>\n <DynamicConstraints handle={handle} />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n await expectTemplate(handle.current, \"100px 10px 178px 10px 700px\");\n\n getByText(\"Toggle Custom\").click();\n await expectTemplate(handle.current, \"500px 10px 178px 10px 300px\");\n\n getByText(\"Toggle Custom\").click();\n await expectTemplate(handle.current, \"400px 10px 178px 10px 400px\");\n});\n\ndescribe(\"Autosave\", () => {\n test(\"localStorage\", async () => {\n localStorage.clear();\n\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n\n render(\n <div style={{ width: 500 }}>\n <Autosave handle={handle} />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n await expectTemplate(handle.current, \"244px 10px 244px\");\n\n await dragHandle({ delta: 100 });\n await expectTemplate(handle.current, \"342px 10px 146px\");\n\n await waitForCondition(() =>\n Boolean(localStorage.getItem(\"autosave-example\"))\n );\n const obj = JSON.parse(localStorage.getItem(\"autosave-example\") || \"{}\");\n expect(obj.items).toMatchSnapshot();\n });\n\n test(\"callback\", async () => {\n localStorage.clear();\n\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n\n const spy = vi.fn();\n\n render(\n <div style={{ width: 500 }}>\n <AutosaveCollapsible handle={handle} onCollapseChange={spy} />\n </div>\n );\n\n await dragHandle({ delta: -200 });\n await expectTemplate(handle.current, \"100px 10px 388px\");\n expect(spy).toHaveBeenCalledWith(true);\n\n cleanup();\n\n render(\n <div style={{ width: 500 }}>\n <AutosaveCollapsible handle={handle} onCollapseChange={spy} />\n </div>\n );\n\n await expectTemplate(handle.current, \"100px 10px 388px\");\n await dragHandle({ delta: 200 });\n expect(spy).toHaveBeenCalledWith(false);\n });\n\n test(\"cookie\", async () => {\n // clear cookies\n document.cookie = \"test=; expires=Thu, 01 Jan 1970 00:00:00 GMT\";\n\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n\n render(\n <div style={{ width: 500 }}>\n <PanelGroup\n handle={handle}\n orientation=\"horizontal\"\n autosaveId=\"autosave-cookie-example\"\n autosaveStrategy=\"cookie\"\n style={{ height: 200 }}\n >\n <Panel id=\"panel1\">1</Panel>\n <PanelResizer\n id=\"resizer1\"\n size=\"10px\"\n style={{ background: \"red\" }}\n />\n <Panel id=\"panel2\">2</Panel>\n </PanelGroup>\n </div>\n );\n\n await waitForMeasurement(handle.current);\n await expectTemplate(handle.current, \"245px 10px 245px\");\n\n await dragHandle({ delta: 100 });\n await expectTemplate(handle.current, \"343px 10px 147px\");\n\n await waitForCondition(() =>\n document.cookie.includes(\"autosave-cookie-example\")\n );\n\n expect(document.cookie).toMatchSnapshot();\n\n const snapshot = Cookies.get(\"autosave-cookie-example\");\n\n cleanup();\n\n render(\n <div style={{ width: 500 }}>\n <PanelGroup\n handle={handle}\n orientation=\"horizontal\"\n autosaveId=\"autosave-cookie-example\"\n autosaveStrategy=\"cookie\"\n style={{ height: 200 }}\n snapshot={snapshot ? JSON.parse(snapshot) : undefined}\n >\n <Panel id=\"panel1\">1</Panel>\n <PanelResizer\n id=\"resizer1\"\n size=\"10px\"\n style={{ background: \"red\" }}\n />\n <Panel id=\"panel2\">2</Panel>\n </PanelGroup>\n </div>\n );\n\n await expectTemplate(handle.current, \"343px 10px 147px\");\n });\n});\n\ntest(\"Keyboard interactions with collapsed panels\", async () => {\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n const rightHandle = { current: null } as unknown as {\n current: PanelHandle;\n };\n render(\n <div style={{ width: 500 }}>\n <Collapsible handle={handle} rightPanelHandle={rightHandle} />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n await expectTemplate(handle.current, \"209px 10px 209px 10px 60px\");\n\n const resizer2 = document.getElementById(\"resizer-2\")!;\n fireEvent.keyDown(resizer2, { key: \"Enter\" });\n await expectTemplate(\n handle.current,\n \"209px 10px 168.953125px 10px 100.03125px\"\n );\n\n fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n await expectTemplate(\n handle.current,\n \"209px 10px 164.96875px 10px 104.03125px\"\n );\n\n fireEvent.keyDown(resizer2, { key: \"ArrowLeft\", shiftKey: true });\n await expectTemplate(\n handle.current,\n \"209px 10px 149.96875px 10px 119.03125px\"\n );\n\n fireEvent.keyDown(resizer2, { key: \"Enter\" });\n await expectTemplate(handle.current, \"209px 10px 209px 10px 60px\");\n\n fireEvent.keyDown(resizer2, { key: \"Enter\" });\n await expectTemplate(\n handle.current,\n \"209px 10px 149.96875px 10px 119.03125px\"\n );\n});\n\ndescribe(\"imperative panel API\", async () => {\n test(\"panel group\", async () => {\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n\n render(\n <div style={{ width: 500 }}>\n <Collapsible handle={handle} />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n\n expect(handle.current.getPercentageSizes()).toMatchInlineSnapshot(`\n [\n 0.5,\n 0.020080321285140562,\n 0.5,\n 0.020080321285140562,\n 0.12048192771084337,\n ]\n `);\n\n expect(handle.current.getPixelSizes()).toMatchInlineSnapshot(`\n [\n 209,\n 10,\n 209,\n 10,\n 60,\n ]\n `);\n\n await expectTemplate(handle.current, \"209px 10px 209px 10px 60px\");\n });\n\n test(\"panel\", async () => {\n const handle = { current: null } as unknown as {\n current: PanelGroupHandle;\n };\n const rightHandle = { current: null } as unknown as {\n current: PanelHandle;\n };\n const leftHandle = { current: null } as unknown as {\n current: PanelHandle;\n };\n\n render(\n <div style={{ width: 500 }}>\n <Collapsible\n handle={handle}\n leftPanelHandle={leftHandle}\n rightPanelHandle={rightHandle}\n />\n </div>\n );\n\n await waitForMeasurement(handle.current);\n\n expect(rightHandle.current.isCollapsed()).toBe(true);\n expect(rightHandle.current.isExpanded()).toBe(false);\n\n rightHandle.current.expand();\n await new Promise((resolve) => setTimeout(resolve, 2000));\n\n expect(rightHandle.current.isCollapsed()).toBe(false);\n expect(rightHandle.current.isExpanded()).toBe(true);\n\n rightHandle.current.collapse();\n await new Promise((resolve) => setTimeout(resolve, 2000));\n\n expect(rightHandle.current.isCollapsed()).toBe(true);\n expect(rightHandle.current.isExpanded()).toBe(false);\n\n // Test the non controlled version\n\n expect(leftHandle.current.isCollapsed()).toBe(false);\n expect(leftHandle.current.isExpanded()).toBe(true);\n\n leftHandle.current.collapse();\n await new Promise((resolve) => setTimeout(resolve, 2000));\n\n expect(leftHandle.current.isCollapsed()).toBe(true);\n expect(leftHandle.current.isExpanded()).toBe(false);\n expect(rightHandle.current.getPercentageSize()).toBe(\n leftHandle.current.getPercentageSize()\n );\n expect(rightHandle.current.getPixelSize()).toBe(\n leftHandle.current.getPixelSize()\n );\n\n leftHandle.current.expand();\n await new Promise((resolve) => setTimeout(resolve, 5000));\n\n expect(leftHandle.current.isCollapsed()).toBe(false);\n expect(leftHandle.current.isExpanded()).toBe(true);\n });\n});\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bundle.size.d.ts","sourceRoot":"","sources":["../../src/bundle.size.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bundle.size.js","sourceRoot":"","sources":["../../src/bundle.size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,0BAA0B,CAAC;AAE3D,sCAAsC;AACtC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import * as windowSplitter from \"./ReactWindowSplitter.js\";\n\n// eslint-disable-next-line no-console\nconsole.log(windowSplitter);\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from \"./ReactWindowSplitter.js\";\nexport { PanelHandle, PanelGroupHandle } from \"@window-splitter/interface\";\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/** Returns the index path data based on the closest useIndexedChildren. */
|
|
3
|
+
export declare function useIndex(): {
|
|
4
|
+
index: number;
|
|
5
|
+
};
|
|
6
|
+
/** Provides the current index path for each child. */
|
|
7
|
+
export declare function useIndexedChildren(childrenProp: React.ReactNode): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=useIndexedChildren.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIndexedChildren.d.ts","sourceRoot":"","sources":["../../src/useIndexedChildren.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,2EAA2E;AAC3E,wBAAgB,QAAQ;;EAWvB;AAwBD,sDAAsD;AACtD,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,qBAyB/D"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
// File largely copied from https://github.com/souporserious/reforest
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
const IndexContext = React.createContext(null);
|
|
4
|
+
/**
|
|
5
|
+
* Parses a numerical dot-separated string as an index path.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* parseIndexPath('0.10.2') -> [0, 10, 2]
|
|
9
|
+
*/
|
|
10
|
+
function parseIndexPath(indexPathString) {
|
|
11
|
+
return indexPathString.split(".").map((index) => parseInt(index, 10));
|
|
12
|
+
}
|
|
13
|
+
/** Returns the index path data based on the closest useIndexedChildren. */
|
|
14
|
+
export function useIndex() {
|
|
15
|
+
const indexPathString = React.useContext(IndexContext);
|
|
16
|
+
return React.useMemo(() => {
|
|
17
|
+
if (indexPathString === null) {
|
|
18
|
+
throw new Error("Panels/PanelResizers must be used within a PanelGroup");
|
|
19
|
+
}
|
|
20
|
+
const indexPath = parseIndexPath(indexPathString);
|
|
21
|
+
return { index: indexPath[indexPath.length - 1] };
|
|
22
|
+
}, [indexPathString]);
|
|
23
|
+
}
|
|
24
|
+
function flattenChildren(children) {
|
|
25
|
+
const flattenedChildren = children.flatMap((child) => {
|
|
26
|
+
// For fragments we want to get rid of those so the children are flat
|
|
27
|
+
if (React.isValidElement(child) && child.type === React.Fragment) {
|
|
28
|
+
return flattenChildren(child.props.children);
|
|
29
|
+
}
|
|
30
|
+
return child;
|
|
31
|
+
});
|
|
32
|
+
return flattenedChildren.map((child, index) => {
|
|
33
|
+
if (!React.isValidElement(child))
|
|
34
|
+
return child;
|
|
35
|
+
// We then correct the keys for the order of the children
|
|
36
|
+
// eslint-disable-next-line @eslint-react/no-clone-element
|
|
37
|
+
return React.cloneElement(child, {
|
|
38
|
+
// eslint-disable-next-line @eslint-react/no-array-index-key
|
|
39
|
+
key: `.${index}`,
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
/** Provides the current index path for each child. */
|
|
44
|
+
export function useIndexedChildren(childrenProp) {
|
|
45
|
+
const indexPathString = React.useContext(IndexContext);
|
|
46
|
+
return (React.createElement(React.Fragment, null, flattenChildren(React.Children.toArray(childrenProp)).map((child, index) => {
|
|
47
|
+
if (!React.isValidElement(child))
|
|
48
|
+
return child;
|
|
49
|
+
return (React.createElement(IndexContext.Provider, { key: child.key, value: indexPathString
|
|
50
|
+
? `${indexPathString}.${index.toString()}`
|
|
51
|
+
: index.toString() }, child));
|
|
52
|
+
})));
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=useIndexedChildren.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIndexedChildren.js","sourceRoot":"","sources":["../../src/useIndexedChildren.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AAErE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAgB,IAAI,CAAC,CAAC;AAE9D;;;;;GAKG;AACH,SAAS,cAAc,CAAC,eAAuB;IAC7C,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACxE,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,QAAQ;IACtB,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;YAC7B,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;QAC3E,CAAC;QAED,MAAM,SAAS,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;QAClD,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAE,EAAE,CAAC;IACrD,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxB,CAAC;AAED,SAAS,eAAe,CAAC,QAA2B;IAClD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACnD,qEAAqE;QACrE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;YACjE,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAE/C,yDAAyD;QACzD,0DAA0D;QAC1D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,4DAA4D;YAC5D,GAAG,EAAE,IAAI,KAAK,EAAE;SACjB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,kBAAkB,CAAC,YAA6B;IAC9D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvD,OAAO,CACL,0CAEG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CACxD,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACf,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC/C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IACpB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EACH,eAAe;gBACb,CAAC,CAAC,GAAG,eAAe,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE;gBAC1C,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,IAGrB,KAAK,CACgB,CACzB,CAAC;IACJ,CAAC,CACF,CACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// File largely copied from https://github.com/souporserious/reforest\n\nimport * as React from \"react\";\n\nconst IndexContext = React.createContext<string | null>(null);\n\n/**\n * Parses a numerical dot-separated string as an index path.\n *\n * @example\n * parseIndexPath('0.10.2') -> [0, 10, 2]\n */\nfunction parseIndexPath(indexPathString: string) {\n return indexPathString.split(\".\").map((index) => parseInt(index, 10));\n}\n\n/** Returns the index path data based on the closest useIndexedChildren. */\nexport function useIndex() {\n const indexPathString = React.useContext(IndexContext);\n\n return React.useMemo(() => {\n if (indexPathString === null) {\n throw new Error(\"Panels/PanelResizers must be used within a PanelGroup\");\n }\n\n const indexPath = parseIndexPath(indexPathString);\n return { index: indexPath[indexPath.length - 1]! };\n }, [indexPathString]);\n}\n\nfunction flattenChildren(children: React.ReactNode[]): React.ReactNode[] {\n const flattenedChildren = children.flatMap((child) => {\n // For fragments we want to get rid of those so the children are flat\n if (React.isValidElement(child) && child.type === React.Fragment) {\n return flattenChildren(child.props.children);\n }\n\n return child;\n });\n\n return flattenedChildren.map((child, index) => {\n if (!React.isValidElement(child)) return child;\n\n // We then correct the keys for the order of the children\n // eslint-disable-next-line @eslint-react/no-clone-element\n return React.cloneElement(child, {\n // eslint-disable-next-line @eslint-react/no-array-index-key\n key: `.${index}`,\n });\n });\n}\n\n/** Provides the current index path for each child. */\nexport function useIndexedChildren(childrenProp: React.ReactNode) {\n const indexPathString = React.useContext(IndexContext);\n\n return (\n <>\n {/* eslint-disable-next-line @eslint-react/no-children-to-array */}\n {flattenChildren(React.Children.toArray(childrenProp)).map(\n (child, index) => {\n if (!React.isValidElement(child)) return child;\n return (\n <IndexContext.Provider\n key={child.key}\n value={\n indexPathString\n ? `${indexPathString}.${index.toString()}`\n : index.toString()\n }\n >\n {child}\n </IndexContext.Provider>\n );\n }\n )}\n </>\n );\n}\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { MoveEvents } from "@window-splitter/interface";
|
|
2
|
+
export declare function useMove({ onMoveStart, onMove, onMoveEnd }: MoveEvents): {
|
|
3
|
+
moveProps: {
|
|
4
|
+
onPointerDown: (e: React.PointerEvent) => void;
|
|
5
|
+
onKeyDown: (e: React.KeyboardEvent) => void;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=useMove.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMove.d.ts","sourceRoot":"","sources":["../../src/useMove.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAG9D,wBAAgB,OAAO,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU;eAWrD;QACT,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;QAC/C,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C;EAGN"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useEffectEvent } from "@react-aria/utils";
|
|
2
|
+
import { move } from "@window-splitter/interface";
|
|
3
|
+
import { useMemo } from "react";
|
|
4
|
+
export function useMove({ onMoveStart, onMove, onMoveEnd }) {
|
|
5
|
+
const onMoveStartEvent = useEffectEvent(onMoveStart);
|
|
6
|
+
const onMoveEvent = useEffectEvent(onMove);
|
|
7
|
+
const onMoveEndEvent = useEffectEvent(onMoveEnd);
|
|
8
|
+
return useMemo(() => {
|
|
9
|
+
return move({
|
|
10
|
+
onMoveStart: onMoveStartEvent,
|
|
11
|
+
onMove: onMoveEvent,
|
|
12
|
+
onMoveEnd: onMoveEndEvent,
|
|
13
|
+
});
|
|
14
|
+
}, [onMoveStartEvent, onMoveEvent, onMoveEndEvent]);
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=useMove.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMove.js","sourceRoot":"","sources":["../../src/useMove.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAc,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,UAAU,OAAO,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAc;IACpE,MAAM,gBAAgB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAEjD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,IAAI,CAAC;YACV,WAAW,EAAE,gBAAgB;YAC7B,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE,cAAc;SAC1B,CAKA,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;AACtD,CAAC","sourcesContent":["import { useEffectEvent } from \"@react-aria/utils\";\nimport { move, MoveEvents } from \"@window-splitter/interface\";\nimport { useMemo } from \"react\";\n\nexport function useMove({ onMoveStart, onMove, onMoveEnd }: MoveEvents) {\n const onMoveStartEvent = useEffectEvent(onMoveStart);\n const onMoveEvent = useEffectEvent(onMove);\n const onMoveEndEvent = useEffectEvent(onMoveEnd);\n\n return useMemo(() => {\n return move({\n onMoveStart: onMoveStartEvent,\n onMove: onMoveEvent,\n onMoveEnd: onMoveEndEvent,\n }) as unknown as {\n moveProps: {\n onPointerDown: (e: React.PointerEvent) => void;\n onKeyDown: (e: React.KeyboardEvent) => void;\n };\n };\n }, [onMoveStartEvent, onMoveEvent, onMoveEndEvent]);\n}\n"]}
|
package/eslint.config.js
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://json.schemastore.org/package.json",
|
|
3
|
+
"name": "@window-splitter/react",
|
|
4
|
+
"sideEffects": false,
|
|
5
|
+
"version": "0.8.0",
|
|
6
|
+
"description": "A WAI-ARIA compliant window splitter for React.",
|
|
7
|
+
"homepage": "https://react-window-splitter-six.vercel.app",
|
|
8
|
+
"repository": {
|
|
9
|
+
"url": "https://github.com/hipstersmoothie/react-splitter",
|
|
10
|
+
"directory": "packages/react"
|
|
11
|
+
},
|
|
12
|
+
"publishConfig": {
|
|
13
|
+
"access": "public"
|
|
14
|
+
},
|
|
15
|
+
"author": {
|
|
16
|
+
"name": "Andrew Lisowski",
|
|
17
|
+
"email": "lisowski54@gmail.com"
|
|
18
|
+
},
|
|
19
|
+
"engines": {
|
|
20
|
+
"node": ">=18.0.0"
|
|
21
|
+
},
|
|
22
|
+
"scripts": {
|
|
23
|
+
"build": "tshy",
|
|
24
|
+
"test": "CI=true vitest",
|
|
25
|
+
"dev": "tshy -w",
|
|
26
|
+
"lint": "eslint .",
|
|
27
|
+
"stats": "rsbuild --mode production build",
|
|
28
|
+
"storybook": "storybook dev -p 6006",
|
|
29
|
+
"build-storybook": "storybook build",
|
|
30
|
+
"clean": "rm -rf dist .turbo .tshy .tshy-build"
|
|
31
|
+
},
|
|
32
|
+
"license": "MIT",
|
|
33
|
+
"peerDependencies": {
|
|
34
|
+
"react": ">=16",
|
|
35
|
+
"react-dom": ">=16"
|
|
36
|
+
},
|
|
37
|
+
"devDependencies": {
|
|
38
|
+
"@chromatic-com/storybook": "^1.6.1",
|
|
39
|
+
"@internal/eslint-config": "0.8.0",
|
|
40
|
+
"@rsbuild/core": "^1.3.12",
|
|
41
|
+
"@rsdoctor/rspack-plugin": "^1.0.2",
|
|
42
|
+
"@storybook/addon-essentials": "^8.2.9",
|
|
43
|
+
"@storybook/addon-interactions": "^8.2.9",
|
|
44
|
+
"@storybook/addon-links": "^8.2.9",
|
|
45
|
+
"@storybook/addon-onboarding": "^8.2.9",
|
|
46
|
+
"@storybook/blocks": "^8.2.9",
|
|
47
|
+
"@storybook/react": "^8.2.9",
|
|
48
|
+
"@storybook/react-vite": "^8.2.9",
|
|
49
|
+
"@storybook/test": "^8.2.9",
|
|
50
|
+
"@testing-library/jest-dom": "^6.4.8",
|
|
51
|
+
"@testing-library/react": "^16.0.0",
|
|
52
|
+
"@types/node": "^20.14.10",
|
|
53
|
+
"@types/react": "^18",
|
|
54
|
+
"@vitejs/plugin-react": "^4.3.1",
|
|
55
|
+
"@vitest/browser": "^3.1.2",
|
|
56
|
+
"@vitest/coverage-istanbul": "^3.1.2",
|
|
57
|
+
"eslint": "^9.9.0",
|
|
58
|
+
"framer-motion": "^11.3.28",
|
|
59
|
+
"jsdom": "^24.1.1",
|
|
60
|
+
"playwright": "^1.46.0",
|
|
61
|
+
"react": "^18",
|
|
62
|
+
"react-dom": "^18",
|
|
63
|
+
"storybook": "^8.2.9",
|
|
64
|
+
"tiny-cookie": "^2.5.1",
|
|
65
|
+
"tshy": "^3.0.2",
|
|
66
|
+
"typescript": "^5.5.4",
|
|
67
|
+
"vitest": "^3.1.2"
|
|
68
|
+
},
|
|
69
|
+
"dependencies": {
|
|
70
|
+
"@react-aria/utils": "^3.28.2",
|
|
71
|
+
"@window-splitter/interface": "0.8.0",
|
|
72
|
+
"@window-splitter/state": "0.8.0"
|
|
73
|
+
},
|
|
74
|
+
"tshy": {
|
|
75
|
+
"exclude": [
|
|
76
|
+
"node_modules",
|
|
77
|
+
"src/**/*.test.ts",
|
|
78
|
+
"**/*stories.*"
|
|
79
|
+
],
|
|
80
|
+
"exports": {
|
|
81
|
+
".": "./src/index.tsx"
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"type": "module",
|
|
85
|
+
"exports": {
|
|
86
|
+
".": {
|
|
87
|
+
"import": {
|
|
88
|
+
"types": "./dist/esm/index.d.ts",
|
|
89
|
+
"default": "./dist/esm/index.js"
|
|
90
|
+
},
|
|
91
|
+
"require": {
|
|
92
|
+
"types": "./dist/commonjs/index.d.ts",
|
|
93
|
+
"default": "./dist/commonjs/index.js"
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
"main": "./dist/commonjs/index.js",
|
|
98
|
+
"types": "./dist/commonjs/index.d.ts",
|
|
99
|
+
"module": "./dist/esm/index.js",
|
|
100
|
+
"keywords": [
|
|
101
|
+
"react",
|
|
102
|
+
"panel",
|
|
103
|
+
"splitter",
|
|
104
|
+
"resizable",
|
|
105
|
+
"window"
|
|
106
|
+
],
|
|
107
|
+
"gitHead": "0b59935917fc8cda33c41fc09336b36a4f139707"
|
|
108
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** @type {import('@rsbuild/core').RsbuildConfig} */
|
|
2
|
+
export default {
|
|
3
|
+
source: {
|
|
4
|
+
entry: {
|
|
5
|
+
index: "./src/bundle.size.ts",
|
|
6
|
+
},
|
|
7
|
+
},
|
|
8
|
+
tools: {
|
|
9
|
+
htmlPlugin: false,
|
|
10
|
+
},
|
|
11
|
+
performance: {
|
|
12
|
+
bundleAnalyze: {
|
|
13
|
+
generateStatsFile: true,
|
|
14
|
+
statsOptions: {
|
|
15
|
+
preset: "verbose",
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
output: {
|
|
20
|
+
externals: {
|
|
21
|
+
react: "React",
|
|
22
|
+
"react-dom": "ReactDOM",
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
};
|