@cutting/svg 4.64.0 → 4.65.0

package/dist/esm/index.d.ts

@@ -0,0 +1,70 @@
+import { UseParentSizeOptions } from "@cutting/use-get-parent-size";
+import { PropsWithChildren, ReactNode, Ref, RefObject, SVGAttributes } from "react";
+//#region src/components/Group/Group.d.ts
+type GroupOnlyProps = {
+  /** Top offset applied to `<g/>`. */
+  y?: number;
+  /** Left offset applied to `<g/>`. */
+  x?: number;
+  /** Override `x` and `y` to provide the entire `transform` string. */
+  transform?: string;
+  className?: string;
+  children?: React.ReactNode;
+  innerRef?: React.Ref<SVGGElement>;
+};
+type GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;
+export declare function Group({ y, x, transform, className, children, innerRef, ...restProps }: GroupProps): JSX.Element;
+//#endregion
+//#region src/types/types.d.ts
+type PreserveAspectRatioAlignment = 'xMinYMin' | 'xMidYMin' | 'xMaxYMin' | 'xMinYMid' | 'xMidYMid' | 'xMaxYMid' | 'xMinYMax' | 'xMidYMax' | 'xMaxYMax';
+type MeetOrSlice = 'meet' | 'slice';
+type PreserveAspectRatio = `${PreserveAspectRatioAlignment} ${MeetOrSlice}` | 'none';
+type AddSVGProps<Props, Element extends SVGElement> = Props & Omit<React.SVGProps<Element>, keyof Props>;
+interface Point {
+  x: number;
+  y: number;
+}
+type SVGAttributes$1<T> = T & Omit<SVGAttributes<SVGSVGElement>, 'origin' | 'viewBox' | 'preserveAspectRatio' | 'children '>;
+//#endregion
+//#region src/components/Line/Line.d.ts
+type LineProps = {
+  className?: string;
+  innerRef?: React.Ref<SVGLineElement>;
+  fill?: string;
+  /** Starting x,y point of the line. */
+  from?: Point;
+  /** Ending x,y point of the line. */
+  to?: Point;
+};
+export declare function Line({ from, to, fill, className, innerRef, ...restProps }: AddSVGProps<LineProps, SVGLineElement>): JSX.Element;
+//#endregion
+//#region src/components/ResponsiveSVG/ResponsiveSVG.d.ts
+interface Point$1 {
+  x: number;
+  y: number;
+}
+type ResponsiveSVGProps = SVGAttributes$1<{
+  width?: number;
+  height?: number;
+  origin?: Point$1;
+  preserveAspectRatio?: PreserveAspectRatio;
+  innerRef?: Ref<SVGSVGElement>;
+  className?: string;
+  hide?: boolean;
+  children: ReactNode;
+  overflow?: 'hidden' | 'visible';
+}>;
+export declare function ResponsiveSVG({ height, width, children, origin, preserveAspectRatio, innerRef, className, overflow, ...props }: ResponsiveSVGProps): JSX.Element;
+//#endregion
+//#region src/components/ParentsizeSVG/ParentsizeSVG.d.ts
+type Align = 'none' | 'center';
+type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {
+  parentRef: RefObject<E>;
+  align?: Align;
+  scale?: number;
+  options?: Partial<UseParentSizeOptions>;
+} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;
+export declare function ParentsizeSVG<E extends HTMLElement>({ parentRef, children, options, ...rest }: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null;
+//#endregion
+export type { Point };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/components/Group/Group.tsx","../../src/types/types.ts","../../src/components/Line/Line.tsx","../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"mappings":";;;KAEK;;EAEH;;EAEA;;EAEA;EACA;EACA,WAAW,MAAM;EACjB,WAAW,MAAM,IAAI;;KAGlB,aAAa,iBAAiB,KAAK,MAAM,SAAS,oBAAoB;wBAE3D,QACd,GACA,GACA,WACA,WACA,UACA,aACG,aACF,aAAa,IAAI;;;KCtBR;KAGA;KAEA,yBAAyB,gCAAgC;KAEzD,YAAY,OAAO,gBAAgB,cAAc,QAAQ,KAAK,MAAM,SAAS,gBAAgB;UAExF;EACf;EACA;;KAGU,gBAAc,KAAK,IAC7B,KAAK,cAAc;;;KCbT;EACV;EACA,WAAW,MAAM,IAAI;EACrB;;EAEA,OAAO;;EAEP,KAAK;;wBAGS,OACd,MACA,IACA,MACA,WACA,aACG,aACF,YAAY,WAAW,kBAAkB,IAAI;;;UCjB/B;EACf;EACA;;KAGU,qBAAqB;EAC/B;EACA;EACA,SAAS;EACT,sBAAsB;EACtB,WAAW,IAAI;EACf;EACA;EACA,UAAU;EACV;;wBAGc,gBACd,QACA,OACA,UACA,QACA,qBACA,UACA,WACA,aACG,SACF,qBAAqB,IAAI;;;KCxBvB;KAEO,mBAAmB,UAAU,cAAc;EACrD,WAAW,UAAU;EACrB,QAAQ;EACR;EACA,UAAU,QAAQ;IAChB,QAAQ,KAAK;wBAED,cAAc,UAAU,eACtC,WACA,UACA,YACG,QACF,kBAAkB,mBAAmB,MAAM,IAAI"}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+import e from"classnames";import{jsx as t}from"react/jsx-runtime";import{useParentSize as n}from"@cutting/use-get-parent-size";function r({y:n=0,x:r=0,transform:i,className:a,children:o,innerRef:s,...c}){return t(`g`,{ref:s,className:e(`visx-group`,a),transform:i||`translate(${r}, ${n})`,...c,children:o})}function i({from:n={x:0,y:0},to:r={x:1,y:1},fill:i=`transparent`,className:a,innerRef:o,...s}){let c=n.x===r.x||n.y===r.y;return t(`line`,{ref:o,className:e(`visx-line`,a),x1:n.x,y1:n.y,x2:r.x,y2:r.y,fill:i,shapeRendering:c?`crispEdges`:`auto`,...s})}function a({height:e=0,width:n=0,children:r,origin:i={x:0,y:0},preserveAspectRatio:a=`xMaxYMid meet`,innerRef:o,className:s,overflow:c=`visible`,...l}){let u=e===0?1:n/e,d=Math.ceil(n/u);return t(`div`,{"data-testid":`cutting-svg-container`,style:{position:`relative`,overflow:`visible`,height:`0px`},children:t(`svg`,{style:{overflow:c,width:`100%`,height:`auto`},className:s,preserveAspectRatio:a,viewBox:`${i.x} ${i.y} ${n} ${d}`,ref:o,...l,children:r})})}function o({parentRef:e,children:r,options:i,...o}){let{width:s,height:c}=n(e,i);return t(a,{width:s,height:c,...o,children:r})}export{r as Group,i as Line,o as ParentsizeSVG,a as ResponsiveSVG};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx","../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"sourcesContent":["import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\n\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n","import type { ReactNode, Ref } from 'react';\n\nimport type { PreserveAspectRatio, SVGAttributes } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport type ResponsiveSVGProps = SVGAttributes<{\n  width?: number;\n  height?: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n  overflow?: 'hidden' | 'visible';\n}>;\n\nexport function ResponsiveSVG({\n  height = 0,\n  width = 0,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n  overflow = 'visible',\n  ...props\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = height === 0 ? 1 : width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-testid=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '0px',\n      }}\n    >\n      <svg\n        style={{ overflow, width: '100%', height: 'auto' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n        {...props}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { PropsWithChildren, RefObject } from 'react';\n\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  options,\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, options);\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      {children}\n    </ResponsiveSVG>\n  );\n}\n"],"mappings":"+HAgBA,SAAgB,EAAM,CACpB,IAAI,EACJ,IAAI,EACJ,YACA,YACA,WACA,WACA,GAAG,GACuB,CAC1B,OACE,EAAC,IAAD,CACE,IAAK,EACL,UAAW,EAAG,aAAc,CAAS,EACrC,UAAW,GAAa,aAAa,EAAE,IAAI,EAAE,GAC7C,GAAI,EAEH,UACA,CAAA,CAEP,CCrBA,SAAgB,EAAK,CACnB,OAAO,CAAE,EAAG,EAAG,EAAG,CAAE,EACpB,KAAK,CAAE,EAAG,EAAG,EAAG,CAAE,EAClB,OAAO,cACP,YACA,WACA,GAAG,GACmD,CACtD,IAAM,EAAgB,EAAK,IAAM,EAAG,GAAK,EAAK,IAAM,EAAG,EAEvD,OACE,EAAC,OAAD,CACE,IAAK,EACL,UAAW,EAAG,YAAa,CAAS,EACpC,GAAI,EAAK,EACT,GAAI,EAAK,EACT,GAAI,EAAG,EACP,GAAI,EAAG,EACD,OACN,eAAgB,EAAgB,aAAe,OAC/C,GAAI,CACL,CAAA,CAEL,CChBA,SAAgB,EAAc,CAC5B,SAAS,EACT,QAAQ,EACR,WACA,SAAS,CAAE,EAAG,EAAG,EAAG,CAAE,EACtB,sBAAsB,gBACtB,WACA,YACA,WAAW,UACX,GAAG,GAC+B,CAClC,IAAM,EAAS,IAAW,EAAI,EAAI,EAAQ,EAEpC,EAAiB,KAAK,KAAK,EAAQ,CAAM,EAE/C,OACE,EAAC,MAAD,CACE,cAAY,wBACZ,MAAO,CACL,SAAU,WACV,SAAU,UACV,OAAQ,KACV,EAEA,SAAA,EAAC,MAAD,CACE,MAAO,CAAE,WAAU,MAAO,OAAQ,OAAQ,MAAO,EACtC,YACU,sBACrB,QAAS,GAAG,EAAO,EAAE,GAAG,EAAO,EAAE,GAAG,EAAM,GAAG,IAC7C,IAAK,EACL,GAAI,EAEH,UACE,CAAA,CACF,CAAA,CAET,CCzCA,SAAgB,EAAqC,CACnD,YACA,WACA,UACA,GAAG,GAC4D,CAC/D,GAAM,CAAE,QAAO,UAAW,EAAc,EAAW,CAAO,EAE1D,OACE,EAAC,EAAD,CAAsB,QAAe,SAAQ,GAAI,EAC9C,UACY,CAAA,CAEnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cutting/svg",
-  "version": "4.64.0",
+  "version": "4.65.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dagda1/cuttingedge.git"
@@ -9,29 +9,32 @@
   "type": "module",
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "dependencies": {
-    "@cutting/assert": "0.7.0",
-    "@cutting/use-get-parent-size": "2.11.0",
-    "@cutting/util": "4.66.0"
+    "@cutting/assert": "0.7.1",
+    "@cutting/use-get-parent-size": "2.12.0",
+    "@cutting/util": "4.66.1"
   },
   "devDependencies": {
     "@testing-library/dom": "10.4.1",
-    "@testing-library/react": "16.3.2",
-    "@testing-library/user-event": "14.6.1",
+    "@testing-library/react": "16.3.3",
+    "@testing-library/user-event": "14.6.7",
     "@visx/scale": "4.0.0",
     "classnames": "2.5.1",
     "d3-scale": "4.0.2",
-    "react": "19.2.7",
-    "react-dom": "19.2.7",
-    "@cutting/component-library": "5.52.0"
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "@cutting/component-library": "5.53.0"
   },
   "peerDependencies": {
     "@visx/scale": "4.0.0",
     "classnames": "2.5.1",
     "d3-scale": "4.0.2",
-    "react": "19.2.7",
-    "react-dom": "19.2.7"
+    "react": "19.2.8",
+    "react-dom": "19.2.8"
   },
   "volta": {
     "extends": "../../package.json"

package/.watchmanconfig

@@ -1 +0,0 @@
-{}

package/CHANGELOG.md

@@ -1,565 +0,0 @@
-# @cutting/svg
-
-## 4.64.0
-
-### Minor Changes
-
-- 5dd8f8f: upgrade pnpm to 11.15.1 and dependency upgrade apart from typescript 7 (pinned at 6.0.3 until typescript-eslint supports the TS 7.1 API), migrate the devtools bundler from rollup to rolldown: declarations now come from rolldown-plugin-dts and minification from rolldown instead of terser, and packages type-check with tsc --noEmit before bundling
-
-### Patch Changes
-
-- Updated dependencies [5dd8f8f]
-  - @cutting/use-get-parent-size@2.11.0
-  - @cutting/assert@0.7.0
-  - @cutting/util@4.66.0
-
-## 4.63.0
-
-### Minor Changes
-
-- c702763: upgrade @visx to 4
-
-### Patch Changes
-
-- Updated dependencies [c702763]
-  - @cutting/use-get-parent-size@2.10.0
-
-## 4.62.1
-
-### Patch Changes
-
-- 88e84cb: add changeset for patch version bump to update react and related dependencies across all packages
-- Updated dependencies [88e84cb]
-  - @cutting/use-get-parent-size@2.9.1
-  - @cutting/assert@0.6.1
-  - @cutting/util@4.65.1
-
-## 4.62.0
-
-### Minor Changes
-
-- d91afd0: bump
-
-### Patch Changes
-
-- Updated dependencies [d91afd0]
-  - @cutting/assert@0.6.0
-  - @cutting/use-get-parent-size@2.9.0
-  - @cutting/util@4.65.0
-
-## 4.61.0
-
-### Minor Changes
-
-- 98caae6: upgrade to typescript 6.0
-
-### Patch Changes
-
-- Updated dependencies [98caae6]
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/assert@0.5.0
-  - @cutting/util@4.64.0
-
-## 4.61.0
-
-### Minor Changes
-
-- af733ed: again again again
-
-### Patch Changes
-
-- Updated dependencies [af733ed]
-  - @cutting/assert@0.5.0
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/util@4.64.0
-
-## 4.61.0
-
-### Minor Changes
-
-- 510343b: revert
-
-### Patch Changes
-
-- Updated dependencies [510343b]
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/assert@0.5.0
-  - @cutting/util@4.64.0
-
-## 4.61.0
-
-### Minor Changes
-
-- 54f4b15: again
-- 958b9fa: again
-- de29d47: cu
-- 5108680: again
-- bf42836: upgrade react to 19.2.3
-- cf8b2f2: shit
-
-### Patch Changes
-
-- Updated dependencies [54f4b15]
-- Updated dependencies [958b9fa]
-- Updated dependencies [de29d47]
-- Updated dependencies [5108680]
-- Updated dependencies [bf42836]
-- Updated dependencies [cf8b2f2]
-  - @cutting/assert@0.5.0
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/util@4.64.0
-
-## 4.60.0
-
-### Minor Changes
-
-- c69a4bb: update react to 19.2.0
-
-### Patch Changes
-
-- Updated dependencies [c69a4bb]
-  - @cutting/assert@0.4.0
-  - @cutting/use-get-parent-size@2.7.0
-  - @cutting/util@4.63.0
-
-## 4.59.0
-
-### Minor Changes
-
-- 8e62b3f: cunt
-
-### Patch Changes
-
-- Updated dependencies [8e62b3f]
-  - @cutting/assert@0.3.0
-  - @cutting/use-get-parent-size@2.6.0
-  - @cutting/util@4.62.0
-
-## 4.58.0
-
-### Minor Changes
-
-- b3a8f90: bump react to 17.1.1
-- 10a1082: update
-
-### Patch Changes
-
-- Updated dependencies [b3a8f90]
-- Updated dependencies [10a1082]
-  - @cutting/use-get-parent-size@2.5.0
-  - @cutting/assert@0.2.0
-  - @cutting/util@4.61.0
-
-## 4.57.0
-
-### Minor Changes
-
-- 7b27210: react 19.1.0
-
-### Patch Changes
-
-- Updated dependencies [7b27210]
-  - @cutting/use-get-parent-size@2.4.0
-
-## 4.56.0
-
-### Minor Changes
-
-- fac6b45: introduce new jsx.d.ts to @cutting/useful-types
-
-### Patch Changes
-
-- Updated dependencies [fac6b45]
-  - @cutting/use-get-parent-size@2.3.0
-
-## 4.55.0
-
-### Minor Changes
-
-- 27b80a8: update react to 19
-
-### Patch Changes
-
-- Updated dependencies [27b80a8]
-  - @cutting/use-get-parent-size@2.2.0
-  - @cutting/util@4.60.0
-
-## 4.54.23
-
-### Patch Changes
-
-- 0f6945d: upgrade pnpm to 9.4.0
-- Updated dependencies [0f6945d]
-  - @cutting/use-get-parent-size@2.1.16
-
-## 4.54.22
-
-### Patch Changes
-
-- 86c6bb0: update pnpm to 9.2.0
-- Updated dependencies [86c6bb0]
-  - @cutting/use-get-parent-size@2.1.15
-
-## 4.54.21
-
-### Patch Changes
-
-- 857cd84: update all dependencies
-- Updated dependencies [857cd84]
-  - @cutting/use-get-parent-size@2.1.14
-
-## 4.54.20
-
-### Patch Changes
-
-- 6000f90: upgrade to pnpm 9.1.0
-- Updated dependencies [6000f90]
-  - @cutting/use-get-parent-size@2.1.13
-
-## 4.54.19
-
-### Patch Changes
-
-- f8374ed: update dependencies and pnpm to 8.15.7
-- Updated dependencies [f8374ed]
-  - @cutting/use-get-parent-size@2.1.12
-  - @cutting/util@4.59.2
-
-## 4.54.18
-
-### Patch Changes
-
-- df504df: update pnpm to 8.15.5
-- Updated dependencies [df504df]
-  - @cutting/use-get-parent-size@2.1.11
-  - @cutting/util@4.59.1
-
-## 4.54.17
-
-### Patch Changes
-
-- Updated dependencies [dddd0a0]
-  - @cutting/util@4.59.0
-  - @cutting/use-get-parent-size@2.1.10
-
-## 4.54.16
-
-### Patch Changes
-
-- 2fb3912: update dependencies
-- Updated dependencies [2fb3912]
-  - @cutting/use-get-parent-size@2.1.10
-  - @cutting/util@4.58.9
-
-## 4.54.15
-
-### Patch Changes
-
-- 2f5abbc: update to pnpm 8.15.4
-- Updated dependencies [2f5abbc]
-  - @cutting/use-get-parent-size@2.1.9
-  - @cutting/util@4.58.8
-
-## 4.54.14
-
-### Patch Changes
-
-- @cutting/use-get-parent-size@2.1.8
-- @cutting/util@4.58.7
-
-## 4.54.13
-
-### Patch Changes
-
-- 165f0cf: add .js to imports
-- Updated dependencies [165f0cf]
-  - @cutting/use-get-parent-size@2.1.7
-  - @cutting/util@4.58.6
-
-## 4.54.12
-
-### Patch Changes
-
-- 00126046: bump everything
-- Updated dependencies [00126046]
-  - @cutting/react-abortable-fetch@0.36.5
-  - @cutting/use-get-parent-size@2.1.6
-  - @cutting/util@4.58.5
-
-## 4.54.11
-
-### Patch Changes
-
-- 9d181d61: update major dependencies
-- Updated dependencies [9d181d61]
-  - @cutting/react-abortable-fetch@0.36.4
-  - @cutting/use-get-parent-size@2.1.5
-  - @cutting/util@4.58.4
-
-## 4.54.10
-
-### Patch Changes
-
-- bab1082d: make ResponsiveSVG overflow prop
-
-## 4.54.9
-
-### Patch Changes
-
-- Updated dependencies [45397d9a]
-  - @cutting/react-abortable-fetch@0.36.3
-  - @cutting/use-get-parent-size@2.1.4
-  - @cutting/util@4.58.3
-
-## 4.54.8
-
-### Patch Changes
-
-- Updated dependencies [7058f9e4]
-  - @cutting/use-get-parent-size@2.1.3
-
-## 4.54.7
-
-### Patch Changes
-
-- Updated dependencies [0f482989]
-  - @cutting/use-get-parent-size@2.1.2
-
-## 4.54.6
-
-### Patch Changes
-
-- Updated dependencies [f0d92534]
-  - @cutting/use-get-parent-size@2.1.1
-
-## 4.54.5
-
-### Patch Changes
-
-- Updated dependencies [406f9e7e]
-  - @cutting/use-get-parent-size@2.1.0
-
-## 4.54.4
-
-### Patch Changes
-
-- e2d4179f: update dependencies
-- Updated dependencies [e2d4179f]
-  - @cutting/react-abortable-fetch@0.36.2
-  - @cutting/use-get-parent-size@2.0.2
-  - @cutting/util@4.58.2
-
-## 4.54.3
-
-### Patch Changes
-
-- 79c7b329: return whole DOMRect
-- Updated dependencies [79c7b329]
-  - @cutting/use-get-parent-size@2.0.1
-
-## 4.54.2
-
-### Patch Changes
-
-- Updated dependencies [f369fc43]
-  - @cutting/use-get-parent-size@2.0.0
-
-## 4.54.1
-
-### Patch Changes
-
-- Updated dependencies [b743bae4]
-  - @cutting/util@4.58.1
-  - @cutting/react-abortable-fetch@0.36.1
-  - @cutting/use-get-parent-size@1.27.1
-
-## 4.54.0
-
-### Minor Changes
-
-- 2cbd4b74: bump all dependencies, pnpm and update renovate
-
-### Patch Changes
-
-- Updated dependencies [2cbd4b74]
-  - @cutting/use-get-parent-size@1.27.0
-  - @cutting/react-abortable-fetch@0.36.0
-  - @cutting/util@4.58.0
-
-## 4.53.1
-
-### Patch Changes
-
-- f80075f8: rename cuttoff to maxDifference
-- Updated dependencies [f80075f8]
-  - @cutting/use-get-parent-size@1.26.2
-
-## 4.53.0
-
-### Minor Changes
-
-- ce19c98e: more responsive fixes
-
-### Patch Changes
-
-- @cutting/use-get-parent-size@1.26.1
-
-## 4.52.2
-
-### Patch Changes
-
-- 90d6df6f: better layout for ApplicationLayout
-  - @cutting/use-get-parent-size@1.26.1
-
-## 4.52.1
-
-### Patch Changes
-
-- 7405910f: fix use-get-parentsize constant resizing problem
-- Updated dependencies [7405910f]
-  - @cutting/react-abortable-fetch@0.35.1
-  - @cutting/use-get-parent-size@1.26.1
-  - @cutting/util@4.57.1
-
-## 4.52.0
-
-### Minor Changes
-
-- f429be7a: upgrade to node 18
-
-### Patch Changes
-
-- Updated dependencies [f429be7a]
-  - @cutting/react-abortable-fetch@0.35.0
-  - @cutting/use-get-parent-size@1.26.0
-  - @cutting/util@4.57.0
-
-## 4.51.0
-
-### Minor Changes
-
-- 907b7c62: bump versions
-
-### Patch Changes
-
-- Updated dependencies [907b7c62]
-  - @cutting/react-abortable-fetch@0.34.0
-  - @cutting/use-get-parent-size@1.25.0
-  - @cutting/util@4.56.0
-
-## 4.50.2
-
-### Patch Changes
-
-- dbc72c3b: add tangent
-- Updated dependencies [dbc72c3b]
-  - @cutting/util@4.55.1
-  - @cutting/use-get-parent-size@1.24.2
-  - @cutting/react-abortable-fetch@0.33.1
-
-## 4.50.1
-
-### Patch Changes
-
-- @cutting/use-get-parent-size@1.24.1
-
-## 4.50.0
-
-### Minor Changes
-
-- 6927f7bd: remove babel completely
-
-### Patch Changes
-
-- Updated dependencies [6927f7bd]
-  - @cutting/react-abortable-fetch@0.33.0
-  - @cutting/use-get-parent-size@1.24.0
-  - @cutting/util@4.55.0
-
-## 4.49.0
-
-### Minor Changes
-
-- 3c3e166a: replace flex with css grid for main layouts
-
-### Patch Changes
-
-- Updated dependencies [3c3e166a]
-  - @cutting/react-abortable-fetch@0.32.0
-  - @cutting/use-get-parent-size@1.23.0
-  - @cutting/util@4.54.0
-
-## 4.48.0
-
-### Minor Changes
-
-- 6d9b0d40: remove @vanilla-extract/babel-plugin
-
-### Patch Changes
-
-- Updated dependencies [6d9b0d40]
-  - @cutting/react-abortable-fetch@0.31.0
-  - @cutting/use-get-parent-size@1.22.0
-  - @cutting/util@4.54.0
-
-## 4.47.0
-
-### Minor Changes
-
-- 7100e435: kill webpack
-
-### Patch Changes
-
-- Updated dependencies [7100e435]
-  - @cutting/react-abortable-fetch@0.30.0
-  - @cutting/use-get-parent-size@1.21.0
-  - @cutting/util@4.53.0
-
-## 4.46.0
-
-### Minor Changes
-
-- d0f474b0: Release new esm versions of packages
-
-### Patch Changes
-
-- Updated dependencies [d0f474b0]
-  - @cutting/use-get-parent-size@1.20.0
-  - @cutting/util@4.52.0
-
-## 4.45.3
-
-### Patch Changes
-
-- Updated dependencies [1781542e]
-  - @cutting/util@4.51.0
-  - @cutting/use-get-parent-size@1.19.3
-
-## 4.45.2
-
-### Patch Changes
-
-- Updated dependencies [f732b2a7]
-  - @cutting/util@4.50.2
-  - @cutting/use-get-parent-size@1.19.2
-
-## 4.45.1
-
-### Patch Changes
-
-- afb80318: bump
-- Updated dependencies [afb80318]
-  - @cutting/use-get-parent-size@1.19.1
-  - @cutting/util@4.50.1
-
-## 4.45.0
-
-### Minor Changes
-
-- a38ea904: reset changelogs
-
-### Patch Changes
-
-- Updated dependencies [a38ea904]
-  - @cutting/use-get-parent-size@1.19.0
-  - @cutting/util@4.50.0

package/demo/index.html

@@ -1,17 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-  <meta name="theme-color" content="#000000">
-  <link rel="shortcut icon" href="/favicon.ico">
-  <title>@cutting/svg</title>
-</head>
-
-<body>
-  <div id="root"></div>
-  <script type="module" src="src/index.tsx"></script>
-</body>
-
-</html>

package/demo/src/App.tsx

@@ -1,41 +0,0 @@
-import '@cutting/component-library/styles.css';
-
-import { ApplicationLayout } from '@cutting/component-library';
-import { useParentSize } from '@cutting/use-get-parent-size';
-import { range } from '@cutting/util';
-import { scalePoint } from '@visx/scale';
-import { useMemo, useRef } from 'react';
-
-import { ResponsiveSVG } from '../../src/components/ResponsiveSVG/ResponsiveSVG';
-import * as styles from './global.css';
-
-export function App(): JSX.Element {
-  const ref = useRef<HTMLDivElement>(null);
-  const { width = 1, height = 1 } = useParentSize(ref);
-
-  const { xScale, yScale, radius } = useMemo(() => {
-    const xScale = scalePoint({
-      domain: [...range(10)],
-      range: [0, width],
-    });
-
-    const yScale = scalePoint({
-      domain: [...range(10)],
-      range: [0, height],
-    });
-
-    const radius = yScale(5);
-
-    return { radius, xScale, yScale };
-  }, [width, height]);
-
-  return (
-    <ApplicationLayout heading="@cutting/svg" theme="salesTheme">
-      <div className={styles.container} ref={ref}>
-        <ResponsiveSVG width={width} height={height}>
-          <circle cx={xScale(5)} cy={yScale(5)} r={radius} fill="#ffffff" />
-        </ResponsiveSVG>
-      </div>
-    </ApplicationLayout>
-  );
-}

package/demo/src/global.css.ts

@@ -1,17 +0,0 @@
-import { globalStyle, style } from '@vanilla-extract/css';
-
-export const container = style({
-  background: 'grey',
-  color: 'white',
-  resize: 'both',
-  width: '100%',
-  height: '100%',
-});
-
-globalStyle('svg', {
-  border: '1px solid royalblue;',
-});
-
-globalStyle('circle', {
-  stroke: '#000000',
-});

package/demo/src/index.tsx

@@ -1,21 +0,0 @@
-import { assert } from '@cutting/assert';
-import type { FunctionComponent } from 'react';
-import { createRoot } from 'react-dom/client';
-
-import { App } from './App';
-
-export const container = document.getElementById('root');
-
-assert(!!container, `no container found for #root`);
-
-const root = createRoot(container);
-
-const render = (Component: FunctionComponent) => {
-  root.render(<Component />);
-};
-
-render(App);
-
-if (import.meta.hot) {
-  import.meta.hot.accept('./App', () => import('./App').then((m) => render(m.App)));
-}

package/demo/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src"
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx"]
-}

package/eslint.config.mjs

@@ -1,4 +0,0 @@
-import defaultConfig from '@cutting/eslint-config/react'
-
-/** @type {import("eslint").Linter.Config} */
-export default [...defaultConfig]

package/src/components/Group/Group.tsx

@@ -1,36 +0,0 @@
-import cx from 'classnames';
-
-type GroupOnlyProps = {
-  /** Top offset applied to `<g/>`. */
-  y?: number;
-  /** Left offset applied to `<g/>`. */
-  x?: number;
-  /** Override `x` and `y` to provide the entire `transform` string. */
-  transform?: string;
-  className?: string;
-  children?: React.ReactNode;
-  innerRef?: React.Ref<SVGGElement>;
-};
-
-type GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;
-
-export function Group({
-  y = 0,
-  x = 0,
-  transform,
-  className,
-  children,
-  innerRef,
-  ...restProps
-}: GroupProps): JSX.Element {
-  return (
-    <g
-      ref={innerRef}
-      className={cx('visx-group', className)}
-      transform={transform || `translate(${x}, ${y})`}
-      {...restProps}
-    >
-      {children}
-    </g>
-  );
-}

package/src/components/Line/Line.tsx

@@ -1,38 +0,0 @@
-import cx from 'classnames';
-
-import type { AddSVGProps, Point } from '../../types/types';
-
-export type LineProps = {
-  className?: string;
-  innerRef?: React.Ref<SVGLineElement>;
-  fill?: string;
-  /** Starting x,y point of the line. */
-  from?: Point;
-  /** Ending x,y point of the line. */
-  to?: Point;
-};
-
-export function Line({
-  from = { x: 0, y: 0 },
-  to = { x: 1, y: 1 },
-  fill = 'transparent',
-  className,
-  innerRef,
-  ...restProps
-}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {
-  const isRectilinear = from.x === to.x || from.y === to.y;
-
-  return (
-    <line
-      ref={innerRef}
-      className={cx('visx-line', className)}
-      x1={from.x}
-      y1={from.y}
-      x2={to.x}
-      y2={to.y}
-      fill={fill}
-      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}
-      {...restProps}
-    />
-  );
-}

package/src/components/ParentsizeSVG/ParentSizeSVG.test.tsx

@@ -1,34 +0,0 @@
-import { useParentSize } from '@cutting/use-get-parent-size';
-import { render, screen } from '@testing-library/react';
-import { useRef } from 'react';
-import { describe, expect, it } from 'vitest';
-
-import type { ParentsizeSVGProps } from './ParentsizeSVG';
-import { ParentsizeSVG } from './ParentsizeSVG';
-
-function TestEr(props: Partial<ParentsizeSVGProps>) {
-  const ref = useRef<HTMLDivElement>(null);
-  useParentSize(ref);
-
-  return (
-    <div ref={ref} style={{ width: '100vw', height: '100vh' }}>
-      <ParentsizeSVG {...props} parentRef={ref}>
-        <rect x="20%" y="20%" width="200px" height="200px" rx="20" />
-      </ParentsizeSVG>
-    </div>
-  );
-}
-
-const wrap = (props: Partial<ParentsizeSVGProps> = {}) => render(<TestEr {...props} />);
-
-describe.skip('useParentSize', () => {
-  it('should set the svg viewBox attribute', () => {
-    wrap();
-
-    const svg = document.querySelector('svg') as SVGElement;
-
-    expect(svg.getAttribute('viewBox')).toBe('0 0 0 0');
-
-    screen.getByTestId('cutting-svg-container');
-  });
-});

package/src/components/ParentsizeSVG/ParentsizeSVG.tsx

@@ -1,30 +0,0 @@
-import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';
-import { useParentSize } from '@cutting/use-get-parent-size';
-import type { PropsWithChildren, RefObject } from 'react';
-
-import type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';
-import { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';
-
-type Align = 'none' | 'center';
-
-export type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {
-  parentRef: RefObject<E>;
-  align?: Align;
-  scale?: number;
-  options?: Partial<UseParentSizeOptions>;
-} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;
-
-export function ParentsizeSVG<E extends HTMLElement>({
-  parentRef,
-  children,
-  options,
-  ...rest
-}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {
-  const { width, height } = useParentSize(parentRef, options);
-
-  return (
-    <ResponsiveSVG width={width} height={height} {...rest}>
-      {children}
-    </ResponsiveSVG>
-  );
-}

package/src/components/ResponsiveSVG/ResponsiveSVG.tsx

@@ -1,58 +0,0 @@
-import type { ReactNode, Ref } from 'react';
-
-import type { PreserveAspectRatio, SVGAttributes } from '../../types/types';
-
-export interface Point {
-  x: number;
-  y: number;
-}
-
-export type ResponsiveSVGProps = SVGAttributes<{
-  width?: number;
-  height?: number;
-  origin?: Point;
-  preserveAspectRatio?: PreserveAspectRatio;
-  innerRef?: Ref<SVGSVGElement>;
-  className?: string;
-  hide?: boolean;
-  children: ReactNode;
-  overflow?: 'hidden' | 'visible';
-}>;
-
-export function ResponsiveSVG({
-  height = 0,
-  width = 0,
-  children,
-  origin = { x: 0, y: 0 },
-  preserveAspectRatio = 'xMaxYMid meet',
-  innerRef,
-  className,
-  overflow = 'visible',
-  ...props
-}: ResponsiveSVGProps): JSX.Element {
-  const aspect = height === 0 ? 1 : width / height;
-
-  const adjustedHeight = Math.ceil(width / aspect);
-
-  return (
-    <div
-      data-testid="cutting-svg-container"
-      style={{
-        position: 'relative',
-        overflow: 'visible',
-        height: '0px',
-      }}
-    >
-      <svg
-        style={{ overflow, width: '100%', height: 'auto' }}
-        className={className}
-        preserveAspectRatio={preserveAspectRatio}
-        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}
-        ref={innerRef}
-        {...props}
-      >
-        {children}
-      </svg>
-    </div>
-  );
-}

package/src/index.ts

@@ -1,5 +0,0 @@
-export { Group } from './components/Group/Group';
-export { Line } from './components/Line/Line';
-export { ParentsizeSVG } from './components/ParentsizeSVG/ParentsizeSVG';
-export { ResponsiveSVG } from './components/ResponsiveSVG/ResponsiveSVG';
-export type { Point } from './types/types';

package/src/types/types.ts

@@ -1,18 +0,0 @@
-import type { SVGAttributes as SvgAttributes } from 'react';
-
-export type PreserveAspectRatioAlignment =
-  'xMinYMin' | 'xMidYMin' | 'xMaxYMin' | 'xMinYMid' | 'xMidYMid' | 'xMaxYMid' | 'xMinYMax' | 'xMidYMax' | 'xMaxYMax';
-
-export type MeetOrSlice = 'meet' | 'slice';
-
-export type PreserveAspectRatio = `${PreserveAspectRatioAlignment} ${MeetOrSlice}` | 'none';
-
-export type AddSVGProps<Props, Element extends SVGElement> = Props & Omit<React.SVGProps<Element>, keyof Props>;
-
-export interface Point {
-  x: number;
-  y: number;
-}
-
-export type SVGAttributes<T> = T &
-  Omit<SvgAttributes<SVGSVGElement>, 'origin' | 'viewBox' | 'preserveAspectRatio' | 'children '>;

package/tsconfig.dist.json

@@ -1,8 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "noEmit": false
-  },
-  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx", "demo"]
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig-base.json",
-  "compilerOptions": {
-    "rootDirs": ["src", "demo"],
-    "noEmit": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "demo"]
-}

package/vite.config.ts

@@ -1,17 +0,0 @@
-import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vitest/config';
-
-const isTest = process.env.NODE_ENV === 'test';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  root: isTest ? '.' : 'demo',
-  plugins: [vanillaExtractPlugin(), react()],
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: '@cutting/devtools/setuptests',
-    css: true,
-  },
-});