@dataloop-ai/components 0.19.229 → 0.19.231

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.229",
+  "version": "0.19.231",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",
@@ -22,7 +22,7 @@
     "check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
   },
   "dependencies": {
-    "@dataloop-ai/icons": "^3.0.46",
+    "@dataloop-ai/icons": "^3.0.49",
     "@types/flat": "^5.0.2",
     "@types/lodash": "^4.14.184",
     "@types/sortablejs": "^1.15.7",

package/src/assets/globals.scss

@@ -144,6 +144,18 @@ body {
 
 .non-selectable {
     user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+
+.non-draggable {
+    user-drag: none;
+    -webkit-user-drag: none;
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
 }
 
 .no-outline {
@@ -332,13 +344,6 @@ html {
     border-radius: 3px;
 }
 
-.no-user-select {
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-}
-
 .flex-column {
     flex-direction: column;
 }

package/src/components/basic/DlPanelContainer/DlPanelContainer.vue

@@ -2,21 +2,14 @@
     <div
         :id="uuid"
         class="dl-panel-container"
-        :class="{ 'no-user-select': avoidUserSelect }"
+        :class="{ 'non-selectable': avoidUserSelect }"
         :style="cssVariables"
         :data-resizable="resizable"
         :data-collapsable="collapsable"
         :data-direction="direction"
     >
-        <div
-            ref="panel"
-            class="inner-container"
-            style="height: 100%"
-        >
-            <div
-                v-if="collapsed"
-                class="inner-container-overlay"
-            />
+        <div ref="panel" class="inner-container" style="height: 100%">
+            <div v-if="collapsed" class="inner-container-overlay" />
             <div v-if="collapsable === true">
                 <div
                     v-if="direction === 'right' && isFullWidth === true"
@@ -88,23 +81,14 @@
                     <slot name="header" />
                 </div>
             </div>
-            <div
-                class="content"
-                :style="contentStyle"
-            >
+            <div class="content" :style="contentStyle">
                 <div class="column" />
                 <dl-empty-state
                     v-if="isEmpty && emptyStateProps"
                     v-bind="emptyStateProps"
                 >
-                    <template
-                        v-for="(_, slot) in $slots"
-                        #[slot]="props"
-                    >
-                        <slot
-                            :name="slot"
-                            v-bind="props"
-                        />
+                    <template v-for="(_, slot) in $slots" #[slot]="props">
+                        <slot :name="slot" v-bind="props" />
                     </template>
                 </dl-empty-state>
                 <slot v-if="!isEmpty" />

package/src/components/compound/DlDropdownButton/DlDropdownButton.vue

@@ -218,6 +218,7 @@ export default defineComponent({
         noIconAnimation: Boolean,
         disabled: Boolean,
         color: { type: String!, default: '' },
+        inheritIconColor: Boolean,
         label: { type: String, default: '' },
         textColor: { type: String!, default: '' },
         size: { type: String, default: 'm' },
@@ -393,6 +394,10 @@ export default defineComponent({
         })
 
         const getIconColor = computed(() => {
+            if (props.inheritIconColor) {
+                return null
+            }
+
             if (props.disabled) {
                 return 'dl-color-disabled'
             }

package/src/components/essential/DlPanel/DlPanel.vue

@@ -2,7 +2,7 @@
     <div
         :id="uuid"
         class="dl-panel"
-        :class="{ 'no-user-select': avoidUserSelect }"
+        :class="{ 'non-selectable': avoidUserSelect }"
         :data-resizable="resizable"
         :style="cssVariables"
     >
@@ -14,10 +14,7 @@
             class="separator"
             :class="{ resize: canResizeOrCollapse }"
         >
-            <div
-                v-show="canResizeOrCollapse"
-                class="gutter"
-            />
+            <div v-show="canResizeOrCollapse" class="gutter" />
         </div>
     </div>
 </template>
@@ -142,7 +139,7 @@ export default defineComponent({
                 elementHeight >= this.computedMinHeight &&
                 elementHeight <= this.computedMaxHeight
             ) {
-                (this.$el as HTMLDivElement).style.height =
+                ;(this.$el as HTMLDivElement).style.height =
                     elementHeight + 'px'
             }
         },
@@ -160,7 +157,7 @@ export default defineComponent({
                 elementHeight = this.computedMinHeight
             }
 
-            (this.$el as HTMLDivElement).style.height = elementHeight + 'px'
+            ;(this.$el as HTMLDivElement).style.height = elementHeight + 'px'
 
             this.setIsFullHeight()
         },