@vaadin/hilla-react-crud 24.5.3 → 24.5.4
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.
- package/index.js +1 -1
- package/locale.d.ts.map +1 -1
- package/locale.js +2 -6
- package/locale.js.map +2 -2
- package/package.json +5 -5
- package/util.js +1 -1
package/index.js
CHANGED
|
@@ -2,7 +2,7 @@ function __REGISTER__(feature, vaadinObj = window.Vaadin ??= {}) {
|
|
|
2
2
|
vaadinObj.registrations ??= [];
|
|
3
3
|
vaadinObj.registrations.push({
|
|
4
4
|
is: feature ? `${"@vaadin/hilla-react-crud"}/${feature}` : "@vaadin/hilla-react-crud",
|
|
5
|
-
version: "24.5.
|
|
5
|
+
version: "24.5.4"
|
|
6
6
|
});
|
|
7
7
|
}
|
|
8
8
|
export * from "./autogrid-feature.js";
|
package/locale.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["src/locale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACrH,OAAO,EAAyB,KAAK,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAG5G,eAAO,MAAM,aAAa,iCAAoC,CAAC;AAuB/D,qBAAa,eAAe;;gBAQd,MAAM,CAAC,EAAE,MAAM;IA4B3B,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM;IAClC,UAAU,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM;
|
|
1
|
+
{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["src/locale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACrH,OAAO,EAAyB,KAAK,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAG5G,eAAO,MAAM,aAAa,iCAAoC,CAAC;AAuB/D,qBAAa,eAAe;;gBAQd,MAAM,CAAC,EAAE,MAAM;IA4B3B,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM;IAClC,UAAU,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM;IAYzC,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM;IAIvC,mBAAmB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM;IAI3C,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM;IAIrC,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM;IAIrC,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;CAgBtD;AAED,wBAAgB,kBAAkB,IAAI,eAAe,CAGpD;AAID,wBAAgB,iBAAiB,IAAI,cAAc,CAelD;AAID,wBAAgB,qBAAqB,IAAI,kBAAkB,CAU1D"}
|
package/locale.js
CHANGED
|
@@ -48,9 +48,7 @@ class LocaleFormatter {
|
|
|
48
48
|
if (typeof value === "object") {
|
|
49
49
|
const { year, month, day } = value;
|
|
50
50
|
const date = /* @__PURE__ */ new Date();
|
|
51
|
-
date.setFullYear(year);
|
|
52
|
-
date.setMonth(month);
|
|
53
|
-
date.setDate(day);
|
|
51
|
+
date.setFullYear(year, month, day);
|
|
54
52
|
return this.#date.format(date);
|
|
55
53
|
}
|
|
56
54
|
return tryFormatDate(this.#date, value);
|
|
@@ -73,9 +71,7 @@ class LocaleFormatter {
|
|
|
73
71
|
const month = Number(match?.groups?.month) - 1;
|
|
74
72
|
const day = Number(match?.groups?.day);
|
|
75
73
|
const dateInstance = /* @__PURE__ */ new Date();
|
|
76
|
-
dateInstance.setFullYear(year);
|
|
77
|
-
dateInstance.setMonth(month);
|
|
78
|
-
dateInstance.setDate(day);
|
|
74
|
+
dateInstance.setFullYear(year, month, day);
|
|
79
75
|
if (dateInstance.getFullYear() !== year || dateInstance.getMonth() !== month || dateInstance.getDate() !== day) {
|
|
80
76
|
return void 0;
|
|
81
77
|
}
|
package/locale.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/locale.ts"],
|
|
4
|
-
"sourcesContent": ["import { DatePickerElement, type DatePickerDate, type DatePickerI18n } from '@vaadin/react-components/DatePicker.js';\nimport { DateTimePickerElement, type DateTimePickerI18n } from '@vaadin/react-components/DateTimePicker.js';\nimport { createContext, useContext, useMemo } from 'react';\n\nexport const LocaleContext = createContext(navigator.language);\n\nfunction getFormatRegex(format: Intl.DateTimeFormat) {\n const sampleDate = new Date(1234, 5 - 1, 6);\n const formattedSample = format.format(sampleDate);\n const pattern = formattedSample\n .replace('1234', '(?<year>\\\\d+)')\n .replace('05', '(?<month>\\\\d+)')\n .replace('5', '(?<month>\\\\d+)')\n .replace('06', '(?<day>\\\\d+)')\n .replace('6', '(?<day>\\\\d+)');\n\n return new RegExp(pattern, 'u');\n}\n\nfunction tryFormatDate(formatter: Intl.DateTimeFormat, value?: string): string {\n try {\n return value ? formatter.format(new Date(value)) : '';\n } catch (e) {\n return '';\n }\n}\n\nexport class LocaleFormatter {\n readonly #date: Intl.DateTimeFormat;\n readonly #localTime: Intl.DateTimeFormat;\n readonly #localDateTime: Intl.DateTimeFormat;\n readonly #integer: Intl.NumberFormat;\n readonly #decimal: Intl.NumberFormat;\n readonly #parsePattern: RegExp;\n\n constructor(locale?: string) {\n this.#date = new Intl.DateTimeFormat(locale);\n\n this.#localTime = new Intl.DateTimeFormat(locale, {\n hour: 'numeric',\n minute: 'numeric',\n });\n\n this.#localDateTime = new Intl.DateTimeFormat(locale, {\n day: 'numeric',\n month: 'numeric',\n year: 'numeric',\n hour: 'numeric',\n minute: 'numeric',\n });\n\n this.#integer = new Intl.NumberFormat(locale, {\n maximumFractionDigits: 0,\n });\n\n this.#decimal = new Intl.NumberFormat(locale, {\n maximumFractionDigits: 2,\n minimumFractionDigits: 2,\n });\n\n this.#parsePattern = getFormatRegex(this.#date);\n }\n\n formatDate(value?: string): string;\n formatDate(value: DatePickerDate): string;\n formatDate(value?: DatePickerDate | string): string {\n if (typeof value === 'object') {\n const { year, month, day } = value;\n const date = new Date();\n date.setFullYear(year
|
|
5
|
-
"mappings": "AAAA,SAAS,yBAAmE;AAC5E,SAAS,6BAAsD;AAC/D,SAAS,eAAe,YAAY,eAAe;AAE5C,MAAM,gBAAgB,cAAc,UAAU,QAAQ;AAE7D,SAAS,eAAe,QAA6B;AACnD,QAAM,aAAa,IAAI,KAAK,MAAM,IAAI,GAAG,CAAC;AAC1C,QAAM,kBAAkB,OAAO,OAAO,UAAU;AAChD,QAAM,UAAU,gBACb,QAAQ,QAAQ,eAAe,EAC/B,QAAQ,MAAM,gBAAgB,EAC9B,QAAQ,KAAK,gBAAgB,EAC7B,QAAQ,MAAM,cAAc,EAC5B,QAAQ,KAAK,cAAc;AAE9B,SAAO,IAAI,OAAO,SAAS,GAAG;AAChC;AAEA,SAAS,cAAc,WAAgC,OAAwB;AAC7E,MAAI;AACF,WAAO,QAAQ,UAAU,OAAO,IAAI,KAAK,KAAK,CAAC,IAAI;AAAA,EACrD,SAAS,GAAG;AACV,WAAO;AAAA,EACT;AACF;AAEO,MAAM,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAET,YAAY,QAAiB;AAC3B,SAAK,QAAQ,IAAI,KAAK,eAAe,MAAM;AAE3C,SAAK,aAAa,IAAI,KAAK,eAAe,QAAQ;AAAA,MAChD,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAC;AAED,SAAK,iBAAiB,IAAI,KAAK,eAAe,QAAQ;AAAA,MACpD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAC;AAED,SAAK,WAAW,IAAI,KAAK,aAAa,QAAQ;AAAA,MAC5C,uBAAuB;AAAA,IACzB,CAAC;AAED,SAAK,WAAW,IAAI,KAAK,aAAa,QAAQ;AAAA,MAC5C,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACzB,CAAC;AAED,SAAK,gBAAgB,eAAe,KAAK,KAAK;AAAA,EAChD;AAAA,EAIA,WAAW,OAAyC;AAClD,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,EAAE,MAAM,OAAO,IAAI,IAAI;AAC7B,YAAM,OAAO,oBAAI,KAAK;AACtB,WAAK,YAAY,
|
|
4
|
+
"sourcesContent": ["import { DatePickerElement, type DatePickerDate, type DatePickerI18n } from '@vaadin/react-components/DatePicker.js';\nimport { DateTimePickerElement, type DateTimePickerI18n } from '@vaadin/react-components/DateTimePicker.js';\nimport { createContext, useContext, useMemo } from 'react';\n\nexport const LocaleContext = createContext(navigator.language);\n\nfunction getFormatRegex(format: Intl.DateTimeFormat) {\n const sampleDate = new Date(1234, 5 - 1, 6);\n const formattedSample = format.format(sampleDate);\n const pattern = formattedSample\n .replace('1234', '(?<year>\\\\d+)')\n .replace('05', '(?<month>\\\\d+)')\n .replace('5', '(?<month>\\\\d+)')\n .replace('06', '(?<day>\\\\d+)')\n .replace('6', '(?<day>\\\\d+)');\n\n return new RegExp(pattern, 'u');\n}\n\nfunction tryFormatDate(formatter: Intl.DateTimeFormat, value?: string): string {\n try {\n return value ? formatter.format(new Date(value)) : '';\n } catch (e) {\n return '';\n }\n}\n\nexport class LocaleFormatter {\n readonly #date: Intl.DateTimeFormat;\n readonly #localTime: Intl.DateTimeFormat;\n readonly #localDateTime: Intl.DateTimeFormat;\n readonly #integer: Intl.NumberFormat;\n readonly #decimal: Intl.NumberFormat;\n readonly #parsePattern: RegExp;\n\n constructor(locale?: string) {\n this.#date = new Intl.DateTimeFormat(locale);\n\n this.#localTime = new Intl.DateTimeFormat(locale, {\n hour: 'numeric',\n minute: 'numeric',\n });\n\n this.#localDateTime = new Intl.DateTimeFormat(locale, {\n day: 'numeric',\n month: 'numeric',\n year: 'numeric',\n hour: 'numeric',\n minute: 'numeric',\n });\n\n this.#integer = new Intl.NumberFormat(locale, {\n maximumFractionDigits: 0,\n });\n\n this.#decimal = new Intl.NumberFormat(locale, {\n maximumFractionDigits: 2,\n minimumFractionDigits: 2,\n });\n\n this.#parsePattern = getFormatRegex(this.#date);\n }\n\n formatDate(value?: string): string;\n formatDate(value: DatePickerDate): string;\n formatDate(value?: DatePickerDate | string): string {\n if (typeof value === 'object') {\n const { year, month, day } = value;\n const date = new Date();\n date.setFullYear(year, month, day);\n return this.#date.format(date);\n }\n\n return tryFormatDate(this.#date, value);\n }\n\n formatLocalTime(value?: string): string {\n return tryFormatDate(this.#localTime, `2000-01-01T${value}`);\n }\n\n formatLocalDateTime(value?: string): string {\n return tryFormatDate(this.#localDateTime, value);\n }\n\n formatInteger(value?: number): string {\n return value && Number.isFinite(value) ? this.#integer.format(value) : '';\n }\n\n formatDecimal(value?: number): string {\n return value && Number.isFinite(value) ? this.#decimal.format(value) : '';\n }\n\n parse(dateString: string): DatePickerDate | undefined {\n const match = this.#parsePattern.exec(dateString);\n const year = Number(match?.groups?.year);\n const month = Number(match?.groups?.month) - 1;\n const day = Number(match?.groups?.day);\n\n // Verify that the parsed date is valid\n const dateInstance = new Date();\n dateInstance.setFullYear(year, month, day);\n\n if (dateInstance.getFullYear() !== year || dateInstance.getMonth() !== month || dateInstance.getDate() !== day) {\n return undefined;\n }\n\n return { year, month, day };\n }\n}\n\nexport function useLocaleFormatter(): LocaleFormatter {\n const locale = useContext(LocaleContext);\n return useMemo(() => new LocaleFormatter(locale), [locale]);\n}\n\nconst defaultDatePickerI18n = new DatePickerElement().i18n;\n\nexport function useDatePickerI18n(): DatePickerI18n {\n const formatter = useLocaleFormatter();\n\n return useMemo(\n () => ({\n ...defaultDatePickerI18n,\n formatDate(value) {\n return formatter.formatDate(value);\n },\n parseDate(value) {\n return formatter.parse(value);\n },\n }),\n [formatter],\n );\n}\n\nconst defaultDateTimePickerI18n = new DateTimePickerElement().i18n;\n\nexport function useDateTimePickerI18n(): DateTimePickerI18n {\n const datePickerI18n = useDatePickerI18n();\n\n return useMemo(\n () => ({\n ...defaultDateTimePickerI18n,\n ...datePickerI18n,\n }),\n [datePickerI18n],\n );\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/hilla-react-crud",
|
|
3
|
-
"version": "24.5.
|
|
3
|
+
"version": "24.5.4",
|
|
4
4
|
"description": "Hilla CRUD utils for React",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@vaadin/hilla-frontend": "24.5.
|
|
60
|
-
"@vaadin/hilla-lit-form": "24.5.
|
|
61
|
-
"@vaadin/hilla-react-form": "24.5.
|
|
62
|
-
"@vaadin/react-components": "24.5.
|
|
59
|
+
"@vaadin/hilla-frontend": "24.5.4",
|
|
60
|
+
"@vaadin/hilla-lit-form": "24.5.4",
|
|
61
|
+
"@vaadin/hilla-react-form": "24.5.4",
|
|
62
|
+
"@vaadin/react-components": "24.5.3"
|
|
63
63
|
},
|
|
64
64
|
"peerDependencies": {
|
|
65
65
|
"react": "^18",
|
package/util.js
CHANGED
|
@@ -2,7 +2,7 @@ function __REGISTER__(feature, vaadinObj = window.Vaadin ??= {}) {
|
|
|
2
2
|
vaadinObj.registrations ??= [];
|
|
3
3
|
vaadinObj.registrations.push({
|
|
4
4
|
is: feature ? `${"@vaadin/hilla-react-crud"}/${feature}` : "@vaadin/hilla-react-crud",
|
|
5
|
-
version: "24.5.
|
|
5
|
+
version: "24.5.4"
|
|
6
6
|
});
|
|
7
7
|
}
|
|
8
8
|
import { jsx } from "react/jsx-runtime";
|