@toptal/picasso-empty-state 2.0.14 → 2.0.15-alpha-1757603192867.0
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/package.json +8 -7
- package/dist-package/src/EmptyState/EmptyState.d.ts +0 -7
- package/dist-package/src/EmptyState/EmptyState.d.ts.map +0 -1
- package/dist-package/src/EmptyState/EmptyState.js +0 -7
- package/dist-package/src/EmptyState/EmptyState.js.map +0 -1
- package/dist-package/src/EmptyState/index.d.ts +0 -2
- package/dist-package/src/EmptyState/index.d.ts.map +0 -1
- package/dist-package/src/EmptyState/index.js +0 -2
- package/dist-package/src/EmptyState/index.js.map +0 -1
- package/dist-package/src/EmptyStateCollection/EmptyStateCollection.d.ts +0 -9
- package/dist-package/src/EmptyStateCollection/EmptyStateCollection.d.ts.map +0 -1
- package/dist-package/src/EmptyStateCollection/EmptyStateCollection.js +0 -30
- package/dist-package/src/EmptyStateCollection/EmptyStateCollection.js.map +0 -1
- package/dist-package/src/EmptyStateCollection/index.d.ts +0 -2
- package/dist-package/src/EmptyStateCollection/index.d.ts.map +0 -1
- package/dist-package/src/EmptyStateCollection/index.js +0 -2
- package/dist-package/src/EmptyStateCollection/index.js.map +0 -1
- package/dist-package/src/EmptyStatePage/EmptyStatePage.d.ts +0 -11
- package/dist-package/src/EmptyStatePage/EmptyStatePage.d.ts.map +0 -1
- package/dist-package/src/EmptyStatePage/EmptyStatePage.js +0 -25
- package/dist-package/src/EmptyStatePage/EmptyStatePage.js.map +0 -1
- package/dist-package/src/EmptyStatePage/index.d.ts +0 -2
- package/dist-package/src/EmptyStatePage/index.d.ts.map +0 -1
- package/dist-package/src/EmptyStatePage/index.js +0 -2
- package/dist-package/src/EmptyStatePage/index.js.map +0 -1
- package/dist-package/src/index.d.ts +0 -4
- package/dist-package/src/index.d.ts.map +0 -1
- package/dist-package/src/index.js +0 -4
- package/dist-package/src/index.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-empty-state",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.15-alpha-1757603192867.0",
|
|
4
4
|
"description": "Toptal UI components library - EmptyState",
|
|
5
5
|
"publishConfig": {
|
|
6
|
-
"access": "public"
|
|
6
|
+
"access": "public",
|
|
7
|
+
"provenance": true
|
|
7
8
|
},
|
|
8
9
|
"main": "./dist-package/src/index.js",
|
|
9
10
|
"module": "./dist-package/src/index.js",
|
|
10
11
|
"scripts": {
|
|
11
12
|
"build:package": "tsc -b tsconfig.json",
|
|
12
|
-
"prepublishOnly": "
|
|
13
|
+
"prepublishOnly": "echo 0"
|
|
13
14
|
},
|
|
14
15
|
"repository": {
|
|
15
16
|
"type": "git",
|
|
@@ -22,16 +23,16 @@
|
|
|
22
23
|
},
|
|
23
24
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
25
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-container": "3.1.
|
|
26
|
-
"@toptal/picasso-icons": "1.12.
|
|
27
|
-
"@toptal/picasso-typography": "4.0.
|
|
26
|
+
"@toptal/picasso-container": "3.1.3-alpha-1757603192867.0",
|
|
27
|
+
"@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
|
|
28
|
+
"@toptal/picasso-typography": "4.0.5-alpha-1757603192867.0"
|
|
28
29
|
},
|
|
29
30
|
"sideEffects": [
|
|
30
31
|
"**/styles.ts",
|
|
31
32
|
"**/styles.js"
|
|
32
33
|
],
|
|
33
34
|
"peerDependencies": {
|
|
34
|
-
"@toptal/picasso-tailwind": "
|
|
35
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
|
|
35
36
|
"react": ">=16.12.0 < 19.0.0"
|
|
36
37
|
},
|
|
37
38
|
"exports": {
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const _default: {
|
|
3
|
-
Page: import("react").ForwardRefExoticComponent<import("../EmptyStatePage/EmptyStatePage").Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
Collection: import("react").ForwardRefExoticComponent<import("../EmptyStateCollection/EmptyStateCollection").Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
-
};
|
|
6
|
-
export default _default;
|
|
7
|
-
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":";;;;;AAGA,wBAGC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAE9D,eAAe;IACb,IAAI,EAAE,cAAc;IACpB,UAAU,EAAE,oBAAoB;CACjC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/EmptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/EmptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactElement } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/** Adds <Icon /> before EmptyStateCollection content */
|
|
5
|
-
icon?: ReactElement;
|
|
6
|
-
}
|
|
7
|
-
export declare const EmptyStateCollection: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
export default EmptyStateCollection;
|
|
9
|
-
//# sourceMappingURL=EmptyStateCollection.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateCollection.d.ts","sourceRoot":"","sources":["../../../src/EmptyStateCollection/EmptyStateCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAmC,MAAM,OAAO,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3D,wDAAwD;IACxD,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,8EA0BhC,CAAA;AAID,eAAe,oBAAoB,CAAA"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef, cloneElement } from 'react';
|
|
13
|
-
import { Search16 as Search } from '@toptal/picasso-icons';
|
|
14
|
-
import { Container } from '@toptal/picasso-container';
|
|
15
|
-
import { Typography } from '@toptal/picasso-typography';
|
|
16
|
-
export const EmptyStateCollection = forwardRef(function EmptyStateCollection(props, ref) {
|
|
17
|
-
const { icon, children, style } = props, rest = __rest(props, ["icon", "children", "style"]);
|
|
18
|
-
const iconProps = {
|
|
19
|
-
className: 'basis-4 min-w-4 h-4',
|
|
20
|
-
color: 'dark-grey',
|
|
21
|
-
};
|
|
22
|
-
const iconElement = icon ? (cloneElement(icon, iconProps)) : (React.createElement(Search, Object.assign({}, iconProps)));
|
|
23
|
-
return (React.createElement(Container, Object.assign({}, rest, { alignItems: 'center', flex: true, ref: ref, style: style }),
|
|
24
|
-
React.createElement(Container, { alignItems: 'center', flex: true, right: 'xsmall' }, iconElement),
|
|
25
|
-
React.createElement(Container, null,
|
|
26
|
-
React.createElement(Typography, { size: 'xsmall' }, children))));
|
|
27
|
-
});
|
|
28
|
-
EmptyStateCollection.displayName = 'EmptyStateCollection';
|
|
29
|
-
export default EmptyStateCollection;
|
|
30
|
-
//# sourceMappingURL=EmptyStateCollection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateCollection.js","sourceRoot":"","sources":["../../../src/EmptyStateCollection/EmptyStateCollection.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAOvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAC5C,SAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG;IACtC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA1C,6BAAkC,CAAQ,CAAA;IAEhD,MAAM,SAAS,GAAG;QAChB,SAAS,EAAE,qBAAqB;QAChC,KAAK,EAAE,WAAoB;KAC5B,CAAA;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CACzB,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAC9B,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,oBAAK,SAAS,EAAI,CAC1B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBAAK,IAAI,IAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,QAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAClE,oBAAC,SAAS,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,QAAC,KAAK,EAAC,QAAQ,IAC/C,WAAW,CACF;QACZ,oBAAC,SAAS;YACR,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IAAE,QAAQ,CAAc,CACvC,CACF,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEzD,eAAe,oBAAoB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/EmptyStateCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/EmptyStateCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactElement } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/** Adds <Icon /> above EmptyStatePage content */
|
|
5
|
-
image: ReactElement;
|
|
6
|
-
/** Adds Title string below the main image */
|
|
7
|
-
title?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const EmptyStatePage: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export default EmptyStatePage;
|
|
11
|
-
//# sourceMappingURL=EmptyStatePage.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePage.d.ts","sourceRoot":"","sources":["../../../src/EmptyStatePage/EmptyStatePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAmC,MAAM,OAAO,CAAA;AAIvD,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3D,kDAAkD;IAClD,KAAK,EAAE,YAAY,CAAA;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,cAAc,8EAqC1B,CAAA;AAID,eAAe,cAAc,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef, cloneElement } from 'react';
|
|
13
|
-
import { Container } from '@toptal/picasso-container';
|
|
14
|
-
import { Typography } from '@toptal/picasso-typography';
|
|
15
|
-
export const EmptyStatePage = forwardRef(function EmptyStatePage(props, ref) {
|
|
16
|
-
const { image, title, children, style } = props, rest = __rest(props, ["image", "title", "children", "style"]);
|
|
17
|
-
return (React.createElement(Container, Object.assign({}, rest, { direction: 'column', alignItems: 'center', flex: true, ref: ref, style: style }),
|
|
18
|
-
React.createElement(Container, { alignItems: 'center', justifyContent: 'center', bottom: 'medium', flex: true }, cloneElement(image, { className: 'w-[8rem] h-[8rem]' })),
|
|
19
|
-
title && (React.createElement(Container, { bottom: 'xsmall' },
|
|
20
|
-
React.createElement(Typography, { variant: 'heading', size: 'medium' }, title))),
|
|
21
|
-
React.createElement(Typography, { size: 'xsmall', as: typeof children === 'string' ? 'p' : 'div' }, children)));
|
|
22
|
-
});
|
|
23
|
-
EmptyStatePage.displayName = 'EmptyStatePage';
|
|
24
|
-
export default EmptyStatePage;
|
|
25
|
-
//# sourceMappingURL=EmptyStatePage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePage.js","sourceRoot":"","sources":["../../../src/EmptyStatePage/EmptyStatePage.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AASvD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAChC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlD,uCAA0C,CAAQ,CAAA;IAExD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ,EACnB,IAAI,QACJ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IACR,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,MAAM,EAAC,QAAQ,EACf,IAAI,UAEH,YAAY,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAC9C;QACX,KAAK,IAAI,CACR,oBAAC,SAAS,IAAC,MAAM,EAAC,QAAQ;YACxB,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,IACxC,KAAK,CACK,CACH,CACb;QACD,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAE7C,QAAQ,CACE,CACH,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/EmptyStatePage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/EmptyStatePage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA"}
|