tide-design-system 2.5.20 → 2.6.0

package/dist/composables/useTideForm.js

@@ -0,0 +1,18 @@
+import { ref, provide, inject } from "vue";
+const FORM_KEY = Symbol("tide-form");
+const useTideForm = () => {
+  const forceShowErrors = ref(false);
+  provide(FORM_KEY, { forceShowErrors });
+  const revealValidationErrors = () => {
+    forceShowErrors.value = true;
+  };
+  return { revealValidationErrors };
+};
+const useFormContext = () => {
+  return inject(FORM_KEY);
+};
+export {
+  useFormContext,
+  useTideForm
+};
+//# sourceMappingURL=useTideForm.js.map

package/dist/composables/useTideForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTideForm.js","sources":["../../src/composables/useTideForm.ts"],"sourcesContent":["import { inject, provide, ref } from 'vue';\n\nimport type { Ref } from 'vue';\n\ntype TideFormContext = {\n  forceShowErrors: Ref<boolean>;\n};\n\nconst FORM_KEY = Symbol('tide-form');\n\nexport const useTideForm = () => {\n  const forceShowErrors = ref<boolean>(false);\n\n  provide<TideFormContext>(FORM_KEY, { forceShowErrors });\n\n  const revealValidationErrors = () => {\n    forceShowErrors.value = true;\n  };\n\n  return { revealValidationErrors };\n};\n\nexport const useFormContext = () => {\n  return inject<TideFormContext>(FORM_KEY);\n};\n"],"names":[],"mappings":";AAQA,MAAM,WAAW,OAAO,WAAW;AAE5B,MAAM,cAAc,MAAM;AAC/B,QAAM,kBAAkB,IAAa,KAAK;AAE1C,UAAyB,UAAU,EAAE,iBAAiB;AAEtD,QAAM,yBAAyB,MAAM;AACnC,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,SAAO,EAAE,uBAAA;AACX;AAEO,MAAM,iBAAiB,MAAM;AAClC,SAAO,OAAwB,QAAQ;AACzC;"}

package/dist/composables/useTideToaster.js

@@ -0,0 +1,49 @@
+import { inject, ref, readonly, provide } from "vue";
+const TOASTER_KEY = Symbol("tide-toaster");
+const AUTO_DISMISS_DURATION_MS = {
+  ACTIONABLE: 1e4,
+  INFORMATIONAL: 5e3
+};
+const useTideToaster = () => {
+  const injected = inject(TOASTER_KEY);
+  if (injected) return injected;
+  const timeoutId = ref(null);
+  const toasts = ref([]);
+  const id = ref(0);
+  const addToast = (newToast) => {
+    id.value++;
+    clearToasts();
+    toasts.value.push({
+      ...newToast,
+      id: `tide-toast-${id.value}`
+    });
+    if (typeof window !== "undefined") {
+      cancelAutoDismiss();
+      startAutoDismiss();
+    }
+  };
+  const clearToasts = () => {
+    toasts.value = [];
+  };
+  const cancelAutoDismiss = () => {
+    if (timeoutId.value) clearTimeout(timeoutId.value);
+  };
+  const startAutoDismiss = () => {
+    if (!toasts.value.length) return;
+    const autoDismissDuration = toasts.value[0].action ? AUTO_DISMISS_DURATION_MS.ACTIONABLE : AUTO_DISMISS_DURATION_MS.INFORMATIONAL;
+    timeoutId.value = setTimeout(clearToasts, autoDismissDuration);
+  };
+  const toaster = {
+    addToast,
+    cancelAutoDismiss,
+    clearToasts,
+    startAutoDismiss,
+    toasts: readonly(toasts)
+  };
+  provide(TOASTER_KEY, toaster);
+  return toaster;
+};
+export {
+  useTideToaster
+};
+//# sourceMappingURL=useTideToaster.js.map

package/dist/composables/useTideToaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTideToaster.js","sources":["../../src/composables/useTideToaster.ts"],"sourcesContent":["import { inject, provide, readonly, ref } from 'vue';\n\nimport type { TideToast, TideToastOmitId, TideToaster } from '@/types/Toast';\n\nconst TOASTER_KEY = Symbol('tide-toaster');\n\nconst AUTO_DISMISS_DURATION_MS = {\n  ACTIONABLE: 10000,\n  INFORMATIONAL: 5000,\n} as const;\n\nexport const useTideToaster = () => {\n  const injected = inject<TideToaster>(TOASTER_KEY);\n  if (injected) return injected;\n\n  const timeoutId = ref<ReturnType<typeof setTimeout> | null>(null);\n  const toasts = ref<TideToast[]>([]);\n  const id = ref<number>(0);\n\n  const addToast = (newToast: TideToastOmitId) => {\n    id.value++;\n    clearToasts();\n\n    toasts.value.push({\n      ...newToast,\n      id: `tide-toast-${id.value}`,\n    } as TideToast);\n\n    if (typeof window !== 'undefined') {\n      cancelAutoDismiss();\n      startAutoDismiss();\n    }\n  };\n\n  const clearToasts = () => {\n    toasts.value = [];\n  };\n\n  const cancelAutoDismiss = () => {\n    if (timeoutId.value) clearTimeout(timeoutId.value);\n  };\n\n  const startAutoDismiss = () => {\n    if (!toasts.value.length) return;\n\n    const autoDismissDuration = toasts.value[0].action\n      ? AUTO_DISMISS_DURATION_MS.ACTIONABLE\n      : AUTO_DISMISS_DURATION_MS.INFORMATIONAL;\n    timeoutId.value = setTimeout(clearToasts, autoDismissDuration);\n  };\n\n  const toaster: TideToaster = {\n    addToast,\n    cancelAutoDismiss,\n    clearToasts,\n    startAutoDismiss,\n    toasts: readonly(toasts),\n  };\n\n  provide(TOASTER_KEY, toaster);\n\n  return toaster;\n};\n"],"names":[],"mappings":";AAIA,MAAM,cAAc,OAAO,cAAc;AAEzC,MAAM,2BAA2B;AAAA,EAC/B,YAAY;AAAA,EACZ,eAAe;AACjB;AAEO,MAAM,iBAAiB,MAAM;AAClC,QAAM,WAAW,OAAoB,WAAW;AAChD,MAAI,SAAU,QAAO;AAErB,QAAM,YAAY,IAA0C,IAAI;AAChE,QAAM,SAAS,IAAiB,EAAE;AAClC,QAAM,KAAK,IAAY,CAAC;AAExB,QAAM,WAAW,CAAC,aAA8B;AAC9C,OAAG;AACH,gBAAA;AAEA,WAAO,MAAM,KAAK;AAAA,MAChB,GAAG;AAAA,MACH,IAAI,cAAc,GAAG,KAAK;AAAA,IAAA,CACd;AAEd,QAAI,OAAO,WAAW,aAAa;AACjC,wBAAA;AACA,uBAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,QAAQ,CAAA;AAAA,EACjB;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,UAAU,MAAO,cAAa,UAAU,KAAK;AAAA,EACnD;AAEA,QAAM,mBAAmB,MAAM;AAC7B,QAAI,CAAC,OAAO,MAAM,OAAQ;AAE1B,UAAM,sBAAsB,OAAO,MAAM,CAAC,EAAE,SACxC,yBAAyB,aACzB,yBAAyB;AAC7B,cAAU,QAAQ,WAAW,aAAa,mBAAmB;AAAA,EAC/D;AAEA,QAAM,UAAuB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,SAAS,MAAM;AAAA,EAAA;AAGzB,UAAQ,aAAa,OAAO;AAE5B,SAAO;AACT;"}