@dataloop-ai/components 0.13.1 → 0.13.3

package/package.json

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

package/src/App.vue

@@ -51,10 +51,7 @@
                     </template>
                 </dl-list>
             </div>
-            <div
-                v-if="activeDemo !== 'stepper'"
-                class="content"
-            >
+            <div class="content">
                 <div style="display: flex; justify-content: center">
                     <dl-typography
                         size="h2"
@@ -69,16 +66,6 @@
                     class="data-container"
                 />
             </div>
-            <div
-                v-else
-                class="content"
-            >
-                <SimpleStepper />
-                <div style="height: 10px" />
-                <StepperInDialogBox />
-                <div style="height: 10px" />
-                <CenteredStepperInDialogBox />
-            </div>
         </div>
     </DlThemeProvider>
 </template>
@@ -93,12 +80,7 @@ import {
     DlTypography,
     DlSearch
 } from './components'
-import {
-    demoState,
-    SimpleStepper,
-    StepperInDialogBox,
-    CenteredStepperInDialogBox
-} from './demo'
+import { demoState } from './demo'
 import { parseName } from './utils'
 
 export default defineComponent({
@@ -109,10 +91,7 @@ export default defineComponent({
         DlListItem,
         DlList,
         DlTypography,
-        DlSearch,
-        SimpleStepper,
-        StepperInDialogBox,
-        CenteredStepperInDialogBox
+        DlSearch
     },
     props: {
         isDark: { required: false, default: null, type: Boolean }

package/src/components/DlSelect/DlSelect.vue

@@ -718,6 +718,7 @@ export default defineComponent({
             if (!this.preserveSearch) {
                 const inputRef = this.$refs.searchInput as HTMLInputElement
                 if (inputRef) inputRef.value = ''
+                this.$emit('filter', '')
             }
         },
         getLabel,

package/src/components/DlWidget/DlWidgetGrid.vue

@@ -92,7 +92,7 @@
 <script lang="ts">
 import { defineComponent, PropType } from 'vue-demi'
 import { Widget } from './types'
-import cloneDeep from 'lodash/cloneDeep'
+import { cloneDeep } from 'lodash'
 import { equateElements, getTargetWidget, getIndex } from './utils'
 import DlWidget from './DlWidget.vue'
 import DlIcon from '../DlIcon.vue'

package/src/demo/DlStepperDemo/DlStepperDemo.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="dl-stepper-demo-wrapper">
+        <SimpleStepper />
+        <div style="height: 10px" />
+        <StepperInDialogBox />
+        <div style="height: 10px" />
+        <CenteredStepperInDialogBox />
+    </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue-demi'
+import SimpleStepper from './SimpleStepper.vue'
+import StepperInDialogBox from './StepperInDialogBox.vue'
+import CenteredStepperInDialogBox from './CenteredStepperInDialogBox.vue'
+
+export default defineComponent({
+    name: 'DlStepperDemo',
+    components: {
+        SimpleStepper,
+        StepperInDialogBox,
+        CenteredStepperInDialogBox
+    }
+})
+</script>
+
+<style lang="scss" scoped></style>

package/src/demo/DlStepperDemo/index.ts

@@ -1,5 +1,3 @@
-import SimpleStepper from './SimpleStepper.vue'
-import StepperInDialogBox from './StepperInDialogBox.vue'
-import CenteredStepperInDialogBox from './CenteredStepperInDialogBox.vue'
+import DlStepperDemo from './DlStepperDemo.vue'
 
-export { SimpleStepper, StepperInDialogBox, CenteredStepperInDialogBox }
+export { DlStepperDemo }

package/src/demo/index.ts

@@ -13,11 +13,7 @@ import DlDialogBoxDemo from './DlDialogBoxDemo.vue'
 import DlPanelContainerDemo from './DlPanelContainerDemo.vue'
 import DlSelectDemo from './DlSelectDemo.vue'
 import TabsDemo from './DlTabsDemo.vue'
-import {
-    SimpleStepper,
-    StepperInDialogBox,
-    CenteredStepperInDialogBox
-} from './DlStepperDemo'
+import { DlStepperDemo } from './DlStepperDemo'
 import DlTrDemo from './DlTrDemo.vue'
 import DlThDemo from './DlThDemo.vue'
 import DlTdDemo from './DlTdDemo.vue'
@@ -62,8 +58,7 @@ export {
     DlDialogBoxDemo,
     DlPanelContainerDemo,
     TabsDemo,
-    SimpleStepper,
-    StepperInDialogBox,
+    DlStepperDemo,
     DlTrDemo,
     DlThDemo,
     DlTdDemo,
@@ -90,8 +85,7 @@ export {
     DlWidgetDemo,
     DlRadioDemo,
     DlTextHolderDemo,
-    DlSwitchDemo,
-    CenteredStepperInDialogBox
+    DlSwitchDemo
 }
 
 export const demoState = {
@@ -121,7 +115,7 @@ export const demoState = {
     select: DlSelectDemo,
     skeleton: DlSkeletonDemo,
     slider: DlSliderDemo,
-    stepper: StepperInDialogBox,
+    stepper: DlStepperDemo,
     table: DlTableDemo,
     table_td: DlTdDemo,
     table_th: DlThDemo,