@mouseless/baked 0.19.0

package/dist/runtime/components/BasePersistentPopover.vue.d.ts

@@ -0,0 +1,178 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dismissable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    baseZIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoZIndex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breakpoints: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, typeof BaseComponent, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dismissable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    baseZIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoZIndex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breakpoints: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    dismissable: boolean;
+    appendTo: string | Record<string, any>;
+    baseZIndex: number;
+    autoZIndex: boolean;
+    breakpoints: Record<string, any>;
+    closeOnEscape: boolean;
+}, {}, {}, {}, string, () => {
+    $pcPopover: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        dismissable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        baseZIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoZIndex: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        breakpoints: {
+            type: ObjectConstructor;
+            default: null;
+        };
+        closeOnEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, typeof BaseComponent, {}, {}, {}, false, {}, {}, {}, {}, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        dismissable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        baseZIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoZIndex: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        breakpoints: {
+            type: ObjectConstructor;
+            default: null;
+        };
+        closeOnEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    $parentInstance: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        dismissable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        baseZIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoZIndex: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        breakpoints: {
+            type: ObjectConstructor;
+            default: null;
+        };
+        closeOnEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, typeof BaseComponent, {}, {}, {}, false, {}, {}, {}, {}, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        dismissable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        baseZIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoZIndex: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        breakpoints: {
+            type: ObjectConstructor;
+            default: null;
+        };
+        closeOnEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+}, true, {}, any>;
+import BaseComponent from "@primevue/core/basecomponent";

package/dist/runtime/components/CardLink.d.vue.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    schema: any;
+    data: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly schema: any;
+    readonly data: any;
+};

package/dist/runtime/components/CardLink.vue

@@ -0,0 +1,57 @@
+<template>
+  <Button
+    :to="route"
+    :as="disabled ? 'button' : 'router-link'"
+    outlined
+    plain
+    class="w-auto !p-6"
+    :disabled="disabled"
+  >
+    <div class="flex flex-col gap-4 text-start items-start w-full h-full">
+      <div
+        v-if="icon || disabled"
+        class="flex gap-4"
+      >
+        <span
+          v-if="icon"
+          :class="icon"
+          class="!text-4xl"
+        />
+        <Tag
+          v-if="disabled"
+          severity="secondary"
+        >
+          {{ l(disabledReason) }}
+        </Tag>
+      </div>
+      <h2 class="text-lg">
+        {{ l(title) }}
+      </h2>
+      <div
+        v-if="description"
+        data-testid="description"
+        class="text-sm"
+      >
+        {{ l(description) }}
+      </div>
+    </div>
+  </Button>
+</template>
+
+<script setup>
+import { Button, Tag } from "primevue";
+import { useLocalization } from "#imports";
+const { localize: l } = useLocalization();
+const { schema } = defineProps({
+  schema: { type: null, required: true },
+  data: { type: null, default: null }
+});
+const {
+  route,
+  icon,
+  title,
+  description,
+  disabled,
+  disabledReason
+} = schema;
+</script>

package/dist/runtime/components/CardLink.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    schema: any;
+    data: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly schema: any;
+    readonly data: any;
+};

package/dist/runtime/components/DataPanel.d.vue.ts

@@ -0,0 +1,20 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    schema: any;
+    data: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    parameters?: ((props: {}) => any) | undefined;
+} & {
+    parameters?: ((props: {}) => any) | undefined;
+};
+declare const __VLS_props: {
+    readonly schema: any;
+    readonly data: any;
+};

package/dist/runtime/components/DataPanel.vue

@@ -0,0 +1,138 @@
+<template>
+  <Panel
+    ref="panel"
+    :header="localizeTitle ? l(title) : title"
+    :collapsed="collapsedState"
+    toggleable
+    :pt="
+      {
+        headerActions: 'flex gap-2 items-center',
+        title: 'max-sm:truncate'
+      }
+    "
+    @update:collapsed="onCollapsed"
+  >
+    <template
+      v-if="$slots.parameters || parameters.length > 0"
+      #icons
+    >
+      <template v-if="isMd">
+        <Parameters
+          v-if="parameters.length > 0"
+          :parameters="parameters"
+          class="text-xs"
+          @ready="onReady"
+          @changed="onChanged"
+        />
+        <slot
+          v-if="$slots.parameters"
+          name="parameters"
+        />
+      </template>
+      <template v-else>
+        <Button
+          v-if="parameters.length > 0 || $slots.parameters"
+          variant="text"
+          icon="pi pi-sliders-h"
+          class="lg:hidden"
+          rounded
+          @click="togglePopover"
+        />
+        <PersistentPopover ref="popover">
+          <div
+            class="
+              flex flex-row flex-start
+              justify-between w-full
+              gap-4 text-xs px-2 py-2
+            "
+          >
+            <Parameters
+              v-if="parameters.length > 0"
+              :parameters="parameters"
+              class="text-xs"
+              @ready="onReady"
+              @changed="onChanged"
+            />
+            <slot
+              v-if="$slots.parameters"
+              name="parameters"
+            />
+          </div>
+        </PersistentPopover>
+      </template>
+    </template>
+    <template #default>
+      <Bake
+        v-if="loaded && ready"
+        :key="uniqueKey"
+        name="content"
+        :descriptor="content"
+      />
+      <Message
+        v-else-if="!ready"
+        severity="info"
+      >
+        <i class="pi pi-info-circle" />
+        <span class="ml-3">{{ lc("Select required values to view this data") }}</span>
+      </Message>
+    </template>
+  </Panel>
+</template>
+
+<script setup>
+import { computed, onMounted, ref, useTemplateRef } from "vue";
+import { Message, Panel, Button } from "primevue";
+import { Bake, Parameters, PersistentPopover } from "#components";
+import { useBreakpoints, useContext, useDataFetcher, useUiStates, useLocalization } from "#imports";
+const { value: { panelStates } } = useUiStates();
+const { isMd } = useBreakpoints();
+const context = useContext();
+const dataFetcher = useDataFetcher();
+const { localize: l } = useLocalization();
+const { localize: lc } = useLocalization({ group: "DataPanel" });
+const panel = useTemplateRef("panel");
+const popover = ref();
+function togglePopover(event) {
+  popover.value.toggle(event);
+}
+const { schema } = defineProps({
+  schema: { type: null, required: true },
+  data: { type: null, default: null }
+});
+const { collapsed, content, localizeTitle, parameters, title: titleData } = schema;
+const injectedData = context.injectData();
+const path = context.injectPath();
+const collapsedState = computed(() => panelStates[path] ?? collapsed);
+const loaded = ref(!collapsedState.value);
+const ready = ref(parameters.length === 0);
+const uniqueKey = ref("");
+const values = ref({});
+if (parameters.length > 0) {
+  context.provideData(values, "Custom");
+}
+const title = ref(dataFetcher.get({ data: titleData, injectedData }));
+const shouldLoadTitle = dataFetcher.shouldLoad(titleData.type);
+onMounted(async () => {
+  if (shouldLoadTitle) {
+    title.value = await dataFetcher.fetch({ data: titleData, injectedData });
+  }
+});
+function onCollapsed(collapsed2) {
+  panelStates[path] = collapsed2;
+  if (!collapsed2 && !loaded.value) {
+    loaded.value = true;
+  }
+  if (!collapsed2) {
+    setTimeout(() => {
+      panel.value.$el.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    }, 750);
+  }
+}
+function onReady(value) {
+  ready.value = value;
+}
+function onChanged(event) {
+  uniqueKey.value = event.uniqueKey;
+  values.value = event.values;
+}
+</script>

package/dist/runtime/components/DataPanel.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    schema: any;
+    data: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    parameters?: ((props: {}) => any) | undefined;
+} & {
+    parameters?: ((props: {}) => any) | undefined;
+};
+declare const __VLS_props: {
+    readonly schema: any;
+    readonly data: any;
+};

package/dist/runtime/components/DataTable.d.vue.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    schema: any;
+    data: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly schema: any;
+    readonly data: any;
+};

package/dist/runtime/components/DataTable.vue

@@ -0,0 +1,213 @@
+<template>
+  <DataTable
+    ref="dataTable"
+    :value
+    class="text-sm min-h-24"
+    striped-rows
+    :data-key
+    :paginator="paginator && value.length > rows"
+    :paginator-template="{
+      [screens['2xs']]: 'JumpToPageDropdown',
+      [screens.xs]: 'FirstPageLink PrevPageLink JumpToPageDropdown NextPageLink LastPageLink',
+      default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink'
+    }"
+    :rows
+    scrollable
+    :scroll-height
+    :virtual-scroller-options="scrollHeight ? virtualScrollerOptions : null"
+    :csv-separator="exportOptions?.csvSeparator"
+    :export-filename
+    :export-function
+  >
+    <template #empty>
+      {{ lc("No records found") }}
+    </template>
+    <Column
+      v-for="column in columns"
+      :key="column.prop"
+      :header="l(column.title)"
+      :field="column.prop"
+      class="text-nowrap"
+      :class="{ 'min-w-40': column.minWidth, 'text-right': column.alignRight }"
+      :exportable="column.exportable"
+      :export-header="l(column.title)"
+      :pt="{
+        columnHeaderContent: { class: column.alignRight ? 'justify-end' : '' },
+        bodyCell: { class: { 'max-xs:!inset-auto': column.frozen } },
+        headerCell: { class: { 'max-xs:!inset-auto': column.frozen } }
+      }"
+      :frozen="column.frozen"
+    >
+      <template #body="{ data: row, index }">
+        <Skeleton
+          v-if="loading"
+          class="min-h-5"
+        />
+        <Bake
+          v-else-if="data"
+          :name="`rows/${index}/${column.prop}`"
+          :descriptor="{
+            ...conditional.find(column.component, row.$getRow()),
+            data: {
+              type: 'Inline',
+              value: row[column.prop].value
+            }
+          }"
+        />
+        <span v-else>-</span>
+      </template>
+    </Column>
+    <Column
+      v-if="exportOptions"
+      :pt="{
+        bodyCell: { class: 'max-xs:!inset-auto' },
+        headerCell: { class: 'max-xs:!inset-auto' }
+      }"
+      :exportable="false"
+      class="w-0 py-0"
+      frozen
+      align-frozen="right"
+    >
+      <template #header>
+        <Button
+          type="button"
+          icon="pi pi-ellipsis-v"
+          severity="secondary"
+          variant="text"
+          size="small"
+          @click="toggleActionsMenu"
+        />
+        <Menu
+          ref="actionsMenu"
+          :model="actions"
+          :popup="true"
+        />
+      </template>
+    </Column>
+    <ColumnGroup
+      v-if="footerTemplate"
+      type="footer"
+    >
+      <Row>
+        <Column
+          :footer="l(footerTemplate.label)"
+          :colspan="footerColSpan"
+          footer-style="text-align:right"
+        />
+        <Column
+          v-for="column in footerTemplate.columns"
+          :key="column.prop"
+          :class="{ 'text-right': column.alignRight }"
+        >
+          <template #footer>
+            <Skeleton
+              v-if="loading"
+              class="min-h-5"
+            />
+            <Bake
+              v-else-if="data"
+              :name="`rows/footer/${column.prop}`"
+              :descriptor="{
+                ...conditional.find(column.component, data),
+                data: {
+                  type: 'Inline',
+                  value: data[column.prop]
+                }
+              }"
+            />
+            <span v-else>-</span>
+          </template>
+        </Column>
+        <Column
+          v-if="exportOptions"
+          :exportable="false"
+          class="w-0"
+          frozen
+          align-frozen="right"
+        />
+      </Row>
+    </ColumnGroup>
+  </DataTable>
+</template>
+
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import Column from "primevue/column";
+import { Button, ColumnGroup, DataTable, Menu, Row, Skeleton } from "primevue";
+import { useRuntimeConfig } from "#app";
+import { Bake } from "#components";
+import { useComposableResolver, useConditional, useContext, useDataFetcher, useLocalization } from "#imports";
+const conditional = useConditional();
+const context = useContext();
+const composableResolver = useComposableResolver();
+const dataFetcher = useDataFetcher();
+const { localize: l } = useLocalization();
+const { localize: lc } = useLocalization({ group: "DataTable" });
+const { public: { composables: { useBreakpoints: { screens } } } } = useRuntimeConfig();
+const { schema, data } = defineProps({
+  schema: { type: null, required: true },
+  data: { type: null, required: true }
+});
+const { columns, dataKey, exportOptions, footerTemplate, itemsProp, paginator, rows, rowsWhenLoading, scrollHeight, virtualScrollerOptions } = schema;
+const dataDescriptor = context.injectDataDescriptor();
+const injectedData = context.injectData();
+const loading = context.injectLoading();
+const dataTable = ref();
+const actionsMenu = ref();
+const actions = ref([]);
+const value = computed(() => {
+  const items = data ? itemsProp ? data[itemsProp] : data : new Array(rowsWhenLoading || 5).fill({});
+  const result = [];
+  for (const itemRow of items) {
+    const resultRow = { $getRow: () => itemRow };
+    for (const column of columns) {
+      resultRow[column.prop] = { value: itemRow[column.prop], $getRow: () => itemRow };
+    }
+    result.push(resultRow);
+  }
+  return result;
+});
+const footerColSpan = computed(() => columns.length - footerTemplate?.columns.length);
+const exportFilename = ref(exportOptions?.fileName ? l(exportOptions.fileName) : null);
+let formatter = null;
+if (exportOptions) {
+  actions.value.push({
+    label: l(exportOptions.buttonLabel),
+    icon: exportOptions.buttonIcon,
+    command: () => dataTable.value.exportCSV()
+  });
+}
+onMounted(async () => {
+  if (exportOptions) {
+    const {
+      formatter: formatterName,
+      appendParameters,
+      parameterSeparator,
+      parameterFormatter: parameterFormatterName
+    } = exportOptions;
+    if (formatterName) {
+      formatter = (await composableResolver.resolve(formatterName)).default();
+    }
+    let parameterFormatter = null;
+    if (parameterFormatterName) {
+      parameterFormatter = (await composableResolver.resolve(parameterFormatterName)).default();
+    }
+    if (appendParameters && dataDescriptor) {
+      let parameters = await dataFetcher.fetchParameters({ data: dataDescriptor, injectedData });
+      if (parameterFormatter) {
+        parameters = parameters.map((p, i) => parameterFormatter.format(p, i));
+      }
+      exportFilename.value = [exportFilename.value, ...parameters].join(parameterSeparator ?? "-");
+    }
+  }
+});
+function toggleActionsMenu(event) {
+  actionsMenu.value.toggle(event);
+}
+function exportFunction({ data: data2, field }) {
+  if (!formatter) {
+    return data2.value;
+  }
+  return formatter.format(data2.value, { prop: field, row: data2.$getRow() });
+}
+</script>

package/dist/runtime/components/DataTable.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    schema: any;
+    data: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly schema: any;
+    readonly data: any;
+};

package/dist/runtime/components/DefaultLayout.d.vue.ts

@@ -0,0 +1,18 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    schema: any;
+    data: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};
+declare const __VLS_props: {
+    readonly schema: any;
+    readonly data: any;
+};