@milaboratories/uikit 2.2.44 → 2.2.46

package/dist/src/components/PlChartHistogram/PlChartHistogram.vue.d.ts

@@ -0,0 +1,6 @@
+import type { PlChartHistogramSettings } from './types';
+type __VLS_Props = {
+    settings: PlChartHistogramSettings;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/PlChartHistogram/createGridlines.d.ts

@@ -0,0 +1,3 @@
+import * as d3 from 'd3';
+import type { ChartOptions, Scales } from './types';
+export declare function createGridlines(svg: d3.Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions, scales: Scales, xTicks: (d: d3.Axis<d3.NumberValue>) => d3.Axis<d3.NumberValue>): void;

package/dist/src/components/PlChartHistogram/createLabels.d.ts

@@ -0,0 +1,3 @@
+import type * as d3 from 'd3';
+import type { ChartOptions } from './types';
+export declare function createLabels(svg: d3.Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions): void;

package/dist/src/components/PlChartHistogram/createSvgContainer.d.ts

@@ -0,0 +1,3 @@
+import * as d3 from 'd3';
+import type { ChartOptions } from './types';
+export declare function createSvgContainer(el: HTMLElement, options: ChartOptions): d3.Selection<SVGGElement, unknown, null, undefined>;

package/dist/src/components/PlChartHistogram/drawBins.d.ts

@@ -0,0 +1,2 @@
+import type { BinLike, ChartOptions, Scales, SVG } from './types';
+export declare function drawBins(svg: SVG, bins: BinLike[], dimension: ChartOptions, scales: Scales): void;

package/dist/src/components/PlChartHistogram/drawThreshold.d.ts

@@ -0,0 +1,2 @@
+import type { ChartOptions, Scales, SVG } from './types';
+export declare function drawThreshold(svg: SVG, scales: Scales, options: ChartOptions): void;

package/dist/src/components/PlChartHistogram/histogram.d.ts

@@ -0,0 +1,4 @@
+import type { AnyBin, ChartOptions } from './types';
+export declare function createHistogramLinear(el: HTMLElement, options: ChartOptions, data: number[]): void;
+export declare function createHistogramLog(el: HTMLElement, options: ChartOptions, data: number[]): void;
+export declare function createHistogramFromBins(el: HTMLElement, options: ChartOptions, _bins: AnyBin[]): void;

package/dist/src/components/PlChartHistogram/index.d.ts

@@ -0,0 +1 @@
+export { default as PlChartHistogram } from './PlChartHistogram.vue';

package/dist/src/components/PlChartHistogram/logspace.d.ts

@@ -0,0 +1 @@
+export declare function logspace(startExp: number, stopExp: number, num?: number, base?: number): number[];

package/dist/src/components/PlChartHistogram/normalizeBins.d.ts

@@ -0,0 +1,2 @@
+import type { AnyBin, BinLike } from './types';
+export declare function normalizeBins(bins: (d3.Bin<number, number> | AnyBin)[]): BinLike[];

package/dist/src/components/PlChartHistogram/scales.spec.d.ts

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

package/dist/src/components/PlChartHistogram/types.d.ts

@@ -0,0 +1,58 @@
+export type Margin = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type ChartOptions = {
+    width: number;
+    height: number;
+    margin: Margin;
+    nBins?: number;
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    threshold?: number;
+    compact?: boolean;
+};
+export type Scales = {
+    x: d3.ScaleSymLog<number, number, never> | d3.ScaleLinear<number, number>;
+    y: d3.ScaleLinear<number, number, never>;
+};
+export type SVG = d3.Selection<SVGGElement, unknown, null, undefined>;
+export type CustomBin = {
+    from: number;
+    to: number;
+    weight: number;
+};
+export type BinLike = {
+    x0: number;
+    x1: number;
+    length: number;
+};
+export type AnyBin = CustomBin | BinLike;
+/**
+ * Common case: array of numbers
+ */
+export type PlChartHistogramBasicSettings = {
+    type: 'basic';
+    threshold?: number;
+    numbers: number[];
+    log?: boolean;
+    nBins?: number;
+};
+/**
+ * For precalculated bins on log x scale
+ */
+export type PlChartHistogramLogBinsSettings = {
+    type: 'log-bins';
+    threshold?: number;
+    bins: AnyBin[];
+};
+export type PlChartHistogramSettings = (PlChartHistogramBasicSettings | PlChartHistogramLogBinsSettings) & {
+    title?: string;
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    totalWidth?: number;
+    totalHeight?: number;
+    compact?: boolean;
+};

package/dist/src/composition/useComponentProp.d.ts

@@ -0,0 +1,33 @@
+import type { InferComponentProps } from '../types';
+import { type Component, type ComputedRef } from 'vue';
+/**
+ * A utility function that creates a reactive computed property
+ * based on a specific prop of a Vue component.
+ *
+ *
+ * @template C - The Vue component type.
+ * @template P - The prop name.
+ *
+ * @param cb - A factory function that returns the value of the prop from the inferred component props.
+ *
+ * @returns A `ComputedRef` of the specified prop
+ *
+ * @example
+ * ```ts
+ * import { ref, defineComponent } from 'vue';
+ * import { useComponentProp } from '@platforma-sdk/ui-vue';
+ *
+ * const MyComponent = defineComponent({
+ *   props: {
+ *     myProp: {
+ *       type: String,
+ *       required: true
+ *     }
+ *   }
+ * });
+ *
+ * const propValue = useComponentProp<typeof MyComponent, 'myProp'>(() => 'example');
+ * console.log(propValue.value); // Outputs: 'example'
+ * ```
+ */
+export declare function useComponentProp<C extends Component, P extends keyof InferComponentProps<C>>(cb: () => InferComponentProps<C>[P]): ComputedRef<InferComponentProps<C>[P]>;

package/dist/src/index.d.ts

@@ -55,6 +55,7 @@ export * from './components/PlMaskIcon24';
 export * from './components/PlIcon16';
 export * from './components/PlIcon24';
 export * from './components/PlChartStackedBar';
+export * from './components/PlChartHistogram';
 export * from './colors';
 import DropdownListItem from './components/DropdownListItem.vue';
 import ContextProvider from './components/ContextProvider.vue';
@@ -79,6 +80,7 @@ export { useInterval } from './composition/useInterval';
 export { useFormState } from './composition/useFormState';
 export { useQuery } from './composition/useQuery.ts';
 export { useDraggable } from './composition/useDraggable';
+export { useComponentProp } from './composition/useComponentProp';
 /**
  * Utils/Partials
  */

package/dist/src/types.d.ts

@@ -1,5 +1,5 @@
 import type { ImportFileHandle, Platforma, StorageHandle, PlRef as ModelRef } from '@platforma-sdk/model';
-import type { Ref, ComputedRef } from 'vue';
+import type { Ref, ComputedRef, Component } from 'vue';
 import { maskIcons16 } from './generated/icons-16';
 import { maskIcons24 } from './generated/icons-24';
 export type Size = 'small' | 'medium' | 'large';
@@ -56,6 +56,7 @@ export type ImportedFiles = {
     storageHandle?: StorageHandle;
     files: ImportFileHandle[];
 };
+export type InferComponentProps<C extends Component> = C extends Component<infer P> ? P : never;
 declare global {
     const platforma: Platforma | undefined;
     interface Window {