@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.
Files changed (101) hide show
  1. package/dist/Treble/Treble.d.ts +9 -3
  2. package/dist/Treble/Treble.js +40 -11
  3. package/dist/Treble/index.d.ts +2 -2
  4. package/dist/Treble/index.js +2 -2
  5. package/dist/Treble/{Snapshots.d.ts → snapshots.d.ts} +4 -9
  6. package/dist/Treble/snapshots.js +247 -0
  7. package/dist/Treble/{Wishlist.d.ts → wishlist.d.ts} +2 -6
  8. package/dist/Treble/wishlist.js +135 -0
  9. package/dist/api/catalog.js +6 -6
  10. package/dist/api/configurations.js +3 -3
  11. package/dist/api/datatables.js +5 -5
  12. package/dist/api/orders.d.ts +5 -7
  13. package/dist/api/orders.js +12 -12
  14. package/dist/api/price.js +2 -2
  15. package/dist/api/products.js +2 -2
  16. package/dist/components/Accordion/index.js +1 -6
  17. package/dist/components/AttributeTitle/index.d.ts +0 -9
  18. package/dist/components/AttributeTitle/index.js +0 -9
  19. package/dist/components/AttributeValue/index.d.ts +0 -6
  20. package/dist/components/AttributeValue/index.js +2 -8
  21. package/dist/components/Button/index.d.ts +0 -27
  22. package/dist/components/Button/index.js +0 -27
  23. package/dist/components/Cards/index.d.ts +2 -55
  24. package/dist/components/Cards/index.js +3 -60
  25. package/dist/components/Drawer/index.js +0 -13
  26. package/dist/components/Dropdown/index.d.ts +2 -59
  27. package/dist/components/Dropdown/index.js +4 -69
  28. package/dist/components/FlatForm/index.d.ts +0 -21
  29. package/dist/components/FlatForm/index.js +5 -24
  30. package/dist/components/Modal/index.js +0 -13
  31. package/dist/components/Player/index.d.ts +1 -1
  32. package/dist/components/PortalToElement/index.js +0 -8
  33. package/dist/components/ProductDescription/index.d.ts +0 -6
  34. package/dist/components/ProductDescription/index.js +0 -6
  35. package/dist/components/ProductName/index.d.ts +0 -9
  36. package/dist/components/ProductName/index.js +0 -9
  37. package/dist/components/Share/index.d.ts +2 -12
  38. package/dist/components/Share/index.js +139 -21
  39. package/dist/components/Share/share.styles.d.ts +9 -0
  40. package/dist/components/Share/share.styles.js +23 -0
  41. package/dist/components/Snapshots/index.d.ts +0 -8
  42. package/dist/components/Snapshots/index.js +0 -8
  43. package/dist/components/Strips/index.d.ts +2 -55
  44. package/dist/components/Strips/index.js +3 -60
  45. package/dist/components/Swatch/index.d.ts +2 -64
  46. package/dist/components/Swatch/index.js +3 -69
  47. package/dist/components/Switch/index.d.ts +2 -34
  48. package/dist/components/Switch/index.js +2 -38
  49. package/dist/components/TextInput/index.d.ts +2 -1
  50. package/dist/components/TextInput/index.js +2 -3
  51. package/dist/components/Tiles/index.d.ts +2 -29
  52. package/dist/components/Tiles/index.js +3 -33
  53. package/dist/components/TilesGroup/index.d.ts +2 -26
  54. package/dist/components/TilesGroup/index.js +3 -30
  55. package/dist/components/TotalPrice/index.d.ts +0 -6
  56. package/dist/components/TotalPrice/index.js +0 -6
  57. package/dist/components/Upload/index.d.ts +2 -1
  58. package/dist/components/Upload/index.js +7 -8
  59. package/dist/components/UploadArea/index.d.ts +2 -1
  60. package/dist/components/UploadArea/index.js +6 -7
  61. package/dist/components/Wishlist/index.d.ts +1 -4
  62. package/dist/components/Wishlist/index.js +2 -5
  63. package/dist/components/Zoom/index.d.ts +1 -18
  64. package/dist/components/Zoom/index.js +0 -17
  65. package/dist/components/formComponents.d.ts +12 -0
  66. package/dist/components/formComponents.js +5 -7
  67. package/dist/components/message/index.d.ts +0 -9
  68. package/dist/components/message/index.js +0 -9
  69. package/dist/connection.js +2 -2
  70. package/dist/constants.d.ts +0 -49
  71. package/dist/constants.js +1 -59
  72. package/dist/hooks/useAttribute/index.js +6 -6
  73. package/dist/hooks/useConfigurationLoader/index.js +5 -5
  74. package/dist/hooks/useNestedConfigurator/index.js +2 -2
  75. package/dist/hooks/useShare/index.js +3 -3
  76. package/dist/hooks/useSingleAnimation/index.js +20 -25
  77. package/dist/http/datatables.js +0 -1
  78. package/dist/http/orders.d.ts +6 -8
  79. package/dist/icons/index.d.ts +0 -41
  80. package/dist/icons/index.js +0 -42
  81. package/dist/index.d.ts +42 -3
  82. package/dist/index.js +84 -30
  83. package/dist/store/attributes.d.ts +0 -12
  84. package/dist/store/attributes.js +2 -15
  85. package/dist/store/price.d.ts +0 -12
  86. package/dist/store/price.js +2 -16
  87. package/dist/store/product.d.ts +2 -17
  88. package/dist/store/product.js +26 -38
  89. package/dist/store/translations.d.ts +0 -12
  90. package/dist/store/translations.js +2 -12
  91. package/dist/store/treble.d.ts +0 -15
  92. package/dist/store/treble.js +31 -66
  93. package/dist/store/wishlist.d.ts +0 -12
  94. package/dist/store/wishlist.js +4 -17
  95. package/dist/types.d.ts +71 -58
  96. package/dist/types.js +54 -0
  97. package/dist/utils.d.ts +2 -2
  98. package/dist/utils.js +8 -16
  99. package/package.json +18 -4
  100. package/dist/Treble/Snapshots.js +0 -251
  101. 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 constants_1 = require("../../constants");
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
- constants_1.ATTRIBUTE_TYPES.asset,
88
- constants_1.ATTRIBUTE_TYPES.string,
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<string>;
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 constants_1 = require("../../constants");
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
- constants_1.ATTRIBUTE_TYPES.asset,
83
- constants_1.ATTRIBUTE_TYPES.string,
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<string>;
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 /*yield*/, onChange(file)];
97
+ return [4, onChange(file)];
98
98
  case 1:
99
99
  _a.sent();
100
100
  setIsUploading(false);
101
101
  if (!file)
102
- return [2 /*return*/];
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 /*return*/];
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 /*return*/];
122
+ return [2];
124
123
  handleUpload(e.target.files[0]);
125
- return [2 /*return*/];
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([constants_1.ATTRIBUTE_TYPES.asset]);
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<string>;
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 /*yield*/, onChange(file)];
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 /*return*/];
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 /*return*/];
119
+ return [2];
121
120
  handleUpload(e.target.files[0]);
122
- return [2 /*return*/];
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([constants_1.ATTRIBUTE_TYPES.asset]);
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("../..").IIcon;
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 /*yield*/, addToWishlist()];
99
+ case 0: return [4, addToWishlist()];
100
100
  case 1:
101
101
  _a.sent();
102
102
  setShowWishlist(true);
103
- return [2 /*return*/];
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("../..").IIcon;
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 constants_1 = require("../constants");
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[constants_1.ATTRIBUTE_TYPES.asset] = (_b = {},
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[constants_1.ATTRIBUTE_TYPES.string] = (_c = {},
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[constants_1.ASSET_TYPES.upload] = (_e = {},
62
+ _a[types_1.ASSET_TYPES.UPLOAD] = (_e = {},
65
63
  _e[Upload_1.Upload.componentName] = Upload_1.default,
66
64
  _e),
67
- _a[constants_1.ATTRIBUTE_TYPES.boolean] = (_f = {},
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 = {
@@ -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 = /** @class */ (function () {
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 /*return*/];
61
+ return [2];
62
62
  });
63
63
  });
64
64
  };