@artsy/palette-charts 39.2.0 → 39.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@artsy/palette-charts",
   "sideEffects": false,
-  "version": "39.2.0",
+  "version": "39.2.1",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -40,9 +40,12 @@
     "colors": "1.4.0"
   },
   "peerDependencies": {
+    "@artsy/palette": "^40",
+    "@styled-system/theme-get": "^5",
     "react": "^18",
     "react-dom": "^18",
-    "styled-components": "^4"
+    "styled-components": "^6",
+    "styled-system": "^5"
   },
   "devDependencies": {
     "@artsy/auto-config": "1.2.0",
@@ -114,12 +117,9 @@
     "typescript-styled-plugin": "0.10.0"
   },
   "dependencies": {
-    "@artsy/palette": "^40.2.0",
     "@seznam/compose-react-refs": "^1.0.6",
-    "@styled-system/theme-get": "^5.1.2",
     "d3-interpolate": "^1.3.2",
-    "d3-shape": "^1.3.5",
-    "styled-system": "^5.1.5"
+    "d3-shape": "^1.3.5"
   },
   "husky": {
     "hooks": {
@@ -178,6 +178,5 @@
     "testEnvironmentOptions": {
       "url": "http://localhost"
     }
-  },
-  "gitHead": "ac61a49fefdec3156f58534ce36469e5c277f650"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2018 Artsy Inc. <dev@artsymail.com>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/elements/BarChart/Bar.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-/**
- * Bar is the main component responsible for rendering an individual bar
- * in a bar chart.
- *
- * It not publically usable
- *
- * It is responsible for rendering a visible bar of a specific height and 0-2 labels.
- *
- * If a 'highlight' label is given, the bar will measure itself to help it's parent
- * container set an appropriate min-height property. This prevents the highlight
- * label from obscuring content above the bar chart.
- */
-export declare const Bar: ({ heightPercent, label, highlightLabel, hasEnteredViewport, onMeasureHeight, highlightLabelRef, onClick, onHover, }: {
-    heightPercent: number;
-    label: React.ReactNode;
-    axisLabelX: React.ReactNode;
-    highlightLabel?: React.ReactNode;
-    hasEnteredViewport: boolean;
-    onMeasureHeight?: (height: number) => void;
-    highlightLabelRef?: React.RefObject<HTMLDivElement>;
-    onClick?: any;
-    onHover?: any;
-}) => React.JSX.Element;

package/dist/elements/BarChart/BarChart.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { ChartTooltipProps } from "../DataVis/ChartTooltip";
-export interface BarDescriptor {
-    value: number;
-    label?: React.ReactNode | ChartTooltipProps;
-    axisLabelX?: React.ReactNode;
-    highlightLabel?: React.ReactNode | ChartTooltipProps;
-    onClick?: any;
-    onHover?: any;
-}
-export interface BarChartProps {
-    bars: BarDescriptor[];
-    minLabel: React.ReactNode;
-    maxLabel: React.ReactNode;
-}
-/**
- * BarChart is a component which displays some bars of varying heights in a row.
- * Useful for histograms etc.
- * @param props props
- */
-export declare const BarChart: ({ bars, minLabel, maxLabel }: BarChartProps) => React.JSX.Element;

package/dist/elements/BarChart/BarChart.story.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;

package/dist/elements/BarChart/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./BarChart";
-export * from "./Bar";

package/dist/elements/DataVis/ChartHoverTooltip.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-/**
- * Tooltip for bar and line charts
- */
-export declare const ChartHoverTooltip: ({ children }: {
-    children: any;
-}) => React.JSX.Element;
-/**
- * Base component for positioning tooltips
- */
-export declare const BaseTooltipPositioner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@artsy/palette").BoxProps> & import("@artsy/palette").BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement) => void) | React.RefObject<HTMLDivElement>;
-}, keyof import("@artsy/palette").BoxProps> & import("@artsy/palette").BoxProps, never>> & string;

package/dist/elements/DataVis/ChartTooltip.d.ts

@@ -1,23 +0,0 @@
-import { FlexProps } from "@artsy/palette";
-import React from "react";
-/**
- * Returns tooltip component based on the type of tooltip param passed to it
- * @param tooltip either a component or hash containing `title` and `description`
- */
-export declare const coerceTooltip: (tooltip: React.ReactNode | ChartTooltipProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode>;
-/**
- * Similart to `coerceTooltip` but without padding
- * @param tooltip
- */
-export declare const coerceTooltipWithoutPadding: (tooltip: React.ReactNode | ChartTooltipProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode>;
-export interface ChartTooltipProps extends FlexProps {
-    title: React.ReactNode;
-    description: React.ReactNode;
-    noPadding?: boolean;
-}
-export declare function isChartTooltipProps(obj: any): obj is ChartTooltipProps;
-/**
- * ChartTooltip is the default content format for a label on a BarChart.
- * @param props
- */
-export declare const ChartTooltip: ({ title, description, noPadding, ...others }: ChartTooltipProps) => React.JSX.Element;

package/dist/elements/DataVis/MousePositionContext.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const MousePositionContext: React.Context<{
-    x: number;
-    y: number;
-}>;
-export declare const ProvideMousePosition: React.FC<React.PropsWithChildren<unknown>>;

package/dist/elements/DataVis/useIntersectionObserver.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from "react";
-interface UseIntersectionObserverProperties {
-    ref?: RefObject<Element> | null;
-    once?: boolean;
-    options?: {
-        threshold: number | number[];
-        root?: Element;
-        rootMargin?: string;
-    };
-    onIntersection?: (entries: IntersectionObserverEntry[]) => void;
-    onOffIntersection?: (entries: IntersectionObserverEntry[]) => void;
-}
-export declare const useIntersectionObserver: ({ once, options, onIntersection, onOffIntersection, }: UseIntersectionObserverProperties) => {
-    ref: import("react").MutableRefObject<HTMLElement>;
-};
-export {};

package/dist/elements/DataVis/utils/SharedTypes.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { ChartTooltipProps } from "../ChartTooltip";
-export interface PointDescriptor {
-    value: number;
-    axisLabelX?: React.ReactNode | ChartTooltipProps;
-    tooltip?: React.ReactNode | ChartTooltipProps;
-}
-export interface ChartProps {
-    points: PointDescriptor[];
-}

package/dist/elements/DataVis/utils/useWrapperWidth.d.ts

@@ -1,5 +0,0 @@
-/**
- * Returns width of container element
- * @param ref reference to wrapper component
- */
-export declare const useWrapperWidth: (ref: React.RefObject<HTMLElement>) => number;

package/dist/elements/DonutChart/DonutChart.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { ChartProps } from "../DataVis/utils/SharedTypes";
-export interface DonutChartProps extends ChartProps {
-    margin?: number;
-}
-/**
- * DonutChart is a component that displays data points with donut shaped arcs.
- * Good for illustrating numerical proportions.
- */
-export declare const DonutChart: React.FC<React.PropsWithChildren<DonutChartProps>>;

package/dist/elements/DonutChart/DonutChart.story.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;

package/dist/elements/DonutChart/index.d.ts

@@ -1 +0,0 @@
-export * from "./DonutChart";

package/dist/elements/LineChart/Line.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-/**
- * Line is the component responsible for rendering a line that goes through all of the data points
- * in a line chart.
- */
-export declare const Line: ({ path }: {
-    path: string;
-}) => React.JSX.Element;

package/dist/elements/LineChart/LineChart.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { ChartProps } from "../DataVis/utils/SharedTypes";
-export interface LineChartProps extends ChartProps {
-    height?: number;
-}
-/**
- * LineChart is a component that displays some data points connected by lines.
- * Useful for visualizing a time series, etc.
- */
-export declare const LineChart: React.FC<React.PropsWithChildren<LineChartProps>>;
-/**
- * The rectangle area around Dots which triggers mouseover for tooltip
- */
-export declare const PointHoverArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/elements/LineChart/LineChartSVG.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { PointDescriptor } from "../DataVis/utils/SharedTypes";
-interface LineChartSVGProps {
-    width: number;
-    height: number;
-    margin: number;
-    points: PointDescriptor[];
-    hoverIndex: number;
-    hasEnteredViewport?: boolean;
-}
-/**
- * Component rendering the SVG part of the line chart (e.g line and points)
- */
-export declare const LineChartSVG: React.FC<React.PropsWithChildren<LineChartSVGProps>>;
-export {};

package/dist/elements/LineChart/Point.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-/**
- * Point is the component responsible for rendering a data point
- * in a line chart.
- */
-export declare const Point: ({ cx, cy, opacity, hovered, }: {
-    cx: number;
-    cy: number;
-    opacity: number;
-    hovered: boolean;
-}) => React.JSX.Element;

package/dist/elements/LineChart/index.d.ts

@@ -1 +0,0 @@
-export * from "./LineChart";

package/dist/elements/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./BarChart";
-export * from "./DonutChart";
-export * from "./LineChart";

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from "./elements";