@designcrowd/fe-shared-lib 1.0.1-pre → 1.0.2-ast-dropdown

package/index.js

@@ -14,7 +14,6 @@ export { default as PaymentConfigDropdown } from './src/experiences/components/P
 export { default as brandPageApiClient } from './src/experiences/clients/brand-page-api.client';
 export { default as brandCrowdApiClient } from './src/experiences/clients/brand-crowd-api.client';
 export { default as SellDomainNameListModal } from './src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue';
-export { default as SellDomainNameModalApplication } from './src/experiences/components/SellDomainNameModalApplication/SellDomainNameModalApplication.vue';
 export { default as SellDomainNameList } from './src/experiences/components/SellDomainNameList/SellDomainNameList.vue';
 export { default as SellDomainNameWidget } from './src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue';
 export { default as PublishBrandPageModal } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.0.1-pre",
+  "version": "1.0.2-ast-dropdown",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",
@@ -29,7 +29,7 @@
     "tailwindcss": "3.4.1",
     "vite": "5.2.3",
     "vite-plugin-eslint": "1.8.1",
-    "vite-plugin-vue-devtools": "7.0.20",
+    "vite-plugin-vue-devtools": "7.7.0",
     "vue": "3.5.3",
     "vue-color": "2.8.1",
     "vue-cropperjs": "5.0.0",

package/src/atoms/components/Dropdown/Dropdown.stories.js

@@ -15,10 +15,15 @@ export const Sample = () => {
       DropdownItem,
       Pill,
     },
+    data() {
+      return {
+        show: true,
+      }
+    },
     template: `
       <div class="tw-font-sans tw-w-1/4">
-        <Dropdown menu-align="right">
-          <DropdownItem>
+        <Dropdown menu-align="right" v-model:show="show" @update:show="(visible) => show = visible">
+          <DropdownItem @click="() => show = false">
             <span class="tw-grow">Menu item 1</span>
             <Pill class="tw-text-white" :style="{ background: 'blue' }">Blue</Pill>
           </DropdownItem>

package/src/atoms/components/Dropdown/Dropdown.vue

@@ -36,6 +36,7 @@
   </div>
 </template>
 <script>
+import { watch } from 'vue';
 import Icon from '../Icon/Icon.vue';
 
 export default {
@@ -67,6 +68,11 @@ export default {
       required: false,
       default: false,
     },
+    show: {
+      type: Boolean,
+      required: false,
+      default: false,
+    }
   },
   data: () => ({
     isMenuVisible: false,
@@ -76,15 +82,26 @@ export default {
       return (this.$slots.default || []).filter((s) => s.tag);
     },
   },
+  watch: {
+    show() {
+      this.isMenuVisible = this.show;
+    }
+  },
+  mounted() {
+    this.isMenuVisible = this.show;
+  },
   methods: {
     onToggleMenu() {
       this.isMenuVisible = !this.isMenuVisible;
+      this.$emit('update:show', this.isMenuVisible);
     },
     hideMenu() {
       this.isMenuVisible = false;
+      this.$emit('update:show', false);
     },
     showMenu() {
       this.isMenuVisible = true;
+      this.$emit('update:show', true);
     },
   },
 };

package/src/atoms/components/Slider/Slider.stories.js

@@ -15,7 +15,13 @@ export const SliderFontSize = () => {
       Slider,
     },
     template: `
-        <Slider :min="12" :max="128"  :model-value="16"/>
+        <div>
+          <div>Min 12, Max 128</div>
+          <Slider :min="12" :max="128"  :model-value="16"/>
+          <div class="tw-mt-8">Min 0, max 100, Manually emptying the input box should fall back to 0 as min value</div>
+          <Slider :min="0" :max="100"  :model-value="16"/>
+        </div>
+        
       `,
   };
 };

package/src/atoms/components/Slider/Slider.vue

@@ -191,7 +191,9 @@ export default {
     },
     checkLimit(e) {
       let newNumber = 0;
-      if (Number.isNaN(this.sliderValue)) {
+      if (e.target.value === '') {
+        newNumber = this.min;
+      } else if (Number.isNaN(this.sliderValue)) {
         newNumber = this.min;
       } else if (this.sliderValue <= this.min) {
         newNumber = this.min;

package/.storybook-static/assets/Auth-Cog6hw8U.css

@@ -1 +0,0 @@
-.email-input[data-v-ca06c217]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-ca06c217]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-ca06c217]{padding-left:2.5rem!important}.email-input[data-v-decd2a1c]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-decd2a1c]{padding-left:2.5rem!important}.password-input[data-v-da12bb42]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-da12bb42]{padding-left:2.5rem!important}