primevue 4.0.1 → 4.0.2

package/datepicker/BaseDatePicker.vue

@@ -234,7 +234,7 @@ export default {
         },
         fluid: {
             type: Boolean,
-            default: false
+            default: null
         },
         ariaLabelledby: {
             type: String,

package/datepicker/DatePicker.vue

@@ -12,6 +12,7 @@
             :name="name"
             :invalid="invalid"
             :variant="variant"
+            :fluid="fluid"
             :unstyled="unstyled"
             autocomplete="off"
             aria-autocomplete="none"
@@ -531,7 +532,7 @@
 
 <script>
 import { absolutePosition, addStyle, find, findSingle, getAttribute, getFocusableElements, getIndex, getOuterWidth, isTouchDevice, relativePosition, setAttribute } from '@primeuix/utils/dom';
-import { localeComparator } from '@primeuix/utils/object';
+import { isEmpty, localeComparator } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
 import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
 import CalendarIcon from '@primevue/icons/calendar';
@@ -551,6 +552,9 @@ export default {
     extends: BaseDatePicker,
     inheritAttrs: false,
     emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
+    inject: {
+        $pcFluid: { default: null }
+    },
     navigationState: null,
     timePickerChange: false,
     scrollHandler: null,
@@ -2943,6 +2947,9 @@ export default {
         },
         panelId() {
             return this.d_id + '_panel';
+        },
+        hasFluid() {
+            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
         }
     },
     components: {

package/datepicker/index.d.ts

@@ -786,9 +786,9 @@ export interface DatePickerProps {
     timepickerButtonProps?: object | undefined;
     /**
      * Spans 100% width of the container when enabled.
-     * @defaultValue false
+     * @defaultValue null
      */
-    fluid?: boolean;
+    fluid?: boolean | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      */

package/datepicker/index.mjs

@@ -1,5 +1,5 @@
 import { addStyle, isTouchDevice, relativePosition, getOuterWidth, absolutePosition, find, getIndex, getAttribute, findSingle, getFocusableElements, setAttribute } from '@primeuix/utils/dom';
-import { localeComparator } from '@primeuix/utils/object';
+import { localeComparator, isEmpty } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
 import { UniqueComponentId, ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import CalendarIcon from '@primevue/icons/calendar';
@@ -264,7 +264,7 @@ var script$1 = {
     },
     fluid: {
       type: Boolean,
-      "default": false
+      "default": null
     },
     ariaLabelledby: {
       type: String,
@@ -297,6 +297,11 @@ var script = {
   "extends": script$1,
   inheritAttrs: false,
   emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
+  inject: {
+    $pcFluid: {
+      "default": null
+    }
+  },
   navigationState: null,
   timePickerChange: false,
   scrollHandler: null,
@@ -2502,6 +2507,9 @@ var script = {
     },
     panelId: function panelId() {
       return this.d_id + '_panel';
+    },
+    hasFluid: function hasFluid() {
+      return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
     }
   },
   components: {
@@ -2555,6 +2563,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: _ctx.name,
     invalid: _ctx.invalid,
     variant: _ctx.variant,
+    fluid: _ctx.fluid,
     unstyled: _ctx.unstyled,
     autocomplete: "off",
     "aria-autocomplete": "none",
@@ -2573,7 +2582,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: $options.onBlur,
     onKeydown: $options.onKeyDown,
     pt: _ctx.ptm('pcInput')
-  }, null, 8, ["id", "class", "style", "value", "placeholder", "name", "invalid", "variant", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' ? renderSlot(_ctx.$slots, "dropdownbutton", {
+  }, null, 8, ["id", "class", "style", "value", "placeholder", "name", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' ? renderSlot(_ctx.$slots, "dropdownbutton", {
     key: 1
   }, function () {
     return [createElementVNode("button", mergeProps({