@dataloop-ai/components 0.16.8 → 0.16.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.16.8",
3
+ "version": "0.16.9",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -38,7 +38,7 @@
38
38
  </div>
39
39
  </div>
40
40
  <div
41
- v-if="withProgressBar"
41
+ v-if="progress"
42
42
  class="kpi_box__progress_bar"
43
43
  >
44
44
  <dl-progress-bar
@@ -107,14 +107,9 @@ export default defineComponent({
107
107
  },
108
108
  progress: {
109
109
  type: Object as PropType<DlKpiProgressType>,
110
- default: () => ({} as DlKpiProgressType)
110
+ default: null
111
111
  },
112
- withBorder: {
113
- type: Boolean,
114
- default: false,
115
- required: false
116
- },
117
- withProgressBar: {
112
+ bordered: {
118
113
  type: Boolean,
119
114
  default: false,
120
115
  required: false
@@ -127,6 +122,9 @@ export default defineComponent({
127
122
  },
128
123
  setup(props) {
129
124
  const progressValue = (progress: DlKpiProgressType) => {
125
+ if (!progress) {
126
+ return null
127
+ }
130
128
  return progress?.value ? progress.value / 100 : null
131
129
  }
132
130
 
@@ -136,7 +134,7 @@ export default defineComponent({
136
134
 
137
135
  const cssVars = computed(() => {
138
136
  return {
139
- '--dl-kpi-border': props.withBorder ? '1px solid #e4e4e4' : '',
137
+ '--dl-kpi-border': props.bordered ? '1px solid #e4e4e4' : '',
140
138
  '--dl-kpi-title-max-width': isSingleWord(props.title)
141
139
  ? '100%'
142
140
  : '90%', // todo: caused a bug with single words
@@ -61,10 +61,6 @@ export default defineComponent({
61
61
  validator(value: CounterItem[]): boolean {
62
62
  return value.length <= 8
63
63
  }
64
- },
65
- abbreviateNumbers: {
66
- type: Boolean,
67
- default: true
68
64
  }
69
65
  },
70
66
  data() {