@milaboratories/uikit 2.6.0 → 2.6.2

package/src/composition/filters/metadata.ts

@@ -23,6 +23,27 @@ export const filterUiMetadata = {
     },
     supportedFor: isNumericValueType,
   },
+  notEqual: {
+    label: 'Col ≠ X (Not Equal)',
+    form: {
+      column: {
+        label: 'Column',
+        fieldType: 'SUniversalPColumnId',
+        defaultValue: () => undefined,
+      },
+      type: {
+        label: 'Predicate',
+        fieldType: 'FilterType',
+        defaultValue: () => 'notEqual',
+      },
+      x: {
+        label: 'X',
+        fieldType: 'number',
+        defaultValue: () => 0,
+      },
+    },
+    supportedFor: isNumericValueType,
+  },
   lessThan: {
     label: 'Col < X (Less Than)',
     form: {
@@ -450,6 +471,90 @@ export const filterUiMetadata = {
     },
     supportedFor: () => false,
   },
+  patternMatchesRegularExpression: {
+    label: 'Col ~ X (Matches Regular Expression)',
+    form: {
+      column: {
+        label: 'Column',
+        fieldType: 'SUniversalPColumnId',
+        defaultValue: () => undefined,
+      },
+      type: {
+        label: 'Predicate',
+        fieldType: 'FilterType',
+        defaultValue: () => 'patternMatchesRegularExpression',
+      },
+      value: {
+        label: 'Seq',
+        fieldType: 'string',
+        defaultValue: () => '',
+      },
+    },
+    supportedFor: isStringValueType,
+  },
+  patternFuzzyContainSubsequence: {
+    label: 'Col ~ Seq (Fuzzy Contain Subsequence)',
+    form: {
+      column: {
+        label: 'Column',
+        fieldType: 'SUniversalPColumnId',
+        defaultValue: () => undefined,
+      },
+      type: {
+        label: 'Predicate',
+        fieldType: 'FilterType',
+        defaultValue: () => 'patternFuzzyContainSubsequence',
+      },
+      value: {
+        label: 'Set',
+        fieldType: 'string',
+        defaultValue: () => '',
+      },
+    },
+    supportedFor: isStringValueType,
+  },
+  inSet: {
+    label: 'Col ∈ Set (In Set)',
+    form: {
+      column: {
+        label: 'Column',
+        fieldType: 'SUniversalPColumnId',
+        defaultValue: () => undefined,
+      },
+      type: {
+        label: 'Predicate',
+        fieldType: 'FilterType',
+        defaultValue: () => 'inSet',
+      },
+      value: {
+        fieldType: 'unknown[]',
+        label: 'Set',
+        defaultValue: () => [],
+      },
+    },
+    supportedFor: isStringValueType,
+  },
+  notInSet: {
+    label: 'Col ∉ Set (Not In Set)',
+    form: {
+      column: {
+        label: 'Column',
+        fieldType: 'SUniversalPColumnId',
+        defaultValue: () => undefined,
+      },
+      type: {
+        label: 'Predicate',
+        fieldType: 'FilterType',
+        defaultValue: () => 'notInSet',
+      },
+      value: {
+        label: 'Seq',
+        fieldType: 'unknown[]',
+        defaultValue: () => [],
+      },
+    },
+    supportedFor: isStringValueType,
+  },
 } satisfies FilterSpecMetadataRecord<FilterSpecType>;
 
 export function getFilterUiTypeOptions(columnSpec?: SimplifiedPColumnSpec) {

package/src/utils/DoubleContour.vue

@@ -1,15 +1,81 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+withDefaults(defineProps<{
+  groupPosition?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle';
+}>(), {
+  groupPosition: undefined,
+});
+</script>
 
 <script lang="ts">
+
 export default {
   inheritAttrs: false,
 };
 </script>
 
 <template>
-  <div class="double-contour">
+  <div class="double-contour" :class="{ [groupPosition]: true }">
     <div v-bind="$attrs">
       <slot />
     </div>
   </div>
 </template>
+<style>
+.double-contour {
+  &.top > div {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+}
+.double-contour {
+  &.bottom > div {
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+  }
+}
+.double-contour {
+  &.left > div {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+}
+.double-contour {
+  &.right > div {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+}
+.double-contour {
+  &.top-left > div{
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+}
+.double-contour {
+  &.top-right > div {
+    border-bottom-right-radius: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
+.double-contour {
+  &.bottom-left > div {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-top-left-radius: 0;
+  }
+}
+.double-contour {
+  &.bottom-right > div {
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+}
+.double-contour {
+  &.middle > div {
+    border-radius: 0;
+  }
+}
+</style>

package/dist/components/PlAccordion/ExpandTransition.vue.js

@@ -1,27 +0,0 @@
-import { defineComponent as n, createBlock as r, openBlock as a, Transition as s, withCtx as p, renderSlot as c } from "vue";
-const f = /* @__PURE__ */ n({
-  __name: "ExpandTransition",
-  setup(l) {
-    const t = (e) => {
-      e.classList.add("expand-collapse-fix"), e.style.setProperty("--component-height", e.scrollHeight + "px");
-    }, o = (e) => {
-      e.style.removeProperty("--component-height"), e.classList.remove("expand-collapse-fix");
-    };
-    return (e, i) => (a(), r(s, {
-      name: "expand-collapse",
-      onEnter: t,
-      onLeave: t,
-      onAfterEnter: o,
-      onAfterLeave: o
-    }, {
-      default: p(() => [
-        c(e.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  f as default
-};
-//# sourceMappingURL=ExpandTransition.vue.js.map

package/dist/components/PlAccordion/ExpandTransition.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandTransition.vue.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add('expand-collapse-fix');\n  (el as HTMLElement).style.setProperty('--component-height', el.scrollHeight + 'px');\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty('--component-height');\n  el.classList.remove('expand-collapse-fix');\n};\n</script>\n\n<template>\n  <Transition name=\"expand-collapse\" @enter=\"onStart\" @leave=\"onStart\" @after-enter=\"onAfter\" @after-leave=\"onAfter\">\n    <slot/>\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter"],"mappings":";;;;AACA,UAAMA,IAAU,CAACC,MAAgB;AAC/B,MAAAA,EAAG,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;AAAA,IAC3C;;;;;;;;;;;;;;;"}