@bagelink/vue 0.0.560 → 0.0.564

package/dist/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAGnB,MAAM,eAAe,CAAA;AAwHtB,iBAAS,cAAc;;;MA6O+D,GAAG,GAIxF;AAyBD,QAAA,MAAM,eAAe;oBAMJ,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;;oBAHL,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;UAGpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAInB,MAAM,eAAe,CAAA;AAkItB,iBAAS,cAAc;;;MA6O+D,GAAG,GAIxF;AAyBD,QAAA,MAAM,eAAe;oBAMJ,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;;oBAHL,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;UAGpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -2568,7 +2568,7 @@ const isPlainObject$1 = (val) => {
   const prototype2 = getPrototypeOf(val);
   return (prototype2 === null || prototype2 === Object.prototype || Object.getPrototypeOf(prototype2) === null) && !(Symbol.toStringTag in val) && !(Symbol.iterator in val);
 };
-const isDate$1 = kindOfTest("Date");
+const isDate$2 = kindOfTest("Date");
 const isFile = kindOfTest("File");
 const isBlob = kindOfTest("Blob");
 const isFileList = kindOfTest("FileList");
@@ -2843,7 +2843,7 @@ const utils$1 = {
   isResponse,
   isHeaders,
   isUndefined,
-  isDate: isDate$1,
+  isDate: isDate$2,
   isFile,
   isBlob,
   isRegExp: isRegExp$1,
@@ -5285,6 +5285,7 @@ function iffer(field, itemData) {
   return true;
 }
 const denullify = (itemData, fieldID) => fieldID && itemData ? itemData[fieldID] : null;
+const isDate$1 = (dateToTest) => !Number.isNaN(Date.parse(dateToTest));
 const bagelInjectionKey = Symbol("bagel");
 const i18nTInjectionKey = Symbol("bagel");
 function useBagel() {
@@ -6068,10 +6069,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       const dta = [...props2.data].map(transform);
       if (sortField.value) {
         return dta.sort((a2, b2) => {
-          const aValue = a2[computedSortField.value] ?? "";
-          const bValue = b2[computedSortField.value] ?? "";
-          const numAValue = Number.parseInt(aValue, 10);
-          const numBValue = Number.parseInt(bValue, 10);
+          let aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
+          let bValue = b2[computedSortField.value] ?? b2[sortField.value] ?? "";
+          if (isDate$1(aValue) && isDate$1(bValue)) {
+            aValue = new Date(aValue).getTime();
+            bValue = new Date(bValue).getTime();
+          }
+          const numAValue = Number.parseInt(`${aValue}`.replace(/[^\d.-]/g, ""), 10);
+          const numBValue = Number.parseInt(`${bValue}`.replace(/[^\d.-]/g, ""), 10);
           if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
             if (sortDirection.value === "ASC") return numAValue - numBValue;
             return numBValue - numAValue;
@@ -6157,7 +6162,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-9d32d080"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-1628cf1a"]]);
 const _sfc_main$E = {};
 const _hoisted_1$B = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -62912,6 +62917,7 @@ exports.formatString = formatString;
 exports.i18nTInjectionKey = i18nTInjectionKey;
 exports.iffer = iffer;
 exports.initials = initials;
+exports.isDate = isDate$1;
 exports.keyToLabel = keyToLabel;
 exports.useBagel = useBagel;
 exports.useEscape = useEscape;

package/dist/index.mjs

@@ -2566,7 +2566,7 @@ const isPlainObject$1 = (val) => {
   const prototype2 = getPrototypeOf(val);
   return (prototype2 === null || prototype2 === Object.prototype || Object.getPrototypeOf(prototype2) === null) && !(Symbol.toStringTag in val) && !(Symbol.iterator in val);
 };
-const isDate$1 = kindOfTest("Date");
+const isDate$2 = kindOfTest("Date");
 const isFile = kindOfTest("File");
 const isBlob = kindOfTest("Blob");
 const isFileList = kindOfTest("FileList");
@@ -2841,7 +2841,7 @@ const utils$1 = {
   isResponse,
   isHeaders,
   isUndefined,
-  isDate: isDate$1,
+  isDate: isDate$2,
   isFile,
   isBlob,
   isRegExp: isRegExp$1,
@@ -5283,6 +5283,7 @@ function iffer(field, itemData) {
   return true;
 }
 const denullify = (itemData, fieldID) => fieldID && itemData ? itemData[fieldID] : null;
+const isDate$1 = (dateToTest) => !Number.isNaN(Date.parse(dateToTest));
 const bagelInjectionKey = Symbol("bagel");
 const i18nTInjectionKey = Symbol("bagel");
 function useBagel() {
@@ -6066,10 +6067,14 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       const dta = [...props2.data].map(transform);
       if (sortField.value) {
         return dta.sort((a2, b2) => {
-          const aValue = a2[computedSortField.value] ?? "";
-          const bValue = b2[computedSortField.value] ?? "";
-          const numAValue = Number.parseInt(aValue, 10);
-          const numBValue = Number.parseInt(bValue, 10);
+          let aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
+          let bValue = b2[computedSortField.value] ?? b2[sortField.value] ?? "";
+          if (isDate$1(aValue) && isDate$1(bValue)) {
+            aValue = new Date(aValue).getTime();
+            bValue = new Date(bValue).getTime();
+          }
+          const numAValue = Number.parseInt(`${aValue}`.replace(/[^\d.-]/g, ""), 10);
+          const numBValue = Number.parseInt(`${bValue}`.replace(/[^\d.-]/g, ""), 10);
           if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
             if (sortDirection.value === "ASC") return numAValue - numBValue;
             return numBValue - numAValue;
@@ -6155,7 +6160,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-9d32d080"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-1628cf1a"]]);
 const _sfc_main$E = {};
 const _hoisted_1$B = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -62911,6 +62916,7 @@ export {
   i18nTInjectionKey,
   iffer,
   initials,
+  isDate$1 as isDate,
   keyToLabel,
   useBagel,
   useEscape,

package/dist/style.css

@@ -640,41 +640,41 @@ a[data-v-65a6e961] {
 }
 }
 
-.list-arrows[data-v-9d32d080] {
+.list-arrows[data-v-1628cf1a] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-9d32d080] {
+.list-arrows .bgl_icon-font[data-v-1628cf1a] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-9d32d080] {
+.list-arrows.sorted[data-v-1628cf1a] {
 	opacity: 1;
 }
-.col img[data-v-9d32d080] {
+.col img[data-v-1628cf1a] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-9d32d080] {
+.list-arrows.sorted .desc[data-v-1628cf1a] {
 	transform: rotate(180deg);
 }
-table[data-v-9d32d080] {
+table[data-v-1628cf1a] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-9d32d080] {
+th[data-v-1628cf1a] {
 	font-weight: 400;
 }
-.embedded-field[data-v-9d32d080] {
+.embedded-field[data-v-1628cf1a] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-9d32d080] {
+.row[data-v-1628cf1a] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-9d32d080] {
+.row.first-row[data-v-1628cf1a] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -684,10 +684,10 @@ th[data-v-9d32d080] {
 	/* height: 50px; */
 	vertical-align: bottom;
 }
-.row.first-row input[type=checkbox][data-v-9d32d080]{
+.row.first-row input[type=checkbox][data-v-1628cf1a]{
 	margin-bottom: 0.7rem;
 }
-.row.first-row[data-v-9d32d080]::after {
+.row.first-row[data-v-1628cf1a]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -695,30 +695,30 @@ th[data-v-9d32d080] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-9d32d080] {
+.first-row .col[data-v-1628cf1a] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-9d32d080] {
+.col[data-v-1628cf1a] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-9d32d080]:has(.bagel-input) {
+.col[data-v-1628cf1a]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-9d32d080] {
+.col > div[data-v-1628cf1a] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-9d32d080] {
+.max-col-width[data-v-1628cf1a] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-9d32d080] {
+.col.check .bgl_icon-font[data-v-1628cf1a] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -729,31 +729,31 @@ th[data-v-9d32d080] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-9d32d080] {
+.rows[data-v-1628cf1a] {
 	font-size: 0.88em;
 }
-.table-list[data-v-9d32d080] {
+.table-list[data-v-1628cf1a] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-9d32d080] {
+.BagelTable .table-list[data-v-1628cf1a] {
 	overflow: unset;
 }
-.row-item[data-v-9d32d080] {
+.row-item[data-v-1628cf1a] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-9d32d080]:hover {
+.row-item[data-v-1628cf1a]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type=checkbox][data-v-9d32d080]{
+.row-item input[type=checkbox][data-v-1628cf1a]{
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-primary);
 }
-.infinite-wrapper[data-v-9d32d080] {
+.infinite-wrapper[data-v-1628cf1a] {
 	overflow-y: auto;
 	width: 100%;
 }

package/dist/utils/index.d.ts

@@ -9,6 +9,7 @@ export declare function classify(fieldVal?: any, row?: any, ...classes: any[]):
 export declare function bindAttrs<T = Record<string, any>>(attrs?: Attributes, fieldVal?: any, row?: T): any;
 export declare function iffer(field: any, itemData: any): any;
 export declare const denullify: (itemData?: Record<string, any>, fieldID?: string) => any;
+export declare const isDate: (dateToTest: any) => boolean;
 export { formatString } from './strings';
 export * as bagelFormUtils from './BagelFormUtils';
 export { useLang } from './lang';

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,eAAO,MAAM,SAAS,cAAe,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,YAAY,MAAM,QAAqD,CAAA;AAE/H,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,eAAO,MAAM,SAAS,cAAe,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,YAAY,MAAM,QAAqD,CAAA;AAE/H,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.560",
+  "version": "0.0.564",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/TableSchema.vue

@@ -3,6 +3,7 @@ import {
 	BglField,
 	type BglFormSchemaT,
 	MaterialIcon,
+	isDate,
 	keyToLabel,
 } from '@bagelink/vue'
 import { useSlots } from 'vue'
@@ -80,18 +81,28 @@ const computedData = $computed(() => {
 	const dta = [...props.data].map(transform)
 	if (sortField as string) {
 		return dta.sort((a, b) => {
-			const aValue = a[computedSortField] ?? ''
-			const bValue = b[computedSortField] ?? ''
-			const numAValue = Number.parseInt(aValue, 10)
-			const numBValue = Number.parseInt(bValue, 10)
+			let aValue = a[computedSortField] ?? a[sortField] ?? ''
+			let bValue = b[computedSortField] ?? b[sortField] ?? ''
+
+			if (isDate(aValue) && isDate(bValue)) {
+				// ? now we can sort by as number
+				aValue = new Date(aValue).getTime()
+				bValue = new Date(bValue).getTime()
+			}
+
+			const numAValue = Number.parseInt(`${aValue}`.replace(/[^\d.-]/g, ''), 10)
+			const numBValue = Number.parseInt(`${bValue}`.replace(/[^\d.-]/g, ''), 10)
+
 			if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
 				if (sortDirection === 'ASC') return numAValue - numBValue
 				return numBValue - numAValue
 			}
+
 			if (typeof aValue === 'string') {
 				if (sortDirection === 'ASC') return aValue.localeCompare(bValue)
 				return bValue.localeCompare(aValue)
 			}
+
 			if (sortDirection === 'ASC') return aValue < bValue ? -1 : 1
 			return aValue < bValue ? 1 : -1
 		})

package/src/utils/index.ts

@@ -57,6 +57,8 @@ export function iffer(field: any, itemData: any) {
 
 export const denullify = (itemData?: Record<string, any>, fieldID?: string) => (fieldID && itemData ? itemData[fieldID] : null)
 
+export const isDate = (dateToTest: any) => !Number.isNaN(Date.parse(dateToTest))
+
 export { formatString } from './strings'
 
 export * as bagelFormUtils from './BagelFormUtils'