@a-type/ui 2.0.4 → 2.0.5
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/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts +3 -2
- package/dist/cjs/components/errorBoundary/ErrorBoundary.js +1 -0
- package/dist/cjs/components/errorBoundary/ErrorBoundary.js.map +1 -1
- package/dist/cjs/components/relativeTime/RelativeTime.js +3 -3
- package/dist/cjs/components/relativeTime/RelativeTime.js.map +1 -1
- package/dist/esm/components/errorBoundary/ErrorBoundary.d.ts +3 -2
- package/dist/esm/components/errorBoundary/ErrorBoundary.js +1 -0
- package/dist/esm/components/errorBoundary/ErrorBoundary.js.map +1 -1
- package/dist/esm/components/relativeTime/RelativeTime.js +2 -2
- package/dist/esm/components/relativeTime/RelativeTime.js.map +1 -1
- package/package.json +1 -1
- package/src/components/errorBoundary/ErrorBoundary.tsx +3 -2
- package/src/components/relativeTime/RelativeTime.tsx +2 -2
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Component, ReactElement, ReactNode } from 'react';
|
|
2
2
|
export declare class ErrorBoundary extends Component<{
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
fallback?: ReactNode | ((props: {
|
|
5
|
+
error: Error;
|
|
5
6
|
clearError: () => void;
|
|
6
7
|
}) => ReactElement);
|
|
7
8
|
}, {
|
|
@@ -13,5 +14,5 @@ export declare class ErrorBoundary extends Component<{
|
|
|
13
14
|
static getDerivedStateFromError(error: Error): {
|
|
14
15
|
error: Error;
|
|
15
16
|
};
|
|
16
|
-
render():
|
|
17
|
+
render(): ReactNode;
|
|
17
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,iCAA2D;AAE3D,MAAa,aAAc,SAAQ,iBAQlC;IARD;;QASC,UAAK,GAAG;YACP,KAAK,EAAE,IAAI;SACX,CAAC;IAmBH,CAAC;IAjBA,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACtB,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;gBAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;oBACvB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;iBAChD,CAAC,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;QACpC,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD;AA9BD,sCA8BC"}
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
5
5
|
exports.RelativeTime = RelativeTime;
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const date_fns_1 = require("date-fns");
|
|
9
7
|
const utils_1 = require("@a-type/utils");
|
|
8
|
+
const formatDistanceToNowStrict_1 = require("date-fns/formatDistanceToNowStrict");
|
|
9
|
+
const react_1 = require("react");
|
|
10
10
|
function formatDistanceToNow(date) {
|
|
11
11
|
const now = Date.now();
|
|
12
12
|
if (Math.abs(date.getTime() - now) < 1000) {
|
|
13
13
|
return 'just now';
|
|
14
14
|
}
|
|
15
|
-
return ((0,
|
|
15
|
+
return ((0, formatDistanceToNowStrict_1.formatDistanceToNowStrict)(date) +
|
|
16
16
|
(date.getTime() < now ? ' ago' : ' from now'));
|
|
17
17
|
}
|
|
18
18
|
function RelativeTime({ value, abbreviate }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RelativeTime.js","sourceRoot":"","sources":["../../../../src/components/relativeTime/RelativeTime.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAsBb,oCAsBC;;AA1CD,
|
|
1
|
+
{"version":3,"file":"RelativeTime.js","sourceRoot":"","sources":["../../../../src/components/relativeTime/RelativeTime.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAsBb,oCAsBC;;AA1CD,yCAAiD;AACjD,kFAA+E;AAC/E,iCAAqD;AAOrD,SAAS,mBAAmB,CAAC,IAAU;IACtC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACvB,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC;QAC3C,OAAO,UAAU,CAAC;IACnB,CAAC;IACD,OAAO,CACN,IAAA,qDAAyB,EAAC,IAAI,CAAC;QAC/B,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAC7C,CAAC;AACH,CAAC;AAED,SAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAqB;IACpE,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CACrC,UAAU;QACT,CAAC,CAAC,IAAA,wBAAgB,EAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAC9B,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,OAAO,CACN,UAAU;gBACT,CAAC,CAAC,IAAA,wBAAgB,EAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;gBAC/C,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAC9B,CAAC;QACH,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;QAChD,MAAM,EAAE,CAAC;QACT,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzB,OAAO,2DAAG,IAAI,GAAI,CAAC;AACpB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Component, ReactElement, ReactNode } from 'react';
|
|
2
2
|
export declare class ErrorBoundary extends Component<{
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
fallback?: ReactNode | ((props: {
|
|
5
|
+
error: Error;
|
|
5
6
|
clearError: () => void;
|
|
6
7
|
}) => ReactElement);
|
|
7
8
|
}, {
|
|
@@ -13,5 +14,5 @@ export declare class ErrorBoundary extends Component<{
|
|
|
13
14
|
static getDerivedStateFromError(error: Error): {
|
|
14
15
|
error: Error;
|
|
15
16
|
};
|
|
16
|
-
render():
|
|
17
|
+
render(): ReactNode;
|
|
17
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAE3D,MAAM,OAAO,aAAc,SAAQ,SAQlC;IARD;;QASC,UAAK,GAAG;YACP,KAAK,EAAE,IAAI;SACX,CAAC;IAmBH,CAAC;IAjBA,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACtB,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;gBAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;oBACvB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;iBAChD,CAAC,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;QACpC,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
'use client';
|
|
3
3
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import { useEffect, useState, useMemo } from 'react';
|
|
5
|
-
import { formatDistanceToNowStrict } from 'date-fns';
|
|
6
4
|
import { shortenTimeUnits } from '@a-type/utils';
|
|
5
|
+
import { formatDistanceToNowStrict } from 'date-fns/formatDistanceToNowStrict';
|
|
6
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
7
7
|
function formatDistanceToNow(date) {
|
|
8
8
|
const now = Date.now();
|
|
9
9
|
if (Math.abs(date.getTime() - now) < 1000) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RelativeTime.js","sourceRoot":"","sources":["../../../../src/components/relativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"RelativeTime.js","sourceRoot":"","sources":["../../../../src/components/relativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOrD,SAAS,mBAAmB,CAAC,IAAU;IACtC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACvB,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC;QAC3C,OAAO,UAAU,CAAC;IACnB,CAAC;IACD,OAAO,CACN,yBAAyB,CAAC,IAAI,CAAC;QAC/B,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAC7C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAqB;IACpE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACrC,UAAU;QACT,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAC9B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,OAAO,CACN,UAAU;gBACT,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;gBAC/C,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAC9B,CAAC;QACH,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;QAChD,MAAM,EAAE,CAAC;QACT,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzB,OAAO,4BAAG,IAAI,GAAI,CAAC;AACpB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
2
|
+
import { Component, ReactElement, ReactNode } from 'react';
|
|
3
3
|
|
|
4
4
|
export class ErrorBoundary extends Component<
|
|
5
5
|
{
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
fallback?:
|
|
8
8
|
| ReactNode
|
|
9
|
-
| ((props: { clearError: () => void }) => ReactElement);
|
|
9
|
+
| ((props: { error: Error; clearError: () => void }) => ReactElement);
|
|
10
10
|
},
|
|
11
11
|
{ error: Error | null }
|
|
12
12
|
> {
|
|
@@ -23,6 +23,7 @@ export class ErrorBoundary extends Component<
|
|
|
23
23
|
if (this.state.error) {
|
|
24
24
|
if (typeof this.props.fallback === 'function') {
|
|
25
25
|
return this.props.fallback({
|
|
26
|
+
error: this.state.error,
|
|
26
27
|
clearError: () => this.setState({ error: null }),
|
|
27
28
|
});
|
|
28
29
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { useEffect, useState, useMemo } from 'react';
|
|
4
|
-
import { formatDistanceToNowStrict } from 'date-fns';
|
|
5
3
|
import { shortenTimeUnits } from '@a-type/utils';
|
|
4
|
+
import { formatDistanceToNowStrict } from 'date-fns/formatDistanceToNowStrict';
|
|
5
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
6
6
|
|
|
7
7
|
export interface RelativeTimeProps {
|
|
8
8
|
value: number;
|