@inriver/inri 1.29.0 → 1.31.0

package/.changeset/brave-needles-deliver.md

@@ -0,0 +1,5 @@
+---
+"@inriver/inri": patch
+---
+
+Provide global app configs

package/.changeset/flat-pens-obey.md

@@ -0,0 +1,5 @@
+---
+"@inriver/inri": minor
+---
+
+Add correct class to the c-btn component

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @inriver/inri
 
+## 1.31.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.
+- 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 error when CSelect is passed object options with falsy values
+
+## 1.30.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
+
+- 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.
+- 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 error when CSelect is passed object options with falsy values
+
 ## 1.29.0
 
 ### Minor Changes

package/index.ts

@@ -11,6 +11,7 @@ import { useDirtyCheck } from './src/composables/useDirtyCheck'
 import { useTruncateChips } from './src/composables/useTruncateChips'
 import { initInriIcons } from './src/plugins/inriIcons'
 import { baseTailwindConfig } from './configs/base-tailwind-config'
+import keys, { validationRulesKey, notifyKey, dialogKey, colorsKey, inriComponentConfigsKey } from './src/keys'
 
 export {
   useInriStore,
@@ -26,4 +27,10 @@ export {
   useTruncateChips,
   initInriIcons,
   baseTailwindConfig,
+  keys,
+  validationRulesKey,
+  notifyKey,
+  dialogKey,
+  colorsKey,
+  inriComponentConfigsKey,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inriver/inri",
-  "version": "1.29.0",
+  "version": "1.31.0",
   "main": "index.ts",
   "types": "main.d.ts",
   "peerDependencies": {

package/src/keys/index.ts

@@ -0,0 +1,16 @@
+/* eslint-disable symbol-description */
+import type { App, InjectionKey } from 'vue'
+
+export const validationRulesKey = Symbol() as InjectionKey<App['config']['globalProperties']['$validate']>
+export const notifyKey = Symbol() as InjectionKey<App['config']['globalProperties']['$notify']>
+export const dialogKey = Symbol() as InjectionKey<App['config']['globalProperties']['$dialog']>
+export const colorsKey = Symbol() as InjectionKey<App['config']['globalProperties']['$colors']>
+export const inriComponentConfigsKey = Symbol() as InjectionKey<App['config']['globalProperties']['$inri']>
+
+export default {
+  validationRulesKey,
+  notifyKey,
+  dialogKey,
+  colorsKey,
+  inriComponentConfigsKey,
+}

package/src/plugins/globalAppConfig.ts

@@ -4,22 +4,28 @@ import notify from './notify'
 import dialog from './dialog'
 import { colors } from '../utils/colorUtils'
 import { quasarComponentConfigurations } from './inriverQuasarComponentConfigurations'
+import { validationRulesKey, notifyKey, dialogKey, colorsKey, inriComponentConfigsKey } from 'src/keys'
 
 // register components
 export const registerAppConfigurations = (Vue: App): void => {
   // Expose $validate in templates
   Vue.config.globalProperties.$validate = rules
+  Vue.provide(validationRulesKey, Vue.config.globalProperties.$validate)
 
   // Expose $notify in templates
   Vue.config.globalProperties.$notify = notify
+  Vue.provide(notifyKey, Vue.config.globalProperties.$notify)
 
   // Expose $dialog in templates
   Vue.config.globalProperties.$dialog = dialog
+  Vue.provide(dialogKey, Vue.config.globalProperties.$dialog)
 
   // Expose colors so it's easy to loop them on demo pages
   Vue.config.globalProperties.$colors = colors
+  Vue.provide(colorsKey, Vue.config.globalProperties.$colors)
 
   // Configurations that can be used on quasar components. Example:
   // <q-input v-bind="$inri.input" />
   Vue.config.globalProperties.$inri = quasarComponentConfigurations
+  Vue.provide(inriComponentConfigsKey, Vue.config.globalProperties.$inri)
 }

package/src/plugins/inriverQuasarComponentConfigurations.ts

@@ -28,7 +28,7 @@ export const radio = {
 } as const
 
 export const button = {
-  class: 'c-btn',
+  class: 'c-inri-btn',
   rounded: true,
   unelevated: true,
   noCaps: true,