@dative-gpi/foundation-shared-components 0.1.120 → 1.0.0

package/utils/index.ts

@@ -1,7 +1,9 @@
 export * from "./color";
 export * from "./css";
-export * from "./icons";
 export * from "./error";
+export * from "./gradient";
+export * from "./icons";
+export * from "./leafletMarkers"
 export * from "./levenshtein";
 export * from "./lexical";
 export * from "./sort";

package/utils/leafletMarkers.ts

@@ -0,0 +1,23 @@
+export const locationMarkerHtml = (icon: string, color: string) => {
+  const iconHtml = `
+  <div style="--fs-map-mylocation-pin-color-alpha:${color}50;--fs-map-location-pin-color: ${color}">
+    <i class="${icon} mdi notranslate v-theme--DefaultTheme fs-icon" aria-hidden="true" style="--fs-icon-font-size: 22px;" />
+  </div>`;
+
+  return iconHtml;
+}
+
+export const clusterMarkerHtml = (label: string) => {
+  const iconHtml = `
+  <div class="fs-map-cluster">
+    <span>${label}</span>
+  </div>`;
+
+  return iconHtml;
+}
+
+export const myLocationMarkerHtml = () => {
+  const iconHtml = `<div class="fs-map-mylocation-pin" />`;
+
+  return iconHtml;
+}

package/utils/lexical.ts

@@ -1,6 +1,8 @@
-import { ElementNode, LexicalNode, RangeSelection, TextNode } from "lexical";
+import type { ElementNode, LexicalNode, RangeSelection, TextNode } from "lexical";
 import { $isAtNodeEnd } from "@lexical/selection";
 
+export const emptyLexicalState = "{\"root\":{\"children\":[{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}";
+
 export const getSelectedNode = (selection: RangeSelection): ElementNode | TextNode => {
   const anchor = selection.anchor;
   const focus = selection.focus;

package/components/selects/FSSelectTimeZone.vue

@@ -1,67 +0,0 @@
-<template>
-  <FSSelectField
-    itemTitle="id"
-    :items="timeZones"
-    :modelValue="$props.modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  >
-    <template
-      #append-inner
-    >
-      <slot
-        name="append-inner"
-      >
-        <FSChip
-          v-if="offset"
-          variant="standard"
-          :color="ColorEnum.Dark"
-          :label="offset"
-        />
-      </slot>
-    </template>
-  </FSSelectField>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onMounted, PropType } from "vue";
-
-import { useTimeZones } from "@dative-gpi/foundation-shared-services/composables";
-import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-
-import FSSelectField from "../fields/FSSelectField.vue";
-import FSChip from "../FSChip.vue";
-
-export default defineComponent({
-  name: "FSSelectTimeZone",
-  components: {
-    FSSelectField,
-    FSChip
-  },
-  props: {
-    modelValue: {
-      type: String as PropType<string | null>,
-      required: false,
-      default: null
-    },
-  },
-  emits: ["update:modelValue"],
-  setup(props) {
-    const { getMany: getTimeZones, entities: timeZones } = useTimeZones();
-
-    const offset = computed((): string | undefined => {
-      return timeZones.value.find((entity) => entity.id === props.modelValue)?.offset;
-    });
-
-    onMounted(() => {
-      getTimeZones();
-    });
-
-    return {
-      ColorEnum,
-      timeZones,
-      offset
-    };
-  }
-});
-</script>

package/styles/components/fs_date_field.scss

@@ -1,8 +0,0 @@
-.fs-date-field-label {
-    color: var(--fs-date-field-color);
-}
-
-.fs-date-field-messages {
-    align-self: stretch;
-    color: var(--fs-date-field-error-color);
-}