@inriver/inri 1.36.0 → 1.37.0

package/.changeset/twenty-bags-switch.md

@@ -0,0 +1,5 @@
+---
+"@inriver/inri": minor
+---
+
+Add support for placing CDialog action buttons to the right

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @inriver/inri
 
+## 1.37.0
+
+### Minor Changes
+
+- Add support for placing CDialog action buttons to the right
+- Add notBlank validator
+- Update documentation
+- Add correct class to the c-btn component
+- Wallop font is now included in the package
+- Add back button slot
+- Updating README and exporting tailwing config
+
+### Patch Changes
+
+- Provide global app configs
+- Fix CSelect placeholder color. Modularize Sass imports. Include inri typings when bundling
+- Fix Sass warnings and errors by removing usage of @apply and updating Quasar + sass dependencies
+- Add support for showing tooltips when hovering over CSelect and options. Add disable support and styling. Fix required validation to work with empty arrays.
+- Fix broken imports due to faulty declaration file
+- Add support for hiding the sidebars in CLayoutWithSidebars. Add support for entering a custom title in CLayoutWithSidebars
+- Add support for showing placeholder ()in CSelect eoutside of use-input mode
+- Fix faulty import path in globalAppConfig
+- Add error slot in CSelect
+- Fix error when CSelect is passed object options with falsy values
+
 ## 1.36.0
 
 ## Minor changes

package/README.md

@@ -6,7 +6,7 @@ In order to use the *inri* package properly, you need to have certain peer depen
 
 Before installing and using *inri*, please make sure you have the following peer dependencies installed in your project:
 
-* quasar version 2.12.1 or compatible
+* quasar version 2.14.2 or compatible
 * vue version 3.x.x or any compatible version starting with 3
 * vue-i18n version 9.1.7 or any compatible version starting with 9.1
 * vue-router version 4.0.12 or any compatible version starting with 4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inriver/inri",
-  "version": "1.36.0",
+  "version": "1.37.0",
   "main": "index.ts",
   "peerDependencies": {
     "quasar": "2.14.2",

package/src/components/CDialog.vue

@@ -52,25 +52,30 @@
           <slot />
         </q-card-section>
 
-        <div class="dialog-card-action-buttons px-5 pt-2 pb-10">
-          <c-btn
-            v-if="!hideConfirmButton"
-            data-id="dialog-confirm-button"
-            :label="confirmButtonText || $t('inri.common.confirm')"
-            :disabled="confirmIsDisabled"
-            @click="confirm"
-          >
-            <q-tooltip v-if="confirmIsDisabled">
-              {{ disabledConfirmTooltip || $t('inri.dialog.confirm_tooltip_invalid_fields') }}
-            </q-tooltip>
-          </c-btn>
-          <c-btn
-            v-if="!hideCancelButton"
-            data-id="dialog-cancel-button"
-            :label="cancelButtonText || $t('inri.common.cancel')"
-            color="surface"
-            @click="cancel"
-          />
+        <div
+          class="dialog-card-action-buttons px-5 pt-2 pb-10"
+          :class="actionButtonsPosition === 'right' ? 'ml-auto' : ''"
+        >
+          <slot name="action-buttons">
+            <c-btn
+              v-if="!hideConfirmButton"
+              data-id="dialog-confirm-button"
+              :label="confirmButtonText || $t('inri.common.confirm')"
+              :disabled="confirmIsDisabled"
+              @click="confirm"
+            >
+              <q-tooltip v-if="confirmIsDisabled">
+                {{ disabledConfirmTooltip || $t('inri.dialog.confirm_tooltip_invalid_fields') }}
+              </q-tooltip>
+            </c-btn>
+            <c-btn
+              v-if="!hideCancelButton"
+              data-id="dialog-cancel-button"
+              :label="cancelButtonText || $t('inri.common.cancel')"
+              color="surface"
+              @click="cancel"
+            />
+          </slot>
         </div>
       </q-form>
 
@@ -140,6 +145,10 @@ const props = defineProps({
     type: String as PropType<'top' | 'standard' | 'right' | 'bottom' | 'left' | undefined>,
     default: 'top',
   },
+  actionButtonsPosition: {
+    type: String as PropType<'left' | 'right'>,
+    default: 'left',
+  },
 })
 
 const emit = defineEmits([