@naptics/vue-collection 0.2.0 → 0.2.2

package/components/NPagination.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
 import { createComponent } from '../utils/component';
 import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/vue/24/solid';
 import { computed, watch } from 'vue';
@@ -77,9 +77,7 @@ export default createComponent('NPagination', nPaginationProps, props => {
   }, [_createVNode("button", {
     "class": ['pagination-item selectable rounded-l-md', props.small ? '' : 'not-small'],
     "onClick": previous
-  }, [_createVNode("span", {
-    "class": "sr-only"
-  }, [_createTextVNode("Previous")]), _createVNode(ChevronLeftIcon, {
+  }, [_createVNode(ChevronLeftIcon, {
     "class": "h-5 w-5",
     "aria-hidden": "true"
   }, null)]), items.value.map((item, index) => item.selectable ? _createVNode("button", {
@@ -92,9 +90,7 @@ export default createComponent('NPagination', nPaginationProps, props => {
   }, [item.label])), _createVNode("button", {
     "class": ['pagination-item selectable rounded-r-md', props.small ? '' : 'not-small'],
     "onClick": next
-  }, [_createVNode("span", {
-    "class": "sr-only"
-  }, [_createTextVNode("Next")]), _createVNode(ChevronRightIcon, {
+  }, [_createVNode(ChevronRightIcon, {
     "class": "h-5 w-5",
     "aria-hidden": "true"
   }, null)])]);

package/components/NSearchbar.js

@@ -41,10 +41,7 @@ export default createComponent('NSearchbar', nSearchbarProps, (props, context) =
     }
   };
   context.expose(exposed);
-  return () => _createVNode("div", null, [_createVNode("label", {
-    "for": "search",
-    "class": "sr-only"
-  }, [props.placeholder]), _createVNode("div", {
+  return () => _createVNode("div", {
     "class": "relative"
   }, [_createVNode("div", {
     "class": "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
@@ -62,5 +59,5 @@ export default createComponent('NSearchbar', nSearchbarProps, (props, context) =
     "class": ['block w-full pl-10 pr-4 rounded-md border focus:outline-none focus:ring-1 transition placeholder-default-400 border-default-300 focus:border-primary-500 focus:ring-primary-500', props.small ? 'py-1' : 'py-2', props.inputClass],
     "onFocus": props.onFocus,
     "onBlur": props.onBlur
-  }, null)])]);
+  }, null)]);
 });

package/package.json

@@ -2,7 +2,7 @@
     "name": "@naptics/vue-collection",
     "author": "Timo Siegenthaler",
     "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
-    "version": "0.2.0",
+    "version": "0.2.2",
     "main": "./index.js",
     "repository": {
         "type": "git",

package/utils/utils.d.ts

@@ -21,6 +21,13 @@ export declare function isNullish(value: Nullish<unknown>): value is null | unde
  * @see notNullish
  */
 export declare function notNullishRef<T>(ref: Ref<T>): ref is Ref<NonNullable<T>>;
+/**
+ * Determines if the value of a ref is null or undefined.
+ * @param ref the ref to check
+ * @returns `true` if the value of the ref is `null` or `undefined`.
+ * @see isNullish
+ */
+export declare function isNullishRef(ref: Ref<Nullish<unknown>>): ref is Ref<null | undefined>;
 export type AnyObject = Record<string | number | symbol, unknown>;
 export type EmptyObject = Record<string | number | symbol, never>;
 export declare function isAnyObject(object: unknown): object is AnyObject;

package/utils/utils.js

@@ -26,6 +26,15 @@ export function isNullish(value) {
 export function notNullishRef(ref) {
   return notNullish(ref.value);
 }
+/**
+ * Determines if the value of a ref is null or undefined.
+ * @param ref the ref to check
+ * @returns `true` if the value of the ref is `null` or `undefined`.
+ * @see isNullish
+ */
+export function isNullishRef(ref) {
+  return isNullish(ref.value);
+}
 export function isAnyObject(object) {
   return typeof object === 'object' && !Array.isArray(object);
 }