@kubit-ui-web/react-charts 1.11.5 → 1.11.6

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@kubit-ui-web/react-charts",
-  "private": false,
-  "version": "1.11.5",
+  "version": "1.11.6",
   "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
   "sideEffects": [
     "*.css",
@@ -33,17 +32,17 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.js",
+      "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.js"
     },
     "./charts/*": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/charts/*/index.js",
+      "import": "./dist/esm/charts/*/index.mjs",
       "require": "./dist/cjs/charts/*/index.js"
     },
     "./components/*": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/components/*/index.js",
+      "import": "./dist/esm/components/*/index.mjs",
       "require": "./dist/cjs/components/*/index.js"
     },
     "./package.json": "./package.json"
@@ -76,6 +75,44 @@
     "!dist/**/stories",
     "!dist/**/.DS_Store"
   ],
+  "scripts": {
+    "start": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006",
+    "dev": "rslib build --watch",
+    "build": "rslib build",
+    "predist": "rm -rf dist",
+    "dist": "rslib build",
+    "lint": "oxlint src",
+    "lint:fix": "oxlint src --fix",
+    "format": "oxfmt src",
+    "format:check": "oxfmt --check src",
+    "test": "yarn lint && yarn typecheck && vitest --coverage.enabled=true --silent --run",
+    "test:ci": "vitest --ui --coverage.enabled=true",
+    "test:watch": "vitest --watch",
+    "test:unit": "vitest --run",
+    "test:coverage": "vitest --coverage.enabled=true --run",
+    "test:coverage:ui": "vitest --coverage.enabled=true --ui",
+    "typecheck": "tsc --noEmit",
+    "validate": "yarn format:check && yarn lint && yarn typecheck && yarn dist",
+    "validate:quick": "yarn lint && yarn typecheck",
+    "pack:check": "yarn pack --dry-run",
+    "pack:size": "yarn pack --dry-run 2>&1 | tail -1",
+    "pack:analyze": "yarn pack && tar -tzf *.tgz | head -50 && rm *.tgz",
+    "pack:verify": "yarn pack:check && yarn pack:size",
+    "clean": "rm -rf dist node_modules",
+    "clean:build": "rm -rf dist",
+    "prepublishOnly": "yarn dist && yarn pack:size",
+    "prerelease": "yarn validate && yarn test",
+    "test-storybook": "test-storybook",
+    "build-storybook": "storybook build",
+    "storybook:axe": "yarn build-storybook && axe-storybook --build-dir storybook-static",
+    "vitest": "vitest",
+    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "changeset:publish": "yarn dist && changeset publish",
+    "changeset:status": "changeset status --verbose"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/kubit-ui/kubit-react-charts",
@@ -108,9 +145,10 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "packageManager": "yarn@4.9.1",
   "engines": {
     "node": ">=22.0.0",
-    "pnpm": ">=10.0.0"
+    "yarn": ">=4.0.0"
   },
   "funding": {
     "type": "corporate",
@@ -121,106 +159,43 @@
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.29.8",
-    "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.0",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@kubit-ui-web/eslint-plugin-no-index-import": "^1.0.2",
-    "@storybook/addon-a11y": "10.2.10",
+    "@changesets/cli": "^2.30.0",
+    "@rsbuild/plugin-react": "^1.4.6",
+    "@rslib/core": "^0.20.0",
+    "@storybook/addon-a11y": "10.2.19",
     "@storybook/addon-coverage": "3.0.0",
     "@storybook/addon-designs": "11.1.2",
-    "@storybook/addon-docs": "10.2.10",
-    "@storybook/addon-links": "10.2.10",
-    "@storybook/addon-themes": "10.2.10",
-    "@storybook/react": "10.2.10",
-    "@storybook/react-vite": "10.2.10",
+    "@storybook/addon-docs": "10.2.19",
+    "@storybook/addon-links": "10.2.19",
+    "@storybook/addon-themes": "10.2.19",
+    "@storybook/react": "10.2.19",
+    "@storybook/react-vite": "10.2.19",
     "@storybook/test-runner": "0.24.2",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.6.1",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@types/mocha": "^10.0.10",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.56.0",
-    "@typescript-eslint/parser": "^8.56.0",
-    "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vitest/ui": "^4.0.18",
-    "add": "^2.0.6",
-    "chromatic": "^15.1.1",
-    "cpy-cli": "^7.0.0",
-    "eslint": "^10.0.0",
-    "eslint-config-kubit": "2.0.2",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-config-standard-with-typescript": "^43.0.1",
-    "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-n": "^17.24.0",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.0",
-    "eslint-plugin-storybook": "^10.2.10",
-    "eslint-plugin-unused-imports": "^4.4.1",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vitest/ui": "^4.1.0",
+    "chromatic": "^15.3.0",
     "glob": "^13.0.6",
-    "html-validate": "^10.8.0",
-    "jsdom": "^28.1.0",
-    "prettier": "^3.8.1",
-    "storybook": "10.2.10",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.0",
-    "vite": "8.0.0-beta.10",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.18",
-    "vitest-axe": "^0.1.0",
+    "html-validate": "^10.11.2",
+    "jsdom": "^29.0.0",
+    "oxfmt": "^0.41.0",
+    "oxlint": "^1.56.0",
     "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "react-dom": "^19.2.4",
+    "storybook": "10.2.19",
+    "storybook-addon-rslib": "^3.3.0",
+    "storybook-react-rsbuild": "^3.3.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.0",
+    "vitest-axe": "^0.1.0"
   },
   "dependencies": {
     "react-transition-group": "^4.4.5"
-  },
-  "scripts": {
-    "start": "storybook dev -p 6006",
-    "storybook": "storybook dev -p 6006",
-    "dev": "vite build --watch",
-    "build": "vite build",
-    "predist": "rm -rf dist",
-    "dist": "vite build",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
-    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
-    "test": "pnpm lint && pnpm typecheck && vitest --coverage.enabled=true --silent --run",
-    "test:ci": "vitest --ui --coverage.enabled=true",
-    "test:watch": "vitest --watch",
-    "test:unit": "vitest --run",
-    "test:coverage": "vitest --coverage.enabled=true --run",
-    "test:coverage:ui": "vitest --coverage.enabled=true --ui",
-    "typecheck": "tsc --noEmit",
-    "validate": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm dist",
-    "validate:quick": "pnpm lint && pnpm typecheck",
-    "pack:check": "pnpm pack --dry-run",
-    "pack:size": "pnpm pack --dry-run 2>&1 | tail -1",
-    "pack:analyze": "pnpm pack && tar -tzf *.tgz | head -50 && rm *.tgz",
-    "pack:verify": "pnpm pack:check && pnpm pack:size",
-    "clean": "rm -rf dist node_modules",
-    "clean:build": "rm -rf dist",
-    "prerelease": "pnpm validate && pnpm test",
-    "test-storybook": "test-storybook",
-    "build-storybook": "storybook build",
-    "storybook:axe": "pnpm build-storybook && axe-storybook --build-dir storybook-static",
-    "vitest": "vitest",
-    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
-    "changeset": "changeset",
-    "changeset:version": "changeset version",
-    "changeset:publish": "pnpm dist && changeset publish",
-    "changeset:status": "changeset status --verbose"
   }
-}
+}

package/dist/cjs/charts/lineChart/fragments/lineChartPath2.js

@@ -1 +0,0 @@
-const e=require(`../../../utils/buildErrors/buildErrors.js`),t=require(`../../../utils/getPoints/getPoints.js`),n=require(`../../../utils/pickCustomAttributes/pickCustomAttributes.js`),r=require(`../hook/useIndicator.js`),i=require(`../../../components/node/node.js`),a=require(`../../../components/path/path2.js`),o=require(`../../../components/line/line.js`),s=require(`../context/lineChartContext.js`),c=require(`../utils/findSurroundingNumber.js`),l=require(`../utils/getPathData.js`),u=require(`../utils/handleNodesFocus.js`);;/* empty css               */const d=require(`./lineChartProjection.js`);let f=require(`react`),p=require(`react/jsx-runtime`);var m=(e,t)=>e.map(e=>e[t]);exports.LineChartPath=({ariaLabel:h,closestClick:g,curved:_,getNodeFocusInfo:v,getNodesCoords:y,indicatorConfig:b,lineProjection:x,onClick:S,...C})=>{let{addError:w,xAxisCoordinates:T,yAxisCoordinates:E,...D}=(0,f.useContext)(s.LineChartContext),O=C.dataKey,k=D.data.length>0,A=D.data[0],j=A?Object.prototype.hasOwnProperty.call(A,O):!1,M=D.data.length;(0,f.useEffect)(()=>{if(!O||typeof O!=`string`){w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildError(e.BuildError.LINE_CHART_PATH_INVALID_DATAKEY)});return}if(k&&!j){w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildDataKeyNotFoundError(O)});return}if(_&&M<2){w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildError(e.BuildError.LINE_CHART_PATH_INSUFFICIENT_POINTS)});return}let t=m(D.data,O);t.length>0&&t.every(e=>e==null)&&w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildError(e.BuildError.LINE_CHART_PATH_ALL_VALUES_NULL)})},[w,_,O,M,k,j,D.data]);let{indicatorRef:N,pathRef:P}=r.useIndicator(D.xCursor,!!b),F=!!b&&D.xCursor!==-1/0,I=(0,f.useRef)(null),L=(0,f.useRef)(null),{autoClick:R,lineIndicator:z,...B}=b||{},{y1:V,y2:H}=E.coordinates,{x1:U,x2:W}=T.coordinates,G=D.xCursor>=U&&D.xCursor<=W,{tickValues:K}=T,{tickValues:q}=E,J=m(D.data,D.xKey),Y=m(D.data,O),X=t.getPoints(K,J,!0),Z=t.getPoints(q,Y),Q=X.map((e,t)=>[e,Z[t]]),$=l.getPathData({curved:_,extendToBottom:!1,points:Q,svgHeight:E.coordinates.y2}),ee=l.getPathData({curved:_,extendToBottom:!!C.fill||!!C.gradient,points:Q,svgHeight:E.coordinates.y2});(0,f.useEffect)(()=>{if(!I.current?.path)return;P.current=I.current.path;let e=I.current.main,t=I.current.node,{mount:n,unmount:r}=u.handleNodesFocus({data:J.map((e,t)=>({x:e,y:Y[t]})),getNodeFocusInfo:v,nodes:t,ref:e});return n(),()=>r()},[]),(0,f.useEffect)(()=>{if(C.nodeConfig&&F&&R){let{idx:e,match:t}=c.findSurroundingNumber(X,D.xCursor);if(t&&e!==L.current){L.current=e;let t=new MouseEvent(`click`,{bubbles:!0});t.autoClick=!0,I.current?.node?.[e]?.dispatchEvent(t),navigator?.vibrate?.(200)}else L.current=null}},[D.xCursor]),(0,f.useEffect)(()=>{y?.(Q)},[Q]);let te=e=>{if(S?.(e),g){let e=c.findClosestNumber(X,D.xCursor),t=new MouseEvent(`click`,{bubbles:!0});t.autoClick=!1,I.current?.node?.[e]?.dispatchEvent(t)}},ne=n.pickCustomAttributes(C),re={...C,...ne,...h&&{"aria-label":h}};return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(a.Path,{ref:I,d:$,dFill:ee,dataTestId:`${D.dataTestId}path`,dataValue:D.data,points:Q,xKey:D.xKey,onClick:te,...re}),x&&(0,p.jsx)(d.LineChartProjection,{curved:_,dataKey:C.dataKey,lineProjection:x,points:Q,svgHeight:E.coordinates.y2}),F&&(0,p.jsxs)(p.Fragment,{children:[!!z&&G&&(0,p.jsx)(o.Line,{...z,className:`pointer-events-none`,x1:D.xCursor,x2:D.xCursor,y1:V,y2:H}),(0,p.jsx)(`g`,{ref:N,className:`pointer-events-none`,children:(0,p.jsx)(i.Node,{...B})})]})]})};

package/dist/cjs/components/focusRing/focusRing2.js

@@ -1 +0,0 @@
-const e=require(`./components/FocusRingInline.js`),t=require(`./components/FocusRingSeparate.js`);;/* empty css           */let n=require(`react/jsx-runtime`);exports.FocusRing=({children:r,dataTestId:i=`focus-ring`,disabled:a=!1,focusConfig:o,isFocused:s,targetRef:c})=>r?(0,n.jsx)(e.FocusRingInline,{dataTestId:i,disabled:a,focusConfig:o,isFocused:s,children:r}):c?(0,n.jsx)(t.FocusRingSeparate,{dataTestId:i,disabled:a,focusConfig:o,isFocused:s,targetRef:c}):null;

package/dist/cjs/components/path/path2.js

@@ -1 +0,0 @@
-const e=require(`../focusRing/focusRing2.js`),t=require(`../../hooks/useFocus/useFocus.js`),n=require(`../../hooks/useHover/useHover.js`),r=require(`../../utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.js`),i=require(`../../utils/cssGradientToSvg/cssGradientToSvg.js`),a=require(`../../utils/pickCustomAttributes/pickCustomAttributes.js`),o=require(`../../utils/shadowSvg/shadowSvg.js`),s=require(`./components/nodePath/nodePath.js`);;/* empty css      */let c=require(`react`),l=require(`react/jsx-runtime`);var u={code:`Enter`,key:`Enter`,keyCode:13,which:13},d=`shadow`;const f=(0,c.forwardRef)(({classNames:f=``,fill:p=`transparent`,stroke:m=`#0000FF`,strokeWidth:h=`1`,focusConfig:g,hoverConfig:_={stroke:`#0000FF`,strokeWidth:`0.5`},role:v=`img`,tabIndex:y=0,...b},x)=>{let{handleBlur:S,handleFocus:C,isFocused:w}=t.useFocus(b.onFocus,b.onBlur),T=r.adaptLegacyFocusConfig(g),{handleMouseEnter:E,handleMouseLeave:D,isHovered:O}=n.useHover(b.onMouseEnter,b.onMouseLeave),k=(0,c.useRef)(null),A=(0,c.useRef)([]),j=(0,c.useRef)(null);(0,c.useImperativeHandle)(x,()=>({get main(){return j.current},get node(){return A.current},get path(){return k.current}}));let M=e=>{e.key===u.key&&b.onKeyDown?.(b.dataValue)},N=()=>{b.onClick?.(b.dataValue)},P=e=>{b.onDoubleClick?.(e,b.dataValue)},F=e=>{e.preventDefault()},I=b.gradient&&i.cssGradientToSVG(b.gradient),L=a.pickCustomAttributes(b),R={...b,classNames:`path ${f}`,fill:I?`url(#gradientePath)`:p,filter:`url(#shadow)`,role:v,stroke:m,strokeWidth:h,tabIndex:y,...O&&_};return(0,l.jsxs)(`g`,{ref:j,children:[I&&I,R.shadowSvgConfig&&(0,l.jsx)(o.ShadowSvg,{id:d,shadowSvgConfig:R.shadowSvgConfig}),(0,l.jsx)(e.FocusRing,{dataTestId:`${R.dataTestId}-focus-ring`,focusConfig:T,isFocused:w,targetRef:k}),(0,l.jsxs)(`g`,{"aria-label":R.ariaLabel,className:R.classNames,"data-draw":!0,filter:R.shadowSvgConfig&&R.filter,opacity:R.opacity,orientation:R.orientation,role:R.role,rotate:R.rotate,tabIndex:R.tabIndex,transform:R.transform,visibility:R.visibility,...L,onBlur:S,onClick:N,onDoubleClick:P,onFocus:C,onKeyDown:M,onMouseDown:F,onMouseEnter:E,onMouseLeave:D,children:[(0,l.jsx)(`path`,{ref:k,d:R.d,"data-testid":R.dataTestId,fill:R.dFill?`transparent`:R.fill,fillOpacity:R.fillOpacity,fillRule:R.fillRule,stroke:R.stroke,strokeDasharray:R.strokeDasharray,strokeDashoffset:R.strokeDashoffset,strokeLinecap:R.strokeLinecap,strokeLinejoin:R.strokeLinejoin,strokeMiterlimit:R.strokeMiterlimit,strokeOpacity:R.strokeOpacity,strokeWidth:R.strokeWidth,children:R.title&&(0,l.jsx)(`title`,{children:R.title})}),R.dFill&&(0,l.jsx)(`path`,{d:R.dFill,fill:R.fill,fillOpacity:R.fillOpacity,fillRule:R.fillRule})]}),R.points&&R.nodeConfig&&R.points.map(([e,t],n)=>(0,l.jsx)(s.NodePath,{ref:e=>{e&&(A.current[n]=e)},data:{dataKey:R.dataKey,dataValue:R.dataValue,index:n,xKey:R?.xKey},nodeConfig:R.nodeConfig,tabIndex:-1,x:e,y:t},`${n.toString()}`))]})});exports.Path=f;

package/dist/cjs/components/plot/plot2.js

@@ -1 +0,0 @@
-const e=require(`../focusRing/focusRing2.js`),t=require(`../../hooks/useFocus/useFocus.js`),n=require(`../../hooks/useHover/useHover.js`),r=require(`./components/circle/circle.js`),i=require(`./components/square/square.js`),a=require(`./components/triangle/triangle.js`);;/* empty css      */const o=require(`./plot.types.js`);let s=require(`react`),c=require(`react/jsx-runtime`);var l=6,u={[o.PlotType.CIRCLE]:r.Circle,[o.PlotType.SQUARE]:i.Square,[o.PlotType.TRIANGLE]:a.Triangle};const d=(0,s.forwardRef)(({className:r,data:i,dataTestId:a=`plot`,fill:s,fillOpacity:d,focusConfig:f,hasHoverEffect:p,hoverConfig:m,id:h,label:g,onBlur:_,onClick:v,onFocus:y,onKeyDown:b,onMouseEnter:x,onMouseLeave:S,opacity:C,position:w={x:0,y:0},size:T=o.PlotSize.MEDIUM,stroke:E,strokeWidth:D,tabIndex:O,type:k=o.PlotType.CIRCLE,...A},j)=>{let{handleMouseEnter:M,handleMouseLeave:N,isHovered:P}=n.useHover(x,S),{handleBlur:F,handleFocus:I,isFocused:L}=t.useFocus(y,_),R=e=>{v&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),v(e)),b?.(e)},{fill:z=s,opacity:B=.3,scale:V=1.3,stroke:H=s,strokeWidth:U=0}=m||{},W=typeof T==`number`?T:o.PLOT_SIZE_MAP[T],G={...A,"aria-label":g,className:`plot ${r||``}`,dataTestId:a,fill:s,fillOpacity:d,id:h,onBlur:F,onClick:v,onFocus:I,onKeyDown:R,onMouseEnter:M,onMouseLeave:N,opacity:C,position:w,role:`button`,size:W,stroke:E,strokeWidth:p&&P&&!L?0:D,tabIndex:O},K=u[k],q=k===o.PlotType.TRIANGLE?{x:w.x,y:w.y-W*(V-1)/l}:w;return(0,c.jsxs)(c.Fragment,{children:[p&&P&&!L&&(0,c.jsx)(K,{dataTestId:`${a}-hover`,fill:z,opacity:B,position:q,size:W*V,stroke:H,strokeWidth:U}),(0,c.jsx)(e.FocusRing,{dataTestId:a,focusConfig:{...f,variant:f?.variant??`bounding-box`},isFocused:L,children:(0,c.jsx)(K,{ref:j,...G})})]})});exports.Plot=d;

package/dist/cjs/react-charts.css

@@ -1,2 +0,0 @@
-.focus-ring-outer,.focus-ring-inner,.focus-ring-container{pointer-events:none}.path:focus{outline:none}.node-focus-border{outline:none}.node-focus-border:focus-visible{outline-offset:2px;outline:2px solid #2c71db}.node-path-focus-border{outline:none}.node-path-focus-border:focus-visible{outline-offset:1px;outline:1px solid #2c71db}.plot{outline:none}.plot-focus-outer,.plot-focus-inner,.pointer-events-none{pointer-events:none}
-/*$vite$:1*/

package/dist/esm/charts/barChart/barChart.js

@@ -1,12 +0,0 @@
-import { BarChartPath } from "./fragments/barChartPath.js";
-import { BarChartXAxis } from "./fragments/barChartXAxis.js";
-import { BarChartYAxis } from "./fragments/barChartYAxis.js";
-import { BarChartStructure } from "./barChartStructure.js";
-import { BarChartSeparator } from "./fragments/barChartSeparator.js";
-var BarChart = Object.assign(BarChartStructure, {
-	Path: BarChartPath,
-	Separator: BarChartSeparator,
-	XAxis: BarChartXAxis,
-	YAxis: BarChartYAxis
-});
-export { BarChart };

package/dist/esm/charts/barChart/barChartStructure.js

@@ -1,69 +0,0 @@
-import { SvgContainer } from "../../components/svgContainer/svgContainer.js";
-import { useId } from "../../hooks/useId/useId.js";
-import { useResponsiveCanvas } from "../../hooks/useResponsiveCanvas/useResponsiveCanvas.js";
-import { DefaultCanvasConfig } from "../../types/canvas.type.js";
-import { createErrorAccumulator } from "../../utils/createErrorAccumulator/createErrorAccumulator.js";
-import { getDataFingerprint } from "../../utils/getDataFingerprint/getDataFingerprint.js";
-import { BarChartContext } from "./context/barChartContext.js";
-import { countBarChildren } from "./utils/countBarChildren.js";
-import { BarChartXAxis } from "./fragments/barChartXAxis.js";
-import { BarChartYAxis } from "./fragments/barChartYAxis.js";
-import { buildBarContextValue } from "./context/buildBarContextValues.js";
-import { Children, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-const BarChartStructure = ({ canvasConfig: n = DefaultCanvasConfig, caption: r, children: i, classNames: a, data: o, dataTestId: s = "bar-chart", gapBetweenBars: c = 0, height: l = "100%", onErrors: u, orientation: d, pKey: f, role: p, tabIndex: m, width: h = "100%", ...g }) => {
-	let _ = useId(s), { parsedCanvas: v, parsedCanvasExtraSpace: y, viewBox: b } = useResponsiveCanvas({
-		canvasConfig: n,
-		dataTestId: _,
-		height: l,
-		width: h
-	}), x = v.width, S = v.height, C = countBarChildren(i), w = c * 2, T = [/* @__PURE__ */ jsx(BarChartXAxis, {}, "default-x-axis"), /* @__PURE__ */ jsx(BarChartYAxis, {}, "default-y-axis")], E = Children.toArray(i) || [], D = T.concat(E), O = Math.max(x, S, y ?? 0), k = x / O, A = S / O, j = useMemo(() => createErrorAccumulator(u), [u]), M = useMemo(() => (j.clearErrors(), buildBarContextValue({
-		addError: (e, t) => {
-			j.addError(e, t);
-		},
-		ajustedX: k,
-		ajustedY: A,
-		canvasHeight: S,
-		canvasWidth: x,
-		children: D,
-		data: o,
-		gapBetweenBars: w,
-		orientation: d,
-		pKey: f,
-		viewBox: b
-	})), [
-		S,
-		x,
-		getDataFingerprint(o),
-		f,
-		d,
-		j.addError
-	]);
-	return /* @__PURE__ */ jsx(SvgContainer, {
-		caption: r,
-		className: a,
-		dataTestId: _,
-		height: l,
-		role: p,
-		tabIndex: m,
-		viewBox: b,
-		width: h,
-		...g,
-		children: /* @__PURE__ */ jsx(BarChartContext.Provider, {
-			value: {
-				...M,
-				barChildrenCount: C,
-				canvasExtraSpace: y,
-				canvasHeight: S,
-				canvasWidth: x,
-				data: o,
-				dataTestId: _,
-				gapBetweenBars: c,
-				orientation: d,
-				pKey: f
-			},
-			children: i
-		})
-	});
-};
-export { BarChartStructure };

package/dist/esm/charts/barChart/context/barChartContext.js

@@ -1,3 +0,0 @@
-import { createContext } from "react";
-const BarChartContext = createContext({});
-export { BarChartContext };

package/dist/esm/charts/barChart/context/buildBarContextValues.js

@@ -1,156 +0,0 @@
-import { BarOrientation } from "../../../components/bar/bar.type.js";
-import { ErrorType } from "../../../types/errors.type.js";
-import { Positions } from "../../../types/position.enum.js";
-import { buildBarDistributionError } from "../../../utils/buildErrors/charts/buildBarChartErrors.js";
-import { BuildError, buildCanvasDimensionsError, buildError } from "../../../utils/buildErrors/buildErrors.js";
-import { getXCoordinates, getYCoordinates } from "../../../utils/getCoordinates/getCoordinates.js";
-import { getPoints } from "../../../utils/getPoints/getPoints.js";
-import { getXTicks, getYTicks } from "../../../utils/getTicks/getTicks.js";
-import { AXIS_VALIDATION, BAR_CHART_DEFAULTS, BAR_CHART_FALLBACK_DATA, BREAK_AXIS_DEFAULTS, CHART_CANVAS_DEFAULTS, SHARED_FALLBACK_DATA } from "../../constants/chartDefaults.js";
-import { countBarChildren } from "../utils/countBarChildren.js";
-import { getAxisExtraSpacing } from "../utils/getAxisExtraSpacing.js";
-const buildBarContextValue = ({ addError: n, ajustedX: r, ajustedY: i, canvasHeight: a, canvasWidth: o, children: s, data: c, gapBetweenBars: l, orientation: u, pKey: d, viewBox: f }) => {
-	let p;
-	if (!c || c.length === 0) {
-		let e = { error: buildError(BuildError.BAR_CHART_NO_DATA) };
-		n?.("BAR_CHART_CONTEXT_ERROR", e), p = e;
-	}
-	if (o <= 0 || a <= 0) {
-		let e = { error: buildCanvasDimensionsError(o, a) };
-		n?.("BAR_CHART_CONTEXT_ERROR", e), p = e;
-	}
-	let m = countBarChildren(s), h = m * BAR_CHART_DEFAULTS.BAR_WIDTH, g = (m - 1) * l, _ = u === BarOrientation.VERTICAL ? o : a;
-	if (h + g > _) {
-		let e = { error: buildBarDistributionError("all", `Insufficient space: requires ${h + g}px but only ${_}px available`) };
-		n?.("BAR_CHART_CONTEXT_ERROR", e), p = e;
-	}
-	let v = c && c.length > 0 ? c : [{
-		[BAR_CHART_FALLBACK_DATA.FALLBACK_SECONDARY_KEY]: BAR_CHART_FALLBACK_DATA.DEFAULT_X_VALUE,
-		[d]: SHARED_FALLBACK_DATA.FALLBACK_PKEY_FIRST
-	}, {
-		[BAR_CHART_FALLBACK_DATA.FALLBACK_SECONDARY_KEY]: BAR_CHART_FALLBACK_DATA.DEFAULT_X_VALUE,
-		[d]: SHARED_FALLBACK_DATA.FALLBACK_PKEY_SECOND
-	}], y = o > 0 ? o : CHART_CANVAS_DEFAULTS.SAFE_WIDTH, b = a > 0 ? a : CHART_CANVAS_DEFAULTS.SAFE_HEIGHT, { barChartXPosition: x, barChartYPosition: S, extraSpaceBottomY: C, extraSpaceLeftX: w, extraSpaceRightX: T, extraSpaceTopY: E, securityXSpace: D, securityYSpace: O, xAxisText: k, xBreakAxis: A, xData: j, yAxisText: M, yBreakAxis: N, yData: P } = getAxisExtraSpacing({
-		ajustedX: r,
-		ajustedY: i,
-		canvasHeight: b,
-		canvasWidth: y,
-		children: s,
-		data: v,
-		gapBetweenBars: l,
-		orientation: u,
-		pKey: d,
-		viewBox: f
-	}), F = x !== Positions.TOP && x !== Positions.BOTTOM, I = getXTicks({
-		initPos: w,
-		maxSpaceAvailable: y,
-		otherAxisSpace: w + T,
-		securitySpace: D,
-		tickValues: j
-	});
-	if ((I ?? []).some(({ position: e }) => isNaN(e))) {
-		let e = { error: buildError(BuildError.INVALID_X_TICK) };
-		n?.("BAR_CHART_CONTEXT_ERROR", e), p = e;
-	}
-	if (I) {
-		let e = I.length < AXIS_VALIDATION.MIN_TICK_COUNT, t = I.length >= AXIS_VALIDATION.MIN_TICK_COUNT && new Set(I.map((e) => e.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-		if (e) {
-			let e = { error: buildError(BuildError.LINE_CHART_X_AXIS_INSUFFICIENT_TICKS) };
-			n?.("BAR_CHART_X_AXIS_ERROR", e), p ||= e;
-		}
-		if (t) {
-			let e = { error: buildError(BuildError.LINE_CHART_X_AXIS_IDENTICAL_VALUES) };
-			n?.("BAR_CHART_X_AXIS_ERROR", e), p ||= e;
-		}
-	}
-	let L = S !== Positions.LEFT && S !== Positions.RIGHT, R = E + C, z = getYTicks({
-		initPos: b - C,
-		maxSpaceAvailable: b,
-		needAjusted: u === BarOrientation.HORIZONTAL,
-		otherAxisSpace: R,
-		securitySpace: O,
-		tickValues: P
-	});
-	if (z) {
-		let e = z.length < AXIS_VALIDATION.MIN_TICK_COUNT, t = z.length >= AXIS_VALIDATION.MIN_TICK_COUNT && new Set(z.map((e) => e.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-		if (e) {
-			let e = { error: buildError(BuildError.LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS) };
-			n?.("BAR_CHART_Y_AXIS_ERROR", e), p ||= e;
-		}
-		if (t) {
-			let e = { error: buildError(BuildError.LINE_CHART_Y_AXIS_IDENTICAL_VALUES) };
-			n?.("BAR_CHART_Y_AXIS_ERROR", e), p ||= e;
-		}
-	}
-	let B = F ? getPoints(z || [], [String(A)])[0] : BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE, V = L ? getPoints(I || [], [String(N)])[0] : BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE, H = getXCoordinates({
-		canvasHeight: b,
-		canvasWidth: y,
-		customBreakAxis: Number(B),
-		extraSpaceBottomY: C,
-		extraSpaceLeftX: w,
-		extraSpaceRightX: T,
-		extraSpaceTopY: E,
-		position: x,
-		securityYSpace: O
-	}), U = getYCoordinates({
-		canvasHeight: b,
-		canvasWidth: y,
-		customBreakAxis: Number(V),
-		extraSpaceBottomY: C,
-		extraSpaceLeftX: w,
-		extraSpaceRightX: T,
-		extraSpaceTopY: E,
-		position: S,
-		securityYSpace: O
-	});
-	if (H.x1 === H.x2) {
-		let e = { error: buildError(BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH) };
-		n?.("BAR_CHART_X_AXIS_ERROR", e), p ||= e;
-	}
-	if (U.y1 === U.y2) {
-		let e = { error: buildError(BuildError.LINE_CHART_Y_AXIS_ZERO_LENGTH) };
-		n?.("BAR_CHART_Y_AXIS_ERROR", e), p ||= e;
-	}
-	let W = {
-		addError: n,
-		crossXAxis: F,
-		crossYAxis: L,
-		data: v,
-		extraSpaceBottomY: C,
-		extraSpaceLeftX: w,
-		extraSpaceRightX: T,
-		extraSpaceTopY: E,
-		securityXSpace: D,
-		securityYSpace: O,
-		xAxisCoordinates: {
-			coordinates: H,
-			tickValues: I || (p ? [{
-				position: BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,
-				value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_FIRST
-			}, {
-				position: y,
-				value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_SECOND
-			}] : [])
-		},
-		xAxisText: k,
-		yAxisCoordinates: {
-			coordinates: U,
-			tickValues: z || (p ? [{
-				position: b,
-				value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_FIRST
-			}, {
-				position: BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,
-				value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_SECOND
-			}] : [])
-		},
-		yAxisText: M
-	};
-	return p ? {
-		...W,
-		error: {
-			...p,
-			type: ErrorType.BAR_CHART_CONTEXT_ERROR
-		}
-	} : W;
-};
-export { buildBarContextValue };

package/dist/esm/charts/barChart/fragments/barChartPath.js

@@ -1,76 +0,0 @@
-import { BarChartContext } from "../context/barChartContext.js";
-import { BarOrientation } from "../../../components/bar/bar.type.js";
-import { buildBarNegativeValueError, buildBarValueError } from "../../../utils/buildErrors/charts/buildBarChartErrors.js";
-import { buildDataKeyNotFoundError } from "../../../utils/buildErrors/buildErrors.js";
-import { getPoints } from "../../../utils/getPoints/getPoints.js";
-import { Bar } from "../../../components/bar/bar.js";
-import { useContext, useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-const BarChartPath = ({ barConfig: t, dataIdx: n, dataKey: r, focusConfig: i, onBlur: a, onClick: o, onFocus: s, onMouseEnter: c, onMouseLeave: l, order: u, tabIndex: d, ...f }) => {
-	let { addError: p, xAxisCoordinates: m, yAxisCoordinates: h, ...g } = useContext(BarChartContext), { coordinates: _, tickValues: v } = m, { coordinates: y, tickValues: b } = h, x = g.orientation === BarOrientation.VERTICAL, S = x ? g.pKey : r, C = x ? r : g.pKey, w = g.data[n], T = w?.[S], E = w?.[C], D = g.data[0], O = D ? Object.prototype.hasOwnProperty.call(D, r) : !1, k = g.data.length > 0, A = Number(E);
-	useEffect(() => {
-		if (k && !O) {
-			p?.("BAR_CHART_PATH_ERROR", { error: buildDataKeyNotFoundError(r) });
-			return;
-		}
-		if (isNaN(A)) {
-			p?.("BAR_CHART_PATH_ERROR", { error: buildBarValueError(E, r) });
-			return;
-		}
-		A < 0 && p?.("BAR_CHART_PATH_ERROR", { error: buildBarNegativeValueError(A, r) });
-	}, [
-		r,
-		k,
-		O,
-		A,
-		E
-	]);
-	let j = getPoints(v, [String(T)], !0)[0], M = getPoints(b, [String(E)])[0], N = x ? {
-		x1: j,
-		x2: j,
-		y1: _.y1,
-		y2: M
-	} : {
-		x1: y.x1,
-		x2: j,
-		y1: M,
-		y2: M
-	}, P = {
-		dataKey: r,
-		dataIdx: n,
-		xKey: S,
-		yKey: C,
-		xData: T,
-		yData: E,
-		value: x ? A : Number(T),
-		dataPoint: w
-	};
-	return /* @__PURE__ */ jsx(Bar, {
-		barConfig: t,
-		currentBars: g.barChildrenCount,
-		dataKey: r,
-		extraSpacing: g.gapBetweenBars,
-		focusConfig: i,
-		order: u,
-		orientation: g.orientation,
-		tabIndex: d,
-		xData: T,
-		xKey: S,
-		yData: E,
-		yKey: C,
-		onBlur: a,
-		onClick: o ? (e) => {
-			o?.(e, P);
-		} : void 0,
-		onFocus: s,
-		onMouseEnter: c ? (e) => {
-			c?.(e, P);
-		} : void 0,
-		onMouseLeave: l ? (e) => {
-			l?.(e, P);
-		} : void 0,
-		...N,
-		...f
-	});
-};
-export { BarChartPath };

package/dist/esm/charts/barChart/fragments/barChartSeparator.js

@@ -1,61 +0,0 @@
-import { BarChartContext } from "../context/barChartContext.js";
-import { BuildError, buildError, buildSeparatorXBreakAxisError, buildSeparatorXOutOfRangeError, buildSeparatorYBreakAxisError, buildSeparatorYOutOfRangeError } from "../../../utils/buildErrors/buildErrors.js";
-import { getPoints } from "../../../utils/getPoints/getPoints.js";
-import { useContext, useEffect } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const BarChartSeparator = ({ areaSeparator: r, dataTestId: i, rightSeparator: a, topSeparator: o, xBreakAxis: s, yBreakAxis: c }) => {
-	let { addError: l, crossXAxis: u, crossYAxis: d, xAxisCoordinates: f, yAxisCoordinates: p } = useContext(BarChartContext), m = f.tickValues, h = p.tickValues, g = s === void 0 ? void 0 : typeof s == "string" ? parseFloat(s) : s, _ = c === void 0 ? void 0 : typeof c == "string" ? parseFloat(c) : c;
-	if (useEffect(() => {
-		if (s !== void 0) {
-			let e = m.map((e) => e.value);
-			if (g === void 0 || isNaN(g)) l?.("BAR_CHART_SEPARATOR_ERROR", { error: buildSeparatorXBreakAxisError(s) });
-			else {
-				let t = Math.min(...e.map((e) => typeof e == "string" ? parseFloat(e) : e)), n = Math.max(...e.map((e) => typeof e == "string" ? parseFloat(e) : e));
-				(g < t || g > n) && l?.("BAR_CHART_SEPARATOR_ERROR", { error: buildSeparatorXOutOfRangeError(g, t, n) });
-			}
-		}
-		if (c !== void 0) {
-			let e = h.map((e) => e.value);
-			if (_ === void 0 || isNaN(_)) l?.("BAR_CHART_SEPARATOR_ERROR", { error: buildSeparatorYBreakAxisError(c) });
-			else {
-				let t = Math.min(...e.map((e) => typeof e == "string" ? parseFloat(e) : e)), n = Math.max(...e.map((e) => typeof e == "string" ? parseFloat(e) : e));
-				(_ < t || _ > n) && l?.("BAR_CHART_SEPARATOR_ERROR", { error: buildSeparatorYOutOfRangeError(_, t, n) });
-			}
-		}
-	}, [
-		s,
-		g,
-		m,
-		c,
-		_,
-		h
-	]), !o && !a && !r) return /* @__PURE__ */ jsx(Fragment, {});
-	let v = s && getPoints(f.tickValues, [s], !0)[0], y = c && getPoints(p.tickValues, [c])[0], b = d ? p.coordinates.x1 : f.coordinates.x2, x = u ? f.coordinates.y1 : p.coordinates.y1, S = f.coordinates.x1, C = v ?? b, w = p.coordinates.y2, T = y ?? x;
-	useEffect(() => {
-		S === C && w === T && l?.("BAR_CHART_SEPARATOR_ERROR", { error: buildError(BuildError.LINE_CHART_SEPARATOR_INVALID_COORDINATES) });
-	}, [
-		S,
-		C,
-		w,
-		T
-	]);
-	let E = `M${S} ${w} H ${C} V ${T} H ${S} Z`, D = `M${S} ${T} H ${C}`, O = `M${C} ${w} V ${T}`;
-	return /* @__PURE__ */ jsxs("g", { children: [
-		/* @__PURE__ */ jsx("path", {
-			d: E,
-			"data-testid": `${i}Area`,
-			...r
-		}),
-		/* @__PURE__ */ jsx("path", {
-			d: D,
-			"data-testid": `${i}Top`,
-			...o
-		}),
-		/* @__PURE__ */ jsx("path", {
-			d: O,
-			"data-testid": `${i}Right`,
-			...a
-		})
-	] });
-};
-export { BarChartSeparator };