@leaflink/stash 49.2.0 → 49.3.0

package/dist/ObfuscateText.js

@@ -1,6 +1,7 @@
-import { defineComponent as r, ref as u, computed as c, openBlock as s, createElementBlock as i, createTextVNode as p, toDisplayString as f, createBlock as h, withCtx as m, createVNode as d, normalizeClass as g, createCommentVNode as x } from "vue";
-import C from "./Button.js";
-import b from "./Icon.js";
+import { defineComponent as n, ref as r, computed as u, openBlock as a, createElementBlock as c, createTextVNode as i, toDisplayString as m, createBlock as f, withCtx as p, createVNode as h, normalizeClass as d, createCommentVNode as g } from "vue";
+import x from "./Button.js";
+import C from "./Icon.js";
+import b from "./utils/obfuscateText.js";
 import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
@@ -9,49 +10,47 @@ import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const k = {
   class: "stash-obfuscate-text",
   "data-test": "stash-obfuscate-text"
-}, A = /* @__PURE__ */ r({
+}, D = /* @__PURE__ */ n({
   name: "ll-obfuscate-text",
   __name: "ObfuscateText",
   props: {
     text: {},
+    obfuscateAll: { type: Boolean, default: !1 },
+    showToggle: { type: Boolean, default: !1 },
+    lengthToKeep: { default: 0 },
     maskChar: { default: "•" },
     maskCharCount: { default: 10 },
-    lengthToKeep: { default: 0 },
-    position: { default: "start" },
-    obfuscateAll: { type: Boolean, default: !1 },
-    showToggle: { type: Boolean, default: !1 }
+    position: { default: "start" }
   },
-  setup(l) {
-    const e = u(!1), t = l, n = c(() => {
-      if (t.showToggle && e.value)
-        return t.text;
-      if (t.obfuscateAll || !t.lengthToKeep)
-        return t.maskChar.repeat(t.maskCharCount);
-      let o;
-      return t.position === "end" ? (o = t.text.substring(0, t.lengthToKeep), o + t.maskChar.repeat(t.maskCharCount)) : (o = t.text.substring(t.text.length - t.lengthToKeep), t.maskChar.repeat(t.maskCharCount) + o);
-    });
-    return (o, a) => (s(), i("span", k, [
-      p(f(n.value) + " ", 1),
-      o.showToggle ? (s(), h(C, {
+  setup(s) {
+    const e = r(!1), t = s, l = u(() => t.showToggle && e.value ? t.text : t.obfuscateAll ? t.maskChar.repeat(t.maskCharCount) : b(t.text, {
+      maskChar: t.maskChar,
+      maskCharCount: t.maskCharCount,
+      lengthToKeep: t.lengthToKeep,
+      position: t.position
+    }));
+    return (w, o) => (a(), c("span", k, [
+      i(m(l.value) + " ", 1),
+      t.showToggle ? (a(), f(x, {
         key: 0,
         class: "tw-ml-1 tw-h-auto tw-w-auto tw-p-0",
         icon: "",
         type: "button",
-        onClick: a[0] || (a[0] = (w) => e.value = !e.value)
+        onClick: o[0] || (o[0] = (T) => e.value = !e.value)
       }, {
-        default: m(() => [
-          d(b, {
+        default: p(() => [
+          h(C, {
             name: e.value ? "hide" : "show",
-            class: g(["tw-cursor-pointer", e.value ? "stash-obfuscate-text__hide-toggle-icon" : "stash-obfuscate-text__show-toggle-icon"]),
+            class: d(["tw-cursor-pointer", e.value ? "stash-obfuscate-text__hide-toggle-icon" : "stash-obfuscate-text__show-toggle-icon"]),
             "data-test": e.value ? "stash-obfuscate-text|hide-toggle-icon" : "stash-obfuscate-text|show-toggle-icon"
           }, null, 8, ["name", "class", "data-test"])
         ]),
         _: 1
-      })) : x("", !0)
+      })) : g("", !0)
     ]));
   }
 });
 export {
-  A as default
+  D as default
 };
 //# sourceMappingURL=ObfuscateText.js.map

package/dist/ObfuscateText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObfuscateText.js","sources":["../src/components/ObfuscateText/ObfuscateText.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref } from 'vue';\n\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({ name: 'll-obfuscate-text' });\n\n  export interface ObfuscateTextProps {\n    /**\n     * The full text\n     */\n    text: string;\n\n    /**\n     * Character to obfuscate text with\n     */\n    maskChar?: string;\n\n    /**\n     * The number of masked characters to display\n     */\n    maskCharCount?: number;\n\n    /**\n     * Num of characters to keep revealed.\n     * Default will obfuscate entire string\n     * with length of maskCharCount.\n     */\n    lengthToKeep?: number;\n\n    /**\n     * Position to start obfuscating text\n     */\n    position?: 'start' | 'end';\n\n    /**\n     * Whether to obfuscate all characters.\n     * @deprecated omit the lengthToKeep prop to achieve the same result\n     */\n    obfuscateAll?: boolean;\n\n    /**\n     * Displays a button for toggling text visibility\n     */\n    showToggle?: boolean;\n  }\n\n  const isFullTextVisible = ref(false);\n\n  const props = withDefaults(defineProps<ObfuscateTextProps>(), {\n    maskChar: '•',\n    maskCharCount: 10,\n    lengthToKeep: 0,\n    position: 'start',\n    obfuscateAll: false,\n    showToggle: false,\n  });\n\n  const obfuscatedText = computed(() => {\n    if (props.showToggle && isFullTextVisible.value) {\n      return props.text;\n    }\n\n    if (props.obfuscateAll || !props.lengthToKeep) {\n      return props.maskChar.repeat(props.maskCharCount);\n    }\n\n    let charsToKeep;\n\n    if (props.position === 'end') {\n      charsToKeep = props.text.substring(0, props.lengthToKeep);\n\n      return charsToKeep + props.maskChar.repeat(props.maskCharCount);\n    } else {\n      charsToKeep = props.text.substring(props.text.length - props.lengthToKeep);\n\n      return props.maskChar.repeat(props.maskCharCount) + charsToKeep;\n    }\n  });\n</script>\n\n<template>\n  <span class=\"stash-obfuscate-text\" data-test=\"stash-obfuscate-text\">\n    {{ obfuscatedText }}\n    <Button\n      v-if=\"showToggle\"\n      class=\"tw-ml-1 tw-h-auto tw-w-auto tw-p-0\"\n      icon\n      type=\"button\"\n      @click=\"isFullTextVisible = !isFullTextVisible\"\n    >\n      <Icon\n        :name=\"isFullTextVisible ? 'hide' : 'show'\"\n        class=\"tw-cursor-pointer\"\n        :class=\"isFullTextVisible ? 'stash-obfuscate-text__hide-toggle-icon' : 'stash-obfuscate-text__show-toggle-icon'\"\n        :data-test=\"\n          isFullTextVisible ? 'stash-obfuscate-text|hide-toggle-icon' : 'stash-obfuscate-text|show-toggle-icon'\n        \"\n      />\n    </Button>\n  </span>\n</template>\n"],"names":["isFullTextVisible","ref","props","__props","obfuscatedText","computed","charsToKeep"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgDQ,UAAAA,IAAoBC,EAAI,EAAK,GAE7BC,IAAQC,GASRC,IAAiBC,EAAS,MAAM;AAChC,UAAAH,EAAM,cAAcF,EAAkB;AACxC,eAAOE,EAAM;AAGf,UAAIA,EAAM,gBAAgB,CAACA,EAAM;AAC/B,eAAOA,EAAM,SAAS,OAAOA,EAAM,aAAa;AAG9C,UAAAI;AAEA,aAAAJ,EAAM,aAAa,SACrBI,IAAcJ,EAAM,KAAK,UAAU,GAAGA,EAAM,YAAY,GAEjDI,IAAcJ,EAAM,SAAS,OAAOA,EAAM,aAAa,MAE9DI,IAAcJ,EAAM,KAAK,UAAUA,EAAM,KAAK,SAASA,EAAM,YAAY,GAElEA,EAAM,SAAS,OAAOA,EAAM,aAAa,IAAII;AAAA,IACtD,CACD;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ObfuscateText.js","sources":["../src/components/ObfuscateText/ObfuscateText.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref } from 'vue';\n\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({ name: 'll-obfuscate-text' });\n\n  import obfuscateText, { ObfuscateTextOptions } from '../../utils/obfuscateText';\n\n  export interface ObfuscateTextProps extends ObfuscateTextOptions {\n    /**\n     * The full text\n     */\n    text: string;\n\n    /**\n     * Whether to obfuscate all characters.\n     * @deprecated omit the lengthToKeep prop to achieve the same result\n     */\n    obfuscateAll?: boolean;\n\n    /**\n     * Displays a button for toggling text visibility\n     */\n    showToggle?: boolean;\n  }\n\n  const isFullTextVisible = ref(false);\n\n  const props = withDefaults(defineProps<ObfuscateTextProps>(), {\n    maskChar: '•',\n    maskCharCount: 10,\n    lengthToKeep: 0,\n    position: 'start',\n    obfuscateAll: false,\n    showToggle: false,\n  });\n\n  const obfuscatedText = computed(() => {\n    if (props.showToggle && isFullTextVisible.value) {\n      return props.text;\n    }\n\n    if (props.obfuscateAll) {\n      return props.maskChar.repeat(props.maskCharCount);\n    }\n\n    return obfuscateText(props.text, {\n      maskChar: props.maskChar,\n      maskCharCount: props.maskCharCount,\n      lengthToKeep: props.lengthToKeep,\n      position: props.position,\n    });\n  });\n</script>\n\n<template>\n  <span class=\"stash-obfuscate-text\" data-test=\"stash-obfuscate-text\">\n    {{ obfuscatedText }}\n    <Button\n      v-if=\"props.showToggle\"\n      class=\"tw-ml-1 tw-h-auto tw-w-auto tw-p-0\"\n      icon\n      type=\"button\"\n      @click=\"isFullTextVisible = !isFullTextVisible\"\n    >\n      <Icon\n        :name=\"isFullTextVisible ? 'hide' : 'show'\"\n        class=\"tw-cursor-pointer\"\n        :class=\"isFullTextVisible ? 'stash-obfuscate-text__hide-toggle-icon' : 'stash-obfuscate-text__show-toggle-icon'\"\n        :data-test=\"\n          isFullTextVisible ? 'stash-obfuscate-text|hide-toggle-icon' : 'stash-obfuscate-text|show-toggle-icon'\n        \"\n      />\n    </Button>\n  </span>\n</template>\n"],"names":["isFullTextVisible","ref","props","__props","obfuscatedText","computed","obfuscateText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BQ,UAAAA,IAAoBC,EAAI,EAAK,GAE7BC,IAAQC,GASRC,IAAiBC,EAAS,MAC1BH,EAAM,cAAcF,EAAkB,QACjCE,EAAM,OAGXA,EAAM,eACDA,EAAM,SAAS,OAAOA,EAAM,aAAa,IAG3CI,EAAcJ,EAAM,MAAM;AAAA,MAC/B,UAAUA,EAAM;AAAA,MAChB,eAAeA,EAAM;AAAA,MACrB,cAAcA,EAAM;AAAA,MACpB,UAAUA,EAAM;AAAA,IAAA,CACjB,CACF;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ObfuscateText.vue.d.ts

@@ -50,11 +50,13 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 
-export declare interface ObfuscateTextProps {
+declare interface ObfuscateTextOptions {
     /**
-     * The full text
+     * Num of characters to keep revealed.
+     * Default will obfuscate entire string
+     * with length of maskCharCount.
      */
-    text: string;
+    lengthToKeep?: number;
     /**
      * Character to obfuscate text with
      */
@@ -63,16 +65,17 @@ export declare interface ObfuscateTextProps {
      * The number of masked characters to display
      */
     maskCharCount?: number;
-    /**
-     * Num of characters to keep revealed.
-     * Default will obfuscate entire string
-     * with length of maskCharCount.
-     */
-    lengthToKeep?: number;
     /**
      * Position to start obfuscating text
      */
     position?: 'start' | 'end';
+}
+
+export declare interface ObfuscateTextProps extends ObfuscateTextOptions {
+    /**
+     * The full text
+     */
+    text: string;
     /**
      * Whether to obfuscate all characters.
      * @deprecated omit the lengthToKeep prop to achieve the same result

package/dist/obfuscateText.d.ts

@@ -0,0 +1,25 @@
+declare function obfuscateText(text: any, { maskChar, maskCharCount, lengthToKeep, position }?: ObfuscateTextOptions): string;
+export default obfuscateText;
+
+export declare interface ObfuscateTextOptions {
+    /**
+     * Num of characters to keep revealed.
+     * Default will obfuscate entire string
+     * with length of maskCharCount.
+     */
+    lengthToKeep?: number;
+    /**
+     * Character to obfuscate text with
+     */
+    maskChar?: string;
+    /**
+     * The number of masked characters to display
+     */
+    maskCharCount?: number;
+    /**
+     * Position to start obfuscating text
+     */
+    position?: 'start' | 'end';
+}
+
+export { }

package/dist/utils/obfuscateText.js

@@ -0,0 +1,10 @@
+function b(u, { maskChar: e = "•", maskCharCount: f = 10, lengthToKeep: i = 0, position: n = "start" } = {}) {
+  if (!i)
+    return e == null ? void 0 : e.repeat(f);
+  let t;
+  return n === "end" ? (t = u.substring(0, i), t + (e == null ? void 0 : e.repeat(f))) : (t = u.substring(u.length - i), (e == null ? void 0 : e.repeat(f)) + t);
+}
+export {
+  b as default
+};
+//# sourceMappingURL=obfuscateText.js.map

package/dist/utils/obfuscateText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"obfuscateText.js","sources":["../../src/utils/obfuscateText.ts"],"sourcesContent":["export interface ObfuscateTextOptions {\n  /**\n   * Num of characters to keep revealed.\n   * Default will obfuscate entire string\n   * with length of maskCharCount.\n   */\n  lengthToKeep?: number;\n  /**\n   * Character to obfuscate text with\n   */\n  maskChar?: string;\n  /**\n   * The number of masked characters to display\n   */\n  maskCharCount?: number;\n  /**\n   * Position to start obfuscating text\n   */\n  position?: 'start' | 'end';\n}\n\nexport default function obfuscateText(\n  text,\n  { maskChar = '•', maskCharCount = 10, lengthToKeep = 0, position = 'start' }: ObfuscateTextOptions = {},\n): string {\n  if (!lengthToKeep) {\n    return maskChar?.repeat(maskCharCount);\n  }\n\n  let charsToKeep;\n\n  if (position === 'end') {\n    charsToKeep = text.substring(0, lengthToKeep);\n\n    return charsToKeep + maskChar?.repeat(maskCharCount);\n  } else {\n    charsToKeep = text.substring(text.length - lengthToKeep);\n\n    return maskChar?.repeat(maskCharCount) + charsToKeep;\n  }\n}\n"],"names":["obfuscateText","text","maskChar","maskCharCount","lengthToKeep","position","charsToKeep"],"mappings":"AAqBA,SAAwBA,EACtBC,GACA,EAAE,UAAAC,IAAW,KAAK,eAAAC,IAAgB,IAAI,cAAAC,IAAe,GAAG,UAAAC,IAAW,QAAQ,IAA0B,CAAA,GAC7F;AACR,MAAI,CAACD;AACI,WAAAF,KAAA,gBAAAA,EAAU,OAAOC;AAGtB,MAAAG;AAEJ,SAAID,MAAa,SACDC,IAAAL,EAAK,UAAU,GAAGG,CAAY,GAErCE,KAAcJ,KAAA,gBAAAA,EAAU,OAAOC,QAEtCG,IAAcL,EAAK,UAAUA,EAAK,SAASG,CAAY,IAEhDF,KAAA,gBAAAA,EAAU,OAAOC,MAAiBG;AAE7C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "49.2.0",
+  "version": "49.3.0",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",