@dataloop-ai/components 0.18.80 → 0.18.82

package/package.json

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

package/src/components/compound/DlCard/DlCard.vue

@@ -618,6 +618,7 @@ export default defineComponent({
     width: var(--dl-card-width);
 
     &--content {
+        overflow-wrap: anywhere;
         padding: var(--dl-card-content-padding);
         &_text {
             font-size: 12px;

package/src/components/shared/DlVirtualScroll/types/VirtualScrollParamsType.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from 'vue-demi'
 
-export type VirtualScrollParamsType = {
+export type DlVirtualScrollParamsType = {
     virtualScrollLength: ComputedRef<number>
     getVirtualScrollTarget: () => HTMLElement | undefined
     getVirtualScrollEl: () => HTMLElement

package/src/components/shared/DlVirtualScroll/types.ts

@@ -0,0 +1,4 @@
+export * from './types'
+
+import { ScrollDetails as DlVirtualScrollScrollDetails } from './useVirtualScroll'
+export type { DlVirtualScrollScrollDetails }

package/src/components/shared/DlVirtualScroll/useVirtualScroll.ts

@@ -15,7 +15,7 @@ import {
     Ref
 } from 'vue-demi'
 import { noop } from '../../../utils/events'
-import { VirtualScrollParamsType } from './types/VirtualScrollParamsType'
+import { DlVirtualScrollParamsType } from './types/VirtualScrollParamsType'
 
 export interface ScrollDetails {
     scrollStart: number
@@ -282,7 +282,7 @@ export function useVirtualScroll({
     getVirtualScrollEl,
     virtualScrollItemSizeComputed, // optional
     debounceValue
-}: VirtualScrollParamsType) {
+}: DlVirtualScrollParamsType) {
     const vm = getCurrentInstance()
 
     const { props, emit, proxy } = vm

package/src/components/shared/types.ts

@@ -5,3 +5,5 @@ export enum DlTextTransformOptions {
     LOWERCASE = 'lowercase',
     DEFAULT = 'default' // Default behavior is to make only the first letter of the sentence is capital
 }
+
+export * from './DlVirtualScroll/types'

package/src/demos/DlCardDemo.vue

@@ -73,6 +73,13 @@
                 </div>
             </template>
         </DlCard>
+
+        <div>Text Card</div>
+        <DlCard
+            title="This-test--tes-tes-t-est-set-se-tse-t-est-set-se-ts-et-set-se-ts-et-set-tse-tse-tes-t"
+            text="sdaljfaldksfj;asdjfal;ksdf;ajksd;faj;lskdf;alkjsdflk;ajsd;lfjas;ldjfa;ldsjfals;dj"
+            :links="interactiveProps.links"
+        />
     </div>
 </template>