@chelone/vue 0.0.0-stage → 0.1.1

package/dist/components/admin/inputs/array-input-row.vue.d.ts

@@ -0,0 +1,40 @@
+import type { ArrayRow } from "@chelone/core";
+/** Props for {@link ArrayInputRow}. */
+export interface ArrayInputRowProps {
+    /** The stable-id row this wrapper scopes + controls. */
+    row: ArrayRow;
+    /** Hides this row's remove and reorder controls. */
+    disabled?: boolean;
+    /** Hides the remove button. A function decides per row index. */
+    disableRemove?: boolean | ((index: number) => boolean);
+    /** Hides the move up / move down buttons. */
+    disableReordering?: boolean;
+    /** Lays the row's inputs out in one line from the `sm` breakpoint up. */
+    inline?: boolean;
+    /**
+     * A label for the row. `true` numbers rows from 1; a function returns the
+     * label for the row index; `false` renders none.
+     */
+    getItemLabel?: boolean | ((index: number) => string);
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ArrayInputRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ArrayInputRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    'reorder-buttons'?: (props: {
+        index: number;
+        remove: () => void;
+        reOrder: (to: number) => void;
+    }) => any;
+} & {
+    'remove-button'?: (props: {
+        index: number;
+        remove: () => void;
+        reOrder: (to: number) => void;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/inputs/array-input-row.vue.js

@@ -0,0 +1,130 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createVNode, unref, withCtx } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import { provideIteratorRow, ArrayInputContextKey } from "../../../array/array-context.js";
+const _hoisted_1 = {
+  "data-slot": "array-input-row",
+  class: "flex items-start gap-2"
+};
+const _hoisted_2 = {
+  key: 0,
+  "data-slot": "array-input-row-label",
+  class: "min-w-6 pt-2 text-muted-foreground text-sm"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex shrink-0 items-center gap-1 pt-1"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "array-input-row",
+  props: {
+    row: {},
+    disabled: { type: Boolean },
+    disableRemove: { type: [Boolean, Function] },
+    disableReordering: { type: Boolean },
+    inline: { type: Boolean },
+    getItemLabel: { type: [Boolean, Function] }
+  },
+  setup(__props) {
+    const props = __props;
+    provideIteratorRow(props.row);
+    const translate = useTranslate();
+    const array = inject(ArrayInputContextKey, null);
+    if (!array) {
+      throw new Error(
+        "<ArrayInputRow>: no <ArrayInput> ancestor. Render rows inside an <ArrayInput>."
+      );
+    }
+    const removable = computed(
+      () => typeof props.disableRemove === "function" ? !props.disableRemove(props.row.index) : !props.disableRemove
+    );
+    const itemLabel = computed(
+      () => typeof props.getItemLabel === "function" ? props.getItemLabel(props.row.index) : props.getItemLabel === true ? String(props.row.index + 1) : null
+    );
+    function remove() {
+      array?.remove(props.row.index);
+    }
+    function reOrder(to) {
+      array?.reOrder(props.row.index, to);
+    }
+    function moveUp() {
+      if (props.row.index > 0) array?.reOrder(props.row.index, props.row.index - 1);
+    }
+    function moveDown() {
+      if (array && props.row.index < array.total.value - 1) {
+        array.reOrder(props.row.index, props.row.index + 1);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        itemLabel.value != null ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(itemLabel.value), 1)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["flex flex-1 flex-col gap-2", __props.inline && "sm:flex-row sm:items-start"])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        !__props.disabled ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          !__props.disableReordering ? renderSlot(_ctx.$slots, "reorder-buttons", {
+            key: 0,
+            index: __props.row.index,
+            remove,
+            reOrder
+          }, () => [
+            createVNode(_sfc_main$1, {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              class: "size-7",
+              disabled: __props.row.index === 0,
+              "aria-label": unref(translate)("ra.action.move_up", { _: "Move up" }),
+              onClick: moveUp
+            }, {
+              default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                createElementVNode("span", { "aria-hidden": "true" }, "↑", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled", "aria-label"]),
+            createVNode(_sfc_main$1, {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              class: "size-7",
+              disabled: unref(array) != null && __props.row.index >= unref(array).total.value - 1,
+              "aria-label": unref(translate)("ra.action.move_down", { _: "Move down" }),
+              onClick: moveDown
+            }, {
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                createElementVNode("span", { "aria-hidden": "true" }, "↓", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled", "aria-label"])
+          ]) : createCommentVNode("", true),
+          removable.value ? renderSlot(_ctx.$slots, "remove-button", {
+            key: 1,
+            index: __props.row.index,
+            remove,
+            reOrder
+          }, () => [
+            createVNode(_sfc_main$1, {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              class: "size-7",
+              "aria-label": unref(translate)("ra.action.remove", { _: "Remove" }),
+              "data-slot": "array-input-remove",
+              onClick: remove
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createElementVNode("span", { "aria-hidden": "true" }, "×", -1)
+              ])]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/array-input-row2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./array-input-row.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/array-input.vue.d.ts

@@ -0,0 +1,72 @@
+import type { Validator } from "@chelone/core";
+/** Props for {@link ArrayInput}. */
+export interface ArrayInputProps {
+    /** The array field path RELATIVE to the ambient source scope. */
+    source: string;
+    /** Explicit label, or `false` to hide it. Absent → humanized `source`. */
+    label?: string | false;
+    /** Override the ambient resource (label-key resolution). */
+    resource?: string;
+    /** Helper text rendered below the iterator. */
+    helperText?: string;
+    /** Array-level validators (e.g. `minLength`) — composed, first error wins. */
+    validate?: Validator | readonly Validator[];
+    /** The array's default value (seeds an untouched hole). */
+    defaultValue?: readonly unknown[];
+    /** Force scalar-row mode (a `string[]`/`number[]`); DETECTED when omitted. */
+    scalar?: boolean;
+    /** Object-row defaults merged into a new row (object mode). */
+    itemDefaults?: Record<string, unknown>;
+    /** Label for the add-row button. Absent → translated "Add". */
+    addLabel?: string;
+    /** Hides every row control: add, clear, remove and reorder. */
+    disabled?: boolean;
+    /** Hides the Add button. */
+    disableAdd?: boolean;
+    /** Hides the clear button. */
+    disableClear?: boolean;
+    /**
+     * Hides the remove buttons, and the clear button with them. A function
+     * decides per row index.
+     */
+    disableRemove?: boolean | ((index: number) => boolean);
+    /** Hides the move up / move down buttons. */
+    disableReordering?: boolean;
+    /** Lays a row's inputs out in one line from the `sm` breakpoint up. */
+    inline?: boolean;
+    /**
+     * A label per row. `true` numbers rows from 1; a function returns the label
+     * for a row index; `false` renders none.
+     */
+    getItemLabel?: boolean | ((index: number) => string);
+    /** Root element class passthrough. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ArrayInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ArrayInputProps> & Readonly<{}>, {
+    label: string | false;
+    defaultValue: readonly unknown[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    'remove-button'?: (props: {
+        index: number;
+        remove: () => void;
+        reOrder: (to: number) => void;
+    }) => any;
+} & {
+    'reorder-buttons'?: (props: {
+        index: number;
+        remove: () => void;
+        reOrder: (to: number) => void;
+    }) => any;
+} & {
+    'add-button'?: (props: {
+        add: () => void;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/inputs/array-input.vue.js

@@ -0,0 +1,189 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, unref, normalizeClass, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, createSlots, renderSlot, mergeProps, createVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$2 from "../../ui/button.vue.js";
+import { FieldLabel, FieldDescription, FieldError } from "../../ui/field.js";
+import _sfc_main$3 from "../feedback/confirm.vue.js";
+import _sfc_main$4 from "../common/validation-error.vue.js";
+import _sfc_main$1 from "./array-input-row.vue.js";
+import { humanizeSource } from "./label-text.js";
+import { useArrayInput } from "../../../array/use-array-input.js";
+import { provideArrayInput } from "../../../array/array-context.js";
+const _hoisted_1 = ["data-invalid"];
+const _hoisted_2 = {
+  "data-slot": "array-input-rows",
+  class: "flex flex-col gap-3"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex items-center gap-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "array-input",
+  props: {
+    source: {},
+    label: { type: [String, Boolean], default: void 0 },
+    resource: {},
+    helperText: {},
+    validate: {},
+    defaultValue: { default: () => [] },
+    scalar: { type: Boolean },
+    itemDefaults: {},
+    addLabel: {},
+    disabled: { type: Boolean },
+    disableAdd: { type: Boolean },
+    disableClear: { type: Boolean },
+    disableRemove: { type: [Boolean, Function] },
+    disableReordering: { type: Boolean },
+    inline: { type: Boolean },
+    getItemLabel: { type: [Boolean, Function] },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const array = useArrayInput({
+      source: props.source,
+      defaultValue: props.defaultValue,
+      validate: props.validate,
+      scalar: props.scalar,
+      itemDefaults: props.itemDefaults
+    });
+    provideArrayInput(array);
+    const { rows, total, fieldState } = array;
+    const invalid = fieldState.invalid;
+    const error = fieldState.error;
+    const labelText = computed(
+      () => props.label === false ? null : props.label ?? humanizeSource(props.source)
+    );
+    const addLabelText = computed(
+      () => props.addLabel ?? translate("ra.action.add", { _: "Add" })
+    );
+    const clearLabel = computed(
+      () => translate("ra.action.clear_array_input", { _: "Clear the array" })
+    );
+    const clearMessage = computed(
+      () => translate("ra.message.clear_array_input", {
+        _: "Are you sure you want to clear the whole array?"
+      })
+    );
+    const confirmOpen = ref(false);
+    const showClear = computed(
+      () => !props.disabled && total.value > 0 && !props.disableClear && !props.disableRemove
+    );
+    const showActions = computed(
+      () => !props.disabled && (!props.disableAdd || showClear.value)
+    );
+    function onAdd() {
+      array.add();
+    }
+    function onClear() {
+      array.clear();
+      confirmOpen.value = false;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([props.class, "flex w-full flex-col gap-2"]),
+        "data-invalid": unref(invalid) || void 0,
+        "data-slot": "array-input"
+      }, [
+        labelText.value != null ? (openBlock(), createBlock(unref(FieldLabel), {
+          key: 0,
+          class: "text-muted-foreground text-sm"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(labelText.value), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: row.id,
+              row,
+              disabled: __props.disabled,
+              "disable-remove": __props.disableRemove,
+              "disable-reordering": __props.disableReordering,
+              inline: __props.inline,
+              "get-item-label": __props.getItemLabel
+            }, createSlots({
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 2
+            }, [
+              _ctx.$slots["remove-button"] ? {
+                name: "remove-button",
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, "remove-button", mergeProps({ ref_for: true }, slotProps))
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots["reorder-buttons"] ? {
+                name: "reorder-buttons",
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, "reorder-buttons", mergeProps({ ref_for: true }, slotProps))
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["row", "disabled", "disable-remove", "disable-reordering", "inline", "get-item-label"]);
+          }), 128))
+        ]),
+        showActions.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          !__props.disableAdd ? renderSlot(_ctx.$slots, "add-button", {
+            key: 0,
+            add: onAdd
+          }, () => [
+            createVNode(_sfc_main$2, {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              "data-slot": "array-input-add",
+              onClick: onAdd
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(addLabelText.value), 1)
+              ]),
+              _: 1
+            })
+          ]) : createCommentVNode("", true),
+          showClear.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(_sfc_main$2, {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              "data-slot": "array-input-clear",
+              onClick: _cache[0] || (_cache[0] = ($event) => confirmOpen.value = true)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(clearLabel.value), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$3, {
+              "is-open": confirmOpen.value,
+              title: clearLabel.value,
+              content: clearMessage.value,
+              onClose: _cache[1] || (_cache[1] = ($event) => confirmOpen.value = false),
+              onConfirm: onClear
+            }, null, 8, ["is-open", "title", "content"])
+          ], 64)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        __props.helperText ? (openBlock(), createBlock(unref(FieldDescription), { key: 2 }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.helperText), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        unref(invalid) ? (openBlock(), createBlock(unref(FieldError), { key: 3 }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$4, { error: unref(error) }, null, 8, ["error"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/array-input2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./array-input.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/autocomplete-array-input.vue.d.ts

@@ -0,0 +1,17 @@
+import type { FilterPayload } from "@chelone/core";
+import type { ChoiceInputBaseProps } from "./choice-input-props.js";
+/** Props for {@link AutocompleteArrayInput}. */
+export interface AutocompleteArrayInputProps extends ChoiceInputBaseProps {
+    /** Placeholder shown in the search input. */
+    placeholder?: string;
+    /** Maps the typed filter text into a reference-list filter payload. Default `{ q }`. */
+    filterToQuery?: (searchText: string) => FilterPayload;
+    /** Content shown when no choice matches the filter. */
+    noOptionsText?: string;
+}
+declare const _default: import("vue").DefineComponent<AutocompleteArrayInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AutocompleteArrayInputProps> & Readonly<{}>, {
+    label: string | false;
+    optionValue: string;
+    filterToQuery: (searchText: string) => FilterPayload;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;