@dataloop-ai/components 0.18.79 → 0.18.81

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.
Files changed (16) hide show
  1. package/package.json +1 -1
  2. package/src/components/basic/DlAccordion/DlAccordion.vue +1 -1
  3. package/src/components/basic/DlPanelContainer/DlPanelContainer.vue +3 -3
  4. package/src/components/basic/DlPopup/DlPopup.vue +4 -4
  5. package/src/components/basic/DlWidget/DlWidget.vue +1 -1
  6. package/src/components/compound/DlCard/DlCard.vue +2 -1
  7. package/src/components/compound/DlCharts/charts/DlBarChart/DlBarChart.vue +1 -1
  8. package/src/components/compound/DlCharts/charts/DlColumnChart/DlColumnChart.vue +1 -1
  9. package/src/components/compound/DlCharts/charts/DlConfusionMatrix/DlConfusionMatrix.vue +1 -1
  10. package/src/components/compound/DlCharts/charts/DlDoughnutChart/DlDoughnutChart.vue +1 -1
  11. package/src/components/compound/DlCharts/charts/DlLineChart/DlLineChart.vue +1 -1
  12. package/src/components/compound/DlDialogBox/DlDialogBox.vue +2 -2
  13. package/src/components/compound/DlStepper/DlStepper.vue +1 -2
  14. package/src/components/compound/DlTable/utils/props.ts +6 -5
  15. package/src/components/compound/DlTreeTable/props.ts +1 -1
  16. package/src/demos/DlCardDemo.vue +7 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.18.79",
3
+ "version": "0.18.81",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/basic/DlAccordion/DlAccordion.vue CHANGED
@@ -79,7 +79,7 @@ export default defineComponent({
79
79
  isEmpty: Boolean,
80
80
  emptyStateProps: {
81
81
  type: Object as PropType<DlEmptyStateProps>,
82
- default: accordionEmptyStateProps
82
+ default: () => accordionEmptyStateProps
83
83
  }
84
84
  },
85
85
  emits: ['update:model-value', 'hide', 'show'],
package/src/components/basic/DlPanelContainer/DlPanelContainer.vue CHANGED
@@ -93,9 +93,9 @@
93
93
  :style="contentStyle"
94
94
  >
95
95
  <div class="column" />
96
- <dl-empty-state
97
- v-if="isEmpty"
98
- v-bind="emptyStateProps"
96
+ <dl-empty-state
97
+ v-if="isEmpty && emptyStateProps"
98
+ v-bind="emptyStateProps"
99
99
  >
100
100
  <template
101
101
  v-for="(_, slot) in $slots"
package/src/components/basic/DlPopup/DlPopup.vue CHANGED
@@ -45,9 +45,9 @@
45
45
  </popup-header>
46
46
  <div class="popup-content">
47
47
  <slot v-if="!isEmpty" />
48
- <dl-empty-state
49
- v-if="isEmpty"
50
- v-bind="emptyStateProps"
48
+ <dl-empty-state
49
+ v-if="isEmpty && emptyStateProps"
50
+ v-bind="emptyStateProps"
51
51
  >
52
52
  <template
53
53
  v-for="(_, slot) in $slots"
@@ -189,7 +189,7 @@ export default defineComponent({
189
189
  isEmpty: Boolean,
190
190
  emptyStateProps: {
191
191
  type: Object as PropType<DlEmptyStateProps>,
192
- default: () => ({} as DlEmptyStateProps)
192
+ default: null
193
193
  },
194
194
  zIndex: {
195
195
  type: [Number, String],
package/src/components/basic/DlWidget/DlWidget.vue CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
  <div class="dl-widget__content">
31
31
  <dl-empty-state
32
- v-if="isEmpty"
32
+ v-if="isEmpty && emptyStateProps"
33
33
  v-bind="emptyStateProps"
34
34
  >
35
35
  <template
package/src/components/compound/DlCard/DlCard.vue CHANGED
@@ -236,7 +236,7 @@
236
236
  </slot>
237
237
  </div>
238
238
  <dl-empty-state
239
- v-if="isEmpty"
239
+ v-if="isEmpty && emptyStateProps"
240
240
  v-bind="emptyStateProps"
241
241
  >
242
242
  <template
@@ -618,6 +618,7 @@ export default defineComponent({
618
618
  width: var(--dl-card-width);
619
619
 
620
620
  &--content {
621
+ overflow-wrap: anywhere;
621
622
  padding: var(--dl-card-content-padding);
622
623
  &_text {
623
624
  font-size: 12px;
package/src/components/compound/DlCharts/charts/DlBarChart/DlBarChart.vue CHANGED
@@ -146,7 +146,7 @@ export default defineComponent({
146
146
  isEmpty: Boolean,
147
147
  emptyStateProps: {
148
148
  type: Object as PropType<DlEmptyStateProps>,
149
- default: barChartEmptyStateProps
149
+ default: () => barChartEmptyStateProps
150
150
  }
151
151
  },
152
152
  setup(props) {
package/src/components/compound/DlCharts/charts/DlColumnChart/DlColumnChart.vue CHANGED
@@ -181,7 +181,7 @@ export default defineComponent({
181
181
  isEmpty: Boolean,
182
182
  emptyStateProps: {
183
183
  type: Object as PropType<DlEmptyStateProps>,
184
- default: columnChartEmptyStateProps
184
+ default: () => columnChartEmptyStateProps
185
185
  },
186
186
  ...CommonProps,
187
187
  ...ColumnChartProps
package/src/components/compound/DlCharts/charts/DlConfusionMatrix/DlConfusionMatrix.vue CHANGED
@@ -287,7 +287,7 @@ export default defineComponent({
287
287
  isEmpty: Boolean,
288
288
  emptyStateProps: {
289
289
  type: Object as PropType<DlEmptyStateProps>,
290
- default: confusionMatrixEmptyStateProps
290
+ default: () => confusionMatrixEmptyStateProps
291
291
  }
292
292
  },
293
293
  setup(props) {
package/src/components/compound/DlCharts/charts/DlDoughnutChart/DlDoughnutChart.vue CHANGED
@@ -141,7 +141,7 @@ export default defineComponent({
141
141
  isEmpty: Boolean,
142
142
  emptyStateProps: {
143
143
  type: Object as PropType<DlEmptyStateProps>,
144
- default: doughnutChartEmptyStateProps
144
+ default: () => doughnutChartEmptyStateProps
145
145
  }
146
146
  },
147
147
  setup(props) {
package/src/components/compound/DlCharts/charts/DlLineChart/DlLineChart.vue CHANGED
@@ -180,7 +180,7 @@ export default defineComponent({
180
180
  isEmpty: Boolean,
181
181
  emptyStateProps: {
182
182
  type: Object as PropType<DlEmptyStateProps>,
183
- default: lineChartEmptyStateProps
183
+ default: () => lineChartEmptyStateProps
184
184
  },
185
185
  ...CommonProps,
186
186
  ...ColumnChartProps
package/src/components/compound/DlDialogBox/DlDialogBox.vue CHANGED
@@ -50,7 +50,7 @@
50
50
  name="body"
51
51
  />
52
52
  <dl-empty-state
53
- v-if="isEmpty"
53
+ v-if="isEmpty && emptyStateProps"
54
54
  v-bind="emptyStateProps"
55
55
  >
56
56
  <template
@@ -109,7 +109,7 @@ export default defineComponent({
109
109
  isEmpty: Boolean,
110
110
  emptyStateProps: {
111
111
  type: Object as PropType<DlEmptyStateProps>,
112
- default: () => ({} as DlEmptyStateProps)
112
+ default: null
113
113
  },
114
114
  zIndex: {
115
115
  type: [Number, String],
package/src/components/compound/DlStepper/DlStepper.vue CHANGED
@@ -41,7 +41,7 @@
41
41
  :state="state"
42
42
  />
43
43
  <dl-empty-state
44
- v-if="isEmpty"
44
+ v-if="isEmpty && emptyStateProps"
45
45
  v-bind="emptyStateProps"
46
46
  >
47
47
  <template
@@ -159,7 +159,6 @@ export default defineComponent({
159
159
  isEmpty: Boolean,
160
160
  emptyStateProps: {
161
161
  type: Object as PropType<DlEmptyStateProps>,
162
- required: false,
163
162
  default: null
164
163
  }
165
164
  },
package/src/components/compound/DlTable/utils/props.ts CHANGED
@@ -91,11 +91,12 @@ export const props = {
91
91
  isEmpty: Boolean,
92
92
  emptyStateProps: {
93
93
  type: Object as PropType<DlEmptyStateProps>,
94
- default: {
95
- title: '',
96
- subtitle: 'No data to show yet',
97
- icon: 'icon-dl-dataset-filled'
98
- } as unknown as PropType<DlEmptyStateProps>
94
+ default: () =>
95
+ ({
96
+ title: '',
97
+ subtitle: 'No data to show yet',
98
+ icon: 'icon-dl-dataset-filled'
99
+ } as unknown as PropType<DlEmptyStateProps>)
99
100
  },
100
101
  scrollDebounce: {
101
102
  type: Number,
package/src/components/compound/DlTreeTable/props.ts CHANGED
@@ -117,7 +117,7 @@ export const props = {
117
117
  isEmpty: Boolean,
118
118
  emptyStateProps: {
119
119
  type: Object as PropType<DlEmptyStateProps>,
120
- default: () => ({} as DlEmptyStateProps)
120
+ default: null as unknown as PropType<DlEmptyStateProps>
121
121
  },
122
122
  scrollDebounce: {
123
123
  type: Number,
package/src/demos/DlCardDemo.vue CHANGED
@@ -73,6 +73,13 @@
73
73
  </div>
74
74
  </template>
75
75
  </DlCard>
76
+
77
+ <div>Text Card</div>
78
+ <DlCard
79
+ title="This is a long long long long long long text title wooo"
80
+ text="sdaljfaldksfj;asdjfal;ksdf;ajksd;faj;lskdf;alkjsdflk;ajsd;lfjas;ldjfa;ldsjfals;dj"
81
+ :links="interactiveProps.links"
82
+ />
76
83
  </div>
77
84
  </template>
78
85