@dpa-id-components/dpa-shared-components 22.0.0-next.9 → 22.0.0

package/dist/components/UiTextButton/UiTextButton.vue.d.ts

@@ -1,42 +0,0 @@
-import { UiIconName } from '../UiIcon/UiIcon.vue';
-/**
- * @deprecated
- * Please replace with your own component
- */
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
-    color?: "blue" | "gray";
-    href?: string;
-    iconLeft?: UiIconName;
-    iconRight?: UiIconName;
-    placement?: "onsurface" | "oncanvas";
-    size?: "xsmall" | "small" | "medium";
-    weight?: "regular" | "semibold";
-    linkTarget?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    color?: "blue" | "gray";
-    href?: string;
-    iconLeft?: UiIconName;
-    iconRight?: UiIconName;
-    placement?: "onsurface" | "oncanvas";
-    size?: "xsmall" | "small" | "medium";
-    weight?: "regular" | "semibold";
-    linkTarget?: string;
-}> & Readonly<{}>, {
-    size: "xsmall" | "small" | "medium";
-    href: string;
-    color: "blue" | "gray";
-    placement: "onsurface" | "oncanvas";
-    iconLeft: UiIconName;
-    iconRight: UiIconName;
-    weight: "regular" | "semibold";
-    linkTarget: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/src/components/DpaMediaItem/DpaMediaItem.spec.ts

@@ -1,123 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, test } from "vitest";
-
-import DpaMediaItem from "./DpaMediaItem.vue";
-
-describe("DpaMediaItem", () => {
-  test("displays items in the time published slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        timePublished: "Time Slot",
-      },
-    });
-    expect(wrapper.text()).toBe("Time Slot");
-  });
-
-  test("displays items in the description slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        description: "Description",
-      },
-    });
-    expect(wrapper.text()).toBe("Description");
-  });
-
-  test("displays items in the planning slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        planning: "Planning",
-      },
-    });
-    expect(wrapper.text()).toBe("Planning");
-  });
-
-  test("displays items in the textLength slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        textLength: "Text Length",
-      },
-    });
-    expect(wrapper.text()).toBe("Text Length");
-  });
-
-  test("changes icon according to the genre", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        genre: "audio",
-      },
-    });
-
-    expect(wrapper.findComponent({ name: "UiIcon" }).props()).toMatchObject({
-      name: "audio",
-    });
-  });
-
-  test("changes icon when fulfilled", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        genre: "audio",
-
-        isFulfilled: true,
-      },
-    });
-
-    expect(wrapper.findComponent({ name: "UiIcon" }).props()).toMatchObject({
-      name: "audio",
-    });
-  });
-
-  test("is styled differently when fulfilled", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        isFulfilled: true,
-      },
-    });
-
-    const rootDiv = wrapper.find('[data-testid="rootDiv"]');
-    expect(rootDiv.classes("border-neutral-faint")).toBe(true);
-  });
-
-  test("renders images with the correct source", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        imgSrc: "Source",
-      },
-    });
-
-    expect(wrapper.find("img").attributes().src).toBe("Source");
-  });
-
-  test("renders images with correct alt-text", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        imgSrc: "Source",
-        imgAlt: "Alternative",
-      },
-    });
-
-    expect(wrapper.find("img").attributes().alt).toBe("Thumbnail :Alternative");
-  });
-
-  test("displays the correct image count", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        imgSrc: "Source",
-        imgCount: 2,
-      },
-    });
-
-    expect(wrapper.find("[data-testid='imageCount']").text()).toBe("2");
-  });
-
-  test("is styled differently when disabled", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        isFulfilled: true,
-        disabled: true,
-      },
-    });
-
-    const rootDiv = wrapper.find('[data-testid="rootDiv"]');
-    expect(rootDiv.classes("cursor-not-allowed")).toBe(true);
-  });
-});

package/dist/src/components/DpaMediaItem/DpaMediaItem.stories.ts

@@ -1,140 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
-
-import DpaMediaItem from "./DpaMediaItem.vue";
-
-const meta = {
-  title: "Ui/DpaMediaItem",
-  component: DpaMediaItem,
-  argTypes: {
-    genre: {
-      control: {
-        type: "select",
-        options: ["audio", "video", "text", "picture", "graphic"],
-      },
-    },
-    isFulfilled: {
-      control: "boolean",
-    },
-    imgSrc: {
-      control: "text",
-    },
-    imgAlt: {
-      control: "text",
-    },
-    imgCount: {
-      control: "number",
-    },
-  },
-  args: {
-    genre: "text",
-    isFulfilled: true,
-    imgSrc: "",
-    imgAlt: "",
-    imgCount: 0,
-  },
-  tags: ["deprecated"],
-} satisfies Meta<typeof DpaMediaItem>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <DpaMediaItem v-bind="args" auto-size style="cursor: pointer;">
-      <template #timePublished>15.11.2021 16:41</template>
-      <template #description>News Feature im Basisdienst</template>
-      <span>BKA-Chef: Cannabis bleibt beliebteste Droge in Deutschland</span>
-      <template #textLength>104 dpa-Zeilen / 7176 Zeichen</template>
-      </DpaMediaItem>
-    `,
-  }),
-};
-
-export const Picture: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size style="cursor: pointer;">
-      <template #timePublished>15.11.2021 16:41</template>
-      <template #description>Aktuelle Fotos</template>
-      <span>Wahl des neuen EKD-Ratsvorsitzes</span>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    genre: "picture",
-    isFulfilled: true,
-    imgSrc: `data:image/jpeg;base64,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`,
-    imgAlt: "Wahl des neuen EKD-Ratsvorsitzes",
-    imgCount: 12,
-  },
-};
-
-export const Disabled: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size>
-      <template #timePublished>15.11.2021 16:41</template>
-      <template #description>Video-Beitrag</template>
-      <span>Wahl des neuen EKD-Ratsvorsitzes</span>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    genre: "video",
-    isFulfilled: true,
-    imgCount: 1,
-    disabled: true,
-  },
-};
-
-export const Planned: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size style="cursor: pointer;">
-      <template #description>Zusammenfassung im Basisdienst</template>
-      <template #planning>bis 16:30</template>
-      <template #textLength>ca. 60 dpa-Zeilen / 4140 Zeichen</template>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    isFulfilled: false,
-  },
-};
-
-export const PlannedWithHeadline: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size style="cursor: pointer;">
-      <span>Planned with headline: BKA-Chef: Cannabis bleibt beliebteste Droge in Deutschland</span>
-      <template #description>Zusammenfassung im Basisdienst</template>
-      <template #planning>bis 16:30</template>
-      <template #textLength>ca. 60 dpa-Zeilen / 4140 Zeichen</template>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    isFulfilled: false,
-  },
-};

package/dist/src/components/DpaMediaItem/DpaMediaItem.vue

@@ -1,146 +0,0 @@
-<template>
-  <div
-    class="mb-px w-full bg-neutral pt-2 pr-4 pb-3 pl-3 md:pt-3"
-    :class="classObject"
-    data-testid="rootDiv"
-  >
-    <div
-      class="flex"
-      :class="{
-        'flex-col-reverse': $slots.timePublished,
-        'flex-col': !$slots.timePublished,
-        'px-1': isFulfilled,
-      }"
-    >
-      <!-- Meta description -->
-      <div class="flex items-center justify-between py-1">
-        <div class="flex items-center pr-2">
-          <UiIcon
-            size="sm"
-            :name="genreIcon"
-            class="mr-2 shrink-0 fill-current text-neutral-subtle"
-          />
-          <span class="text-xs font-medium text-neutral-primary">
-            <slot name="description" />
-          </span>
-        </div>
-        <span
-          v-if="$slots.planning"
-          class="w-16 shrink-0 text-right text-xs text-neutral-subtle"
-          ><slot name="planning"
-        /></span>
-      </div>
-
-      <div class="flex flex-col">
-        <!-- Image and headline -->
-        <div v-if="imgSrc || $slots.default" class="flex py-1">
-          <div v-if="imgSrc" class="relative mr-2 flex-none">
-            <img
-              :src="imgSrc"
-              class="h-14 object-cover"
-              :alt="`Thumbnail${imgAlt ? ` :${imgAlt}` : ''}`"
-            />
-            <span
-              v-if="imgCount > 1"
-              class="absolute right-1 bottom-1 inline-block h-4 rounded-full bg-neutral-primary px-1 align-middle text-xs/4 font-semibold text-neutral"
-              data-testid="imageCount"
-              >{{ imgCount }}</span
-            >
-          </div>
-          <h3
-            v-if="$slots.default"
-            class="text-sm/5 font-medium group-hover:underline"
-            :class="{
-              'ml-6': !isFulfilled,
-              'mr-1': $slots.planning,
-              'pr-16': $slots.planning,
-            }"
-          >
-            <slot />
-          </h3>
-        </div>
-
-        <!-- Text length -->
-        <span
-          v-if="$slots.textLength"
-          class="text-xs text-neutral-subtle"
-          :class="!isFulfilled ? 'ml-6' : ''"
-          ><slot name="textLength"
-        /></span>
-      </div>
-
-      <!-- Time published -->
-      <span
-        v-if="$slots.timePublished"
-        class="pt-1 text-xs font-medium text-neutral-subtle"
-        ><slot name="timePublished"
-      /></span>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-/**
- * @deprecated
- * Please replace with your own component
- */
-export default {
-  name: "DpaMediaItem",
-};
-</script>
-<script setup lang="ts">
-import { computed, onMounted } from "vue";
-
-import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
-
-type Genre = "audio" | "video" | "text" | "picture" | "graphic";
-
-const props = withDefaults(
-  defineProps<{
-    genre?: Genre;
-    isFulfilled?: boolean;
-    imgSrc?: string;
-    imgAlt?: string;
-    imgCount?: number;
-    disabled?: boolean;
-  }>(),
-  {
-    genre: "text",
-    isFulfilled: false,
-    imgSrc: "",
-    imgAlt: "",
-    imgCount: 0,
-    disabled: false,
-  },
-);
-
-const genreIcon = computed<UiIconName>(() => {
-  const icons: Record<Genre, UiIconName> = {
-    audio: props.isFulfilled ? "audio" : "audio",
-    video: props.isFulfilled ? "video" : "video",
-    text: props.isFulfilled ? "text" : "text",
-    picture: props.isFulfilled ? "picture" : "picture",
-    graphic: props.isFulfilled ? "graphic" : "graphic",
-  };
-
-  return icons[props.genre];
-});
-
-const classObject = computed(() => {
-  const { isFulfilled } = props;
-  if (!isFulfilled) {
-    return "cursor-auto";
-  }
-  return props.disabled
-    ? "cursor-not-allowed transition shadow-sm border border-neutral-faint"
-    : "cursor-pointer transition shadow-sm hover:shadow-md group border border-neutral-faint hover:border-neutral-muted";
-});
-
-onMounted(() => {
-  if (window.location.origin.includes("local")) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      "Component is deprecated. It will be removed in a future update.",
-    );
-  }
-});
-</script>

package/dist/src/components/DpaMediaItem/README.md

@@ -1,42 +0,0 @@
-# @deprecated
-Component will be removed in a future update
-# @dpa-shared-components/dpa-media-item
-
-
-## Usage
-
-```html
-<!-- SomeComponent.vue using DpaMediaItem -->
-<template>
-  <dpa-media-item genre="text" is-fulfilled auto-size style="cursor: pointer;">
-    <template #timePublished>15.11.2021 16:41</template>
-    <tempate #description>News Feature im Basisdienst</tempate>
-    <span>BKA-Chef: Cannabis bleibt beliebteste Droge in Deutschland</span>
-    <template #textLength>104 dpa-Zeilen / 7176 Zeichen</template>
-  </dpa-media-item>
-</template>
-
-<script setup>
-    import DpaMediaItem from "@dpa-id-components/dpa-shared-components";
-</script>
-```
-
-## API
-
-### Props
-| Name          | Type                                                                     | Default  | Description                                                                        |
-|---------------|--------------------------------------------------------------------------|----------|------------------------------------------------------------------------------------|
-| `genre`       | `"audio" &#124; "video" &#124; "text" &#124; "picture" &#124; "graphic"` | `"text"` | Genre variant; either `"text"`, `"picture"` , `"graphic"`, `"video"` or `"audio"`  |
-| `isFulfilled` | `Boolean`                                                                | `false`  | Whether the media item has been fulfilled/delivered (`true`), or planned (`false`) |
-| `imgSrc`      | `String`                                                                 | `""`     | The `src` attribute of the `img` tag used for the thumbnail of pictures            |
-| `imgAlt`      | `String`                                                                 | `""`     | The `alt` attribute of the `img` tag used for the thumbnail of pictures            |
-| `imgCount`    | `Number`                                                                 | `0`      | The number of pictures published in this media coverage item                       |
-| `disabled`    | `Boolean`                                                                | `false`  | Sets the cursor and hover state of the DpaMediaItem                                |
-### Slots
-| Name            | Description                                                                                     |
-|-----------------|-------------------------------------------------------------------------------------------------|
-| `default`       | slot for the media item's headline/title                                                        |
-| `timePublished` | slot for the media item's time of publishing for fulfilled items                                |
-| `description`   | slot for the media item's description placed above the headline                                 |
-| `planning`      | slot for the media item's planning notes (e.g. schedule) placed to the right of the description |
-| `textLength`    | slot for the media item's text length (e.g. schedule) placed below the description/headline     |

package/dist/src/components/UiButtonGroup/README.md

@@ -1,29 +0,0 @@
-# @dpa-shared-components/UiButtonGroup
-
-## Usage
-A container component for groups of `UiButton` components.
-
-
-```html
-<!-- SomeComponent.vue using UiButtonGroup -->
-<template>
-    <UiButton
-    >
-        Click
-    </UiButton>  
-    <UiButton
-    >
-    me
-    </UiButton>
-</template>
-
-<script setup lang="ts">
-    import {UiButton, UiButtonGroup} from "@dpa-id-components/dpa-shared-components";
-</script>
-```
-
-### Slots
-
-| Name      | Description                                 |
-|-----------|---------------------------------------------|
-| `default` | slot for the contain the button groups's content (either `UiButton` or `UiRadioButton`) |

package/dist/src/components/UiButtonGroup/UiButtonGroup.spec.ts

@@ -1,16 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, test } from "vitest";
-
-import UiButtonGroup from "./UiButtonGroup.vue";
-
-describe("UiButtonGroup", () => {
-  test("renders UiButtonGroup with default slot content", () => {
-    const wrapper = mount(UiButtonGroup, {
-      slots: {
-        default: "Default Slot",
-      },
-    });
-
-    expect(wrapper.text()).toBe("Default Slot");
-  });
-});

package/dist/src/components/UiButtonGroup/UiButtonGroup.stories.ts

@@ -1,53 +0,0 @@
-import type {
-  ComponentPropsAndSlots,
-  Meta,
-  StoryObj,
-} from "@storybook/vue3-vite";
-import { ref } from "vue";
-
-import UiButton from "../UiButton/UiButton.vue";
-
-import UiButtonGroup from "./UiButtonGroup.vue";
-
-type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiButtonGroup> & {
-  activeButton: number;
-};
-
-const meta = {
-  tags: ["deprecated"],
-  argTypes: {
-    activeButton: { control: "number" },
-  },
-  args: {
-    activeButton: 1,
-  },
-  title: "Ui/UiButtonGroup",
-  component: UiButtonGroup,
-} satisfies Meta<PropsAndCustomArgs>;
-
-export default meta;
-type Story = StoryObj<PropsAndCustomArgs>;
-
-export const Default: Story = {
-  render: (args) => ({
-    components: { UiButtonGroup, UiButton },
-    setup() {
-      const activeButton = ref(args.activeButton);
-      const activateButton = (button: number) => (activeButton.value = button);
-      return { args, activeButton, activateButton };
-    },
-    template: `
-      <UiButtonGroup>
-        <UiButton :appearance="activeButton === 1 ? 'primary' : 'ghost'" @click="activateButton(1)">
-          Group
-        </UiButton>
-        <UiButton disabled disabled-variant="primary" @click="activateButton(2)">
-          of
-        </UiButton>
-        <UiButton :appearance="activeButton === 3 ? 'primary' : 'ghost'" @click="activateButton(3)">
-          buttons
-        </UiButton>
-      </UiButtonGroup>
-    `,
-  }),
-};

package/dist/src/components/UiButtonGroup/UiButtonGroup.vue

@@ -1,29 +0,0 @@
-<template>
-  <div
-    class="flex *:rounded-none *:border *:border-r-0 *:border-neutral-faint [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r"
-  >
-    <slot />
-  </div>
-</template>
-
-<script lang="ts">
-import { onMounted } from "vue";
-
-/**
- * @deprecated
- * Please replace with your own component
- */
-export default {
-  name: "UiMenuList",
-  setup() {
-    onMounted(() => {
-      if (window.location.origin.includes("local")) {
-        // eslint-disable-next-line no-console
-        console.warn(
-          "Component is deprecated. It will be removed in a future update.",
-        );
-      }
-    });
-  },
-};
-</script>

package/dist/src/components/UiCard/README.md

@@ -1,32 +0,0 @@
-# @deprecated
-Component will be removed in a future update
-# @dpa-shared-components/UiCard
-
-## Usage
-
-```html
-<!-- SomeComponent.vue using UiCard -->
-<template>
-  <UiCard>Autor: Max Mustermann (Berlin), +49 30 1234-56478, max.mustermann@dpa.com</UiCard>
-</template>
-
-<script setup lang="ts">
-  import { UiCard } from "@dpa-id-components/dpa-shared-components";
-</script>
-```
-
-## API
-
-### Props
-
-This component has no properties
-
-### Events
-
-This component emits no events
-
-### Slots
-
-| Name      | Description                                |
-|-----------|--------------------------------------------|
-| `default` | Slot for the rendering the cards's content |

package/dist/src/components/UiCard/UiCard.spec.ts

@@ -1,16 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, test } from "vitest";
-
-import UiCard from "./UiCard.vue";
-
-describe("UiCard", () => {
-  test("renders Card with default slot content", () => {
-    const wrapper = mount(UiCard, {
-      slots: {
-        default: "Default Slot",
-      },
-    });
-
-    expect(wrapper.text()).toBe("Default Slot");
-  });
-});