@aerogel/core 0.0.0-next.c29ffcd25bffdbed37ecce3aac1ba14cde3e9d39 → 0.0.0-next.c33ad773d3eb977461630ff22012d99eeedf46cb

package/src/components/modals/AGModalContext.ts

@@ -1,8 +0,0 @@
-import type { Ref } from 'vue';
-
-import type { Modal } from '@/ui/UI.state';
-
-export interface IAGModalContext {
-    modal: Ref<Modal>;
-    childIndex: Ref<number>;
-}

package/src/components/modals/AGModalTitle.vue

@@ -1,9 +0,0 @@
-<template>
-    <AGHeadlessModalTitle class="mb-2 font-semibold">
-        <slot />
-    </AGHeadlessModalTitle>
-</template>
-
-<script setup lang="ts">
-import AGHeadlessModalTitle from '../headless/modals/AGHeadlessModalTitle.vue';
-</script>

package/src/components/modals/AGPromptModal.ts

@@ -1,41 +0,0 @@
-import { computed } from 'vue';
-import type { ExtractPropTypes } from 'vue';
-import type { ObjectWithout, Pretty, SubPartial } from '@noeldemartin/utils';
-
-import { Colors } from '@/components/constants';
-import { enumProp, requiredStringProp, stringProp } from '@/utils';
-import { translateWithDefault } from '@/lang';
-import type { AcceptRefs } from '@/utils';
-
-export const promptModalProps = {
-    title: stringProp(),
-    message: requiredStringProp(),
-    label: stringProp(),
-    defaultValue: stringProp(),
-    placeholder: stringProp(),
-    acceptText: stringProp(),
-    acceptColor: enumProp(Colors, Colors.Primary),
-    cancelText: stringProp(),
-    cancelColor: enumProp(Colors, Colors.Clear),
-};
-
-export type AGPromptModalProps = Pretty<
-    AcceptRefs<
-        SubPartial<
-            ObjectWithout<ExtractPropTypes<typeof promptModalProps>, null | undefined>,
-            'acceptColor' | 'cancelColor'
-        >
-    >
->;
-
-export function usePromptModalProps(): typeof promptModalProps {
-    return promptModalProps;
-}
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export function usePromptModal(props: ExtractPropTypes<typeof promptModalProps>) {
-    const renderedAcceptText = computed(() => props.acceptText ?? translateWithDefault('ui.accept', 'Ok'));
-    const renderedCancelText = computed(() => props.cancelText ?? translateWithDefault('ui.cancel', 'Cancel'));
-
-    return { renderedAcceptText, renderedCancelText };
-}

package/src/components/modals/AGPromptModal.vue

@@ -1,34 +0,0 @@
-<template>
-    <AGModal v-slot="{ close }: IAGModalDefaultSlotProps" :cancellable="false" :title="title">
-        <AGMarkdown :text="message" />
-
-        <AGForm :form="form" @submit="close(form.draft)">
-            <AGInput name="draft" :placeholder="placeholder" :label="label" />
-
-            <div class="mt-2 flex flex-row-reverse gap-2">
-                <AGButton :color="acceptColor" submit>
-                    {{ renderedAcceptText }}
-                </AGButton>
-                <AGButton :color="cancelColor" @click="close()">
-                    {{ renderedCancelText }}
-                </AGButton>
-            </div>
-        </AGForm>
-    </AGModal>
-</template>
-
-<script setup lang="ts">
-import AGModal from './AGModal.vue';
-import { usePromptModal, usePromptModalProps } from './AGPromptModal';
-import type { IAGModalDefaultSlotProps } from './AGModal';
-
-import AGButton from '../forms/AGButton.vue';
-import AGForm from '../forms/AGForm.vue';
-import AGInput from '../forms/AGInput.vue';
-import AGMarkdown from '../lib/AGMarkdown.vue';
-import { requiredStringInput, useForm } from '../../forms';
-
-const props = defineProps(usePromptModalProps());
-const form = useForm({ draft: requiredStringInput(props.defaultValue ?? '') });
-const { renderedAcceptText, renderedCancelText } = usePromptModal(props);
-</script>

package/src/components/modals/index.ts

@@ -1,17 +0,0 @@
-export * from './AGAlertModal';
-export * from './AGConfirmModal';
-export * from './AGErrorReportModal';
-export * from './AGLoadingModal';
-export * from './AGModal';
-export * from './AGModalContext';
-export * from './AGPromptModal';
-
-export { default as AGAlertModal } from './AGAlertModal.vue';
-export { default as AGConfirmModal } from './AGConfirmModal.vue';
-export { default as AGErrorReportModalButtons } from './AGErrorReportModalButtons.vue';
-export { default as AGErrorReportModalTitle } from './AGErrorReportModalTitle.vue';
-export { default as AGLoadingModal } from './AGLoadingModal.vue';
-export { default as AGModal } from './AGModal.vue';
-export { default as AGModalContext } from './AGModalContext.vue';
-export { default as AGModalTitle } from './AGModalTitle.vue';
-export { default as AGPromptModal } from './AGPromptModal.vue';

package/src/components/snackbars/AGSnackbar.vue

@@ -1,36 +0,0 @@
-<template>
-    <AGHeadlessSnackbar class="flex flex-row items-center justify-center gap-3 p-4" :class="styleClasses">
-        <AGMarkdown :text="message" inline />
-        <AGButton
-            v-for="(action, i) of actions"
-            :key="i"
-            :color="color"
-            @click="activate(action)"
-        >
-            {{ action.text }}
-        </AGButton>
-    </AGHeadlessSnackbar>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { Colors } from '@/components/constants';
-import { useSnackbar, useSnackbarProps } from '@/components/headless/snackbars';
-
-import AGButton from '../forms/AGButton.vue';
-import AGHeadlessSnackbar from '../headless/snackbars/AGHeadlessSnackbar.vue';
-import AGMarkdown from '../lib/AGMarkdown.vue';
-
-const props = defineProps(useSnackbarProps());
-const { activate } = useSnackbar(props);
-const styleClasses = computed(() => {
-    switch (props.color) {
-        case Colors.Danger:
-            return 'bg-red-200 text-red-900';
-        default:
-        case Colors.Secondary:
-            return 'bg-gray-900 text-white';
-    }
-});
-</script>

package/src/components/snackbars/index.ts

@@ -1,3 +0,0 @@
-import AGSnackbar from './AGSnackbar.vue';
-
-export { AGSnackbar };

package/src/directives/initial-focus.ts

@@ -1,11 +0,0 @@
-import { defineDirective } from '@/utils/vue';
-
-export default defineDirective({
-    mounted(element: HTMLElement, { value }) {
-        if (value === false) {
-            return;
-        }
-
-        element.focus();
-    },
-});

package/src/main.histoire.ts

@@ -1 +0,0 @@
-import './assets/histoire.css';

package/tailwind.config.js

@@ -1,4 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    content: ['./src/**/*.{vue,ts}'],
-};

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "compilerOptions": {
-        "types": ["unplugin-icons/types/vue3", "@aerogel/vite/dist/virtual"],
-        "baseUrl": ".",
-        "paths": {
-            "@/*": ["./src/*"]
-        }
-    },
-    "include": ["src/**/*.ts", "src/**/*.vue"]
-}

package/vite.config.ts

@@ -1,17 +0,0 @@
-import Aerogel from '@aerogel/vite';
-import Icons from 'unplugin-icons/vite';
-import { defineConfig } from 'vitest/config';
-import { resolve } from 'path';
-
-export default defineConfig({
-    test: {
-        clearMocks: true,
-        setupFiles: ['./src/testing/setup.ts'],
-    },
-    plugins: [Aerogel(), Icons()],
-    resolve: {
-        alias: {
-            '@': resolve(__dirname, './src'),
-        },
-    },
-});