@dataloop-ai/components 0.16.20 → 0.16.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.16.20",
+  "version": "0.16.22",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlCharts/charts/DlColumnChart/DlColumnChart.vue

@@ -101,6 +101,7 @@ import {
 import type { Chart, ChartMeta, ChartDataset, ActiveElement } from 'chart.js'
 import { unionBy, orderBy, merge, isEqual } from 'lodash'
 import { useThemeVariables } from '../../../../../hooks/use-theme'
+import { getMaxDatasetValue } from '../../utils'
 
 ChartJS.register(
     Title,
@@ -365,7 +366,17 @@ export default defineComponent({
         const chartOptions = reactive(
             updateKey(
                 merge(
-                    { onResize, onHover },
+                    {
+                        onResize,
+                        onHover,
+                        scales: {
+                            y: {
+                                suggestedMax: getMaxDatasetValue(
+                                    chartData.value.datasets
+                                )
+                            }
+                        }
+                    },
                     defaultColumnChartProps.options,
                     props.options
                 ),

package/src/components/compound/DlCharts/types/props.ts

@@ -125,6 +125,7 @@ export const defaultColumnChartProps = {
         },
         scales: {
             y: {
+                suggestedMin: 0,
                 title: {
                     color: '--dl-color-medium',
                     display: true,

package/src/components/compound/DlCharts/utils.ts

@@ -151,3 +151,10 @@ export function getElementsAtEvent(chart: Chart, event: MouseEvent) {
         false
     )
 }
+
+export const getMaxDatasetValue = (chartDataset: [{ data: number[] }]) => {
+    return Math.max.apply(
+        null,
+        chartDataset.map((data) => [...data.data]).flat(1)
+    )
+}

package/src/components/compound/DlDateTime/DlDateTimeRange/DlDateTimeRange.vue

@@ -147,12 +147,18 @@ export default defineComponent({
                 {
                     title: 'today',
                     key: DAY_SIDEBAR_OPTION.today,
-                    value: { from: today, to: today }
+                    value: {
+                        from: today,
+                        to: new CustomDate(today).endOf('day').toDate()
+                    }
                 },
                 {
                     title: 'yesterday',
                     key: DAY_SIDEBAR_OPTION.yesterday,
-                    value: { from: yesterday, to: yesterday }
+                    value: {
+                        from: yesterday,
+                        to: new CustomDate(yesterday).endOf('day').toDate()
+                    }
                 },
                 {
                     title: 'last 7 days',