@pgcorp/ui-kit 0.7.2 → 0.8.0

package/src/components/shared/data-display/chart.ts

@@ -0,0 +1,54 @@
+/** Поддерживаемые семейства графиков. / Supported chart families. */
+export type SChartType = 'line' | 'area' | 'bar' | 'pie' | 'donut'
+
+/** Семантическая categorical palette без raw CSS values. / Semantic categorical palette without raw CSS values. */
+export type SChartTone =
+  | 'series-1'
+  | 'series-2'
+  | 'series-3'
+  | 'series-4'
+  | 'series-5'
+  | 'series-6'
+  | 'series-7'
+  | 'series-8'
+  | 'success'
+  | 'warn'
+  | 'danger'
+
+/** Одна общая категория Cartesian axis либо radial slice. / One shared Cartesian category or radial slice. */
+export interface SChartCategory {
+  readonly key: string
+  readonly label: string
+  /** Используется slice-ом pie/donut; Cartesian series владеет собственным tone. / Used by pie/donut slices; Cartesian series owns its tone. */
+  readonly tone?: SChartTone
+}
+
+/** Один data series; values позиционно соответствуют categories. / One data series; values correspond positionally to categories. */
+export interface SChartSeries {
+  readonly key: string
+  readonly label: string
+  readonly values: readonly number[]
+  readonly tone?: SChartTone
+}
+
+/** Accessible-name contract графика. / Chart accessible-name contract. */
+export type SChartAccessibility =
+  | { readonly mode: 'decorative' }
+  | { readonly mode: 'label'; readonly label: string; readonly description?: string }
+  | { readonly mode: 'labelledby'; readonly id: string; readonly describedby?: string }
+
+/** Домен шкалы без неявных min/max fallbacks. / Scale domain without implicit min/max fallbacks. */
+export type SChartDomain =
+  | { readonly mode: 'auto'; readonly includeZero?: boolean }
+  | { readonly mode: 'fixed'; readonly minimum: number; readonly maximum: number }
+
+export type SChartSize = 'compact' | 'sm' | 'md' | 'lg'
+export type SChartGrid = 'none' | 'horizontal' | 'vertical' | 'both'
+export type SChartLegend = 'none' | 'top' | 'bottom'
+export type SChartDataLabels = 'none' | 'latest' | 'all'
+export type SChartMarkers = 'none' | 'latest' | 'all'
+export type SChartXLabels = 'none' | 'endpoints' | 'auto' | 'all'
+export type SChartCurve = 'linear' | 'smooth'
+export type SChartBarMode = 'grouped' | 'stacked'
+export type SChartRadialLabel = 'value' | 'percentage' | 'category'
+export type SChartDataTablePresentation = 'assistive' | 'visible' | 'none'

package/src/components/shared/navigation/STabList.vue

@@ -14,7 +14,6 @@
   >
     <div class="s-tabs-header__content" :style="{ paddingRight: controlsPadding }">
       <div
-        ref="tabListWrapperRef"
         class="s-tab-list-wrapper"
         :class="scrollClasses"
         @wheel.passive="onWheelTabList"
@@ -57,7 +56,6 @@
   <div
     v-else
     v-bind="ownedAttrs.bindings()"
-    ref="tabListWrapperRef"
     class="s-tab-list-wrapper"
     :data-placement="placement"
     :data-inset="inset"
@@ -189,7 +187,6 @@ const ctx = maybeCtx
 
 const controlsRef = ref<HTMLElement | null>(null)
 const controlsWidth = ref(0)
-const tabListWrapperRef = ref<HTMLElement | null>(null)
 const tabListRef = ref<HTMLElement | null>(null)
 const isScrollable = ref(false)
 const isScrolledToStart = ref(true)