sprintify-ui 0.0.67 → 0.0.69

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.
Files changed (11) hide show
  1. package/dist/sprintify-ui.es.js +2265 -2264
  2. package/dist/style.css +1 -1
  3. package/dist/types/src/components/BaseDataTable.vue.d.ts +7 -7
  4. package/dist/types/src/components/BaseTableColumn.vue.d.ts +9 -0
  5. package/dist/types/src/types/index.d.ts +1 -0
  6. package/package.json +1 -1
  7. package/src/components/BaseDataTable.stories.js +6 -2
  8. package/src/components/BaseDataTable.vue +2 -1
  9. package/src/components/BaseTable.vue +13 -8
  10. package/src/components/BaseTableColumn.vue +4 -0
  11. package/src/types/index.ts +1 -0
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- @charset "UTF-8";.spinner[data-v-945515f9]{animation:rotate-945515f9 1s linear infinite;-webkit-animation:rotate-945515f9 1s linear infinite;-moz-animation:rotate-945515f9 1s linear infinite}@keyframes rotate-945515f9{to{transform:rotate(360deg)}}.path[data-v-945515f9]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-225c4996]{background-color:rgb(248 250 252 / var(--tw-bg-opacity));position:sticky;top:0px;z-index:1;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: .75;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}circle[data-v-e5ae83e3]{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}/*!
1
+ @charset "UTF-8";.spinner[data-v-945515f9]{animation:rotate-945515f9 1s linear infinite;-webkit-animation:rotate-945515f9 1s linear infinite;-moz-animation:rotate-945515f9 1s linear infinite}@keyframes rotate-945515f9{to{transform:rotate(360deg)}}.path[data-v-945515f9]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-9ab7d17a]{background-color:rgb(248 250 252 / var(--tw-bg-opacity));position:sticky;top:0px;z-index:1;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: .75;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}circle[data-v-e5ae83e3]{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}/*!
2
2
  * Pikaday
3
3
  * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
4
4
  */.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;font-weight:700;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}.pikaday-white{--backgroundColor: #ffffff;--textColor: #718096;--currentDateTextColor: #3182ce;--selectedDateBackgroundColor: #3182ce;--selectedDateTextColor: #ffffff;--labelTextColor: #4a5568;--weekDaysTextColor: #a0aec0;font-family:inherit;background-color:var(--backgroundColor);padding:.5rem;z-index:2000;margin:6px 0 0;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:.5rem}.pikaday-white .pika-title{width:100%;text-align:center;display:flex;justify-content:flex-start;margin-bottom:5px}.pikaday-white .pika-prev,.pikaday-white .pika-next{position:absolute;outline:none;padding:0;width:26px;height:26px;top:-1px;display:inline-block;margin-top:0;cursor:pointer;text-indent:-9999px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;opacity:.7}.pikaday-white .pika-prev:hover,.pikaday-white .pika-next:hover{opacity:1}.pikaday-white .pika-prev{right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7'%3E%3C/path%3E%3C/svg%3E")}.pikaday-white .pika-next{right:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E")}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pikaday-white .pika-label{margin-right:.375rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));padding:.25rem .5rem;font-size:14px;font-weight:500;line-height:1}.pikaday-white .pika-label{position:relative}.pikaday-white .pika-select-month,.pikaday-white .pika-select-year{width:100%;cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:0;opacity:0;padding:0}.pikaday-white table{width:100%;border-collapse:collapse}.pikaday-white table th{width:2em;height:2em;font-weight:400;color:var(--weekDaysTextColor);text-align:center}.pikaday-white table th abbr{text-decoration:none}.pikaday-white table td{padding:1px}.pikaday-white table td button{width:2em;height:2em;text-align:center;border-radius:9999px;background-color:var(--backgroundColor)}.pikaday-white table td button:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.pikaday-white table td.is-today button{color:var(--currentDateTextColor)}.pikaday-white table td.is-selected button{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-weight:400}.pikaday-white table td button{color:var(--textColor)}[aria-label][role~=tooltip]{position:relative}[aria-label][role~=tooltip]:before,[aria-label][role~=tooltip]:after{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;opacity:0;pointer-events:none;transition:all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);position:absolute;box-sizing:border-box;z-index:10;transform-origin:top}[aria-label][role~=tooltip]:before{background-size:100% auto!important;content:""}[aria-label][role~=tooltip]:after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(aria-label);font-size:var(--microtip-font-size, 13px);font-weight:var(--microtip-font-weight, normal);text-transform:var(--microtip-text-transform, none);padding:.5em 1em;white-space:nowrap;box-sizing:content-box}[aria-label][role~=tooltip]:hover:before,[aria-label][role~=tooltip]:hover:after,[aria-label][role~=tooltip]:focus:before,[aria-label][role~=tooltip]:focus:after{opacity:1;pointer-events:auto}[role~=tooltip][data-microtip-position|=top]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-bottom:5px}[role~=tooltip][data-microtip-position|=top]:after{margin-bottom:11px}[role~=tooltip][data-microtip-position|=top]:before{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~=tooltip][data-microtip-position|=top]:hover:before{transform:translate3d(-50%,-5px,0)}[role~=tooltip][data-microtip-position|=top]:after{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~=tooltip][data-microtip-position=top]:hover:after{transform:translate3d(-50%,-5px,0)}[role~=tooltip][data-microtip-position=top-left]:after{transform:translate3d(calc(-100% + 16px),0,0);bottom:100%}[role~=tooltip][data-microtip-position=top-left]:hover:after{transform:translate3d(calc(-100% + 16px),-5px,0)}[role~=tooltip][data-microtip-position=top-right]:after{transform:translate3d(calc(0% - 16px),0,0);bottom:100%}[role~=tooltip][data-microtip-position=top-right]:hover:after{transform:translate3d(calc(0% - 16px),-5px,0)}[role~=tooltip][data-microtip-position|=bottom]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0}[role~=tooltip][data-microtip-position|=bottom]:after{margin-top:11px}[role~=tooltip][data-microtip-position|=bottom]:before{transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}[role~=tooltip][data-microtip-position|=bottom]:hover:before{transform:translate3d(-50%,0,0)}[role~=tooltip][data-microtip-position|=bottom]:after{transform:translate3d(-50%,-10px,0);top:100%;left:50%}[role~=tooltip][data-microtip-position=bottom]:hover:after{transform:translate3d(-50%,0,0)}[role~=tooltip][data-microtip-position=bottom-left]:after{transform:translate3d(calc(-100% + 16px),-10px,0);top:100%}[role~=tooltip][data-microtip-position=bottom-left]:hover:after{transform:translate3d(calc(-100% + 16px),0,0)}[role~=tooltip][data-microtip-position=bottom-right]:after{transform:translate3d(calc(0% - 16px),-10px,0);top:100%}[role~=tooltip][data-microtip-position=bottom-right]:hover:after{transform:translate3d(calc(0% - 16px),0,0)}[role~=tooltip][data-microtip-position=left]:before,[role~=tooltip][data-microtip-position=left]:after{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}[role~=tooltip][data-microtip-position=left]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-right:5px;margin-bottom:0}[role~=tooltip][data-microtip-position=left]:after{margin-right:11px}[role~=tooltip][data-microtip-position=left]:hover:before,[role~=tooltip][data-microtip-position=left]:hover:after{transform:translate3d(0,-50%,0)}[role~=tooltip][data-microtip-position=right]:before,[role~=tooltip][data-microtip-position=right]:after{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}[role~=tooltip][data-microtip-position=right]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-bottom:0;margin-left:5px}[role~=tooltip][data-microtip-position=right]:after{margin-left:11px}[role~=tooltip][data-microtip-position=right]:hover:before,[role~=tooltip][data-microtip-position=right]:hover:after{transform:translate3d(0,-50%,0)}[role~=tooltip][data-microtip-size=small]:after{white-space:initial;width:80px}[role~=tooltip][data-microtip-size=medium]:after{white-space:initial;width:150px}[role~=tooltip][data-microtip-size=large]:after{white-space:initial;width:260px}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}[aria-label][role~=tooltip]:after{white-space:pre-line}
package/dist/types/src/components/BaseDataTable.vue.d.ts CHANGED
@@ -151,8 +151,8 @@ declare const _default: {
151
151
  onDelete?: ((...args: any[]) => any) | undefined;
152
152
  onCheckAll?: ((...args: any[]) => any) | undefined;
153
153
  "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
154
+ onCheck?: ((...args: any[]) => any) | undefined;
154
155
  "onCell-click"?: ((...args: any[]) => any) | undefined;
155
- "onCe-check"?: ((...args: any[]) => any) | undefined;
156
156
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "actions" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "detailed" | "checkable" | "checkableActions" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "maxHeight" | "editButton" | "editUrl" | "deleteButton" | "deleteUrl" | "toggleable">;
157
157
  $attrs: {
158
158
  [x: string]: unknown;
@@ -165,7 +165,7 @@ declare const _default: {
165
165
  }>;
166
166
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
167
167
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
168
- $emit: (event: "delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check", ...args: any[]) => void;
168
+ $emit: (event: "delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click", ...args: any[]) => void;
169
169
  $el: any;
170
170
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
171
171
  /**
@@ -296,12 +296,12 @@ declare const _default: {
296
296
  onDelete?: ((...args: any[]) => any) | undefined;
297
297
  onCheckAll?: ((...args: any[]) => any) | undefined;
298
298
  "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
299
+ onCheck?: ((...args: any[]) => any) | undefined;
299
300
  "onCell-click"?: ((...args: any[]) => any) | undefined;
300
- "onCe-check"?: ((...args: any[]) => any) | undefined;
301
301
  }, {
302
302
  fetch: () => void;
303
303
  query: import("vue").ComputedRef<DataTableQuery | null>;
304
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check")[], string, {
304
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click")[], string, {
305
305
  actions: MenuItemInterface[];
306
306
  urlQuery: Record<string, any>;
307
307
  defaultQuery: DataTableQuery;
@@ -468,8 +468,8 @@ declare const _default: {
468
468
  onDelete?: ((...args: any[]) => any) | undefined;
469
469
  onCheckAll?: ((...args: any[]) => any) | undefined;
470
470
  "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
471
+ onCheck?: ((...args: any[]) => any) | undefined;
471
472
  "onCell-click"?: ((...args: any[]) => any) | undefined;
472
- "onCe-check"?: ((...args: any[]) => any) | undefined;
473
473
  } & import("vue").ShallowUnwrapRef<{
474
474
  fetch: () => void;
475
475
  query: import("vue").ComputedRef<DataTableQuery | null>;
@@ -606,12 +606,12 @@ declare const _default: {
606
606
  onDelete?: ((...args: any[]) => any) | undefined;
607
607
  onCheckAll?: ((...args: any[]) => any) | undefined;
608
608
  "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
609
+ onCheck?: ((...args: any[]) => any) | undefined;
609
610
  "onCell-click"?: ((...args: any[]) => any) | undefined;
610
- "onCe-check"?: ((...args: any[]) => any) | undefined;
611
611
  }, {
612
612
  fetch: () => void;
613
613
  query: import("vue").ComputedRef<DataTableQuery | null>;
614
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check")[], "delete" | "checkAll" | "update:checked-rows" | "cell-click" | "ce-check", {
614
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click")[], "delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click", {
615
615
  actions: MenuItemInterface[];
616
616
  urlQuery: Record<string, any>;
617
617
  defaultQuery: DataTableQuery;
package/dist/types/src/components/BaseTableColumn.vue.d.ts CHANGED
@@ -40,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
40
40
  default: boolean;
41
41
  type: BooleanConstructor;
42
42
  };
43
+ clickable: {
44
+ default: boolean;
45
+ type: BooleanConstructor;
46
+ };
43
47
  toggle: {
44
48
  type: BooleanConstructor;
45
49
  default: boolean;
@@ -117,6 +121,10 @@ declare const _default: import("vue").DefineComponent<{
117
121
  default: boolean;
118
122
  type: BooleanConstructor;
119
123
  };
124
+ clickable: {
125
+ default: boolean;
126
+ type: BooleanConstructor;
127
+ };
120
128
  toggle: {
121
129
  type: BooleanConstructor;
122
130
  default: boolean;
@@ -155,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
155
163
  numeric: boolean;
156
164
  sortable: boolean;
157
165
  visible: boolean;
166
+ clickable: boolean;
158
167
  optional: boolean;
159
168
  customSort: Function;
160
169
  customSearch: Function;
package/dist/types/src/types/index.d.ts CHANGED
@@ -87,6 +87,7 @@ export interface BaseTableColumn {
87
87
  searchable: boolean;
88
88
  sortable: boolean;
89
89
  visible: boolean;
90
+ clickable: boolean;
90
91
  toggle: boolean;
91
92
  optional: boolean;
92
93
  width: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.0.67",
3
+ "version": "0.0.69",
4
4
  "scripts": {
5
5
  "build": "rimraf dist && vue-tsc && vite build",
6
6
  "build-fast": "rimraf dist && vite build",
package/src/components/BaseDataTable.stories.js CHANGED
@@ -21,7 +21,7 @@ export default {
21
21
  };
22
22
 
23
23
  const template = `
24
- <BaseDataTable v-bind="args">
24
+ <BaseDataTable v-bind="args" @cell-click="onCellClick">
25
25
  <BaseTableColumn
26
26
  v-slot="{ row }"
27
27
  label="Titre"
@@ -137,7 +137,11 @@ const Template = (args) => ({
137
137
  BaseAppDialogs,
138
138
  },
139
139
  setup() {
140
- return { args };
140
+ function onCellClick() {
141
+ alert('cell click!');
142
+ }
143
+
144
+ return { args, onCellClick };
141
145
  },
142
146
  template: template,
143
147
  });
package/src/components/BaseDataTable.vue CHANGED
@@ -48,6 +48,7 @@
48
48
  v-slot="{ row }"
49
49
  :visible="editButton || deleteButton || $slots.rowActions != null"
50
50
  :toggle="false"
51
+ :clickable="false"
51
52
  custom-key="actions"
52
53
  >
53
54
  <div class="flex justify-end text-right">
@@ -339,7 +340,7 @@ const emit = defineEmits([
339
340
  'delete',
340
341
  'checkAll',
341
342
  'update:checked-rows',
342
- 'ce-check',
343
+ 'check',
343
344
  ]);
344
345
 
345
346
  const dataIterator = ref(null) as Ref<null | InstanceType<
package/src/components/BaseTable.vue CHANGED
@@ -193,14 +193,7 @@
193
193
  :data-label="column.label"
194
194
  :props="{ row, column, index, colindex, toggleDetails }"
195
195
  @click="
196
- $emit(
197
- 'cell-click',
198
- row,
199
- column,
200
- index,
201
- colindex,
202
- $event
203
- )
196
+ onColumnClick(row, column, index, colindex, $event)
204
197
  "
205
198
  />
206
199
 
@@ -771,6 +764,18 @@ function borderBottomDetailClasses(index: number): string {
771
764
  return '';
772
765
  }
773
766
 
767
+ function onColumnClick(
768
+ row: Row,
769
+ column: BaseTableColumn,
770
+ index: number,
771
+ colindex: number,
772
+ event: MouseEvent
773
+ ) {
774
+ if (column.clickable) {
775
+ emit('cell-click', row, column, index, colindex, event);
776
+ }
777
+ }
778
+
774
779
  function nextSequence() {
775
780
  return sequence.value++;
776
781
  }
package/src/components/BaseTableColumn.vue CHANGED
@@ -44,6 +44,10 @@ export default defineComponent({
44
44
  default: true,
45
45
  type: Boolean,
46
46
  },
47
+ clickable: {
48
+ default: true,
49
+ type: Boolean,
50
+ },
47
51
  toggle: {
48
52
  type: Boolean,
49
53
  default: true,
package/src/types/index.ts CHANGED
@@ -108,6 +108,7 @@ export interface BaseTableColumn {
108
108
  searchable: boolean;
109
109
  sortable: boolean;
110
110
  visible: boolean;
111
+ clickable: boolean;
111
112
  toggle: boolean;
112
113
  optional: boolean;
113
114
  width: number;