@inriver/inri 1.33.0 → 1.35.0

package/.changeset/afraid-tips-shop.md

@@ -0,0 +1,5 @@
+---
+"@inriver/inri": minor
+---
+
+Add notBlank validator

package/.changeset/twelve-pets-live.md

@@ -0,0 +1,5 @@
+---
+"@inriver/inri": patch
+---
+
+Add error slot in CSelect

package/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @inriver/inri
 
+## 1.35.0
+
+### Minor Changes
+
+- Add notBlank validator
+- Update documentation
+- Add correct class to the c-btn component
+- Wallop font is now included in the package
+- 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.34.0
+
+### Minor Changes
+
+- Update documentation
+- Add correct class to the c-btn component
+- Wallop font is now included in the package
+- 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.33.0
 
 ### Minor Changes

package/package.json

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

package/src/components/CSelect.vue

@@ -103,6 +103,10 @@
         </c-tooltip>
       </q-item>
     </template>
+
+    <template #error>
+      <slot name="error" />
+    </template>
   </q-select>
 </template>
 

package/src/i18n/en/index.ts

@@ -8,6 +8,7 @@ export default {
       url: 'This field must be a valid URL',
       https: 'This field must be a valid URL using https',
       extension: 'Valid file extensions: {extensions}',
+      notBlank: 'This field can not be left empty',
       contains: 'This field is not valid. Must contain {match}',
       notContains: 'This field is not valid. Must not contain {match}',
       notBeginsWith: 'This field is not valid. Must not begin with {match}',
@@ -16,6 +17,9 @@ export default {
       maxImageSize: 'Images can be no larger than {size}',
       fileSizeTooBig: 'file size too big',
       fileTypeInvalid: 'file type invalid',
+      incorrect_validator_usage: {
+        notBlank: 'Validator "notBlank" can not be used on non-string fields',
+      },
     },
     error: {
       unauthorized: 'Unauthorized',

package/src/plugins/validationRules.ts

@@ -132,6 +132,20 @@ export function extension (fileExtensions: string, msg?: string) {
   }
 }
 
+/**
+ * The value must not be blank (can not be empty nor contain only whitespaces).
+ * @param {string} [msg] - Override the default error message
+ */
+export function notBlank (msg?: string) {
+  return (value): true | string => {
+    if (typeof value !== 'string') {
+      return $t('inri.validation.incorrect_validator_usage.notBlank')
+    }
+
+    return (value.length > 0 && value.replace(/\s/g, '').length > 0) || msg || $t('inri.validation.notBlank')
+  }
+}
+
 /**
  * The value must contain all the strings in the array.
  * @param {string[]} arr - Array of strings.
@@ -284,6 +298,7 @@ export const rules = {
   url,
   https,
   extension,
+  notBlank,
   contains,
   notContains,
   notBeginsWith,