## 2.2.0

One new prop, and the published types now compile under React 19. No
breaking changes: every prop, component and hook behaves as it did in 2.1.0,
apart from two inputs that were rendering invalid output.

### bug fixes

- **the published type declarations now compile under React 19.** React 19
  removed the global `JSX` namespace and stopped exporting `ReactSVG`, both of
  which `index.d.ts` referenced, so anyone on `@types/react` 19 without
  `skipLibCheck` could not build against this package. Every runtime code path
  already worked on 19. CI now compiles a consumer against the built
  declarations under both supported `@types/react` majors.
- a custom `headShape` or `tailShape` with no `svgElem` rendered the literal
  text "path" instead of an arrowhead, and parsing wrote its defaults into the
  object it was given - the caller's own for a custom shape, the shared
  built-in for a shape name.
- `dashness={{ strokeLen: n }}` rendered `stroke-dasharray="n undefined"`,
  because `nonStrokeLen` is optional and was passed straight through. It now
  falls back to `strokeWidth`. Nothing else about how the two lengths are read
  changed: `{ nonStrokeLen: n }` on its own is still ignored, and a length of
  `0` is still treated as absent, so no arrow that renders correctly today
  renders differently.

### features

- **`gridRadius`** rounds the corners of a `path='grid'` arrow. `gridRadius`
  rounds with a radius of `strokeWidth * 2`, `gridRadius={12}` takes a radius in
  pixels, and the default `false` preserves the square corners that 2.1.0 draws.
  The radius is capped at half the shorter adjacent segment, so short arrows degrade
  instead of folding back on themselves. Based on the approach in
  [#178](https://github.com/Eliav2/react-xarrows/pull/178) by
  [@andreac92](https://github.com/andreac92).
  [#43](https://github.com/Eliav2/react-xarrows/issues/43)

## 2.1.0

First release since February 2024. No API changes: every prop, component and
hook behaves as it did in 2.0.2.

### bug fixes

- arrows no longer render at `NaN` coordinates when `start` and `end` sit at the
  same point, which includes the very common case of elements that have not been
  measured yet on first render. The whole arrow used to disappear.
  [#139](https://github.com/Eliav2/react-xarrows/issues/139)
  [#171](https://github.com/Eliav2/react-xarrows/issues/171)
  [#192](https://github.com/Eliav2/react-xarrows/issues/192)
- the draw animation now completes when the arrow has no arrowhead
  (`showHead={false}`), and no longer emits an invalid `repeatCount="0"`.
  Reported by [@dthomasen](https://github.com/dthomasen) in
  [#181](https://github.com/Eliav2/react-xarrows/pull/181).
  [#193](https://github.com/Eliav2/react-xarrows/issues/193)
- dashed and dotted line animation works under `StrictMode`. Thanks to
  [@Reflejo](https://github.com/Reflejo) for the fix.
  [#174](https://github.com/Eliav2/react-xarrows/pull/174)

### packaging

- **zero runtime dependencies.** `lodash`, `prop-types` and `@types/react` were
  all removed from `dependencies`. React is now the only peer dependency, so
  installing react-xarrows adds nothing else to your tree.
- **real ESM, CommonJS and UMD builds.** 2.0.2 shipped a single UMD file, which
  no bundler can tree-shake, so every consumer paid for the whole library.
  [#118](https://github.com/Eliav2/react-xarrows/issues/118)
- types now resolve correctly under `moduleResolution: node16`/`bundler` for both
  the `import` and `require` conditions.

### behavior changes

None of these change the API, but they can matter depending on your setup.

- **build target moved from ES5 to ES2015.** If you transpile `node_modules` down
  to ES5, react-xarrows now needs to be included in that pass. The project's
  browserslist already excluded IE11, so ES5 output was only costing bytes.
- **runtime prop validation is gone.** `prop-types` was a runtime dependency used
  only for development warnings. JavaScript users on React 18 and below no longer
  get those warnings. TypeScript users are unaffected, and React 19 ignores
  `propTypes` entirely, so it was already dead weight there.

## 2.0.2

- prop suggestions did not appear on IDE's because wrong package.json.types path.

## 2.0.1

- fixed issues with StrictMode [#82](https://github.com/Eliav2/react-xarrows/issues/82)

# V2.0.0

top level `Xwrapper` context and `useXarrow` hook added!

### new features
- top level API components added: `Xwrapper` wrapper and `useXarrow` hook.
- `zIndex` prop added to `Xarrow`

### breaking changes

- `label` prop renamed to `labels`
- **`startAnchor.offset.rightness` renamed to `startAnchor.offset.x`.**
- **`startAnchor.offset.bottomness` renamed to `startAnchor.offset.y`.**  
  same for `endAnchor`.
- **`gridBreak`** type changed from number to string. API changed(see readme)!  
- **`headShape` and `tailShape`** breaking change: custom svg is now supported using jsx only. 
  headShape.svgElem is now jsx element and not a string. headShape.svgProps removed!
  example: `headShape={ svgElem: <path d="M 0 0 L 1 0.5 L 0 1 L 0.25 0.5 z" />, offsetForward: 0.25 }`  
  same for tailShape.
  

## v1.7.2:
bundler is now webpack, optimized and smaller bundle size.

## v1.7.1:

- various checks related to the presence of the connected element has been added. now if the elements are not present
  the arrow will not be drawn, but the app will be not crush, and a prop-type error will be raised.  
  related to #77, #72.
- one proptype was wrong and was fixed #79
  

## v1.7.0:

big update!

**performance improvements**:

- much faster and optimized render cycle.

**feature update**:

- creation animation added (see `animateDrawing`,`showXarrow`)
- custom svg now supported,added `circle` and `heart` shapes just for examples.

**new properties**:

- `gridBreak`
- `showXarrow`
- `animateDrawing`
- `headShape`
- `tailShape`

Docs improved!

## v1.6.0:

- proptypes - typescript types issues fixed.
- now all pointer events enabled in the arrowhead by default ([#50](https://github.com/Eliav2/react-xarrows/issues/50))
- added properties: `SVGcanvasStyle` and `divContainerStyle` ([#42])(https://github.com/Eliav2/react-xarrows/issues/42)
- examples: bugfixes(playground) and examples update.
- a new feature! tail support!  new properties: `showHead`,`showTail`,`tailSize`,`tailColor`,`arrowTailProps` .
- renamed `extendSVGcanvas` to `_extendSVGcanvas`
- advanced customization support: newProperties: `_cpx1Offset`,`_cpy1Offset`,`_cpx2Offset`,`_cpy2Offset`.
- bugfix: in grid mode in some cases exceeded canvas.
- 1.6.1 - typescript fix: optional properties were require

## 1.5.0

- properties that are completely removed and no longer supported: `consoleWarning`, `monitorDOMchanges`
  and `registerEvents`.
- issues related to jest and other issues has fixed.
- dependencies changed: prop-types added in lodash replaced with lodash.isequal and lodash.pick.
- v1.5.1 - minor code and docs updates. [DEPRECATED]
- v1.5.2 - debug element was published by mistake at v1.5.1.

improved documentation:

- added CHANGELOG.md file.
- added TODO.md file.
- docs in the README.md file updated

## 1.4.0: features update

- `label` property API changed.
- `path` property added

## 1.3.0: bug fixes and features update

- now `startAnchor` and `endAnchor` can be offset from normal position. see `anchorCustomPositionType` type in types
  declaration to see how to offset anchors.
- a new powerful feature: `passProps` - now its possible to pass methods (such event handlers) or attributes to the
  inner components of Index.
- `consoleWarning` default prop changed to `false`.
- bug fixes and inner optimizations(arrow head implemnted now purly using path element without marker elements).## 1.2.0
  added support for javascript projects that imported the lib locally. many changes to the repo folders structure.

## 1.2.0 bug fixes and code structure changed

The lib not worked properly on js projects(only worked well on ts). now working well on both.

- v1.2.1 - minor bug fix (intellij suggestinons did not apear)
- v1.2.2 - bug fixes(1#changing anchors refs without remounting broke the arrow. 2#other minors)

## 1.1.0 bug fixes and features update

props added:`label`, `dashness` and `advanced`.
`arrowStyle` removed and all his contained properties flattened to be props of xarrow directly. `strokeColor` renamed
to `lineColor`.

- v1.1.1 - bug fix now labels not exceed the svg canvas. the headArrow is calcualted now . this means the line ends at
  the start at the arrow - and this is more natural looking(especially at large headarrows).
- v1.1.2 - bug fix. (the first arrow fixed the headarrow style for all next comming arrows)
- v1.1.3 - an entirely new algorithm to calculate arrow path and curveness. now the arrow acting "smarter". this include
  bug fixes,improvements and some adjustments. monitorDOMchanges prop default changed to true.
- v1.1.4 - bug fixes, calculation optimizations, and smart svg canvas size adjusment.
- v1.1.5 - optimazed calculations and label positioning. (Buzier curve extrema point are calculated now using
  derivatives and not by interpolation) other improvements as well.
- v1.1.6 - errors and warnings improved. smart adjustments for diffrent positioning style(of anchors elemntes and common
  ancestor element) . minor bug fixes

## 1.0.0

initial release.