@privyid/persona 1.2.0 → 1.2.1

package/dist/components/chart/Chart.vue.d.ts

@@ -1,63 +0,0 @@
-import type { ChartData, ChartType, ChartOptions } from 'chart.js/auto';
-import type { PropType, VNode } from 'vue-demi';
-import type { LegendPosition } from '.';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {
-        canvas: HTMLCanvasElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    variant: {
-        type: PropType<ChartType>;
-        default: string;
-    };
-    legend: {
-        type: PropType<LegendPosition>;
-        default: string;
-    };
-    data: {
-        type: PropType<ChartData>;
-        default: undefined;
-    };
-    options: {
-        type: PropType<ChartOptions>;
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    variant: {
-        type: PropType<ChartType>;
-        default: string;
-    };
-    legend: {
-        type: PropType<LegendPosition>;
-        default: string;
-    };
-    data: {
-        type: PropType<ChartData>;
-        default: undefined;
-    };
-    options: {
-        type: PropType<ChartOptions>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    data: ChartData<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>;
-    legend: LegendPosition;
-    variant: keyof import("chart.js/auto").ChartTypeRegistry;
-    options: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").CoreChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").ElementChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").PluginChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").DatasetChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").ScaleChartOptions<keyof import("chart.js/auto").ChartTypeRegistry>>;
-}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/chart/ChartSet.vue

@@ -1,28 +0,0 @@
-<template>
-  <slot />
-</template>
-
-<script setup>
-defineOptions({
-  name: "ChartSet",
-  inheritAttrs: false
-});
-defineProps({
-  name: {
-    type: [String, Number],
-    required: true
-  },
-  color: {
-    type: String,
-    default: void 0
-  },
-  fill: {
-    type: String,
-    default: void 0
-  },
-  options: {
-    type: Object,
-    default: void 0
-  }
-});
-</script>

package/dist/components/chart/ChartSet.vue.d.ts

@@ -1,57 +0,0 @@
-import type { ChartDataset } from 'chart.js/auto';
-import type { PropType } from 'vue-demi';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    name: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    options: {
-        type: PropType<ChartDataset>;
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    name: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    options: {
-        type: PropType<ChartDataset>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    fill: string;
-    color: string;
-    options: ChartDataset;
-}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/chart/ChartVal.vue

@@ -1,32 +0,0 @@
-<template>
-  <slot />
-</template>
-
-<script setup>
-defineOptions({
-  name: "ChartVal",
-  inheritAttrs: false
-});
-defineProps({
-  name: {
-    type: [String, Number],
-    default: void 0
-  },
-  value: {
-    type: void 0,
-    default: void 0
-  },
-  color: {
-    type: String,
-    default: void 0
-  },
-  fill: {
-    type: String,
-    default: void 0
-  },
-  options: {
-    type: Object,
-    default: void 0
-  }
-});
-</script>

package/dist/components/chart/ChartVal.vue.d.ts

@@ -1,67 +0,0 @@
-import type { ChartDataset } from 'chart.js/auto';
-import type { PropType } from 'vue-demi';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    name: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    value: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    options: {
-        type: PropType<ChartDataset>;
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    name: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    value: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    options: {
-        type: PropType<ChartDataset>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    value: any;
-    name: string | number;
-    fill: string;
-    color: string;
-    options: ChartDataset;
-}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/chart/__mocks__/render-vnode.d.ts

@@ -1,2 +0,0 @@
-import type { VNode } from 'vue-demi';
-export declare function renderVnode(template: string): VNode[];

package/dist/components/chart/__mocks__/render-vnode.mjs

@@ -1,19 +0,0 @@
-import pChartVal from "../ChartVal.vue";
-import pChartSet from "../ChartSet.vue";
-import { render } from "@testing-library/vue";
-export function renderVnode(template) {
-  let vnodes;
-  const renderless = (props, { slots }) => {
-    vnodes = slots.default();
-    return () => slots.default();
-  };
-  render({
-    components: {
-      renderless,
-      pChartSet,
-      pChartVal
-    },
-    template
-  });
-  return vnodes;
-}

package/dist/components/chart/__mocks__/use-chart.d.ts

@@ -1,11 +0,0 @@
-import type { ChartData } from 'chart.js/auto';
-export declare const updateChart: import("vitest").Mock<any[], any>;
-export declare const updateDestroy: import("vitest").Mock<any[], any>;
-export declare const createChart: import("vitest").Mock<[target: HTMLCanvasElement, type: keyof import("chart.js/auto").ChartTypeRegistry, data: ChartData<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>, options: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").CoreChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").ElementChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").PluginChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").DatasetChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").ScaleChartOptions<keyof import("chart.js/auto").ChartTypeRegistry>>], Promise<{
-    target: HTMLCanvasElement;
-    type: keyof import("chart.js/auto").ChartTypeRegistry;
-    data: ChartData<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>;
-    options: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").CoreChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").ElementChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").PluginChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").DatasetChartOptions<keyof import("chart.js/auto").ChartTypeRegistry> & import("chart.js/auto").ScaleChartOptions<keyof import("chart.js/auto").ChartTypeRegistry>>;
-    update: () => void;
-    destroy: () => void;
-}>>;

package/dist/components/chart/__mocks__/use-chart.mjs

@@ -1,17 +0,0 @@
-import { vi } from "vitest";
-export const updateChart = vi.fn();
-export const updateDestroy = vi.fn();
-export const createChart = vi.fn(async (target, type, data, options) => {
-  return {
-    target,
-    type,
-    data,
-    options,
-    update: function() {
-      updateChart(this.data);
-    },
-    destroy: function() {
-      updateDestroy();
-    }
-  };
-});

package/dist/components/chart/adapter/adapter.d.ts

@@ -1,7 +0,0 @@
-import type { ChartData, ChartOptions } from 'chart.js/auto';
-import type { VNode } from 'vue-demi';
-export interface ChartAdapter {
-    getStyle: () => ChartOptions;
-    getDatasets: (vnodes: VNode[]) => ChartData;
-}
-export declare function defineAdapter(adapter: ChartAdapter): ChartAdapter;

package/dist/components/chart/adapter/adapter.mjs

@@ -1,3 +0,0 @@
-export function defineAdapter(adapter) {
-  return adapter;
-}

package/dist/components/chart/adapter/bubble.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("./adapter").ChartAdapter;
-export default _default;

package/dist/components/chart/adapter/bubble.mjs

@@ -1,26 +0,0 @@
-import { findAllChildren } from "../../utils/vnode.mjs";
-import { defineAdapter } from "./adapter.mjs";
-import defu from "defu";
-import { startCase } from "lodash-es";
-import { colorHash } from "../../avatar/utils/color-hash.mjs";
-export default defineAdapter({
-  getDatasets(vnodes) {
-    return {
-      datasets: findAllChildren(vnodes, "ChartSet").map((set) => {
-        const color = set.props.color ?? colorHash(set.props.name).at(1);
-        const fill = set.props.fill ?? color;
-        return defu(set.props.options, {
-          label: startCase(set.props.name),
-          backgroundColor: fill,
-          borderColor: color,
-          data: findAllChildren(set.children.default(), "ChartVal").map((value) => {
-            return value.props.value;
-          })
-        });
-      })
-    };
-  },
-  getStyle() {
-    return {};
-  }
-});

package/dist/components/chart/adapter/bubble.spec.d.ts

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

package/dist/components/chart/adapter/bubble.spec.mjs

@@ -1,94 +0,0 @@
-import { renderVnode } from "../__mocks__/render-vnode.mjs";
-import Adapter from "./bubble.mjs";
-it("should able to convert vnode to chart.js datasets", () => {
-  const vnodes = renderVnode(`
-    <renderless>
-      <p-chart-set name="Area" color="#408bdd">
-        <p-chart-val :value="[11, 11, 3]" />
-        <p-chart-val :value="[15, 2, 8]" />
-        <p-chart-val :value="[25, 5, 30]" />
-        <p-chart-val :value="[19, 10, 4]" />
-      </p-chart-set>
-    </renderless>
-  `);
-  const output = Adapter.getDatasets(vnodes);
-  expect(output).toStrictEqual({
-    datasets: [
-      {
-        label: "Area",
-        data: [
-          [
-            11,
-            11,
-            3
-          ],
-          [
-            15,
-            2,
-            8
-          ],
-          [
-            25,
-            5,
-            30
-          ],
-          [
-            19,
-            10,
-            4
-          ]
-        ],
-        borderColor: "#408bdd",
-        backgroundColor: "#408bdd"
-      }
-    ]
-  });
-});
-it("should randomly color by name (hashing color) if color not provided", () => {
-  const vnodes = renderVnode(`
-    <renderless>
-      <p-chart-set name="Area">
-        <p-chart-val :value="[11, 11, 3]" />
-        <p-chart-val :value="[15, 2, 8]" />
-        <p-chart-val :value="[25, 5, 30]" />
-        <p-chart-val :value="[19, 10, 4]" />
-      </p-chart-set>
-    </renderless>
-  `);
-  const output = Adapter.getDatasets(vnodes);
-  expect(output).toStrictEqual({
-    datasets: [
-      {
-        label: "Area",
-        data: [
-          [
-            11,
-            11,
-            3
-          ],
-          [
-            15,
-            2,
-            8
-          ],
-          [
-            25,
-            5,
-            30
-          ],
-          [
-            19,
-            10,
-            4
-          ]
-        ],
-        borderColor: "#EFD52C",
-        backgroundColor: "#EFD52C"
-      }
-    ]
-  });
-});
-it("should return style", () => {
-  const style = Adapter.getStyle();
-  expect(style).toStrictEqual({});
-});

package/dist/components/chart/adapter/index.d.ts

@@ -1,3 +0,0 @@
-import type { ChartAdapter } from './adapter';
-import type { ChartType } from 'chart.js/auto';
-export default function getAdapter(type: ChartType): ChartAdapter;

package/dist/components/chart/adapter/index.mjs

@@ -1,16 +0,0 @@
-import Line from "./line.mjs";
-import Pie from "./pie.mjs";
-import Bubble from "./bubble.mjs";
-const CHART_ADAPTER_MAP = {
-  line: Line,
-  bar: Line,
-  radar: Line,
-  pie: Pie,
-  doughnut: Pie,
-  polarArea: Pie,
-  scatter: Bubble,
-  bubble: Bubble
-};
-export default function getAdapter(type) {
-  return CHART_ADAPTER_MAP[type];
-}

package/dist/components/chart/adapter/line.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("./adapter").ChartAdapter;
-export default _default;

package/dist/components/chart/adapter/line.mjs

@@ -1,66 +0,0 @@
-import { startCase } from "lodash-es";
-import { defineAdapter } from "./adapter.mjs";
-import { colorHash } from "../../avatar/utils/color-hash.mjs";
-import { findAllChildren } from "../../utils/vnode.mjs";
-import defu from "defu";
-export default defineAdapter({
-  getDatasets(vnodes) {
-    const sets = findAllChildren(vnodes, "ChartSet");
-    const datasets = /* @__PURE__ */ new Map();
-    const labels = [];
-    for (const set of sets) {
-      const values = findAllChildren(set.children.default(), "ChartVal");
-      for (const value of values) {
-        const item = datasets.get(value.props.name);
-        const color = value.props.color ?? colorHash(value.props.name).at(1);
-        const fill = value.props.fill ?? color;
-        if (item) {
-          item.data.push(value.props.value);
-          item.borderColor.push(color);
-          item.backgroundColor.push(fill);
-        } else {
-          datasets.set(value.props.name, defu(value.props.options, {
-            label: startCase(value.props.name),
-            data: [value.props.value],
-            borderColor: [color],
-            backgroundColor: [fill],
-            fill: !!value.props.fill
-          }));
-        }
-      }
-      labels.push(startCase(set.props.name));
-    }
-    return { labels, datasets: [...datasets.values()] };
-  },
-  getStyle() {
-    return {
-      scales: {
-        x: {
-          ticks: {
-            color: "#9CA3AF",
-            font: {
-              family: "DM Sans",
-              size: 12,
-              weight: 600
-            }
-          },
-          border: { color: "#BFBFBF" }
-        },
-        y: {
-          ticks: {
-            color: "#9CA3AF",
-            font: {
-              family: "DM Sans",
-              size: 12,
-              weight: 600
-            }
-          },
-          border: {
-            color: "#BFBFBF",
-            dash: [4]
-          }
-        }
-      }
-    };
-  }
-});

package/dist/components/chart/adapter/line.spec.d.ts

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