prlg-ui 1.8.350 → 1.8.351

package/dist/reka-ui/index.es.js

@@ -18769,7 +18769,7 @@ const pq = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), vq = /* @__PURE__ */ N(ab, [["__scopeId", "data-v-777f77a4"]]), lb = /* @__PURE__ */ g({
+}), vq = /* @__PURE__ */ N(ab, [["__scopeId", "data-v-1ff762b8"]]), lb = /* @__PURE__ */ g({
   __name: "AccordionItem",
   props: {
     value: {},
@@ -18787,7 +18787,7 @@ const pq = /* @__PURE__ */ g({
       _: 3
     }, 16, ["class"]));
   }
-}), mq = /* @__PURE__ */ N(lb, [["__scopeId", "data-v-aa5583f9"]]), yq = /* @__PURE__ */ g({
+}), mq = /* @__PURE__ */ N(lb, [["__scopeId", "data-v-3a201212"]]), yq = /* @__PURE__ */ g({
   __name: "AccordionHeader",
   props: {
     asChild: { type: Boolean },
@@ -19238,7 +19238,7 @@ const pq = /* @__PURE__ */ g({
       _: 3
     }, 16, ["style"]));
   }
-}), kq = /* @__PURE__ */ N(hb, [["__scopeId", "data-v-f0441ab6"]]), _b = /* @__PURE__ */ g({
+}), kq = /* @__PURE__ */ N(hb, [["__scopeId", "data-v-99fcb91a"]]), _b = /* @__PURE__ */ g({
   __name: "CalendarHeader",
   props: {
     asChild: { type: Boolean },
@@ -19356,15 +19356,15 @@ const pq = /* @__PURE__ */ g({
     as: {}
   },
   setup(e) {
-    const a = e;
-    return L(a), (t, l) => (p(), y(r(Qo), B(a, { class: "calendar-head-cell" }), {
+    const t = L(e);
+    return (l, o) => (p(), y(r(Qo), B(r(t), { class: "calendar-head-cell" }), {
       default: m(() => [
-        b(t.$slots, "default", {}, void 0, !0)
+        b(l.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Rq = /* @__PURE__ */ N(Sb, [["__scopeId", "data-v-28591ef2"]]), qb = /* @__PURE__ */ g({
+}), Rq = /* @__PURE__ */ N(Sb, [["__scopeId", "data-v-ae38b53b"]]), qb = /* @__PURE__ */ g({
   __name: "CalendarGridBody",
   props: {
     asChild: { type: Boolean },
@@ -19749,19 +19749,20 @@ const pq = /* @__PURE__ */ g({
   __name: "DataTableHead",
   props: {
     textStyle: { default: "none" },
-    table: {}
+    table: {},
+    filled: { type: Boolean }
   },
   setup(e) {
-    return (a, t) => (p(), R("thead", Lb, [
-      (p(!0), R(ge, null, Ie(a.table.getHeaderGroups(), (l) => (p(), R("tr", {
+    return (a, t) => (p(), R("div", Lb, [
+      (p(!0), R(ge, null, Ie(a.table.getHeaderGroups(), (l) => (p(), R("div", {
         key: l.id,
         class: "table__row table__row--header"
       }, [
-        (p(!0), R(ge, null, Ie(l.headers, (o) => (p(), R("th", {
+        (p(!0), R(ge, null, Ie(l.headers, (o) => (p(), R("div", {
           key: o.id,
           colspan: o.colSpan,
           scope: "col",
-          class: De(["table__header-cell", { "table__header-cell--sorting": o.column.getCanSort() }]),
+          class: De(["table__header-cell", { "table__header-cell--sorting": o.column.getCanSort(), "table__header-cell--filled": a.filled }]),
           style: Pe({ width: `${o.column.columnDef.meta?.autoSize ? "auto" : o.getSize()}px`, minWidth: `${o.column.columnDef.minSize || 50}px` })
         }, [
           K("div", {
@@ -19790,7 +19791,7 @@ const pq = /* @__PURE__ */ g({
       ]))), 128))
     ]));
   }
-}), Kb = /* @__PURE__ */ N(Wb, [["__scopeId", "data-v-50a6cb92"]]), jb = { class: "table__body" }, Ub = /* @__PURE__ */ g({
+}), Kb = /* @__PURE__ */ N(Wb, [["__scopeId", "data-v-cf2f3201"]]), jb = { class: "table__body" }, Ub = /* @__PURE__ */ g({
   __name: "DataTableBody",
   props: {
     table: {}
@@ -19798,13 +19799,13 @@ const pq = /* @__PURE__ */ g({
   setup(e) {
     return (a, t) => {
       const l = Fl("loading");
-      return p(), R("tbody", jb, [
-        (p(!0), R(ge, null, Ie(a.table.getRowModel().rows, (o) => St((p(), R("tr", {
+      return p(), R("div", jb, [
+        (p(!0), R(ge, null, Ie(a.table.getRowModel().rows, (o) => St((p(), R("div", {
           key: o.id,
           class: "table__row",
           style: Pe({ background: o.original.bgColor && o.original.viewBgColor ? o.original.bgColor : "transparent" })
         }, [
-          (p(!0), R(ge, null, Ie(o.getVisibleCells(), (n) => (p(), R("td", {
+          (p(!0), R(ge, null, Ie(o.getVisibleCells(), (n) => (p(), R("div", {
             key: n.id,
             class: De(["table__cell", { "table__cell--selected": n.id.includes("checkbox") }]),
             style: Pe({ verticalAlign: n.column.columnDef.meta?.verticalAlign, textAlign: n.column.columnDef.meta?.align })
@@ -19825,7 +19826,7 @@ const pq = /* @__PURE__ */ g({
       ]);
     };
   }
-}), Gb = /* @__PURE__ */ N(Ub, [["__scopeId", "data-v-2974a74e"]]), Yb = { class: "table__body" }, Zb = { class: "table__empty-row" }, Xb = ["colspan"], Jb = /* @__PURE__ */ g({
+}), Gb = /* @__PURE__ */ N(Ub, [["__scopeId", "data-v-6707968e"]]), Yb = { class: "table__body" }, Zb = { class: "table__empty-row" }, Xb = ["colspan"], Jb = /* @__PURE__ */ g({
   __name: "DataTableBodyEmpty",
   props: {
     table: {}
@@ -19889,7 +19890,7 @@ const pq = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), oC = /* @__PURE__ */ N(rC, [["__scopeId", "data-v-1c6d876f"]]), nC = /* @__PURE__ */ g({
+}), oC = /* @__PURE__ */ N(rC, [["__scopeId", "data-v-29b67a15"]]), nC = /* @__PURE__ */ g({
   __name: "PaginationListItem",
   props: {
     value: {},
@@ -20043,7 +20044,8 @@ const pq = /* @__PURE__ */ g({
     enableSorting: { type: Boolean },
     enableRowSelection: { type: Boolean },
     rowId: {},
-    header: {}
+    header: {},
+    filled: { type: Boolean }
   }, {
     page: { default: 1 },
     pageModifiers: {},
@@ -20054,27 +20056,27 @@ const pq = /* @__PURE__ */ g({
   }),
   emits: /* @__PURE__ */ Ve(["update:sort", "update:selected", "update:page", "update:rows"], ["update:page", "update:rows", "update:rowSelection"]),
   setup(e, { emit: a }) {
-    const t = a, l = si(), o = Ke(e, "page"), n = Ke(e, "rows"), s = q(() => e.total ? e.total : e.data.length), i = q(() => e.columns.some((v) => !!v.footer)), u = O([]), c = Ke(e, "rowSelection"), d = q(() => {
-      let v = e.columns;
-      return e.enableRowSelection && (v = [
+    const t = a, l = si(), o = Ke(e, "page"), n = Ke(e, "rows"), s = q(() => e.total ? e.total : e.data.length), i = q(() => e.columns.some((_) => !!_.footer)), u = O([]), c = Ke(e, "rowSelection"), d = q(() => {
+      let _ = e.columns;
+      return e.enableRowSelection && (_ = [
         l.display({
           id: "checkbox",
           size: 40,
-          header: ({ table: _ }) => it(na, {
+          header: ({ table: h }) => it(na, {
             size: "small",
-            checked: _.getIsAllRowsSelected(),
-            indeterminate: _.getIsSomeRowsSelected(),
-            onChange: (h, C) => _.getToggleAllRowsSelectedHandler()(C)
+            checked: h.getIsAllRowsSelected(),
+            indeterminate: h.getIsSomeRowsSelected(),
+            onChange: (C, w) => h.getToggleAllRowsSelectedHandler()(w)
           }),
-          cell: ({ row: _ }) => _.original.isViewCheckbox || _.original.isViewCheckbox === void 0 ? it(na, {
+          cell: ({ row: h }) => h.original.isViewCheckbox || h.original.isViewCheckbox === void 0 ? it(na, {
             size: "small",
-            checked: _.getIsSelected(),
-            disabled: !_.getCanSelect(),
-            onChange: (h) => _.getToggleSelectedHandler()(h)
+            checked: h.getIsSelected(),
+            disabled: !h.getCanSelect(),
+            onChange: (C) => h.getToggleSelectedHandler()(C)
           }) : null
         }),
         ...e.columns
-      ]), v;
+      ]), _;
     }), f = ii({
       get data() {
         return e.data;
@@ -20089,35 +20091,42 @@ const pq = /* @__PURE__ */ g({
         }
       },
       columnResizeMode: "onChange",
-      getRowId: (v, _) => e.rowId ? v.data[e.rowId] : _,
+      getRowId: (_, h) => e.rowId ? _.data[e.rowId] : h,
       getCoreRowModel: ui(),
       //sorting
       enableSorting: e.enableSorting,
-      onSortingChange: (v) => {
-        u.value = typeof v == "function" ? v(u.value) : v, t("update:sort", u.value);
+      onSortingChange: (_) => {
+        u.value = typeof _ == "function" ? _(u.value) : _, t("update:sort", u.value);
       },
       //selection
-      enableRowSelection: (v) => (v.original.isViewCheckbox || v.original.isViewCheckbox === void 0) && !v.original.disabledRow && e.enableRowSelection,
-      onRowSelectionChange: (v) => {
-        c.value = typeof v == "function" ? v(c.value || {}) : v, t("update:selected", c.value);
+      enableRowSelection: (_) => (_.original.isViewCheckbox || _.original.isViewCheckbox === void 0) && !_.original.disabledRow && e.enableRowSelection,
+      onRowSelectionChange: (_) => {
+        c.value = typeof _ == "function" ? _(c.value || {}) : _, t("update:selected", c.value);
       },
       debugTable: !1
+    }), v = q(() => {
+      let _ = "";
+      for (const h of f.getHeaderGroups()[0].headers)
+        h.column.columnDef.meta?.autoSize ? _ += "1fr " : _ += `${h.column.getSize()}px `;
+      return console.log(_), _;
     });
-    return (v, _) => {
-      const h = Fl("loading");
+    return (_, h) => {
+      const C = Fl("loading");
       return p(), R("div", bC, [
-        St((p(), R("table", {
-          class: De(["table", `table--${v.size}`, { "table--with-pagiantion": v.paginator }])
+        St((p(), R("div", {
+          class: De(["table", `table--${_.size}`, { "table--with-pagiantion": _.paginator }]),
+          style: Pe({ gridTemplateColumns: v.value })
         }, [
           F(Kb, {
             table: r(f),
-            "text-style": v.header?.textStyle
-          }, null, 8, ["table", "text-style"]),
-          v.data.length > 0 ? (p(), y(Gb, {
+            "text-style": _.header?.textStyle,
+            filled: _.filled
+          }, null, 8, ["table", "text-style", "filled"]),
+          _.data.length > 0 ? (p(), y(Gb, {
             key: 0,
             table: r(f)
           }, null, 8, ["table"])) : H("", !0),
-          v.data.length === 0 && !v.loading ? (p(), y(Qb, {
+          _.data.length === 0 && !_.loading ? (p(), y(Qb, {
             key: 1,
             table: r(f)
           }, null, 8, ["table"])) : H("", !0),
@@ -20125,29 +20134,29 @@ const pq = /* @__PURE__ */ g({
             key: 2,
             table: r(f)
           }, null, 8, ["table"])) : H("", !0)
-        ], 2)), [
+        ], 6)), [
           [
-            h,
-            v.loading,
+            C,
+            _.loading,
             void 0,
             { xl: !0 }
           ]
         ]),
         K("div", CC, [
-          v.paginator ? (p(), y(_C, {
+          _.paginator ? (p(), y(_C, {
             key: 0,
             page: o.value,
-            "onUpdate:page": _[0] || (_[0] = (C) => o.value = C),
+            "onUpdate:page": h[0] || (h[0] = (w) => o.value = w),
             "item-per-page": n.value,
-            "onUpdate:itemPerPage": _[1] || (_[1] = (C) => n.value = C),
-            alwaysShowPaginator: v.alwaysShowPaginator,
+            "onUpdate:itemPerPage": h[1] || (h[1] = (w) => n.value = w),
+            alwaysShowPaginator: _.alwaysShowPaginator,
             total: s.value
           }, null, 8, ["page", "item-per-page", "alwaysShowPaginator", "total"])) : H("", !0)
         ])
       ]);
     };
   }
-}), jq = /* @__PURE__ */ N(wC, [["__scopeId", "data-v-42a78a14"]]), SC = /* @__PURE__ */ g({
+}), jq = /* @__PURE__ */ N(wC, [["__scopeId", "data-v-857cc6ee"]]), SC = /* @__PURE__ */ g({
   __name: "DatePickerCellTrigger",
   props: {
     day: {},
@@ -20330,7 +20339,7 @@ const pq = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), t1 = /* @__PURE__ */ N(xC, [["__scopeId", "data-v-3a94f1f5"]]), a1 = /* @__PURE__ */ g({
+}), t1 = /* @__PURE__ */ N(xC, [["__scopeId", "data-v-7a42fe5b"]]), a1 = /* @__PURE__ */ g({
   __name: "DatePickerContent",
   props: {
     portal: {},
@@ -20392,7 +20401,7 @@ const pq = /* @__PURE__ */ g({
   },
   setup(e) {
     Xe((n) => ({
-      "8c59ddec": o.value
+      "69b9e663": o.value
     }));
     const a = e, t = L(a), l = Xa(), o = q(() => `${a.width}px`);
     return (n, s) => (p(), y(r(Vv), B(r(t), {
@@ -20415,7 +20424,7 @@ const pq = /* @__PURE__ */ g({
       _: 3
     }, 16, ["class"]));
   }
-}), l1 = /* @__PURE__ */ N(IC, [["__scopeId", "data-v-f60aa63f"]]), TC = /* @__PURE__ */ g({
+}), l1 = /* @__PURE__ */ N(IC, [["__scopeId", "data-v-c9428b04"]]), TC = /* @__PURE__ */ g({
   __name: "DatePickerInput",
   props: {
     part: {},
@@ -20489,7 +20498,7 @@ const pq = /* @__PURE__ */ g({
   },
   setup(e) {
     Xe((i) => ({
-      "5c920836": o.value
+      "2938dd4a": o.value
     }));
     const a = e, t = L(a), l = Ja(), o = q(() => `${a.width}px`), n = q(() => {
       const i = l.modelValue?.value;
@@ -20572,7 +20581,7 @@ const pq = /* @__PURE__ */ g({
       _: 1
     }, 16, ["class"]));
   }
-}), n1 = /* @__PURE__ */ N(VC, [["__scopeId", "data-v-af38745c"]]), MC = /* @__PURE__ */ g({
+}), n1 = /* @__PURE__ */ N(VC, [["__scopeId", "data-v-9a119fd8"]]), MC = /* @__PURE__ */ g({
   __name: "DateRangePickerCellTrigger",
   props: {
     day: {},
@@ -20759,7 +20768,7 @@ const pq = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), m1 = /* @__PURE__ */ N(WC, [["__scopeId", "data-v-a3a66bc8"]]), y1 = /* @__PURE__ */ g({
+}), m1 = /* @__PURE__ */ N(WC, [["__scopeId", "data-v-6e6290ee"]]), y1 = /* @__PURE__ */ g({
   __name: "DateRangePickerContent",
   props: {
     portal: {},
@@ -21930,15 +21939,15 @@ const $w = { class: "input__wrapper" }, Ow = ["id", "placeholder", "name", "disa
     as: {}
   },
   setup(e) {
-    const a = e;
-    return L(a), (t, l) => (p(), y(r(kn), B(a, { class: "calendar-head-cell" }), {
+    const t = L(e);
+    return (l, o) => (p(), y(r(kn), B(r(t), { class: "calendar-head-cell" }), {
       default: m(() => [
-        b(t.$slots, "default", {}, void 0, !0)
+        b(l.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Y1 = /* @__PURE__ */ N(Jw, [["__scopeId", "data-v-98b2a4d8"]]), Qw = /* @__PURE__ */ g({
+}), Y1 = /* @__PURE__ */ N(Jw, [["__scopeId", "data-v-ad01129f"]]), Qw = /* @__PURE__ */ g({
   __name: "RangeCalendarHeader",
   props: {
     asChild: { type: Boolean },
@@ -22010,7 +22019,7 @@ const $w = { class: "input__wrapper" }, Ow = ["id", "placeholder", "name", "disa
       _: 3
     }, 16, ["modelValue"]));
   }
-}), J1 = /* @__PURE__ */ N(t0, [["__scopeId", "data-v-6fc5dea6"]]), a0 = /* @__PURE__ */ g({
+}), J1 = /* @__PURE__ */ N(t0, [["__scopeId", "data-v-eb70996a"]]), a0 = /* @__PURE__ */ g({
   __name: "TabsRoot",
   setup(e) {
     return (a, t) => (p(), y(r(a_), { class: "tabs-root" }, {
@@ -23032,7 +23041,7 @@ const dD = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), pD = /* @__PURE__ */ N(X0, [["__scopeId", "data-v-3fb9926e"]]), J0 = /* @__PURE__ */ g({
+}), pD = /* @__PURE__ */ N(X0, [["__scopeId", "data-v-e6879ccb"]]), J0 = /* @__PURE__ */ g({
   __name: "SelectContent",
   props: {
     forceMount: { type: Boolean },

package/dist/vite-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="vite/client" />
+declare module '*' {
+    import type { DefineComponent } from 'vue'
+    const component: DefineComponent<{}, {}, any>
+    export default component
+}

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "prlg-ui",
   "private": false,
-  "version": "1.8.350",
+  "version": "1.8.351",
+  "license": "MIT",
   "type": "module",
   "main": "dist/prlg-ui.umd.js",
   "module": "dist/prlg-ui.es.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/prlg-ui.es.js",
-      "require": "./dist/prlg-ui.cjs.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/prlg-ui.cjs.js"
     },
     "./types": {
+      "types": "./dist/types.d.ts",
       "import": "./dist/types/index.es.js",
-      "require": "./dist/types/index.umd.js",
-      "types": "./dist/types.d.ts"
+      "require": "./dist/types/index.umd.js"
     },
     "./style.css": {
       "default": "./dist/prlg-ui.css"
@@ -24,29 +25,29 @@
       "default": "./dist/scss/*.scss"
     },
     "./utils": {
+      "types": "./dist/utils.d.ts",
       "import": "./dist/utils/index.es.js",
-      "require": "./dist/utils/index.cjs.js",
-      "types": "./dist/utils.d.ts"
+      "require": "./dist/utils/index.cjs.js"
     },
     "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
       "import": "./dist/utils/*.es.js",
-      "require": "./dist/utils/*.cjs.js",
-      "types": "./dist/utils/*.d.ts"
+      "require": "./dist/utils/*.cjs.js"
     },
     "./icons": {
+      "types": "./dist/icons.d.ts",
       "import": "./dist/icons/index.es.js",
-      "require": "./dist/icons/index.cjs.js",
-      "types": "./dist/icons.d.ts"
+      "require": "./dist/icons/index.cjs.js"
     },
     "./blocks": {
+      "types": "./dist/blocks.d.ts",
       "import": "./dist/blocks/index.es.js",
-      "require": "./dist/blocks/index.cjs.js",
-      "types": "./dist/blocks.d.ts"
+      "require": "./dist/blocks/index.cjs.js"
     },
     "./rekaUI": {
+      "types": "./dist/rekaUI.d.ts",
       "import": "./dist/reka-ui/index.es.js",
-      "require": "./dist/reka-ui/index.cjs.js",
-      "types": "./dist/rekaUI.d.ts"
+      "require": "./dist/reka-ui/index.cjs.js"
     }
   },
   "files": [
@@ -56,7 +57,7 @@
   "scripts": {
     "dev": "vite",
     "dev:storybook": "yarn storybook",
-    "build": "vue-tsc && vite build",
+    "build": "vite build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "npx vitest"

package/dist/blocks.d.ts

@@ -1,54 +0,0 @@
-import { ComponentOptionsMixin } from 'vue';
-import { ComponentProvideOptions } from 'vue';
-import { DefineComponent } from 'vue';
-import { PublicProps } from 'vue';
-
-declare type __VLS_Props = {
-    viewActions?: boolean;
-    actions?: Array<'file' | 'image'>;
-    placeholder?: string;
-    maxLength?: number;
-    smallText?: string;
-    error?: boolean;
-    errorText?: string;
-    disabled?: boolean;
-};
-
-declare type __VLS_PublicProps = {
-    'message': string;
-    'files'?: File[];
-} & __VLS_Props;
-
-export declare const BonusSummary: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
-
-export declare const ChatField: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:message": (value: string) => any;
-"update:files": (value: File[]) => any;
-} & {
-sendMessage: () => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-onSendMessage?: (() => any) | undefined;
-"onUpdate:message"?: ((value: string) => any) | undefined;
-"onUpdate:files"?: ((value: File[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-export { }
-
-
-
-declare module "@tanstack/vue-table" {
-  interface ColumnMeta<TData extends RowData, TValue> {
-    align?: "start" | "center" | "end";
-    verticalAlign?: "top" | "middle" | "bottom";
-    autoSize?: boolean;
-  }
-}
-
-
-declare module "@tanstack/vue-table" {
-    interface ColumnMeta<TData extends RowData, TValue> {
-        align?: "start" | "center" | "end";
-        verticalAlign?: "top" | "middle" | "bottom";
-        autoSize?: boolean;
-    }
-}