@threekit-tools/treble 0.0.82 → 0.0.85
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/Treble/Treble.d.ts +9 -3
- package/dist/Treble/Treble.js +40 -11
- package/dist/Treble/index.d.ts +2 -2
- package/dist/Treble/index.js +2 -2
- package/dist/Treble/{Snapshots.d.ts → snapshots.d.ts} +4 -9
- package/dist/Treble/snapshots.js +247 -0
- package/dist/Treble/{Wishlist.d.ts → wishlist.d.ts} +2 -6
- package/dist/Treble/wishlist.js +135 -0
- package/dist/api/catalog.js +6 -6
- package/dist/api/configurations.js +3 -3
- package/dist/api/datatables.js +5 -5
- package/dist/api/orders.d.ts +5 -7
- package/dist/api/orders.js +12 -12
- package/dist/api/price.js +2 -2
- package/dist/api/products.js +2 -2
- package/dist/components/Accordion/index.js +1 -6
- package/dist/components/AttributeTitle/index.d.ts +0 -9
- package/dist/components/AttributeTitle/index.js +0 -9
- package/dist/components/AttributeValue/index.d.ts +0 -6
- package/dist/components/AttributeValue/index.js +2 -8
- package/dist/components/Button/index.d.ts +0 -27
- package/dist/components/Button/index.js +0 -27
- package/dist/components/Cards/index.d.ts +2 -55
- package/dist/components/Cards/index.js +3 -60
- package/dist/components/Drawer/index.js +0 -13
- package/dist/components/Dropdown/index.d.ts +2 -59
- package/dist/components/Dropdown/index.js +4 -69
- package/dist/components/FlatForm/index.d.ts +0 -21
- package/dist/components/FlatForm/index.js +5 -24
- package/dist/components/Modal/index.js +0 -13
- package/dist/components/Player/index.d.ts +1 -1
- package/dist/components/PortalToElement/index.js +0 -8
- package/dist/components/ProductDescription/index.d.ts +0 -6
- package/dist/components/ProductDescription/index.js +0 -6
- package/dist/components/ProductName/index.d.ts +0 -9
- package/dist/components/ProductName/index.js +0 -9
- package/dist/components/Share/index.d.ts +2 -12
- package/dist/components/Share/index.js +139 -21
- package/dist/components/Share/share.styles.d.ts +9 -0
- package/dist/components/Share/share.styles.js +23 -0
- package/dist/components/Snapshots/index.d.ts +0 -8
- package/dist/components/Snapshots/index.js +0 -8
- package/dist/components/Strips/index.d.ts +2 -55
- package/dist/components/Strips/index.js +3 -60
- package/dist/components/Swatch/index.d.ts +2 -64
- package/dist/components/Swatch/index.js +3 -69
- package/dist/components/Switch/index.d.ts +2 -34
- package/dist/components/Switch/index.js +2 -38
- package/dist/components/TextInput/index.d.ts +2 -1
- package/dist/components/TextInput/index.js +2 -3
- package/dist/components/Tiles/index.d.ts +2 -29
- package/dist/components/Tiles/index.js +3 -33
- package/dist/components/TilesGroup/index.d.ts +2 -26
- package/dist/components/TilesGroup/index.js +3 -30
- package/dist/components/TotalPrice/index.d.ts +0 -6
- package/dist/components/TotalPrice/index.js +0 -6
- package/dist/components/Upload/index.d.ts +2 -1
- package/dist/components/Upload/index.js +7 -8
- package/dist/components/UploadArea/index.d.ts +2 -1
- package/dist/components/UploadArea/index.js +6 -7
- package/dist/components/Wishlist/index.d.ts +1 -4
- package/dist/components/Wishlist/index.js +2 -5
- package/dist/components/Zoom/index.d.ts +1 -18
- package/dist/components/Zoom/index.js +0 -17
- package/dist/components/formComponents.d.ts +12 -0
- package/dist/components/formComponents.js +5 -7
- package/dist/components/message/index.d.ts +0 -9
- package/dist/components/message/index.js +0 -9
- package/dist/connection.js +2 -2
- package/dist/constants.d.ts +0 -49
- package/dist/constants.js +1 -59
- package/dist/hooks/useAttribute/index.js +6 -6
- package/dist/hooks/useConfigurationLoader/index.js +5 -5
- package/dist/hooks/useNestedConfigurator/index.js +2 -2
- package/dist/hooks/useShare/index.js +3 -3
- package/dist/hooks/useSingleAnimation/index.js +20 -25
- package/dist/http/datatables.js +0 -1
- package/dist/http/orders.d.ts +6 -8
- package/dist/icons/index.d.ts +0 -41
- package/dist/icons/index.js +0 -42
- package/dist/index.d.ts +42 -3
- package/dist/index.js +84 -30
- package/dist/store/attributes.d.ts +0 -12
- package/dist/store/attributes.js +2 -15
- package/dist/store/price.d.ts +0 -12
- package/dist/store/price.js +2 -16
- package/dist/store/product.d.ts +2 -17
- package/dist/store/product.js +26 -38
- package/dist/store/translations.d.ts +0 -12
- package/dist/store/translations.js +2 -12
- package/dist/store/treble.d.ts +0 -15
- package/dist/store/treble.js +31 -66
- package/dist/store/wishlist.d.ts +0 -12
- package/dist/store/wishlist.js +4 -17
- package/dist/types.d.ts +71 -58
- package/dist/types.js +54 -0
- package/dist/utils.d.ts +2 -2
- package/dist/utils.js +8 -16
- package/package.json +18 -4
- package/dist/Treble/Snapshots.js +0 -251
- package/dist/Treble/Wishlist.js +0 -136
|
@@ -11,7 +11,7 @@ var FormComponentDescription_1 = __importDefault(require("../FormComponentDescri
|
|
|
11
11
|
var tiles_styles_1 = require("./tiles.styles");
|
|
12
12
|
var shared_styles_1 = require("../shared.styles");
|
|
13
13
|
var utils_1 = require("../../utils");
|
|
14
|
-
var
|
|
14
|
+
var types_1 = require("../../types");
|
|
15
15
|
var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
|
|
16
16
|
var Tiles = function (props) {
|
|
17
17
|
var _a = Object.assign({ columns: 2 }, props), title = _a.title, description = _a.description, options = _a.options, customClassName = _a.className, columns = _a.columns;
|
|
@@ -28,55 +28,25 @@ var Tiles = function (props) {
|
|
|
28
28
|
};
|
|
29
29
|
exports.Tiles = Tiles;
|
|
30
30
|
exports.Tiles.propTypes = {
|
|
31
|
-
/**
|
|
32
|
-
* Is the attribute name on the initialized asset that we are
|
|
33
|
-
* using this component for. If the attribute prop is used,
|
|
34
|
-
* the component will ignore the props for: `value`, `options`, `onClick`.
|
|
35
|
-
*/
|
|
36
31
|
attribute: prop_types_1.default.string,
|
|
37
|
-
/**
|
|
38
|
-
* Used to add a title to the input
|
|
39
|
-
*/
|
|
40
32
|
title: prop_types_1.default.string,
|
|
41
|
-
/**
|
|
42
|
-
* Used to provide a custom description for the input component
|
|
43
|
-
*/
|
|
44
33
|
description: prop_types_1.default.string,
|
|
45
|
-
/**
|
|
46
|
-
* Selected value from the option set. Should match the 'value' property
|
|
47
|
-
* of one of the items in the options array.
|
|
48
|
-
*/
|
|
49
34
|
value: prop_types_1.default.string,
|
|
50
|
-
/**
|
|
51
|
-
* Handles the user seletion by passing the value of the selected
|
|
52
|
-
* option as the argument into the onClick callback.
|
|
53
|
-
*/
|
|
54
35
|
onClick: prop_types_1.default.func,
|
|
55
|
-
/**
|
|
56
|
-
* The options set to be displayed for the user
|
|
57
|
-
*/
|
|
58
36
|
options: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
59
37
|
name: prop_types_1.default.string,
|
|
60
38
|
description: prop_types_1.default.string,
|
|
61
39
|
value: prop_types_1.default.string,
|
|
62
40
|
disabled: prop_types_1.default.bool,
|
|
63
41
|
})),
|
|
64
|
-
/**
|
|
65
|
-
* Used to add a custom class name to each of the components html elements
|
|
66
|
-
*/
|
|
67
42
|
className: prop_types_1.default.string,
|
|
68
|
-
/**
|
|
69
|
-
* Defines how many columns to organize the tiles into.
|
|
70
|
-
*/
|
|
71
43
|
columns: prop_types_1.default.number,
|
|
72
44
|
};
|
|
73
45
|
exports.Tiles.defaultProps = {
|
|
74
46
|
description: undefined,
|
|
75
47
|
className: undefined,
|
|
76
48
|
columns: 2,
|
|
77
|
-
// Default use
|
|
78
49
|
attribute: undefined,
|
|
79
|
-
// Custom use
|
|
80
50
|
title: undefined,
|
|
81
51
|
value: undefined,
|
|
82
52
|
options: undefined,
|
|
@@ -84,7 +54,7 @@ exports.Tiles.defaultProps = {
|
|
|
84
54
|
};
|
|
85
55
|
exports.Tiles.componentName = 'tiles';
|
|
86
56
|
exports.Tiles.compatibleAttributes = new Set([
|
|
87
|
-
|
|
88
|
-
|
|
57
|
+
types_1.ATTRIBUTE_TYPES.ASSET,
|
|
58
|
+
types_1.ATTRIBUTE_TYPES.STRING,
|
|
89
59
|
]);
|
|
90
60
|
exports.default = (0, formInputContainer_1.default)(exports.Tiles);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
+
import { ATTRIBUTE_TYPES } from '../../types';
|
|
3
4
|
import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
|
|
4
5
|
export interface ITilesGroup extends IFormComponentProps<IOptionShared> {
|
|
5
6
|
columns?: number;
|
|
@@ -7,42 +8,17 @@ export interface ITilesGroup extends IFormComponentProps<IOptionShared> {
|
|
|
7
8
|
export declare const TilesGroup: {
|
|
8
9
|
(props: ITilesGroup): JSX.Element;
|
|
9
10
|
propTypes: {
|
|
10
|
-
/**
|
|
11
|
-
* Is the attribute name on the initialized asset that we are
|
|
12
|
-
* using this component for. If the attribute prop is used,
|
|
13
|
-
* the component will ignore the props for: `value`, `options`, `onClick`.
|
|
14
|
-
*/
|
|
15
11
|
attribute: PropTypes.Requireable<string>;
|
|
16
|
-
/**
|
|
17
|
-
* Used to add a title to the input
|
|
18
|
-
*/
|
|
19
12
|
title: PropTypes.Requireable<string>;
|
|
20
|
-
/**
|
|
21
|
-
* Used to provide a custom description for the input component
|
|
22
|
-
*/
|
|
23
13
|
description: PropTypes.Requireable<string>;
|
|
24
|
-
/**
|
|
25
|
-
* Selected value from the option set. Should match the 'value' property
|
|
26
|
-
* of one of the items in the options array.
|
|
27
|
-
*/
|
|
28
14
|
value: PropTypes.Requireable<string>;
|
|
29
|
-
/**
|
|
30
|
-
* Handles the user seletion by passing the value of the selected
|
|
31
|
-
* option as the argument into the onClick callback.
|
|
32
|
-
*/
|
|
33
15
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
34
|
-
/**
|
|
35
|
-
* The options set to be displayed for the user
|
|
36
|
-
*/
|
|
37
16
|
options: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
38
17
|
name: PropTypes.Requireable<string>;
|
|
39
18
|
description: PropTypes.Requireable<string>;
|
|
40
19
|
value: PropTypes.Requireable<string>;
|
|
41
20
|
disabled: PropTypes.Requireable<boolean>;
|
|
42
21
|
}> | null | undefined)[]>;
|
|
43
|
-
/**
|
|
44
|
-
* Used to add a custom class name to each of the components html elements
|
|
45
|
-
*/
|
|
46
22
|
className: PropTypes.Requireable<string>;
|
|
47
23
|
};
|
|
48
24
|
defaultProps: {
|
|
@@ -55,7 +31,7 @@ export declare const TilesGroup: {
|
|
|
55
31
|
onClick: undefined;
|
|
56
32
|
};
|
|
57
33
|
componentName: string;
|
|
58
|
-
compatibleAttributes: Set<
|
|
34
|
+
compatibleAttributes: Set<ATTRIBUTE_TYPES>;
|
|
59
35
|
};
|
|
60
36
|
declare const _default: (props: ITilesGroup) => JSX.Element | null;
|
|
61
37
|
export default _default;
|
|
@@ -11,7 +11,7 @@ var FormComponentDescription_1 = __importDefault(require("../FormComponentDescri
|
|
|
11
11
|
var tilesGroup_styles_1 = require("./tilesGroup.styles");
|
|
12
12
|
var shared_styles_1 = require("../shared.styles");
|
|
13
13
|
var utils_1 = require("../../utils");
|
|
14
|
-
var
|
|
14
|
+
var types_1 = require("../../types");
|
|
15
15
|
var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
|
|
16
16
|
var TilesGroup = function (props) {
|
|
17
17
|
var _a = Object.assign({ stretch: true }, props), stretch = _a.stretch, title = _a.title, description = _a.description, options = _a.options, customClassName = _a.className;
|
|
@@ -28,50 +28,23 @@ var TilesGroup = function (props) {
|
|
|
28
28
|
};
|
|
29
29
|
exports.TilesGroup = TilesGroup;
|
|
30
30
|
exports.TilesGroup.propTypes = {
|
|
31
|
-
/**
|
|
32
|
-
* Is the attribute name on the initialized asset that we are
|
|
33
|
-
* using this component for. If the attribute prop is used,
|
|
34
|
-
* the component will ignore the props for: `value`, `options`, `onClick`.
|
|
35
|
-
*/
|
|
36
31
|
attribute: prop_types_1.default.string,
|
|
37
|
-
/**
|
|
38
|
-
* Used to add a title to the input
|
|
39
|
-
*/
|
|
40
32
|
title: prop_types_1.default.string,
|
|
41
|
-
/**
|
|
42
|
-
* Used to provide a custom description for the input component
|
|
43
|
-
*/
|
|
44
33
|
description: prop_types_1.default.string,
|
|
45
|
-
/**
|
|
46
|
-
* Selected value from the option set. Should match the 'value' property
|
|
47
|
-
* of one of the items in the options array.
|
|
48
|
-
*/
|
|
49
34
|
value: prop_types_1.default.string,
|
|
50
|
-
/**
|
|
51
|
-
* Handles the user seletion by passing the value of the selected
|
|
52
|
-
* option as the argument into the onClick callback.
|
|
53
|
-
*/
|
|
54
35
|
onClick: prop_types_1.default.func,
|
|
55
|
-
/**
|
|
56
|
-
* The options set to be displayed for the user
|
|
57
|
-
*/
|
|
58
36
|
options: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
59
37
|
name: prop_types_1.default.string,
|
|
60
38
|
description: prop_types_1.default.string,
|
|
61
39
|
value: prop_types_1.default.string,
|
|
62
40
|
disabled: prop_types_1.default.bool,
|
|
63
41
|
})),
|
|
64
|
-
/**
|
|
65
|
-
* Used to add a custom class name to each of the components html elements
|
|
66
|
-
*/
|
|
67
42
|
className: prop_types_1.default.string,
|
|
68
43
|
};
|
|
69
44
|
exports.TilesGroup.defaultProps = {
|
|
70
45
|
description: undefined,
|
|
71
46
|
className: undefined,
|
|
72
|
-
// Default use
|
|
73
47
|
attribute: undefined,
|
|
74
|
-
// Custom use
|
|
75
48
|
title: undefined,
|
|
76
49
|
value: undefined,
|
|
77
50
|
options: undefined,
|
|
@@ -79,7 +52,7 @@ exports.TilesGroup.defaultProps = {
|
|
|
79
52
|
};
|
|
80
53
|
exports.TilesGroup.componentName = 'tiles-group';
|
|
81
54
|
exports.TilesGroup.compatibleAttributes = new Set([
|
|
82
|
-
|
|
83
|
-
|
|
55
|
+
types_1.ATTRIBUTE_TYPES.ASSET,
|
|
56
|
+
types_1.ATTRIBUTE_TYPES.STRING,
|
|
84
57
|
]);
|
|
85
58
|
exports.default = (0, formInputContainer_1.default)(exports.TilesGroup);
|
|
@@ -7,13 +7,7 @@ interface IPrice {
|
|
|
7
7
|
export declare const TotalPriceComponent: {
|
|
8
8
|
(props: IPrice): JSX.Element;
|
|
9
9
|
propTypes: {
|
|
10
|
-
/**
|
|
11
|
-
* The price displayed to the user
|
|
12
|
-
*/
|
|
13
10
|
price: PropTypes.Requireable<string>;
|
|
14
|
-
/**
|
|
15
|
-
* Custom classNames applied to the HTML Element to apply custom CSS styling.
|
|
16
|
-
*/
|
|
17
11
|
className: PropTypes.Requireable<string>;
|
|
18
12
|
};
|
|
19
13
|
defaultProps: {
|
|
@@ -27,13 +27,7 @@ var TotalPrice = function (props) {
|
|
|
27
27
|
};
|
|
28
28
|
exports.TotalPrice = TotalPrice;
|
|
29
29
|
exports.TotalPriceComponent.propTypes = {
|
|
30
|
-
/**
|
|
31
|
-
* The price displayed to the user
|
|
32
|
-
*/
|
|
33
30
|
price: prop_types_1.default.string,
|
|
34
|
-
/**
|
|
35
|
-
* Custom classNames applied to the HTML Element to apply custom CSS styling.
|
|
36
|
-
*/
|
|
37
31
|
className: prop_types_1.default.string,
|
|
38
32
|
};
|
|
39
33
|
exports.TotalPriceComponent.defaultProps = {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ATTRIBUTE_TYPES } from '../../types';
|
|
2
3
|
import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
|
|
3
4
|
export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title' | 'description' | 'className' | 'value'> {
|
|
4
5
|
onChange: (file: File | undefined) => Promise<void>;
|
|
@@ -6,7 +7,7 @@ export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title
|
|
|
6
7
|
export declare const Upload: {
|
|
7
8
|
(props: IUpload): JSX.Element;
|
|
8
9
|
componentName: string;
|
|
9
|
-
compatibleAttributes: Set<
|
|
10
|
+
compatibleAttributes: Set<ATTRIBUTE_TYPES>;
|
|
10
11
|
};
|
|
11
12
|
declare const _default: (props: IUpload) => JSX.Element | null;
|
|
12
13
|
export default _default;
|
|
@@ -64,10 +64,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
64
64
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
65
65
|
exports.Upload = void 0;
|
|
66
66
|
var react_1 = __importStar(require("react"));
|
|
67
|
-
var constants_1 = require("../../constants");
|
|
68
67
|
var FormComponentTitle_1 = __importDefault(require("../FormComponentTitle"));
|
|
69
68
|
var FormComponentDescription_1 = __importDefault(require("../FormComponentDescription"));
|
|
70
69
|
var shared_styles_1 = require("../shared.styles");
|
|
70
|
+
var types_1 = require("../../types");
|
|
71
71
|
var utils_1 = require("../../utils");
|
|
72
72
|
var Spinner_1 = __importDefault(require("../../icons/Spinner"));
|
|
73
73
|
var Add_1 = __importDefault(require("../../icons/Add"));
|
|
@@ -94,21 +94,20 @@ var Upload = function (props) {
|
|
|
94
94
|
switch (_a.label) {
|
|
95
95
|
case 0:
|
|
96
96
|
setIsUploading(true);
|
|
97
|
-
return [4
|
|
97
|
+
return [4, onChange(file)];
|
|
98
98
|
case 1:
|
|
99
99
|
_a.sent();
|
|
100
100
|
setIsUploading(false);
|
|
101
101
|
if (!file)
|
|
102
|
-
return [2
|
|
102
|
+
return [2];
|
|
103
103
|
reader = new FileReader();
|
|
104
104
|
reader.onload = function () {
|
|
105
105
|
if (!imgRef.current)
|
|
106
106
|
return;
|
|
107
|
-
// @ts-ignore
|
|
108
107
|
imgRef.current.src = reader.result;
|
|
109
108
|
};
|
|
110
109
|
reader.readAsDataURL(file);
|
|
111
|
-
return [2
|
|
110
|
+
return [2];
|
|
112
111
|
}
|
|
113
112
|
});
|
|
114
113
|
}); };
|
|
@@ -120,9 +119,9 @@ var Upload = function (props) {
|
|
|
120
119
|
var _a;
|
|
121
120
|
return __generator(this, function (_b) {
|
|
122
121
|
if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || !onChange)
|
|
123
|
-
return [2
|
|
122
|
+
return [2];
|
|
124
123
|
handleUpload(e.target.files[0]);
|
|
125
|
-
return [2
|
|
124
|
+
return [2];
|
|
126
125
|
});
|
|
127
126
|
}); } }),
|
|
128
127
|
react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -143,5 +142,5 @@ var Upload = function (props) {
|
|
|
143
142
|
};
|
|
144
143
|
exports.Upload = Upload;
|
|
145
144
|
exports.Upload.componentName = 'upload';
|
|
146
|
-
exports.Upload.compatibleAttributes = new Set([
|
|
145
|
+
exports.Upload.compatibleAttributes = new Set([types_1.ATTRIBUTE_TYPES.ASSET]);
|
|
147
146
|
exports.default = (0, formInputContainer_1.default)(exports.Upload);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ATTRIBUTE_TYPES } from '../../types';
|
|
2
3
|
import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
|
|
3
4
|
export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title' | 'description' | 'className' | 'value'> {
|
|
4
5
|
onChange: (file: File) => Promise<void>;
|
|
@@ -6,7 +7,7 @@ export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title
|
|
|
6
7
|
export declare const UploadArea: {
|
|
7
8
|
(props: IUpload): JSX.Element;
|
|
8
9
|
componentName: string;
|
|
9
|
-
compatibleAttributes: Set<
|
|
10
|
+
compatibleAttributes: Set<ATTRIBUTE_TYPES>;
|
|
10
11
|
};
|
|
11
12
|
declare const _default: (props: IUpload) => JSX.Element | null;
|
|
12
13
|
export default _default;
|
|
@@ -64,10 +64,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
64
64
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
65
65
|
exports.UploadArea = void 0;
|
|
66
66
|
var react_1 = __importStar(require("react"));
|
|
67
|
-
var constants_1 = require("../../constants");
|
|
68
67
|
var FormComponentTitle_1 = __importDefault(require("../FormComponentTitle"));
|
|
69
68
|
var FormComponentDescription_1 = __importDefault(require("../FormComponentDescription"));
|
|
70
69
|
var shared_styles_1 = require("../shared.styles");
|
|
70
|
+
var types_1 = require("../../types");
|
|
71
71
|
var utils_1 = require("../../utils");
|
|
72
72
|
var Spinner_1 = __importDefault(require("../../icons/Spinner"));
|
|
73
73
|
var Image_1 = __importDefault(require("../../icons/Image"));
|
|
@@ -92,7 +92,7 @@ var UploadArea = function (props) {
|
|
|
92
92
|
switch (_a.label) {
|
|
93
93
|
case 0:
|
|
94
94
|
setIsUploading(true);
|
|
95
|
-
return [4
|
|
95
|
+
return [4, onChange(file)];
|
|
96
96
|
case 1:
|
|
97
97
|
_a.sent();
|
|
98
98
|
setIsUploading(false);
|
|
@@ -101,11 +101,10 @@ var UploadArea = function (props) {
|
|
|
101
101
|
reader.onload = function () {
|
|
102
102
|
if (!imgRef.current)
|
|
103
103
|
return;
|
|
104
|
-
// @ts-ignore
|
|
105
104
|
imgRef.current.src = reader.result;
|
|
106
105
|
};
|
|
107
106
|
reader.readAsDataURL(file);
|
|
108
|
-
return [2
|
|
107
|
+
return [2];
|
|
109
108
|
}
|
|
110
109
|
});
|
|
111
110
|
}); };
|
|
@@ -117,9 +116,9 @@ var UploadArea = function (props) {
|
|
|
117
116
|
var _a;
|
|
118
117
|
return __generator(this, function (_b) {
|
|
119
118
|
if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || !onChange)
|
|
120
|
-
return [2
|
|
119
|
+
return [2];
|
|
121
120
|
handleUpload(e.target.files[0]);
|
|
122
|
-
return [2
|
|
121
|
+
return [2];
|
|
123
122
|
});
|
|
124
123
|
}); } }),
|
|
125
124
|
react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
|
|
@@ -138,5 +137,5 @@ var UploadArea = function (props) {
|
|
|
138
137
|
};
|
|
139
138
|
exports.UploadArea = UploadArea;
|
|
140
139
|
exports.UploadArea.componentName = 'upload-area';
|
|
141
|
-
exports.UploadArea.compatibleAttributes = new Set([
|
|
140
|
+
exports.UploadArea.compatibleAttributes = new Set([types_1.ATTRIBUTE_TYPES.ASSET]);
|
|
142
141
|
exports.default = (0, formInputContainer_1.default)(exports.UploadArea);
|
|
@@ -19,9 +19,6 @@ export declare const WishlistButton: (props: WidgetButtonProps) => JSX.Element;
|
|
|
19
19
|
export declare const Wishlist: {
|
|
20
20
|
(props: WishlistProps): JSX.Element | null;
|
|
21
21
|
propTypes: {
|
|
22
|
-
/**
|
|
23
|
-
* Custom classNames applied to the HTML Element to apply custom CSS styling.
|
|
24
|
-
*/
|
|
25
22
|
className: PropTypes.Requireable<string>;
|
|
26
23
|
};
|
|
27
24
|
defaultProps: {
|
|
@@ -30,6 +27,6 @@ export declare const Wishlist: {
|
|
|
30
27
|
type: string;
|
|
31
28
|
};
|
|
32
29
|
componentName: string;
|
|
33
|
-
Icon: import("
|
|
30
|
+
Icon: import("../../icons").IIcon;
|
|
34
31
|
};
|
|
35
32
|
export default Wishlist;
|
|
@@ -96,11 +96,11 @@ var Wishlist = function (props) {
|
|
|
96
96
|
var handleAddToWishlist = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
97
97
|
return __generator(this, function (_a) {
|
|
98
98
|
switch (_a.label) {
|
|
99
|
-
case 0: return [4
|
|
99
|
+
case 0: return [4, addToWishlist()];
|
|
100
100
|
case 1:
|
|
101
101
|
_a.sent();
|
|
102
102
|
setShowWishlist(true);
|
|
103
|
-
return [2
|
|
103
|
+
return [2];
|
|
104
104
|
}
|
|
105
105
|
});
|
|
106
106
|
}); };
|
|
@@ -116,9 +116,6 @@ var Wishlist = function (props) {
|
|
|
116
116
|
};
|
|
117
117
|
exports.Wishlist = Wishlist;
|
|
118
118
|
exports.Wishlist.propTypes = {
|
|
119
|
-
/**
|
|
120
|
-
* Custom classNames applied to the HTML Element to apply custom CSS styling.
|
|
121
|
-
*/
|
|
122
119
|
className: prop_types_1.default.string,
|
|
123
120
|
};
|
|
124
121
|
exports.Wishlist.defaultProps = {
|
|
@@ -15,27 +15,10 @@ export declare const ZoomInComponent: (props: ZoomComponentProps) => JSX.Element
|
|
|
15
15
|
export declare const Zoom: {
|
|
16
16
|
(props: ZoomProps): JSX.Element;
|
|
17
17
|
propTypes: {
|
|
18
|
-
/**
|
|
19
|
-
* The number of steps, for both zoom-in and out, that we want to increment the zoom by.
|
|
20
|
-
*/
|
|
21
18
|
step: PropTypes.Requireable<number>;
|
|
22
|
-
/**
|
|
23
|
-
* Used to the set the orientation/alignment of the buttons.
|
|
24
|
-
*/
|
|
25
19
|
orientation: PropTypes.Requireable<string>;
|
|
26
|
-
/**
|
|
27
|
-
* Custom classNames applied to the HTML Element to apply custom CSS styling.
|
|
28
|
-
*/
|
|
29
20
|
className: PropTypes.Requireable<string>;
|
|
30
|
-
/**
|
|
31
|
-
* The presentational type of the input component. Options
|
|
32
|
-
* include: `hollow`, `standard`, `accent`, `primary`
|
|
33
|
-
*/
|
|
34
21
|
type: PropTypes.Requireable<string>;
|
|
35
|
-
/**
|
|
36
|
-
* Used to set the shape of the Widget button. Options
|
|
37
|
-
* include: `square`, `round`
|
|
38
|
-
*/
|
|
39
22
|
shape: PropTypes.Requireable<string>;
|
|
40
23
|
};
|
|
41
24
|
defaultProps: {
|
|
@@ -46,7 +29,7 @@ export declare const Zoom: {
|
|
|
46
29
|
type: string;
|
|
47
30
|
};
|
|
48
31
|
componentName: string;
|
|
49
|
-
Icon: import("
|
|
32
|
+
Icon: import("../../icons").IIcon;
|
|
50
33
|
ZoomOut: (props: ZoomComponentProps) => JSX.Element | null;
|
|
51
34
|
ZoomIn: (props: ZoomComponentProps) => JSX.Element | null;
|
|
52
35
|
};
|
|
@@ -83,27 +83,10 @@ var Zoom = function (props) {
|
|
|
83
83
|
};
|
|
84
84
|
exports.Zoom = Zoom;
|
|
85
85
|
exports.Zoom.propTypes = {
|
|
86
|
-
/**
|
|
87
|
-
* The number of steps, for both zoom-in and out, that we want to increment the zoom by.
|
|
88
|
-
*/
|
|
89
86
|
step: prop_types_1.default.number,
|
|
90
|
-
/**
|
|
91
|
-
* Used to the set the orientation/alignment of the buttons.
|
|
92
|
-
*/
|
|
93
87
|
orientation: prop_types_1.default.string,
|
|
94
|
-
/**
|
|
95
|
-
* Custom classNames applied to the HTML Element to apply custom CSS styling.
|
|
96
|
-
*/
|
|
97
88
|
className: prop_types_1.default.string,
|
|
98
|
-
/**
|
|
99
|
-
* The presentational type of the input component. Options
|
|
100
|
-
* include: `hollow`, `standard`, `accent`, `primary`
|
|
101
|
-
*/
|
|
102
89
|
type: prop_types_1.default.string,
|
|
103
|
-
/**
|
|
104
|
-
* Used to set the shape of the Widget button. Options
|
|
105
|
-
* include: `square`, `round`
|
|
106
|
-
*/
|
|
107
90
|
shape: prop_types_1.default.string,
|
|
108
91
|
};
|
|
109
92
|
exports.Zoom.defaultProps = {
|
|
@@ -8,5 +8,17 @@ export declare const formComponents: {
|
|
|
8
8
|
} | {
|
|
9
9
|
[x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;
|
|
10
10
|
};
|
|
11
|
+
Asset: {
|
|
12
|
+
[x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
|
|
13
|
+
};
|
|
14
|
+
String: {
|
|
15
|
+
[x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null);
|
|
16
|
+
};
|
|
17
|
+
upload: {
|
|
18
|
+
[x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;
|
|
19
|
+
};
|
|
20
|
+
Boolean: {
|
|
21
|
+
[x: string]: (props: import("./Switch").ISwitch) => JSX.Element | null;
|
|
22
|
+
};
|
|
11
23
|
};
|
|
12
24
|
export default formComponents;
|
|
@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
var _a, _b, _c, _d, _e, _f;
|
|
26
26
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
27
|
exports.formComponents = exports.FORM_COMPONENT_TYPES = void 0;
|
|
28
|
-
var
|
|
28
|
+
var types_1 = require("../types");
|
|
29
29
|
var Cards_1 = __importStar(require("./Cards"));
|
|
30
30
|
var Dropdown_1 = __importStar(require("./Dropdown"));
|
|
31
31
|
var Strips_1 = __importStar(require("./Strips"));
|
|
@@ -33,15 +33,13 @@ var Swatch_1 = __importStar(require("./Swatch"));
|
|
|
33
33
|
var Tiles_1 = __importStar(require("./Tiles"));
|
|
34
34
|
var TilesGroup_1 = __importStar(require("./TilesGroup"));
|
|
35
35
|
var Upload_1 = __importStar(require("./Upload"));
|
|
36
|
-
// import UploadArea, { UploadArea as UploadAreaComponent } from './UploadArea';
|
|
37
36
|
var TextInput_1 = __importStar(require("./TextInput"));
|
|
38
37
|
var Switch_1 = __importStar(require("./Switch"));
|
|
39
38
|
exports.FORM_COMPONENT_TYPES = {
|
|
40
39
|
stringInput: 'string-input',
|
|
41
40
|
};
|
|
42
|
-
// First option for each attribute type is the default value
|
|
43
41
|
exports.formComponents = (_a = {},
|
|
44
|
-
_a[
|
|
42
|
+
_a[types_1.ATTRIBUTE_TYPES.ASSET] = (_b = {},
|
|
45
43
|
_b[Strips_1.Strips.componentName] = Strips_1.default,
|
|
46
44
|
_b[Cards_1.Cards.componentName] = Cards_1.default,
|
|
47
45
|
_b[Dropdown_1.Dropdown.componentName] = Dropdown_1.default,
|
|
@@ -49,7 +47,7 @@ exports.formComponents = (_a = {},
|
|
|
49
47
|
_b[Tiles_1.Tiles.componentName] = Tiles_1.default,
|
|
50
48
|
_b[TilesGroup_1.TilesGroup.componentName] = TilesGroup_1.default,
|
|
51
49
|
_b),
|
|
52
|
-
_a[
|
|
50
|
+
_a[types_1.ATTRIBUTE_TYPES.STRING] = (_c = {},
|
|
53
51
|
_c[Tiles_1.Tiles.componentName] = Tiles_1.default,
|
|
54
52
|
_c[Dropdown_1.Dropdown.componentName] = Dropdown_1.default,
|
|
55
53
|
_c[Cards_1.Cards.componentName] = Cards_1.default,
|
|
@@ -61,10 +59,10 @@ exports.formComponents = (_a = {},
|
|
|
61
59
|
_a[exports.FORM_COMPONENT_TYPES.stringInput] = (_d = {},
|
|
62
60
|
_d[TextInput_1.TextInput.componentName] = TextInput_1.default,
|
|
63
61
|
_d),
|
|
64
|
-
_a[
|
|
62
|
+
_a[types_1.ASSET_TYPES.UPLOAD] = (_e = {},
|
|
65
63
|
_e[Upload_1.Upload.componentName] = Upload_1.default,
|
|
66
64
|
_e),
|
|
67
|
-
_a[
|
|
65
|
+
_a[types_1.ATTRIBUTE_TYPES.BOOLEAN] = (_f = {},
|
|
68
66
|
_f[Switch_1.Switch.componentName] = Switch_1.default,
|
|
69
67
|
_f),
|
|
70
68
|
_a);
|
|
@@ -12,17 +12,8 @@ interface MessageComponentProps {
|
|
|
12
12
|
export declare const MessageComponent: {
|
|
13
13
|
(props: MessageComponentProps): JSX.Element | null;
|
|
14
14
|
propTypes: {
|
|
15
|
-
/**
|
|
16
|
-
* The content to be displayed in the message
|
|
17
|
-
*/
|
|
18
15
|
content: PropTypes.Requireable<string>;
|
|
19
|
-
/**
|
|
20
|
-
* The icon to display before the message
|
|
21
|
-
*/
|
|
22
16
|
icon: PropTypes.Requireable<string>;
|
|
23
|
-
/**
|
|
24
|
-
* Used to add a custom class name to each of the components html elements
|
|
25
|
-
*/
|
|
26
17
|
className: PropTypes.Requireable<string>;
|
|
27
18
|
};
|
|
28
19
|
defaultProps: {
|
|
@@ -72,17 +72,8 @@ var info = function (content, icon) {
|
|
|
72
72
|
}, (messagesConfig.duration || 2 + (typeof content === 'string' ? 0.05 * content.length : 0.5)) * 1000);
|
|
73
73
|
};
|
|
74
74
|
exports.MessageComponent.propTypes = {
|
|
75
|
-
/**
|
|
76
|
-
* The content to be displayed in the message
|
|
77
|
-
*/
|
|
78
75
|
content: prop_types_1.default.string,
|
|
79
|
-
/**
|
|
80
|
-
* The icon to display before the message
|
|
81
|
-
*/
|
|
82
76
|
icon: prop_types_1.default.string,
|
|
83
|
-
/**
|
|
84
|
-
* Used to add a custom class name to each of the components html elements
|
|
85
|
-
*/
|
|
86
77
|
className: prop_types_1.default.string,
|
|
87
78
|
};
|
|
88
79
|
exports.MessageComponent.defaultProps = {
|
package/dist/connection.js
CHANGED
|
@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
exports.ThreekitConnection = void 0;
|
|
40
|
-
var ThreekitConnection =
|
|
40
|
+
var ThreekitConnection = (function () {
|
|
41
41
|
function ThreekitConnection() {
|
|
42
42
|
this._authToken = '';
|
|
43
43
|
this._orgId = '';
|
|
@@ -58,7 +58,7 @@ var ThreekitConnection = /** @class */ (function () {
|
|
|
58
58
|
this._serverUrl = config.serverUrl;
|
|
59
59
|
if (config.threekitDomain)
|
|
60
60
|
this._threekitDomain = "https://".concat(config.threekitDomain);
|
|
61
|
-
return [2
|
|
61
|
+
return [2];
|
|
62
62
|
});
|
|
63
63
|
});
|
|
64
64
|
};
|