@ironsource/shared-ui 1.4.2-test.4 → 1.4.2-test.5

package/src/components/switch/Switch.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { useVModel } from '@vueuse/core';
+import Text from '../typography/Text.vue.js';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["aria-label", "onClick"];
+const _sfc_main = defineComponent({
+  __name: "Switch",
+  props: {
+    options: {},
+    modelValue: {},
+    size: { default: "lg" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const box = ref(null);
+    const data = useVModel(props, "modelValue", emit);
+    const optionsRefs = ref([]);
+    const skipUnwrap = { optionsRefs };
+    const selected = ref();
+    const selectedPosition = computed(() => {
+      return {
+        left: optionsRefs.value[selected.value]?.offsetLeft,
+        width: optionsRefs.value[selected.value]?.offsetWidth
+      };
+    });
+    onMounted(() => {
+      selected.value = props.options.findIndex(
+        (option) => option === props.modelValue
+      );
+    });
+    const onClick = (option, index) => {
+      selected.value = index;
+      data.value = option;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["switch", { "switch--lg": _ctx.size === "lg", "switch--sm": _ctx.size === "sm" }])
+      }, [
+        createElementVNode("span", {
+          ref_key: "box",
+          ref: box,
+          class: normalizeClass(["box", { "box--lg": _ctx.size === "lg", "box--sm": _ctx.size === "sm" }]),
+          style: normalizeStyle({
+            transform: `translateX(${selectedPosition.value?.left}px)`,
+            width: selectedPosition.value?.width + "px"
+          })
+        }, null, 6),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+          return openBlock(), createElementBlock("button", {
+            ref_for: true,
+            ref: skipUnwrap.optionsRefs,
+            key: index,
+            "aria-label": option,
+            class: normalizeClass([{ "option--selected": selected.value === index }, "option"]),
+            onClick: ($event) => onClick(option, index)
+          }, [
+            renderSlot(_ctx.$slots, "default", {
+              option,
+              selected: selected.value === index
+            }, () => [
+              createVNode(Text, { size: "caption" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ], true)
+          ], 10, _hoisted_1);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bf80723"]]);
+
+export { Switch as default };

package/src/components/switch/index.vue.js

@@ -0,0 +1,6 @@
+import Switch from './Switch.vue.js';
+export { default as Switch } from './Switch.vue.js';
+
+const SwitchTypes = () => [Switch];
+
+export { SwitchTypes };

package/src/components/table/SortOrderIcon.vue.js

@@ -0,0 +1,28 @@
+import { openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from 'vue';
+/* empty css                                                               */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../SortOrderIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _withScopeId = n => (pushScopeId("data-v-14ef12bc"),n=n(),popScopeId(),n);
+const _hoisted_1 = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("path", {
+  d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
+  fill: "currentColor"
+}, null, -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var SortOrderIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-14ef12bc"]]);
+
+export { SortOrderIcon as default };

package/src/components/table/Table.vue.js

@@ -0,0 +1,345 @@
+import { defineComponent, useCssVars, ref, provide, computed, useSlots, onMounted, openBlock, createElementBlock, createElementVNode, unref, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
+import '../typography/Heading.vue.js';
+import Text from '../typography/Text.vue.js';
+import '../button/Button.vue.js';
+import '../button/IconButton.vue.js';
+import ScrollButton from '../button/ScrollButton.vue.js';
+import Skeleton from '../skeleton/Skeleton.vue.js';
+import EmptyState from '../emptyState/EmptyState.vue.js';
+import TableHeaderSorter from './TableHeaderSorter.vue.js';
+import { useVirtualList, useInfiniteScroll } from '@vueuse/core';
+import { TableContext } from './TableContext.vue.js';
+/* empty css                                                       *//* empty css                                           */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../Table.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { class: "table-title" };
+const _hoisted_2 = { class: "table-header-actions" };
+const _hoisted_3 = { class: "sections" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "table-head-container" };
+const _hoisted_6 = ["onMouseenter"];
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { key: 1 };
+const _sfc_main = defineComponent({
+  __name: "Table",
+  props: {
+    title: {},
+    columns: {},
+    rows: {},
+    sections: { default: null },
+    sort: {},
+    isSticky: { type: Boolean, default: true },
+    isStickyHeader: { type: Boolean, default: false },
+    isLoading: { type: Boolean, default: false },
+    emptyStateTitle: { default: "No results found" },
+    emptyStateSubtitle: { default: "Try again with different filters" },
+    isInfiniteScroll: { type: Boolean, default: false },
+    infiniteScrollThreshold: { default: 100 },
+    rowHeight: { type: [Number, Function], default: 48 },
+    loadingRowCount: { default: 3 },
+    defaultScrollPosition: { default: null }
+  },
+  emits: ["update:sort", "saveRow", "loadMore"],
+  setup(__props, { emit }) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "3dbbd311": gridColumnTemplate.value
+    }));
+    const savingRows = ref([]);
+    provide(TableContext, {
+      onClose({ rowIndex, cellIndex, value } = {}) {
+        if (value) {
+          savingRows.value = [...savingRows.value, rowIndex];
+          emit("saveRow", {
+            rowIndex,
+            cellIndex,
+            value,
+            confirm: () => {
+              savingRows.value = savingRows.value.filter((row) => row !== rowIndex);
+            }
+          });
+        }
+      }
+    });
+    const gridColumnTemplate = computed(() => {
+      return props.columns.reduce((acc, column) => {
+        const columnTemplate = column.width ? `${column.width}px` : `${column.colSpan || 1}fr`;
+        return `${acc} ${columnTemplate}`;
+      }, "");
+    });
+    const activeRow = ref(null);
+    const loadingRows = computed(() => {
+      return Array(props.loadingRowCount).fill(
+        Array(props.columns.length).fill("")
+      );
+    });
+    const rows = computed(() => {
+      return props.isLoading ? [...props.rows, ...loadingRows.value] : props.rows;
+    });
+    const { list, containerProps, wrapperProps } = useVirtualList(rows, {
+      itemHeight: props.rowHeight
+    });
+    const floatingActionRef = ref(null);
+    const floatingActionPosition = ref(0);
+    const slots = useSlots();
+    const hasSearchSlot = computed(() => !!slots.search);
+    const onScroll = (event) => {
+      containerProps.onScroll();
+      floatingActionPosition.value = event.target.scrollLeft + event.target.getBoundingClientRect().width;
+    };
+    onMounted(() => {
+      floatingActionPosition.value = containerProps.ref.value?.getBoundingClientRect().width;
+      if (props.defaultScrollPosition) {
+        setTimeout(() => {
+          containerProps.ref.value.scrollTo({
+            top: props.defaultScrollPosition,
+            behavior: "smooth"
+          });
+        }, 1e3);
+      }
+    });
+    const showBackToTopButton = computed(() => {
+      const [firstListItem] = list.value;
+      return firstListItem && firstListItem.index > 0;
+    });
+    const containerStyle = computed(() => containerProps.style);
+    const columnsStickyPositions = computed(() => {
+      return props.columns.reduce((acc, column) => {
+        if (column.isSticky) {
+          acc[column.id] = getColumnStickyPosition(column);
+        }
+        return acc;
+      }, {});
+    });
+    useInfiniteScroll(
+      containerProps.ref,
+      () => {
+        if (!props.isInfiniteScroll)
+          return;
+        emit("loadMore");
+      },
+      { distance: props.infiniteScrollThreshold }
+    );
+    function scrollToTop() {
+      containerProps.ref.value.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    }
+    function toggleSortOrder(column) {
+      const toggledColumn = props.sort.sortBy === column.id;
+      const isColumnSortable = column.isSortable || column.isSortable === void 0;
+      if (!isColumnSortable)
+        return;
+      let sortOrder = props.sort.sortOrder;
+      let sortBy = props.sort.sortBy;
+      if (toggledColumn) {
+        sortOrder = props.sort.sortOrder === "asc" ? "desc" : "asc";
+      } else {
+        sortBy = column.id;
+      }
+      emit("update:sort", { sortBy, sortOrder });
+    }
+    function getColumnStickyPosition(column) {
+      const { isSticky, width } = column;
+      if (!isSticky || !width)
+        return null;
+      const columnIndex = props.columns.findIndex((c) => c.id === column.id);
+      const left = props.columns.reduce((acc, col, index) => {
+        if (index < columnIndex)
+          return acc + col.width;
+        return acc;
+      }, 0);
+      return {
+        left: `${left}px`,
+        zIndex: 1
+      };
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "table-container",
+        onMouseleave: _cache[0] || (_cache[0] = ($event) => activeRow.value = null)
+      }, [
+        createElementVNode("table", {
+          ref: unref(containerProps).ref,
+          style: normalizeStyle(containerStyle.value),
+          onScrollPassive: onScroll
+        }, [
+          _ctx.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["table-header", { isStickyHeader: _ctx.isStickyHeader }])
+          }, [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createVNode(unref(Text), {
+                  size: "md",
+                  strong: ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.title), 1)
+                  ]),
+                  _: 1
+                })
+              ], true)
+            ]),
+            createElementVNode("div", {
+              class: normalizeClass(["table-header-right", hasSearchSlot.value ? "border-search" : ""])
+            }, [
+              renderSlot(_ctx.$slots, "search", {}, void 0, true)
+            ], 2),
+            createElementVNode("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "table-header-actions", {}, void 0, true)
+            ])
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("thead", {
+            class: normalizeClass({ sticky: _ctx.isSticky, isStickyHeader: _ctx.isStickyHeader })
+          }, [
+            createElementVNode("div", _hoisted_3, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sections, (section) => {
+                return openBlock(), createElementBlock("div", {
+                  key: section.id,
+                  class: normalizeClass(["section-container", { sticky: section.isSticky }])
+                }, [
+                  renderSlot(_ctx.$slots, `section-${section.id}`, {}, () => [
+                    createElementVNode("div", {
+                      style: normalizeStyle({ width: section.width + "px" }),
+                      class: normalizeClass({ section: true })
+                    }, [
+                      createVNode(unref(Text), { size: "xs" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(section.title), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ], 4)
+                  ], true)
+                ], 2);
+              }), 128))
+            ]),
+            createElementVNode("tr", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
+                return openBlock(), createElementBlock("th", {
+                  key: column.id,
+                  class: normalizeClass({
+                    sticky: column.isSticky,
+                    bordered: column.isBordered,
+                    isTextRight: column.isTextRight,
+                    isSortable: column.isSortable
+                  }),
+                  style: normalizeStyle(column.isSticky ? columnsStickyPositions.value[column.id] : null),
+                  onClick: ($event) => toggleSortOrder(column)
+                }, [
+                  createElementVNode("div", _hoisted_5, [
+                    renderSlot(_ctx.$slots, `header-${column.id}`, { column }, () => [
+                      createVNode(unref(Text), {
+                        size: "sm",
+                        strong: "",
+                        "is-truncated": false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(column.title), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ], true),
+                    column.id === _ctx.sort.sortBy ? (openBlock(), createBlock(TableHeaderSorter, {
+                      key: 0,
+                      class: "table-head-sorter",
+                      "sort-order": _ctx.sort.sortOrder
+                    }, null, 8, ["sort-order"])) : createCommentVNode("", true)
+                  ])
+                ], 14, _hoisted_4);
+              }), 128))
+            ])
+          ], 2),
+          createElementVNode("tbody", null, [
+            unref(list).length > 0 ? (openBlock(), createElementBlock("div", mergeProps({
+              key: 0,
+              class: "table-body-wrapper"
+            }, unref(wrapperProps)), [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (row) => {
+                return openBlock(), createElementBlock("tr", {
+                  key: row.index,
+                  class: normalizeClass(["table-row", {
+                    loading: _ctx.isLoading || _ctx.isLoading && !row.data || savingRows.value.includes(row.index),
+                    active: activeRow.value === row.index
+                  }]),
+                  onMouseenter: ($event) => activeRow.value = row.index
+                }, [
+                  withDirectives(createElementVNode("div", {
+                    ref_for: true,
+                    ref_key: "floatingActionRef",
+                    ref: floatingActionRef,
+                    style: normalizeStyle({ left: floatingActionPosition.value + "px" }),
+                    class: "floating-actions"
+                  }, [
+                    renderSlot(_ctx.$slots, "floating-actions", { row }, void 0, true)
+                  ], 4), [
+                    [
+                      vShow,
+                      _ctx.$slots["floating-actions"] && activeRow.value === row.index && !_ctx.isLoading
+                    ]
+                  ]),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(row.data, (cell, cellIndex) => {
+                    return openBlock(), createElementBlock("td", {
+                      key: cellIndex,
+                      class: normalizeClass({
+                        sticky: _ctx.columns[cellIndex].isSticky,
+                        bordered: _ctx.columns[cellIndex].isBordered,
+                        isTextRight: _ctx.columns[cellIndex].isTextRight
+                      }),
+                      style: normalizeStyle(
+                        _ctx.columns[cellIndex].isSticky ? columnsStickyPositions.value[_ctx.columns[cellIndex].id] : null
+                      )
+                    }, [
+                      !_ctx.isLoading || _ctx.isLoading && !!cell ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass({
+                          last: cellIndex === row.data.length - 1,
+                          "table-cell": true,
+                          floating: _ctx.$slots["floating-actions"]
+                        })
+                      }, [
+                        renderSlot(_ctx.$slots, `cell-${_ctx.columns[cellIndex].id}`, {
+                          cell,
+                          isLoading: savingRows.value.includes(row.index),
+                          cellIndex,
+                          row,
+                          rowIndex: row.index
+                        }, () => [
+                          createVNode(unref(Text), { size: "sm" }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(cell), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ], true)
+                      ], 2)) : renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
+                        createVNode(unref(Skeleton), { round: "" })
+                      ], true)
+                    ], 6);
+                  }), 128))
+                ], 42, _hoisted_6);
+              }), 128))
+            ], 16)) : (openBlock(), createElementBlock("div", _hoisted_7, [
+              renderSlot(_ctx.$slots, "empty-state", {}, () => [
+                createVNode(unref(EmptyState), {
+                  title: _ctx.emptyStateTitle,
+                  subtitle: _ctx.emptyStateSubtitle
+                }, null, 8, ["title", "subtitle"])
+              ], true)
+            ]))
+          ]),
+          unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_8)) : createCommentVNode("", true)
+        ], 36),
+        createVNode(unref(ScrollButton), {
+          show: showBackToTopButton.value,
+          onScrolled: scrollToTop
+        }, null, 8, ["show"])
+      ], 32);
+    };
+  }
+});
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-207d9674"]]);
+
+export { Table as default };

package/src/components/table/TableContext.vue.js

@@ -0,0 +1,19 @@
+import { inject } from 'vue';
+
+const TableContext = Symbol(
+  "TableContext"
+);
+function useTableContext(component) {
+  const context = inject(TableContext, {});
+  if (context === null) {
+    const err = new Error(
+      `<${component} /> is missing a parent <Table /> component.`
+    );
+    if (Error.captureStackTrace)
+      Error.captureStackTrace(err, useTableContext);
+    throw err;
+  }
+  return context;
+}
+
+export { TableContext, useTableContext };

package/src/components/table/TableHeaderSorter.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, normalizeClass } from 'vue';
+import SortOrderIcon from './SortOrderIcon.vue.js';
+/* empty css                                                                   */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { class: "table-head-sorter-container" };
+const _sfc_main = defineComponent({
+  __name: "TableHeaderSorter",
+  props: {
+    sortOrder: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(SortOrderIcon, {
+          name: "sort-order",
+          class: normalizeClass({ "table-head-sorter-selected": _ctx.sortOrder === "asc" })
+        }, null, 8, ["class"]),
+        createVNode(SortOrderIcon, {
+          name: "sort-order",
+          class: normalizeClass(["table-head-sorter-desc", { "table-head-sorter-selected": _ctx.sortOrder === "desc" }])
+        }, null, 8, ["class"])
+      ]);
+    };
+  }
+});
+var TableHeaderSorter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02476f76"]]);
+
+export { TableHeaderSorter as default };

package/src/components/table/index.vue.js

@@ -0,0 +1,8 @@
+import Table from './Table.vue.js';
+export { default as Table } from './Table.vue.js';
+import { TableContext } from './TableContext.vue.js';
+export { TableContext } from './TableContext.vue.js';
+
+const TableTypes = () => [Table, TableContext];
+
+export { TableTypes };

package/src/components/table-cells/Editable.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent, ref, provide, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import Text from '../typography/Text.vue.js';
+import { EditableContext } from './EditableContext.vue.js';
+import { onClickOutside } from '@vueuse/core';
+import { useTableContext } from '../table/TableContext.vue.js';
+/* empty css                                                          */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../Editable.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { class: "editable-container" };
+const _hoisted_2 = {
+  key: 1,
+  class: "editable-content"
+};
+const _sfc_main = defineComponent({
+  __name: "Editable",
+  props: {
+    cell: { default: "" },
+    isEditing: { type: Boolean, default: false },
+    validateFunction: { type: Function, default: () => false },
+    isLoading: { type: Boolean, default: false },
+    rowIndex: {},
+    cellIndex: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isEditing = ref(false);
+    const value = ref(props.cell);
+    const target = ref(null);
+    const api = useTableContext("Editable");
+    const errorRef = ref(null);
+    provide(EditableContext, {
+      focusable: true,
+      value,
+      error: errorRef,
+      confirmable: true,
+      onChange(val) {
+        value.value = val;
+        errorRef.value = props.validateFunction?.(value.value);
+      },
+      onClose: () => {
+        const error = props.validateFunction?.(value.value);
+        errorRef.value = error;
+        if (error) {
+          return;
+        }
+        api.onClose({
+          rowIndex: props.rowIndex,
+          cellIndex: props.cellIndex,
+          value: value.value
+        });
+        isEditing.value = false;
+      }
+    });
+    const onEdit = () => {
+      if (isEditing.value) {
+        return;
+      }
+      isEditing.value = !isEditing.value;
+    };
+    onClickOutside(target, () => {
+      isEditing.value = false;
+      api.onClose();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "target",
+        ref: target,
+        class: "container",
+        onClick: onEdit
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          isEditing.value ? renderSlot(_ctx.$slots, "input", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "content", {}, () => [
+              createVNode(Text, { size: "sm" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.cell), 1)
+                ]),
+                _: 1
+              })
+            ], true)
+          ]))
+        ])
+      ], 512);
+    };
+  }
+});
+var Editable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20f632f8"]]);
+
+export { Editable as default };

package/src/components/table-cells/EditableContext.vue.js

@@ -0,0 +1,10 @@
+import { inject } from 'vue';
+
+const EditableContext = Symbol(
+  "EditableContext"
+);
+function useEditableContext() {
+  return inject(EditableContext, {});
+}
+
+export { EditableContext, useEditableContext };

package/src/components/table-cells/index.vue.js

@@ -0,0 +1,8 @@
+import Editable from './Editable.vue.js';
+export { default as Editable } from './Editable.vue.js';
+import { EditableContext } from './EditableContext.vue.js';
+export { EditableContext, useEditableContext } from './EditableContext.vue.js';
+
+const EditableTypes = () => [Editable, EditableContext];
+
+export { EditableTypes };