@onereach/ui-components 23.0.0 → 23.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/{OrFilter-Bb3EDyq7.mjs → OrFilter-sHL5dLBZ.mjs} +2 -2
- package/dist/esm/{OrFilter-Bb3EDyq7.mjs.map → OrFilter-sHL5dLBZ.mjs.map} +1 -1
- package/dist/esm/{OrFilterTrigger-Cq6VYFTA.mjs → OrFilterTrigger-CiScTjiQ.mjs} +2 -2
- package/dist/esm/OrFilterTrigger-CiScTjiQ.mjs.map +1 -0
- package/dist/esm/components/index.mjs +2 -2
- package/dist/esm/components/or-filter-trigger-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +2 -2
- package/dist/types/components/or-filter-trigger-v3/OrFilterTrigger.vue.d.ts +3 -3
- package/dist/types/components/or-filter-v3/OrFilter.vue.d.ts +7 -7
- package/package.json +4 -4
- package/dist/esm/OrFilterTrigger-Cq6VYFTA.mjs.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as R, ref as n, computed as m, toRef as C, resolveComponent as f, openBlock as S, createElementBlock as c, normalizeClass as k, createVNode as u, mergeProps as v, withCtx as d, renderSlot as O, normalizeProps as B, guardReactiveProps as T } from "vue";
|
|
2
2
|
import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
|
|
3
3
|
import { O as j } from "./OrFilterPopover-C8lXb-hJ.mjs";
|
|
4
|
-
import { O as z } from "./OrFilterTrigger-
|
|
4
|
+
import { O as z } from "./OrFilterTrigger-CiScTjiQ.mjs";
|
|
5
5
|
import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
6
6
|
const A = [], E = R({
|
|
7
7
|
name: "OrFilter",
|
|
@@ -102,4 +102,4 @@ const H = /* @__PURE__ */ w(E, [["render", N]]);
|
|
|
102
102
|
export {
|
|
103
103
|
H as O
|
|
104
104
|
};
|
|
105
|
-
//# sourceMappingURL=OrFilter-
|
|
105
|
+
//# sourceMappingURL=OrFilter-sHL5dLBZ.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrFilter-
|
|
1
|
+
{"version":3,"file":"OrFilter-sHL5dLBZ.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <OrFilterTrigger\n :ref=\"'trigger'\"\n :is-open=\"state === 'open'\"\n v-bind=\"triggerProps\"\n @click=\"toggle()\"\n @reset=\"reset()\"\n />\n\n <OrFilterPopover\n :ref=\"'popover'\"\n :is-open=\"state === 'open'\"\n :trigger=\"triggerRoot\"\n v-bind=\"popoverProps\"\n @update:state=\"$event === 'open' ? open() : close()\"\n @apply=\"apply()\"\n @reset=\"reset()\"\n >\n <slot />\n\n <template v-slot:actions=\"props\">\n <slot\n :name=\"'actions'\"\n v-bind=\"props\"\n />\n </template>\n </OrFilterPopover>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilter',\n\n components: {\n OrFilterPopover,\n OrFilterTrigger,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n triggerProps: {\n type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n default: () => ({}),\n },\n\n popoverProps: {\n type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n default: () => ({}),\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n\n 'apply',\n 'reset',\n ],\n\n expose: [\n 'root',\n\n 'state',\n\n 'open',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-v3',\n ...Styles.Filter,\n ]);\n\n const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n const triggerRoot = computed(() => {\n return trigger.value?.root;\n });\n\n const popover = ref<InstanceType<typeof OrFilterPopover>>();\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n // Methods\n function apply(): void {\n context.emit('apply');\n }\n\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n trigger,\n triggerRoot,\n\n popover,\n\n state,\n\n open,\n close,\n toggle,\n\n apply,\n reset,\n };\n },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}
|
|
@@ -72,7 +72,7 @@ const T = [
|
|
|
72
72
|
default: !1
|
|
73
73
|
},
|
|
74
74
|
value: {
|
|
75
|
-
type: Number,
|
|
75
|
+
type: [Number, String],
|
|
76
76
|
default: void 0
|
|
77
77
|
},
|
|
78
78
|
label: {
|
|
@@ -150,4 +150,4 @@ const L = /* @__PURE__ */ x(C, [["render", N]]);
|
|
|
150
150
|
export {
|
|
151
151
|
L as O
|
|
152
152
|
};
|
|
153
|
-
//# sourceMappingURL=OrFilterTrigger-
|
|
153
|
+
//# sourceMappingURL=OrFilterTrigger-CiScTjiQ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrFilterTrigger-CiScTjiQ.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[44px] md:h-[32px]',\n\n // Spacing\n 'px-md md:px-sm+',\n 'py-0',\n\n 'gap-md+ md:gap-md',\n\n // Typography\n 'typography-button',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary-hover',\n 'dark:hover:theme-foreground-primary-hover-dark',\n\n 'hover:theme-background-primary-translucent-1',\n 'dark:hover:theme-background-primary-translucent-1-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-primary-translucent-1',\n 'dark:selected:theme-background-primary-translucent-1-dark',\n\n // Theme (activated)\n 'activated:theme-background-primary-translucent-1',\n 'dark:activated:theme-background-primary-translucent-1-dark',\n\n // Theme (.icon)\n '[&_.icon]:theme-foreground-primary',\n 'dark:[&_.icon]:theme-foreground-primary-dark',\n\n // Theme (.icon / hover)\n '[&_.icon]:hover:theme-foreground-primary-hover',\n 'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n // Layout\n 'layout-row',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[36px] md:h-[24px]',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-0',\n\n 'gap-sm+ md:gap-sm',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"isOpen\"\n :activated=\"!!value\"\n @click=\"$emit('click', $event)\"\n >\n <div :class=\"labelStyles\">\n <OrIcon\n :class=\"'icon'\"\n :icon=\"'filter_list'\"\n />\n\n {{ label }}\n </div>\n\n <template v-if=\"value\">\n <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n <div :class=\"tagStyles\">\n {{ value }}\n\n <div :class=\"['layout-inline-row', '-m-[4px]']\">\n <OrIconButton\n :icon=\"'close'\"\n @click.stop=\"reset()\"\n />\n </div>\n </div>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterTrigger',\n\n components: {\n OrIcon,\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n value: {\n type: [Number, String],\n default: undefined,\n },\n\n label: {\n type: String,\n default: 'Filters',\n },\n },\n\n emits: [\n 'reset',\n 'click',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-trigger-v3',\n ...Styles.FilterTrigger,\n ]);\n\n const labelStyles = computed(() => [\n ...Styles.FilterTriggerLabel,\n ]);\n\n const tagStyles = computed(() => [\n ...Styles.FilterTriggerTag,\n ]);\n\n // Methods\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n labelStyles,\n\n tagStyles,\n\n reset,\n };\n },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":";;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AACF,GAEaC,IAA6B;AAAA;AAAA,EAExC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GC3CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAYJ,EAAS,MAAM;AAAA,MAC/B,GAAGK;AAAAA,IAAO,CACX;AAGD,aAASC,IAAc;AACrB,MAAAV,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,aAAAG;AAAA,MAEA,WAAAE;AAAA,MAEA,OAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,kCAzFWC,IAAK;AAAA,EAAA,KAAA;AAAA;;;;;6BAjBfC,EA8BM,cAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,UAAKA,EAAA;AAAA,IAAA,WAAA,CAAA,CAAAA,EAAA;AAAA,IAEN,SAOMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,SAAAE,CAAA;AAAA,EAAA,GAAA;AAAA;MANJ,OAGEH,EAAAC,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA,QADOG,GAAa;AAAA,QAAA,OAAAJ,EAAA,MAAA;AAAA;;MAMRK,EAAK,MAAAC,EAAAL,EAAA,KAAA,GAAA,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,IAEjBA,EAAA,SAAAH,EAAA,KAAa,OAASF,GAAA;AAAA,MAAAW,EAAA,OAAA;AAAA,QACjB,OAAAP,EAAAC,EAAA,SAAA;AAAA,MAAA,GAEH;AAAA,QAIII,EAAAC,EAAAL,EAAA,KAAA,IAAA,KAAA,CAAA;AAAA,QAFcM,EAAA,OAAAC,GAAA;AAAA,UACRC,EAAAC,GAAA;AAAA,YAAA,MAAA;AAAA;;;;;;;;"}
|
|
@@ -36,8 +36,8 @@ import { O as Xr } from "../OrError-B5ihH6-3.mjs";
|
|
|
36
36
|
import { b as Zr, a as _r, E as $r, O as ro } from "../OrExpansionPanel-BNGPdEnp.mjs";
|
|
37
37
|
import { F as ao, O as eo } from "../OrFab-Cbg9unNc.mjs";
|
|
38
38
|
import { O as so } from "../OrFilterPopover-C8lXb-hJ.mjs";
|
|
39
|
-
import { O as io } from "../OrFilterTrigger-
|
|
40
|
-
import { O as mo } from "../OrFilter-
|
|
39
|
+
import { O as io } from "../OrFilterTrigger-CiScTjiQ.mjs";
|
|
40
|
+
import { O as mo } from "../OrFilter-sHL5dLBZ.mjs";
|
|
41
41
|
import { F as xo, a as Vo, O as fo } from "../OrFormGroup-BFAjTfM9.mjs";
|
|
42
42
|
import { O as To } from "../OrHint-NvbZyURY.mjs";
|
|
43
43
|
import { I as So, O as uo } from "../OrIconButton-BlHCLpeW.mjs";
|
package/dist/esm/index.mjs
CHANGED
|
@@ -36,8 +36,8 @@ import { O as Xr } from "./OrError-B5ihH6-3.mjs";
|
|
|
36
36
|
import { b as Zr, a as _r, E as $r, O as ro } from "./OrExpansionPanel-BNGPdEnp.mjs";
|
|
37
37
|
import { F as ao, O as eo } from "./OrFab-Cbg9unNc.mjs";
|
|
38
38
|
import { O as so } from "./OrFilterPopover-C8lXb-hJ.mjs";
|
|
39
|
-
import { O as io } from "./OrFilterTrigger-
|
|
40
|
-
import { O as mo } from "./OrFilter-
|
|
39
|
+
import { O as io } from "./OrFilterTrigger-CiScTjiQ.mjs";
|
|
40
|
+
import { O as mo } from "./OrFilter-sHL5dLBZ.mjs";
|
|
41
41
|
import { F as xo, a as Vo, O as fo } from "./OrFormGroup-BFAjTfM9.mjs";
|
|
42
42
|
import { O as To } from "./OrHint-NvbZyURY.mjs";
|
|
43
43
|
import { I as So, O as uo } from "./OrIconButton-BlHCLpeW.mjs";
|
|
@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
4
4
|
default: boolean;
|
|
5
5
|
};
|
|
6
6
|
value: {
|
|
7
|
-
type: NumberConstructor;
|
|
7
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
8
8
|
default: undefined;
|
|
9
9
|
};
|
|
10
10
|
label: {
|
|
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
default: boolean;
|
|
24
24
|
};
|
|
25
25
|
value: {
|
|
26
|
-
type: NumberConstructor;
|
|
26
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
27
27
|
default: undefined;
|
|
28
28
|
};
|
|
29
29
|
label: {
|
|
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
35
35
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
36
36
|
}, {
|
|
37
37
|
isOpen: boolean;
|
|
38
|
-
value: number;
|
|
38
|
+
value: string | number;
|
|
39
39
|
label: string;
|
|
40
40
|
}, {}>;
|
|
41
41
|
export default _default;
|
|
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
triggerProps: {
|
|
8
8
|
type: PropType<Omit<{
|
|
9
9
|
isOpen?: boolean | undefined;
|
|
10
|
-
value?: number | undefined;
|
|
10
|
+
value?: string | number | undefined;
|
|
11
11
|
label?: string | undefined;
|
|
12
12
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
13
13
|
key?: string | number | symbol | undefined;
|
|
@@ -130,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
130
130
|
$data: {};
|
|
131
131
|
$props: {
|
|
132
132
|
isOpen?: boolean | undefined;
|
|
133
|
-
value?: number | undefined;
|
|
133
|
+
value?: string | number | undefined;
|
|
134
134
|
label?: string | undefined;
|
|
135
135
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
136
136
|
key?: string | number | symbol | undefined;
|
|
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
198
198
|
default: boolean;
|
|
199
199
|
};
|
|
200
200
|
value: {
|
|
201
|
-
type: NumberConstructor;
|
|
201
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
202
202
|
default: undefined;
|
|
203
203
|
};
|
|
204
204
|
label: {
|
|
@@ -216,7 +216,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
216
216
|
reset: () => void;
|
|
217
217
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "reset")[], string, {
|
|
218
218
|
isOpen: boolean;
|
|
219
|
-
value: number;
|
|
219
|
+
value: string | number;
|
|
220
220
|
label: string;
|
|
221
221
|
}, {}, string, {}> & {
|
|
222
222
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -244,7 +244,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
244
244
|
default: boolean;
|
|
245
245
|
};
|
|
246
246
|
value: {
|
|
247
|
-
type: NumberConstructor;
|
|
247
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
248
248
|
default: undefined;
|
|
249
249
|
};
|
|
250
250
|
label: {
|
|
@@ -505,7 +505,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
505
505
|
triggerProps: {
|
|
506
506
|
type: PropType<Omit<{
|
|
507
507
|
isOpen?: boolean | undefined;
|
|
508
|
-
value?: number | undefined;
|
|
508
|
+
value?: string | number | undefined;
|
|
509
509
|
label?: string | undefined;
|
|
510
510
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
511
511
|
key?: string | number | symbol | undefined;
|
|
@@ -630,7 +630,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
630
630
|
isOpen: boolean;
|
|
631
631
|
triggerProps: Omit<{
|
|
632
632
|
isOpen?: boolean | undefined;
|
|
633
|
-
value?: number | undefined;
|
|
633
|
+
value?: string | number | undefined;
|
|
634
634
|
label?: string | undefined;
|
|
635
635
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
636
636
|
key?: string | number | symbol | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.1.0",
|
|
4
4
|
"description": "Vue components library for v3",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"@codemirror/view": "^6",
|
|
47
47
|
"@floating-ui/dom": "1.5.3",
|
|
48
48
|
"@lezer/highlight": "*",
|
|
49
|
-
"@onereach/styles": "^23.
|
|
50
|
-
"@onereach/ui-components-common": "^23.
|
|
49
|
+
"@onereach/styles": "^23.1.0",
|
|
50
|
+
"@onereach/ui-components-common": "^23.1.0",
|
|
51
51
|
"@splidejs/splide": "4.0.6",
|
|
52
52
|
"@tiptap/core": "2.0.3",
|
|
53
53
|
"@tiptap/extension-blockquote": "2.0.3",
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
"access": "public"
|
|
104
104
|
},
|
|
105
105
|
"npmUnpacked": "4.15.2",
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "c80586c67acb60cb9347476f07f6bb516c731aca"
|
|
107
107
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrFilterTrigger-Cq6VYFTA.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[44px] md:h-[32px]',\n\n // Spacing\n 'px-md md:px-sm+',\n 'py-0',\n\n 'gap-md+ md:gap-md',\n\n // Typography\n 'typography-button',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary-hover',\n 'dark:hover:theme-foreground-primary-hover-dark',\n\n 'hover:theme-background-primary-translucent-1',\n 'dark:hover:theme-background-primary-translucent-1-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-primary-translucent-1',\n 'dark:selected:theme-background-primary-translucent-1-dark',\n\n // Theme (activated)\n 'activated:theme-background-primary-translucent-1',\n 'dark:activated:theme-background-primary-translucent-1-dark',\n\n // Theme (.icon)\n '[&_.icon]:theme-foreground-primary',\n 'dark:[&_.icon]:theme-foreground-primary-dark',\n\n // Theme (.icon / hover)\n '[&_.icon]:hover:theme-foreground-primary-hover',\n 'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n // Layout\n 'layout-row',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[36px] md:h-[24px]',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-0',\n\n 'gap-sm+ md:gap-sm',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"isOpen\"\n :activated=\"!!value\"\n @click=\"$emit('click', $event)\"\n >\n <div :class=\"labelStyles\">\n <OrIcon\n :class=\"'icon'\"\n :icon=\"'filter_list'\"\n />\n\n {{ label }}\n </div>\n\n <template v-if=\"value\">\n <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n <div :class=\"tagStyles\">\n {{ value }}\n\n <div :class=\"['layout-inline-row', '-m-[4px]']\">\n <OrIconButton\n :icon=\"'close'\"\n @click.stop=\"reset()\"\n />\n </div>\n </div>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterTrigger',\n\n components: {\n OrIcon,\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n value: {\n type: Number,\n default: undefined,\n },\n\n label: {\n type: String,\n default: 'Filters',\n },\n },\n\n emits: [\n 'reset',\n 'click',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-trigger-v3',\n ...Styles.FilterTrigger,\n ]);\n\n const labelStyles = computed(() => [\n ...Styles.FilterTriggerLabel,\n ]);\n\n const tagStyles = computed(() => [\n ...Styles.FilterTriggerTag,\n ]);\n\n // Methods\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n labelStyles,\n\n tagStyles,\n\n reset,\n };\n },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":";;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AACF,GAEaC,IAA6B;AAAA;AAAA,EAExC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GC3CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAYJ,EAAS,MAAM;AAAA,MAC/B,GAAGK;AAAAA,IAAO,CACX;AAGD,aAASC,IAAc;AACrB,MAAAV,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,aAAAG;AAAA,MAEA,WAAAE;AAAA,MAEA,OAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,kCAzFWC,IAAK;AAAA,EAAA,KAAA;AAAA;;;;;6BAjBfC,EA8BM,cAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,UAAKA,EAAA;AAAA,IAAA,WAAA,CAAA,CAAAA,EAAA;AAAA,IAEN,SAOMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,SAAAE,CAAA;AAAA,EAAA,GAAA;AAAA;MANJ,OAGEH,EAAAC,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA,QADOG,GAAa;AAAA,QAAA,OAAAJ,EAAA,MAAA;AAAA;;MAMRK,EAAK,MAAAC,EAAAL,EAAA,KAAA,GAAA,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,IAEjBA,EAAA,SAAAH,EAAA,KAAa,OAASF,GAAA;AAAA,MAAAW,EAAA,OAAA;AAAA,QACjB,OAAAP,EAAAC,EAAA,SAAA;AAAA,MAAA,GAEH;AAAA,QAIII,EAAAC,EAAAL,EAAA,KAAA,IAAA,KAAA,CAAA;AAAA,QAFcM,EAAA,OAAAC,GAAA;AAAA,UACRC,EAAAC,GAAA;AAAA,YAAA,MAAA;AAAA;;;;;;;;"}
|