@espri/vue-components 2.1.0 → 2.2.0

package/README.md

@@ -24,6 +24,7 @@ import EspriInputNumber from '@espri/vue-components/input-number';
 
 ### Inputs
 
+- `EspriCheckbox`
 - `EspriInputNumber`
 - `EspriInputPassword`
 - `EspriInputText`

package/dist/checkbox.css

@@ -0,0 +1 @@
+.error[data-v-5b1924d3]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/checkbox.es.js

@@ -0,0 +1,57 @@
+import { defineComponent as _, computed as i, openBlock as a, createElementBlock as u, normalizeClass as b, createBlock as k, unref as o, createCommentVNode as d, createElementVNode as c, createVNode as h, toDisplayString as m } from "vue";
+import { Skeleton as g, Checkbox as x } from "primevue";
+import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './checkbox.css';const B = { class: "flex items-center gap-2" }, C = ["for"], E = { class: "error" }, $ = /* @__PURE__ */ _({
+  __name: "checkbox",
+  props: {
+    label: {},
+    modelValue: {},
+    trueValue: {},
+    falseValue: {},
+    class: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    loading: { type: Boolean },
+    showError: { type: Boolean },
+    size: {},
+    rules: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: f }) {
+    const e = p, v = f, s = Math.random().toString(16).slice(2), r = i({
+      get() {
+        return e.modelValue;
+      },
+      set(t) {
+        v("update:modelValue", t);
+      }
+    }), n = i(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
+    return (t, l) => (a(), u("div", {
+      class: b(`field ${e.class || ""}`)
+    }, [
+      e.loading ? (a(), k(o(g), {
+        key: 0,
+        class: "skeleton-input mt-3"
+      })) : d("", !0),
+      c("div", B, [
+        h(o(x), {
+          modelValue: r.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (V) => r.value = V),
+          "input-id": o(s),
+          invalid: !!n.value,
+          "false-value": e.falseValue,
+          "true-value": e.trueValue,
+          binary: ""
+        }, null, 8, ["modelValue", "input-id", "invalid", "false-value", "true-value"]),
+        e.label ? (a(), u("label", {
+          key: 0,
+          for: o(s)
+        }, m(e.label), 9, C)) : d("", !0)
+      ]),
+      c("small", E, m(n.value), 1)
+    ], 2));
+  }
+}), N = /* @__PURE__ */ y($, [["__scopeId", "data-v-5b1924d3"]]), R = N;
+export {
+  R as default
+};

package/dist/index.es.js

@@ -1,12 +1,14 @@
-import { default as e } from "./input-number.es.js";
-import { default as p } from "./input-password.es.js";
-import { default as s } from "./input-text.es.js";
-import { default as u } from "./select.es.js";
-import { default as l } from "./virtual-keyboard.es.js";
+import { default as t } from "./checkbox.es.js";
+import { default as o } from "./input-number.es.js";
+import { default as s } from "./input-password.es.js";
+import { default as u } from "./input-text.es.js";
+import { default as l } from "./select.es.js";
+import { default as i } from "./virtual-keyboard.es.js";
 export {
-  e as EspriInputNumber,
-  p as EspriInputPassword,
-  s as EspriInputText,
-  u as EspriSelect,
-  l as EspriVirtualKeyboard
+  t as EspriCheckbox,
+  o as EspriInputNumber,
+  s as EspriInputPassword,
+  u as EspriInputText,
+  l as EspriSelect,
+  i as EspriVirtualKeyboard
 };

package/dist/types/checkbox/index.d.ts

@@ -0,0 +1,19 @@
+import type { DefineComponent } from 'vue';
+import type { EspriCheckboxEmitsForDoc } from './interfaces/checkbox-emits.interface';
+import type EspriCheckboxEmits from './interfaces/checkbox-emits.interface';
+import type EspriCheckboxProps from './interfaces/checkbox-props.interface';
+/**
+ * **ESPRI Digital - Input Text (Vue component)**
+ * --- ---
+ * ![ESPRIDigital](https://espridigital.fr/wp-content/uploads/2024/09/logo_espri_digital_white-100-1.png)
+ *
+ */
+declare const EspriCheckbox: DefineComponent<EspriCheckboxProps, {}, // For slots if any
+{}, // For methods or data if any
+{}, // Computed
+{}, // Methods
+{}, // Mixin
+{}, // Extends
+EspriCheckboxEmitsForDoc>;
+export default EspriCheckbox;
+export type { EspriCheckboxEmits, EspriCheckboxProps };

package/dist/types/checkbox/interfaces/checkbox-emits.interface.d.ts

@@ -0,0 +1,10 @@
+import type { ObjectEmitsOptions } from 'vue';
+export default interface EspriCheckboxEmits {
+    (e: 'update:modelValue', value: boolean): void;
+}
+export interface EspriCheckboxEmitsForDoc extends ObjectEmitsOptions {
+    /**
+     * Called when modelValue is updated.
+     */
+    'update:modelValue': (value: boolean) => void;
+}

package/dist/types/checkbox/interfaces/checkbox-props.interface.d.ts

@@ -0,0 +1,62 @@
+export interface EspriSelectOption {
+    /**
+     * Display text for the option
+     */
+    label: string;
+    /**
+     * Value associated with the option
+     */
+    value: any;
+}
+export default interface EspriCheckboxProps {
+    /**
+     * Label displayed next to the checkbox.
+     */
+    label: string;
+    /**
+     * Model value representing the current state of the input.
+     */
+    modelValue: any;
+    /**
+     * Model value representing the current state of the input.
+     */
+    trueValue: any;
+    /**
+     * Model value representing the current state of the input.
+     */
+    falseValue: any;
+    /**
+     * Class of the component.
+     */
+    class?: any;
+    /**
+     * Disables the checkbox when true.
+     */
+    disabled?: boolean;
+    /**
+     * Marks the checkbox as required when true.
+     */
+    required?: boolean;
+    /**
+     * Indicates if the checkbox is in a loading state.
+     */
+    loading?: boolean;
+    /**
+     * Shows error messages when true.
+     */
+    showError?: boolean;
+    /**
+     * Defines the size of the component.
+     */
+    size?: 'small' | 'large';
+    /**
+     * Validation rules for the input.
+     * Each rule can be undefined or an object containing:
+     * - $invalid: whether the rule is violated
+     * - $message: the error message associated with the rule
+     */
+    rules?: Array<{
+        $invalid: boolean;
+        $message: string;
+    } | undefined>;
+}

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
+import EspriCheckbox from './checkbox';
 import EspriInputNumber from './input-number';
 import EspriInputPassword from './input-password';
 import EspriInputText from './input-text';
 import EspriSelect from './select';
 import EspriVirtualKeyboard from './virtual-keyboard';
-export { EspriInputNumber, EspriInputPassword, EspriInputText, EspriSelect, EspriVirtualKeyboard, };
+export { EspriCheckbox, EspriInputNumber, EspriInputPassword, EspriInputText, EspriSelect, EspriVirtualKeyboard, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@espri/vue-components",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "ESPRI Digital - Vue components library",
   "author": "ESPRI Digital",
   "homepage": "https://github.com/ESPRI-Digital/vue-select#readme",
@@ -12,6 +12,10 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.es.js"
     },
+    "./checkbox": {
+      "types": "./dist/types/checkbox/index.d.ts",
+      "import": "./dist/checkbox.es.js"
+    },
     "./input-number": {
       "types": "./dist/types/input-number/index.d.ts",
       "import": "./dist/input-number.es.js"