sprintify-ui 0.0.68 → 0.0.70

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 (10) hide show
  1. package/dist/sprintify-ui.es.js +1030 -1035
  2. package/dist/style.css +1 -1
  3. package/dist/types/src/components/BaseDataTableToggleColumns.vue.d.ts +2 -30
  4. package/dist/types/src/components/BaseTable.vue.d.ts +1 -24
  5. package/dist/types/src/components/BaseTableColumn.vue.d.ts +9 -0
  6. package/package.json +1 -1
  7. package/src/components/BaseDataTable.stories.js +6 -2
  8. package/src/components/BaseNavbarSideItem.vue +2 -6
  9. package/src/components/BaseTable.vue +0 -5
  10. package/src/components/BaseTableColumn.vue +4 -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-861b8e6a]{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/BaseDataTableToggleColumns.vue.d.ts CHANGED
@@ -12,7 +12,6 @@ declare const _default: import("vue").DefineComponent<{
12
12
  sortDirection: string;
13
13
  visibleColumns: number[];
14
14
  detailed: boolean;
15
- clickable: boolean;
16
15
  checkable: boolean;
17
16
  checkableActions: import("../types").MenuItemInterface[];
18
17
  checkboxPosition: "left" | "right";
@@ -39,10 +38,6 @@ declare const _default: import("vue").DefineComponent<{
39
38
  default: boolean;
40
39
  type: BooleanConstructor;
41
40
  };
42
- clickable: {
43
- default: boolean;
44
- type: BooleanConstructor;
45
- };
46
41
  checkable: {
47
42
  default: boolean;
48
43
  type: BooleanConstructor;
@@ -96,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
96
91
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
97
92
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
98
93
  "onCell-click"?: ((...args: any[]) => any) | undefined;
99
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "clickable" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
94
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
100
95
  $attrs: {
101
96
  [x: string]: unknown;
102
97
  };
@@ -127,10 +122,6 @@ declare const _default: import("vue").DefineComponent<{
127
122
  default: boolean;
128
123
  type: BooleanConstructor;
129
124
  };
130
- clickable: {
131
- default: boolean;
132
- type: BooleanConstructor;
133
- };
134
125
  checkable: {
135
126
  default: boolean;
136
127
  type: BooleanConstructor;
@@ -193,7 +184,6 @@ declare const _default: import("vue").DefineComponent<{
193
184
  sortDirection: string;
194
185
  visibleColumns: number[];
195
186
  detailed: boolean;
196
- clickable: boolean;
197
187
  checkable: boolean;
198
188
  checkableActions: import("../types").MenuItemInterface[];
199
189
  checkboxPosition: "left" | "right";
@@ -240,10 +230,6 @@ declare const _default: import("vue").DefineComponent<{
240
230
  default: boolean;
241
231
  type: BooleanConstructor;
242
232
  };
243
- clickable: {
244
- default: boolean;
245
- type: BooleanConstructor;
246
- };
247
233
  checkable: {
248
234
  default: boolean;
249
235
  type: BooleanConstructor;
@@ -333,7 +319,6 @@ declare const _default: import("vue").DefineComponent<{
333
319
  sortDirection: string;
334
320
  visibleColumns: number[];
335
321
  detailed: boolean;
336
- clickable: boolean;
337
322
  checkable: boolean;
338
323
  checkableActions: import("../types").MenuItemInterface[];
339
324
  checkboxPosition: "left" | "right";
@@ -360,10 +345,6 @@ declare const _default: import("vue").DefineComponent<{
360
345
  default: boolean;
361
346
  type: BooleanConstructor;
362
347
  };
363
- clickable: {
364
- default: boolean;
365
- type: BooleanConstructor;
366
- };
367
348
  checkable: {
368
349
  default: boolean;
369
350
  type: BooleanConstructor;
@@ -417,7 +398,7 @@ declare const _default: import("vue").DefineComponent<{
417
398
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
418
399
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
419
400
  "onCell-click"?: ((...args: any[]) => any) | undefined;
420
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "clickable" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
401
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
421
402
  $attrs: {
422
403
  [x: string]: unknown;
423
404
  };
@@ -448,10 +429,6 @@ declare const _default: import("vue").DefineComponent<{
448
429
  default: boolean;
449
430
  type: BooleanConstructor;
450
431
  };
451
- clickable: {
452
- default: boolean;
453
- type: BooleanConstructor;
454
- };
455
432
  checkable: {
456
433
  default: boolean;
457
434
  type: BooleanConstructor;
@@ -514,7 +491,6 @@ declare const _default: import("vue").DefineComponent<{
514
491
  sortDirection: string;
515
492
  visibleColumns: number[];
516
493
  detailed: boolean;
517
- clickable: boolean;
518
494
  checkable: boolean;
519
495
  checkableActions: import("../types").MenuItemInterface[];
520
496
  checkboxPosition: "left" | "right";
@@ -561,10 +537,6 @@ declare const _default: import("vue").DefineComponent<{
561
537
  default: boolean;
562
538
  type: BooleanConstructor;
563
539
  };
564
- clickable: {
565
- default: boolean;
566
- type: BooleanConstructor;
567
- };
568
540
  checkable: {
569
541
  default: boolean;
570
542
  type: BooleanConstructor;
package/dist/types/src/components/BaseTable.vue.d.ts CHANGED
@@ -11,7 +11,6 @@ declare const _default: {
11
11
  sortDirection: string;
12
12
  visibleColumns: number[];
13
13
  detailed: boolean;
14
- clickable: boolean;
15
14
  checkable: boolean;
16
15
  checkableActions: MenuItemInterface[];
17
16
  checkboxPosition: "left" | "right";
@@ -41,11 +40,6 @@ declare const _default: {
41
40
  default: boolean;
42
41
  type: BooleanConstructor;
43
42
  };
44
- /** Allow click action */
45
- clickable: {
46
- default: boolean;
47
- type: BooleanConstructor;
48
- };
49
43
  /** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
50
44
  checkable: {
51
45
  default: boolean;
@@ -114,7 +108,7 @@ declare const _default: {
114
108
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
115
109
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
116
110
  "onCell-click"?: ((...args: any[]) => any) | undefined;
117
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "clickable" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
111
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
118
112
  $attrs: {
119
113
  [x: string]: unknown;
120
114
  };
@@ -148,11 +142,6 @@ declare const _default: {
148
142
  default: boolean;
149
143
  type: BooleanConstructor;
150
144
  };
151
- /** Allow click action */
152
- clickable: {
153
- default: boolean;
154
- type: BooleanConstructor;
155
- };
156
145
  /** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
157
146
  checkable: {
158
147
  default: boolean;
@@ -230,7 +219,6 @@ declare const _default: {
230
219
  sortDirection: string;
231
220
  visibleColumns: number[];
232
221
  detailed: boolean;
233
- clickable: boolean;
234
222
  checkable: boolean;
235
223
  checkableActions: MenuItemInterface[];
236
224
  checkboxPosition: "left" | "right";
@@ -280,11 +268,6 @@ declare const _default: {
280
268
  default: boolean;
281
269
  type: BooleanConstructor;
282
270
  };
283
- /** Allow click action */
284
- clickable: {
285
- default: boolean;
286
- type: BooleanConstructor;
287
- };
288
271
  /** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
289
272
  checkable: {
290
273
  default: boolean;
@@ -379,11 +362,6 @@ declare const _default: {
379
362
  default: boolean;
380
363
  type: BooleanConstructor;
381
364
  };
382
- /** Allow click action */
383
- clickable: {
384
- default: boolean;
385
- type: BooleanConstructor;
386
- };
387
365
  /** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
388
366
  checkable: {
389
367
  default: boolean;
@@ -461,7 +439,6 @@ declare const _default: {
461
439
  sortDirection: string;
462
440
  visibleColumns: number[];
463
441
  detailed: boolean;
464
- clickable: boolean;
465
442
  checkable: boolean;
466
443
  checkableActions: MenuItemInterface[];
467
444
  checkboxPosition: "left" | "right";
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.0.68",
3
+ "version": "0.0.70",
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/BaseNavbarSideItem.vue CHANGED
@@ -62,8 +62,6 @@ const props = defineProps({
62
62
 
63
63
  const emit = defineEmits(['click']);
64
64
 
65
- const router = useRouter();
66
-
67
65
  async function onClick() {
68
66
  emit('click');
69
67
  }
@@ -73,11 +71,9 @@ const routeActive = computed((): boolean => {
73
71
  return false;
74
72
  }
75
73
 
76
- const itemRoute = router.resolve(props.item.to);
74
+ const link = useLink({ to: props.item.to });
77
75
 
78
- return router.currentRoute.value.matched.some((route) => {
79
- return itemRoute.path == route.path;
80
- });
76
+ return link.isActive.value;
81
77
  });
82
78
 
83
79
  const showSubActions = computed((): boolean => {
package/src/components/BaseTable.vue CHANGED
@@ -304,11 +304,6 @@ const props = defineProps({
304
304
  default: false,
305
305
  type: Boolean,
306
306
  },
307
- /** Allow click action */
308
- clickable: {
309
- default: true,
310
- type: Boolean,
311
- },
312
307
  /** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
313
308
  checkable: {
314
309
  default: false,
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,