@onereach/ui-components 26.2.1-beta.5848.0 → 26.2.2-beta.5850.0

package/dist/esm/{OrCheckboxTree-Bj6BZxdn.mjs.map → OrCheckboxTree-D5Ejbly0.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrCheckboxTree-Bj6BZxdn.mjs","sources":["../../../components/or-checkbox-tree-v3/src/styles.ts","../../../components/or-checkbox-tree-v3/src/utils/extractChildrenValues.ts","../../../components/or-checkbox-tree-v3/src/OrCheckboxTree.vue"],"sourcesContent":["export const CheckboxTreeRoot: string[] = [\n  // Layout\n  'flex',\n  'flex-col',\n\n  // Spacing\n  'md:gap-sm',\n];\n\nexport const CheckboxTreeRootParent: string[] = [\n  // Layout\n  'flex',\n  'flex-row',\n  'gap-xs',\n];\n","import { flattenDeep } from '@onereach/ui-components-common/utils';\n\nimport { CheckboxTreeNode } from '../types';\n\nconst getChildValues = (children?: CheckboxTreeNode[]): any[] | undefined => {\n  return children?.map((child) => {\n    if (child.disabled) {\n      return undefined;\n    }\n    if (child.children) {\n      return getChildValues(child.children);\n    } else {\n      return child.value;\n    }\n  });\n};\nexport function extractChildrenValues(children: CheckboxTreeNode[]): any[] {\n  return flattenDeep(getChildValues(children)).filter(Boolean);\n}\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"hasChildren\">\n      <div :class=\"parentStyles\">\n        <template v-if=\"collapsible\">\n          <OrButton\n            :variant=\"'link'\"\n            :disabled=\"disabled\"\n            @click=\"setIsOpen(!isOpen)\"\n          >\n            <OrIcon\n              :class=\"[isOpen ? 'rotate-[180deg]': 'rotate-0']\"\n              :icon=\"'arrow_drop_down'\"\n              :size=\"'l'\"\n            />\n          </OrButton>\n        </template>\n\n        <OrCheckbox\n          :model-value=\"isAllChildrenSelected\"\n          :value=\"true\"\n          :indeterminate=\"isIntermediate\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          @click=\"handleParentClick\"\n        >\n          <slot\n            name=\"checkboxLabel\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </OrCheckbox>\n      </div>\n\n      <div\n        v-if=\"hasChildren && isOpen\"\n        :class=\"[collapsible ? 'ml-2xl' : 'ml-lg']\"\n      >\n        <OrCheckboxTree\n          v-for=\"child in item.children\"\n          :key=\"child.value || child.label\"\n          v-model=\"proxyModelValue\"\n          :class=\"['mt-xs']\"\n          :item=\"child\"\n          :collapsible=\"child.collapsible\"\n          :expanded=\"child.expanded\"\n          :disabled=\"disabled || child.disabled\"\n          :readonly=\"readonly || child.readonly\"\n        >\n          <template v-slot:checkboxLabel=\"{ item }\">\n            <slot\n              name=\"checkboxLabel\"\n              :item=\"item\"\n            >\n              {{ item.label }}\n            </slot>\n          </template>\n        </OrCheckboxTree>\n      </div>\n    </template>\n\n    <template v-else>\n      <OrCheckbox\n        v-model=\"proxyModelValue\"\n        :value=\"item.value\"\n        :disabled=\"disabled || item.disabled\"\n        :readonly=\"readonly || item.readonly\"\n      >\n        <slot\n          name=\"checkboxLabel\"\n          :item=\"item\"\n        >\n          {{ item.label }}\n        </slot>\n      </OrCheckbox>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrCheckboxV3 as OrCheckbox } from '@onereach/ui-components.or-checkbox-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { useToggle } from '@vueuse/core';\nimport { PropType, computed, defineComponent, toRefs, watch } from 'vue';\n\nimport { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles';\nimport { CheckboxTreeNode } from './types';\nimport { extractChildrenValues } from './utils/extractChildrenValues';\n\nexport default defineComponent({\n  name: 'OrCheckboxTree',\n\n  components: {\n    OrIcon,\n    OrCheckbox,\n    OrButton,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    item: {\n      type: Object as PropType<CheckboxTreeNode>,\n      required: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    expanded: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // State\n    const { modelValue, item, expanded } = toRefs(props);\n    const children = computed(() => item.value.children || []);\n    const hasChildren = computed(() => children.value.length > 0);\n\n    const childrenValues = computed(() => {\n      return hasChildren.value ? extractChildrenValues(children.value) : [];\n    });\n\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n\n    const isAnyChildrenSelected = computed(() => {\n      return proxyModelValue.value?.some((value: any) => childrenValues.value?.includes(value));\n    });\n\n    const isAllChildrenSelected = computed(() => {\n      return childrenValues.value.length > 0 && childrenValues.value?.every((value) => proxyModelValue.value?.includes(value));\n    });\n\n    const isIntermediate = computed(() => {\n      return isAnyChildrenSelected.value && !isAllChildrenSelected.value;\n    });\n\n    const [isOpen, setIsOpen] = useToggle(expanded.value);\n\n    watch(expanded, (value) => {\n      if (value !== undefined) {\n        setIsOpen(value);\n      }\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-checkbox-tree-v3',\n      ...CheckboxTreeRoot,\n    ]);\n\n    // Styles\n    const parentStyles = computed(() => [\n      ...CheckboxTreeRootParent,\n    ]);\n\n    // Methods\n    const handleParentClick = () => {\n      if (isAllChildrenSelected.value) {\n        proxyModelValue.value = proxyModelValue.value.filter((value: any) => !childrenValues.value.includes(value));\n      } else {\n        proxyModelValue.value = [\n          ...new Set([\n            ...proxyModelValue.value,\n            ...childrenValues.value,\n          ]),\n        ];\n      }\n    };\n\n    return {\n      rootStyles,\n      parentStyles,\n      hasChildren,\n      proxyModelValue,\n      isOpen,\n      setIsOpen,\n      isIntermediate,\n      isAllChildrenSelected,\n      isAnyChildrenSelected,\n      childrenValues,\n      handleParentClick,\n    };\n  },\n});\n</script>\n"],"names":["CheckboxTreeRoot","CheckboxTreeRootParent","getChildValues","children","child","extractChildrenValues","flattenDeep","_sfc_main","defineComponent","OrIcon","OrCheckbox","OrButton","props","context","modelValue","item","expanded","toRefs","computed","hasChildren","childrenValues","proxyModelValue","useProxyModelValue","isAnyChildrenSelected","_a","value","isAllChildrenSelected","isIntermediate","isOpen","setIsOpen","useToggle","watch","rootStyles","parentStyles","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_createElementVNode","_createBlock","_component_OrButton","_cache","$event","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_component_OrCheckbox","_renderList","_component_OrCheckboxTree","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"OrCheckboxTree-D5Ejbly0.mjs","sources":["../../../components/or-checkbox-tree-v3/src/styles.ts","../../../components/or-checkbox-tree-v3/src/utils/extractChildrenValues.ts","../../../components/or-checkbox-tree-v3/src/OrCheckboxTree.vue"],"sourcesContent":["export const CheckboxTreeRoot: string[] = [\n  // Layout\n  'flex',\n  'flex-col',\n\n  // Spacing\n  'md:gap-sm',\n];\n\nexport const CheckboxTreeRootParent: string[] = [\n  // Layout\n  'flex',\n  'flex-row',\n  'gap-xs',\n];\n","import { flattenDeep } from '@onereach/ui-components-common/utils';\n\nimport { CheckboxTreeNode } from '../types';\n\nconst getChildValues = (children?: CheckboxTreeNode[]): any[] | undefined => {\n  return children?.map((child) => {\n    if (child.disabled) {\n      return undefined;\n    }\n    if (child.children) {\n      return getChildValues(child.children);\n    } else {\n      return child.value;\n    }\n  });\n};\nexport function extractChildrenValues(children: CheckboxTreeNode[]): any[] {\n  return flattenDeep(getChildValues(children)).filter(Boolean);\n}\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"hasChildren\">\n      <div :class=\"parentStyles\">\n        <template v-if=\"collapsible\">\n          <OrButton\n            :variant=\"'link'\"\n            :disabled=\"disabled\"\n            @click=\"setIsOpen(!isOpen)\"\n          >\n            <OrIcon\n              :class=\"[isOpen ? 'rotate-[180deg]': 'rotate-0']\"\n              :icon=\"'arrow_drop_down'\"\n              :size=\"'l'\"\n            />\n          </OrButton>\n        </template>\n\n        <OrCheckbox\n          :model-value=\"isAllChildrenSelected\"\n          :value=\"true\"\n          :indeterminate=\"isIntermediate\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          @click=\"handleParentClick\"\n        >\n          <slot\n            name=\"checkboxLabel\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </OrCheckbox>\n      </div>\n\n      <div\n        v-if=\"hasChildren && isOpen\"\n        :class=\"[collapsible ? 'ml-2xl' : 'ml-lg']\"\n      >\n        <OrCheckboxTree\n          v-for=\"child in item.children\"\n          :key=\"child.value || child.label\"\n          v-model=\"proxyModelValue\"\n          :class=\"['mt-xs']\"\n          :item=\"child\"\n          :collapsible=\"child.collapsible\"\n          :expanded=\"child.expanded\"\n          :disabled=\"disabled || child.disabled\"\n          :readonly=\"readonly || child.readonly\"\n        >\n          <template v-slot:checkboxLabel=\"{ item }\">\n            <slot\n              name=\"checkboxLabel\"\n              :item=\"item\"\n            >\n              {{ item.label }}\n            </slot>\n          </template>\n        </OrCheckboxTree>\n      </div>\n    </template>\n\n    <template v-else>\n      <OrCheckbox\n        v-model=\"proxyModelValue\"\n        :value=\"item.value\"\n        :disabled=\"disabled || item.disabled\"\n        :readonly=\"readonly || item.readonly\"\n      >\n        <slot\n          name=\"checkboxLabel\"\n          :item=\"item\"\n        >\n          {{ item.label }}\n        </slot>\n      </OrCheckbox>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrCheckboxV3 as OrCheckbox } from '@onereach/ui-components.or-checkbox-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { useToggle } from '@vueuse/core';\nimport { PropType, computed, defineComponent, toRefs, watch } from 'vue';\n\nimport { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles';\nimport { CheckboxTreeNode } from './types';\nimport { extractChildrenValues } from './utils/extractChildrenValues';\n\nexport default defineComponent({\n  name: 'OrCheckboxTree',\n\n  components: {\n    OrIcon,\n    OrCheckbox,\n    OrButton,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    item: {\n      type: Object as PropType<CheckboxTreeNode>,\n      required: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    expanded: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // State\n    const { modelValue, item, expanded } = toRefs(props);\n    const children = computed(() => item.value.children || []);\n    const hasChildren = computed(() => children.value.length > 0);\n\n    const childrenValues = computed(() => {\n      return hasChildren.value ? extractChildrenValues(children.value) : [];\n    });\n\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n\n    const isAnyChildrenSelected = computed(() => {\n      return proxyModelValue.value?.some((value: any) => childrenValues.value?.includes(value));\n    });\n\n    const isAllChildrenSelected = computed(() => {\n      return childrenValues.value.length > 0 && childrenValues.value?.every((value) => proxyModelValue.value?.includes(value));\n    });\n\n    const isIntermediate = computed(() => {\n      return isAnyChildrenSelected.value && !isAllChildrenSelected.value;\n    });\n\n    const [isOpen, setIsOpen] = useToggle(expanded.value);\n\n    watch(expanded, (value) => {\n      if (value !== undefined) {\n        setIsOpen(value);\n      }\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-checkbox-tree-v3',\n      ...CheckboxTreeRoot,\n    ]);\n\n    // Styles\n    const parentStyles = computed(() => [\n      ...CheckboxTreeRootParent,\n    ]);\n\n    // Methods\n    const handleParentClick = () => {\n      if (isAllChildrenSelected.value) {\n        proxyModelValue.value = proxyModelValue.value.filter((value: any) => !childrenValues.value.includes(value));\n      } else {\n        proxyModelValue.value = [\n          ...new Set([\n            ...proxyModelValue.value,\n            ...childrenValues.value,\n          ]),\n        ];\n      }\n    };\n\n    return {\n      rootStyles,\n      parentStyles,\n      hasChildren,\n      proxyModelValue,\n      isOpen,\n      setIsOpen,\n      isIntermediate,\n      isAllChildrenSelected,\n      isAnyChildrenSelected,\n      childrenValues,\n      handleParentClick,\n    };\n  },\n});\n</script>\n"],"names":["CheckboxTreeRoot","CheckboxTreeRootParent","getChildValues","children","child","extractChildrenValues","flattenDeep","_sfc_main","defineComponent","OrIcon","OrCheckbox","OrButton","props","context","modelValue","item","expanded","toRefs","computed","hasChildren","childrenValues","proxyModelValue","useProxyModelValue","isAnyChildrenSelected","_a","value","isAllChildrenSelected","isIntermediate","isOpen","setIsOpen","useToggle","watch","rootStyles","parentStyles","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_createElementVNode","_createBlock","_component_OrButton","_cache","$event","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_component_OrCheckbox","_renderList","_component_OrCheckboxTree","_renderSlot"],"mappings":"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"}

package/dist/esm/{OrConfirm-CHaw4Kx9.mjs → OrConfirm-DaPDWu0q.mjs}

@@ -1,12 +1,12 @@
 import { usePopoverState as H } from "@onereach/ui-components-common/hooks";
-import { O as K } from "./OrButton-_RCmYvxT.mjs";
-import { a as $ } from "./OrButton.vue_vue_type_script_lang-CAOLKmru.mjs";
+import { O as K } from "./OrButton-ZxDr22t7.mjs";
+import { a as $ } from "./OrButton.vue_vue_type_script_lang-CkMyXNEI.mjs";
 import { O as M } from "./OrInput-nExtCSw8.mjs";
 import { O as R } from "./OrOverlay-BzbAwvpo.mjs";
 import { O as U } from "./OrText-3zAJU5xf.mjs";
 import { useMagicKeys as G, whenever as J, onClickOutside as Q } from "@vueuse/core";
 import { logicAnd as W } from "@vueuse/math";
-import { defineComponent as X, ref as i, computed as t, toRef as Y, watch as c, resolveComponent as p, openBlock as F, createBlock as Z, withCtx as w, createElementVNode as a, mergeProps as _, normalizeClass as s, renderSlot as T, createVNode as y, createElementBlock as oo, createCommentVNode as D, createTextVNode as P, toDisplayString as x } from "vue";
+import { defineComponent as X, ref as l, computed as t, toRef as Y, watch as c, resolveComponent as p, openBlock as F, createBlock as Z, withCtx as w, createElementVNode as a, mergeProps as _, normalizeClass as s, renderSlot as T, createVNode as y, createElementBlock as oo, createCommentVNode as D, createTextVNode as P, toDisplayString as N } from "vue";
 import { _ as eo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var u = /* @__PURE__ */ ((o) => (o.D = "d", o.C = "c", o))(u || {});
 const to = [
@@ -18,7 +18,7 @@ const to = [
   // Layout
   "layout-column",
   // Box
-  "w-full md:w-[320px]",
+  "w-full md:w-[theme(tokens.confirm-dialog-width)]",
   // Spacing
   "px-lg",
   "py-lg",
@@ -45,10 +45,10 @@ const to = [
   "w-full",
   // Spacing
   "mt-md"
-], lo = [
+], io = [
   // Spacing
   "gap-md"
-], io = {
+], lo = {
   [u.C]: [
     // Layout
     "layout-row"
@@ -61,7 +61,7 @@ const to = [
   // Layout
   "!grow",
   // Box
-  "w-auto md:w-[128px]"
+  "w-auto md:w-[theme(tokens.confirm-dialog-action-width)]"
 ], so = X({
   name: "OrConfirm",
   components: {
@@ -136,23 +136,23 @@ const to = [
     "close"
   ],
   setup(o, n) {
-    const C = i(), g = i(), O = i(), I = t(() => [
+    const C = l(), g = l(), O = l(), I = t(() => [
       "or-confirm-v3",
       ...to
     ]), B = t(() => [
       ...no
-    ]), v = t(() => [
+    ]), h = t(() => [
       ...ro
     ]), d = t(() => [
-      ...lo,
-      ...io[o.confirmType]
-    ]), h = t(() => [
+      ...io,
+      ...lo[o.confirmType]
+    ]), k = t(() => [
       ...ao
-    ]), { state: l, open: N, close: f } = H(Y(o, "isOpen"), n.emit), m = i(!1), k = i("");
-    c(l, () => {
-      k.value = "";
+    ]), { state: i, open: A, close: f } = H(Y(o, "isOpen"), n.emit), m = l(!1), v = l("");
+    c(i, () => {
+      v.value = "";
     });
-    const { escape: V, enter: A } = G(), S = t(() => !!o.confirmationText && o.confirmationText !== k.value), q = t(() => !!o.disabled || S.value), E = t(
+    const { escape: V, enter: q } = G(), S = t(() => !!o.confirmationText && o.confirmationText !== v.value), x = t(() => !!o.disabled || S.value), E = t(
       () => o.confirmType === u.C ? $.Primary : $.Danger
     );
     function b() {
@@ -177,27 +177,27 @@ const to = [
         const r = e.root;
         r == null || r.focus();
       }
-    }), J(W(A, m), () => b()), Q(C, () => {
+    }), J(W(q, m), () => b()), Q(C, () => {
       o.closeOnClickOutside && f();
     }), {
       root: C,
       confirmationInput: g,
       confirmationButton: O,
-      confirmationValue: k,
+      confirmationValue: v,
       confirmButtonColor: E,
       isInvalid: S,
-      isConfirmationButtonDisabled: q,
-      state: l,
+      isConfirmationButtonDisabled: x,
+      state: i,
       isInputActive: m,
       escape: V,
       rootStyles: I,
       headerStyles: B,
-      inputBoxStyles: v,
+      inputBoxStyles: h,
       footerStyles: d,
-      buttonsStyles: h,
+      buttonsStyles: k,
       confirm: b,
       onConfirmClick: z,
-      open: N,
+      open: A,
       close: f,
       onInputFocus: L,
       onInputBlur: j
@@ -205,8 +205,8 @@ const to = [
   }
 }), uo = { class: "grow" }, fo = { class: "overflow-y-auto overflow-x-hidden" };
 function mo(o, n, C, g, O, I) {
-  const B = p("OrText"), v = p("OrInput"), d = p("OrButton"), h = p("OrOverlay");
-  return o.state === "open" ? (F(), Z(h, {
+  const B = p("OrText"), h = p("OrInput"), d = p("OrButton"), k = p("OrOverlay");
+  return o.state === "open" ? (F(), Z(k, {
     key: 0,
     fullscreen: !0
   }, {
@@ -234,10 +234,10 @@ function mo(o, n, C, g, O, I) {
             key: 0,
             class: s(o.inputBoxStyles)
           }, [
-            y(v, {
+            y(h, {
               ref: "confirmationInput",
               modelValue: o.confirmationValue,
-              "onUpdate:modelValue": n[0] || (n[0] = (l) => o.confirmationValue = l),
+              "onUpdate:modelValue": n[0] || (n[0] = (i) => o.confirmationValue = i),
               label: o.textConfirmationLabel,
               placeholder: o.textConfirmationPlaceholder,
               onFocus: o.onInputFocus,
@@ -256,10 +256,10 @@ function mo(o, n, C, g, O, I) {
               class: s(o.buttonsStyles),
               variant: "outlined",
               disabled: o.loading,
-              onClick: n[1] || (n[1] = (l) => o.close())
+              onClick: n[1] || (n[1] = (i) => o.close())
             }, {
               default: w(() => [
-                P(x(o.cancelButtonText), 1)
+                P(N(o.cancelButtonText), 1)
               ]),
               _: 1
             }, 8, ["class", "disabled"]),
@@ -272,7 +272,7 @@ function mo(o, n, C, g, O, I) {
               onClick: o.onConfirmClick
             }, {
               default: w(() => [
-                P(x(o.confirmButtonText), 1)
+                P(N(o.confirmButtonText), 1)
               ]),
               _: 1
             }, 8, ["class", "color", "loading", "disabled", "onClick"])
@@ -288,4 +288,4 @@ export {
   u as C,
   So as O
 };
-//# sourceMappingURL=OrConfirm-CHaw4Kx9.mjs.map
+//# sourceMappingURL=OrConfirm-DaPDWu0q.mjs.map

package/dist/esm/OrConfirm-DaPDWu0q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrConfirm-DaPDWu0q.mjs","sources":["../../../components/or-confirm-v3/src/props.ts","../../../components/or-confirm-v3/src/styles.ts","../../../components/or-confirm-v3/src/OrConfirm.vue"],"sourcesContent":["export enum ConfirmType {\n  D = 'd', // destructive / dangerous\n  C = 'c', // consequential / common\n}\n","import { ConfirmType } from './props';\n\nexport const Confirm: string[] = [\n  // Position\n  'fixed md:static',\n\n  'left-0',\n  'right-0',\n  'bottom-0',\n\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-full md:w-[theme(tokens.confirm-dialog-width)]',\n\n  // Spacing\n  'px-lg',\n  'py-lg',\n\n  'gap-md',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ConfirmHeader: string[] = [\n  // Layout\n  'layout-row justify-between',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const ConfirmInput: string[] = [\n  // Box\n  'w-full',\n\n  // Spacing\n  'mt-md',\n];\n\nexport const ConfirmFooter: string[] = [\n  // Spacing\n  'gap-md',\n];\n\nexport const ConfirmFooterTypes: Record<ConfirmType, string[]> = {\n  [ConfirmType.C]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [ConfirmType.D]: [\n    // Layout\n    'layout-row-reverse',\n  ],\n};\n\nexport const ConfirmFooterButtons: string[] = [\n  // Layout\n  '!grow',\n\n  // Box\n  'w-auto md:w-[theme(tokens.confirm-dialog-action-width)]',\n];\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"true\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      :role=\"'alertdialog'\"\n    >\n      <div :class=\"headerStyles\">\n        <slot name=\"header\">\n          <OrText\n            :text=\"titleText\"\n            :slice-index=\"4\"\n          />\n        </slot>\n      </div>\n\n      <div class=\"grow\">\n        <div class=\"overflow-y-auto overflow-x-hidden\">\n          <slot />\n        </div>\n        <div\n          v-if=\"confirmationText\"\n          :class=\"inputBoxStyles\"\n        >\n          <OrInput\n            :ref=\"'confirmationInput'\"\n            v-model=\"confirmationValue\"\n            :label=\"textConfirmationLabel\"\n            :placeholder=\"textConfirmationPlaceholder\"\n            @focus=\"onInputFocus\"\n            @blur=\"onInputBlur\"\n          />\n        </div>\n      </div>\n\n      <slot\n        name=\"footer\"\n        :confirm=\"confirm\"\n        :cancel=\"close\"\n      >\n        <div :class=\"footerStyles\">\n          <OrButton\n            :class=\"buttonsStyles\"\n            :variant=\"'outlined'\"\n            :disabled=\"loading\"\n            @click=\"close()\"\n          >\n            {{ cancelButtonText }}\n          </OrButton>\n\n          <OrButton\n            :ref=\"'confirmationButton'\"\n            :class=\"buttonsStyles\"\n            :color=\"confirmButtonColor\"\n            :loading=\"loading\"\n            :disabled=\"isConfirmationButtonDisabled\"\n            @click=\"onConfirmClick\"\n          >\n            {{ confirmButtonText }}\n          </OrButton>\n        </div>\n      </slot>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { ButtonColor, OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport { onClickOutside, useMagicKeys, whenever } from '@vueuse/core';\nimport { logicAnd } from '@vueuse/math';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ConfirmType } from './props';\nimport { Confirm, ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput } from './styles';\n\nexport default defineComponent({\n  name: 'OrConfirm',\n\n  components: {\n    OrOverlay,\n    OrButton,\n    OrInput,\n    OrText,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    titleText: {\n      type: String,\n      required: false,\n      default: null,\n    },\n\n    confirmButtonText: {\n      type: String,\n      default: 'Confirm',\n    },\n\n    autoCloseOnConfirm: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeOnClickOutside: {\n      type: Boolean,\n      default: true,\n    },\n\n    cancelButtonText: {\n      type: String,\n      default: 'Cancel',\n    },\n\n    confirmType: {\n      type: String as PropType<`${ConfirmType}`>,\n      default: () => ConfirmType.C,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n\n    confirmationText: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationPlaceholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n    'confirm',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const confirmationInput = ref<InstanceType<typeof OrInput>>();\n    const confirmationButton = ref<InstanceType<typeof OrButton>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-confirm-v3',\n      ...Confirm,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...ConfirmHeader,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      ...ConfirmInput,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...ConfirmFooter,\n      ...ConfirmFooterTypes[props.confirmType],\n    ]);\n\n    const buttonsStyles = computed(() => [\n      ...ConfirmFooterButtons,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n    const isInputActive = ref(false);\n    const confirmationValue = ref('');\n\n    watch(state, () => {\n      confirmationValue.value = '';\n    });\n\n    const { escape, enter } = useMagicKeys();\n\n    const isInvalid = computed(() => {\n      return !!props.confirmationText && props.confirmationText !== confirmationValue.value;\n    });\n\n    const isConfirmationButtonDisabled = computed(() => !!props.disabled || isInvalid.value);\n\n    const confirmButtonColor = computed(() =>\n      props.confirmType === ConfirmType.C ? ButtonColor.Primary : ButtonColor.Danger,\n    );\n\n    // Methods\n    function confirm(): void {\n      if (!props.disabled && !isInvalid.value) {\n        context.emit('confirm');\n      }\n    }\n\n    function onInputFocus(): void {\n      isInputActive.value = true;\n    }\n\n    function onInputBlur(): void {\n      isInputActive.value = false;\n    }\n\n    function onConfirmClick(): void {\n      confirm();\n      if (props.autoCloseOnConfirm) {\n        close();\n      }\n    }\n    // Events\n    watch(escape, (val) => {\n      if (val) close();\n    });\n\n    // types here are used for fixing TS2349\n    watch(confirmationInput as any, (val: InstanceType<typeof OrInput>) =>\n      (val?.focus as (() => void) | undefined)?.());\n\n    // types here are used for fixing TS2349\n    watch(confirmationButton as any, (val: InstanceType<typeof OrButton>) => {\n      if (val && !props.confirmationText) {\n        const button = val.root as HTMLButtonElement | undefined;\n        button?.focus();\n      }\n    });\n\n    whenever(logicAnd(enter, isInputActive), () => confirm());\n\n    // #region Click Outside\n    onClickOutside(root, () => {\n      props.closeOnClickOutside ? close() : undefined;\n    });\n    // #endregion\n\n    return {\n      root,\n      confirmationInput,\n      confirmationButton,\n      confirmationValue,\n      confirmButtonColor,\n      isInvalid,\n      isConfirmationButtonDisabled,\n      state,\n      isInputActive,\n      escape,\n      rootStyles,\n      headerStyles,\n      inputBoxStyles,\n      footerStyles,\n      buttonsStyles,\n      confirm,\n      onConfirmClick,\n      open,\n      close,\n      onInputFocus,\n      onInputBlur,\n    };\n  },\n});\n</script>\n"],"names":["ConfirmType","Confirm","ConfirmHeader","ConfirmInput","ConfirmFooter","ConfirmFooterTypes","ConfirmFooterButtons","_sfc_main","defineComponent","OrOverlay","OrButton","OrInput","OrText","props","context","root","ref","confirmationInput","confirmationButton","rootStyles","computed","headerStyles","inputBoxStyles","footerStyles","buttonsStyles","state","open","close","usePopoverState","toRef","isInputActive","confirmationValue","watch","escape","enter","useMagicKeys","isInvalid","isConfirmationButtonDisabled","confirmButtonColor","ButtonColor","confirm","onInputFocus","onInputBlur","onConfirmClick","val","_a","button","whenever","logicAnd","onClickOutside","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_createVNode","_component_OrText","_hoisted_1","_hoisted_2","_renderSlot","_createElementBlock","_component_OrInput","_cache","$event","_createCommentVNode","_component_OrButton"],"mappings":"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"}

package/dist/esm/{OrDataGrid-DilQSW6Y.mjs → OrDataGrid-BCwAsNEo.mjs}

@@ -1,19 +1,19 @@
 import { O as X } from "./OrCheckbox-WPBzlvaV.mjs";
-import { O as Y } from "./OrPagination-pcDCKc9g.mjs";
+import { O as Y } from "./OrPagination-BXzDa-Su.mjs";
 import { O as Z } from "./OrSearch-CRFuNmg2.mjs";
 import { O as _ } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
 import { defineComponent as G, ref as D, computed as n, openBlock as a, createElementBlock as g, normalizeClass as u, renderSlot as s, createCommentVNode as p, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as f, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as m, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as re } from "./OrDatePicker-B_N24Q-T.mjs";
-import { O as ne } from "./OrDateTimePicker-CNt_o1Js.mjs";
-import "./OrDateTimePicker.vue_vue_type_script_lang-Btv1OOQV.mjs";
+import { O as re } from "./OrDatePicker-DNeOsEsZ.mjs";
+import { O as ne } from "./OrDateTimePicker-4_NxJ8fZ.mjs";
+import "./OrDateTimePicker.vue_vue_type_script_lang-DpBAUAHC.mjs";
 import "@onereach/ui-components-common/types";
 import { O as le } from "./OrInput-nExtCSw8.mjs";
 import { O as se } from "./OrRating-CAwz23JA.mjs";
-import { O as ie } from "./OrSelect-ZitJ7RzV.mjs";
+import { O as ie } from "./OrSelect-BeL73iXu.mjs";
 import { O as de } from "./OrSwitch-BtoXDsZx.mjs";
-import { O as ue } from "./OrTagInput-Dh7CXsmw.mjs";
-import { O as ce } from "./OrTimePicker-BMaG_y1J.mjs";
+import { O as ue } from "./OrTagInput-B2U22gXE.mjs";
+import { O as ce } from "./OrTimePicker-BzUELsN7.mjs";
 import { O as me } from "./OrIcon-k8cyvh-D.mjs";
 import { useElementSize as fe } from "@vueuse/core";
 import { O as pe } from "./OrNotification-BkjmRseb.mjs";
@@ -1603,4 +1603,4 @@ export {
   It as o,
   Et as p
 };
-//# sourceMappingURL=OrDataGrid-DilQSW6Y.mjs.map
+//# sourceMappingURL=OrDataGrid-BCwAsNEo.mjs.map