@threekit-tools/treble 0.0.81 → 0.0.84

package/dist/components/Tiles/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
+import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
 export interface ITiles extends IFormComponentProps<IOptionShared> {
     columns?: number;
@@ -7,46 +8,18 @@ export interface ITiles extends IFormComponentProps<IOptionShared> {
 export declare const Tiles: {
     (props: ITiles): JSX.Element;
     propTypes: {
-        /**
-         * Is the attribute name on the initialized asset that we are
-         * using this component for. If the attribute prop is used,
-         * the component will ignore the props for: `value`, `options`, `onClick`.
-         */
         attribute: PropTypes.Requireable<string>;
-        /**
-         * Used to add a title to the input
-         */
         title: PropTypes.Requireable<string>;
-        /**
-         * Used to provide a custom description for the input component
-         */
         description: PropTypes.Requireable<string>;
-        /**
-         * Selected value from the option set. Should match the 'value' property
-         * of one of the items in the options array.
-         */
         value: PropTypes.Requireable<string>;
-        /**
-         * Handles the user seletion by passing the value of the selected
-         * option as the argument into the onClick callback.
-         */
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The options set to be displayed for the user
-         */
         options: PropTypes.Requireable<(PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
-        /**
-         * Used to add a custom class name to each of the components html elements
-         */
         className: PropTypes.Requireable<string>;
-        /**
-         * Defines how many columns to organize the tiles into.
-         */
         columns: PropTypes.Requireable<number>;
     };
     defaultProps: {
@@ -60,7 +33,7 @@ export declare const Tiles: {
         onClick: undefined;
     };
     componentName: string;
-    compatibleAttributes: Set<string>;
+    compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
 declare const _default: (props: ITiles) => JSX.Element | null;
 export default _default;

package/dist/components/Tiles/index.js

@@ -11,7 +11,7 @@ var FormComponentDescription_1 = __importDefault(require("../FormComponentDescri
 var tiles_styles_1 = require("./tiles.styles");
 var shared_styles_1 = require("../shared.styles");
 var utils_1 = require("../../utils");
-var constants_1 = require("../../constants");
+var types_1 = require("../../types");
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var Tiles = function (props) {
     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) {
 };
 exports.Tiles = Tiles;
 exports.Tiles.propTypes = {
-    /**
-     * Is the attribute name on the initialized asset that we are
-     * using this component for. If the attribute prop is used,
-     * the component will ignore the props for: `value`, `options`, `onClick`.
-     */
     attribute: prop_types_1.default.string,
-    /**
-     * Used to add a title to the input
-     */
     title: prop_types_1.default.string,
-    /**
-     * Used to provide a custom description for the input component
-     */
     description: prop_types_1.default.string,
-    /**
-     * Selected value from the option set. Should match the 'value' property
-     * of one of the items in the options array.
-     */
     value: prop_types_1.default.string,
-    /**
-     * Handles the user seletion by passing the value of the selected
-     * option as the argument into the onClick callback.
-     */
     onClick: prop_types_1.default.func,
-    /**
-     * The options set to be displayed for the user
-     */
     options: prop_types_1.default.arrayOf(prop_types_1.default.shape({
         name: prop_types_1.default.string,
         description: prop_types_1.default.string,
         value: prop_types_1.default.string,
         disabled: prop_types_1.default.bool,
     })),
-    /**
-     * Used to add a custom class name to each of the components html elements
-     */
     className: prop_types_1.default.string,
-    /**
-     * Defines how many columns to organize the tiles into.
-     */
     columns: prop_types_1.default.number,
 };
 exports.Tiles.defaultProps = {
     description: undefined,
     className: undefined,
     columns: 2,
-    //  Default use
     attribute: undefined,
-    //  Custom use
     title: undefined,
     value: undefined,
     options: undefined,
@@ -84,7 +54,7 @@ exports.Tiles.defaultProps = {
 };
 exports.Tiles.componentName = 'tiles';
 exports.Tiles.compatibleAttributes = new Set([
-    constants_1.ATTRIBUTE_TYPES.asset,
-    constants_1.ATTRIBUTE_TYPES.string,
+    types_1.ATTRIBUTE_TYPES.ASSET,
+    types_1.ATTRIBUTE_TYPES.STRING,
 ]);
 exports.default = (0, formInputContainer_1.default)(exports.Tiles);

package/dist/components/TilesGroup/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
+import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
 export interface ITilesGroup extends IFormComponentProps<IOptionShared> {
     columns?: number;
@@ -7,42 +8,17 @@ export interface ITilesGroup extends IFormComponentProps<IOptionShared> {
 export declare const TilesGroup: {
     (props: ITilesGroup): JSX.Element;
     propTypes: {
-        /**
-         * Is the attribute name on the initialized asset that we are
-         * using this component for. If the attribute prop is used,
-         * the component will ignore the props for: `value`, `options`, `onClick`.
-         */
         attribute: PropTypes.Requireable<string>;
-        /**
-         * Used to add a title to the input
-         */
         title: PropTypes.Requireable<string>;
-        /**
-         * Used to provide a custom description for the input component
-         */
         description: PropTypes.Requireable<string>;
-        /**
-         * Selected value from the option set. Should match the 'value' property
-         * of one of the items in the options array.
-         */
         value: PropTypes.Requireable<string>;
-        /**
-         * Handles the user seletion by passing the value of the selected
-         * option as the argument into the onClick callback.
-         */
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The options set to be displayed for the user
-         */
         options: PropTypes.Requireable<(PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
-        /**
-         * Used to add a custom class name to each of the components html elements
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {
@@ -55,7 +31,7 @@ export declare const TilesGroup: {
         onClick: undefined;
     };
     componentName: string;
-    compatibleAttributes: Set<string>;
+    compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
 declare const _default: (props: ITilesGroup) => JSX.Element | null;
 export default _default;

package/dist/components/TilesGroup/index.js

@@ -11,7 +11,7 @@ var FormComponentDescription_1 = __importDefault(require("../FormComponentDescri
 var tilesGroup_styles_1 = require("./tilesGroup.styles");
 var shared_styles_1 = require("../shared.styles");
 var utils_1 = require("../../utils");
-var constants_1 = require("../../constants");
+var types_1 = require("../../types");
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var TilesGroup = function (props) {
     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) {
 };
 exports.TilesGroup = TilesGroup;
 exports.TilesGroup.propTypes = {
-    /**
-     * Is the attribute name on the initialized asset that we are
-     * using this component for. If the attribute prop is used,
-     * the component will ignore the props for: `value`, `options`, `onClick`.
-     */
     attribute: prop_types_1.default.string,
-    /**
-     * Used to add a title to the input
-     */
     title: prop_types_1.default.string,
-    /**
-     * Used to provide a custom description for the input component
-     */
     description: prop_types_1.default.string,
-    /**
-     * Selected value from the option set. Should match the 'value' property
-     * of one of the items in the options array.
-     */
     value: prop_types_1.default.string,
-    /**
-     * Handles the user seletion by passing the value of the selected
-     * option as the argument into the onClick callback.
-     */
     onClick: prop_types_1.default.func,
-    /**
-     * The options set to be displayed for the user
-     */
     options: prop_types_1.default.arrayOf(prop_types_1.default.shape({
         name: prop_types_1.default.string,
         description: prop_types_1.default.string,
         value: prop_types_1.default.string,
         disabled: prop_types_1.default.bool,
     })),
-    /**
-     * Used to add a custom class name to each of the components html elements
-     */
     className: prop_types_1.default.string,
 };
 exports.TilesGroup.defaultProps = {
     description: undefined,
     className: undefined,
-    //  Default use
     attribute: undefined,
-    //  Custom use
     title: undefined,
     value: undefined,
     options: undefined,
@@ -79,7 +52,7 @@ exports.TilesGroup.defaultProps = {
 };
 exports.TilesGroup.componentName = 'tiles-group';
 exports.TilesGroup.compatibleAttributes = new Set([
-    constants_1.ATTRIBUTE_TYPES.asset,
-    constants_1.ATTRIBUTE_TYPES.string,
+    types_1.ATTRIBUTE_TYPES.ASSET,
+    types_1.ATTRIBUTE_TYPES.STRING,
 ]);
 exports.default = (0, formInputContainer_1.default)(exports.TilesGroup);

package/dist/components/TotalPrice/index.d.ts

@@ -7,13 +7,7 @@ interface IPrice {
 export declare const TotalPriceComponent: {
     (props: IPrice): JSX.Element;
     propTypes: {
-        /**
-         * The price displayed to the user
-         */
         price: PropTypes.Requireable<string>;
-        /**
-         * Custom classNames applied to the HTML Element to apply custom CSS styling.
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/TotalPrice/index.js

@@ -27,13 +27,7 @@ var TotalPrice = function (props) {
 };
 exports.TotalPrice = TotalPrice;
 exports.TotalPriceComponent.propTypes = {
-    /**
-     * The price displayed to the user
-     */
     price: prop_types_1.default.string,
-    /**
-     * Custom classNames applied to the HTML Element to apply custom CSS styling.
-     */
     className: prop_types_1.default.string,
 };
 exports.TotalPriceComponent.defaultProps = {

package/dist/components/TrebleApp/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Upload/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
 export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title' | 'description' | 'className' | 'value'> {
     onChange: (file: File | undefined) => Promise<void>;
@@ -6,7 +7,7 @@ export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title
 export declare const Upload: {
     (props: IUpload): JSX.Element;
     componentName: string;
-    compatibleAttributes: Set<string>;
+    compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
 declare const _default: (props: IUpload) => JSX.Element | null;
 export default _default;

package/dist/components/Upload/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -60,18 +64,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Upload = void 0;
 var react_1 = __importStar(require("react"));
-var constants_1 = require("../../constants");
 var FormComponentTitle_1 = __importDefault(require("../FormComponentTitle"));
 var FormComponentDescription_1 = __importDefault(require("../FormComponentDescription"));
 var shared_styles_1 = require("../shared.styles");
+var types_1 = require("../../types");
 var utils_1 = require("../../utils");
-var icons_1 = require("../../icons");
+var Spinner_1 = __importDefault(require("../../icons/Spinner"));
+var Add_1 = __importDefault(require("../../icons/Add"));
+var Delete_1 = __importDefault(require("../../icons/Delete"));
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var upload_styles_1 = require("./upload.styles");
 var Upload = function (props) {
-    var _a, _b;
     var title = props.title, description = props.description, value = props.value, onChange = props.onChange, customClassName = props.className;
-    var _c = (0, react_1.useState)(false), isUploading = _c[0], setIsUploading = _c[1];
+    var _a = (0, react_1.useState)(false), isUploading = _a[0], setIsUploading = _a[1];
     var inputRef = (0, react_1.useRef)(null);
     var imgRef = (0, react_1.useRef)(null);
     var cls = (0, utils_1.generateInputClassName)('upload', customClassName, title);
@@ -89,41 +94,40 @@ var Upload = function (props) {
             switch (_a.label) {
                 case 0:
                     setIsUploading(true);
-                    return [4 /*yield*/, onChange(file)];
+                    return [4, onChange(file)];
                 case 1:
                     _a.sent();
                     setIsUploading(false);
                     if (!file)
-                        return [2 /*return*/];
+                        return [2];
                     reader = new FileReader();
                     reader.onload = function () {
                         if (!imgRef.current)
                             return;
-                        // @ts-ignore
                         imgRef.current.src = reader.result;
                     };
                     reader.readAsDataURL(file);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
     return (react_1.default.createElement(shared_styles_1.FormComponentWrapper, null,
         react_1.default.createElement(FormComponentTitle_1.default, { title: title, className: cls }),
         react_1.default.createElement(FormComponentDescription_1.default, { description: description, className: cls }),
-        react_1.default.createElement(upload_styles_1.UploadWrapper, { className: cls, uploaded: !!(!isUploading && ((_a = value) === null || _a === void 0 ? void 0 : _a.length)) },
+        react_1.default.createElement(upload_styles_1.UploadWrapper, { className: cls, uploaded: !!(!isUploading && (value === null || value === void 0 ? void 0 : value.length)) },
             react_1.default.createElement("input", { type: "file", ref: inputRef, onChange: function (e) { return __awaiter(void 0, void 0, void 0, function () {
                     var _a;
                     return __generator(this, function (_b) {
                         if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || !onChange)
-                            return [2 /*return*/];
+                            return [2];
                         handleUpload(e.target.files[0]);
-                        return [2 /*return*/];
+                        return [2];
                     });
                 }); } }),
             react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(upload_styles_1.IconWrapper, null,
-                    react_1.default.createElement(icons_1.SpinnerIcon, { size: "28px" })),
-                react_1.default.createElement("div", null, "Uploading..."))) : ((_b = value) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(upload_styles_1.ImageWrapper, null,
+                    react_1.default.createElement(Spinner_1.default, { size: "28px" })),
+                react_1.default.createElement("div", null, "Uploading..."))) : (value === null || value === void 0 ? void 0 : value.length) ? (react_1.default.createElement(upload_styles_1.ImageWrapper, null,
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("img", { ref: imgRef, src: "#" })),
                 react_1.default.createElement(upload_styles_1.ImageActionArea, null,
@@ -131,12 +135,12 @@ var Upload = function (props) {
                             handleUpload(undefined);
                             e.stopPropagation();
                         } },
-                        react_1.default.createElement(icons_1.DeleteIcon, null))))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(Delete_1.default, null))))) : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(upload_styles_1.IconWrapper, null,
-                    react_1.default.createElement(icons_1.AddIcon, null)),
+                    react_1.default.createElement(Add_1.default, null)),
                 react_1.default.createElement("div", null, "Upload")))))));
 };
 exports.Upload = Upload;
 exports.Upload.componentName = 'upload';
-exports.Upload.compatibleAttributes = new Set([constants_1.ATTRIBUTE_TYPES.asset]);
+exports.Upload.compatibleAttributes = new Set([types_1.ATTRIBUTE_TYPES.ASSET]);
 exports.default = (0, formInputContainer_1.default)(exports.Upload);

package/dist/components/UploadArea/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
 export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title' | 'description' | 'className' | 'value'> {
     onChange: (file: File) => Promise<void>;
@@ -6,7 +7,7 @@ export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title
 export declare const UploadArea: {
     (props: IUpload): JSX.Element;
     componentName: string;
-    compatibleAttributes: Set<string>;
+    compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
 declare const _default: (props: IUpload) => JSX.Element | null;
 export default _default;

package/dist/components/UploadArea/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -60,19 +64,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UploadArea = void 0;
 var react_1 = __importStar(require("react"));
-var constants_1 = require("../../constants");
 var FormComponentTitle_1 = __importDefault(require("../FormComponentTitle"));
 var FormComponentDescription_1 = __importDefault(require("../FormComponentDescription"));
 var shared_styles_1 = require("../shared.styles");
+var types_1 = require("../../types");
 var utils_1 = require("../../utils");
-var icons_1 = require("../../icons");
+var Spinner_1 = __importDefault(require("../../icons/Spinner"));
+var Image_1 = __importDefault(require("../../icons/Image"));
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var uploadArea_styles_1 = require("./uploadArea.styles");
 var UploadArea = function (props) {
-    var _a;
     var title = props.title, description = props.description, value = props.value, onChange = props.onChange, customClassName = props.className;
-    var _b = (0, react_1.useState)(false), isUploading = _b[0], setIsUploading = _b[1];
-    var _c = (0, react_1.useState)(undefined), filename = _c[0], setFilename = _c[1];
+    var _a = (0, react_1.useState)(false), isUploading = _a[0], setIsUploading = _a[1];
+    var _b = (0, react_1.useState)(undefined), filename = _b[0], setFilename = _b[1];
     var inputRef = (0, react_1.useRef)(null);
     var imgRef = (0, react_1.useRef)(null);
     var cls = (0, utils_1.generateInputClassName)('upload', customClassName, title);
@@ -88,7 +92,7 @@ var UploadArea = function (props) {
             switch (_a.label) {
                 case 0:
                     setIsUploading(true);
-                    return [4 /*yield*/, onChange(file)];
+                    return [4, onChange(file)];
                 case 1:
                     _a.sent();
                     setIsUploading(false);
@@ -97,11 +101,10 @@ var UploadArea = function (props) {
                     reader.onload = function () {
                         if (!imgRef.current)
                             return;
-                        // @ts-ignore
                         imgRef.current.src = reader.result;
                     };
                     reader.readAsDataURL(file);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
@@ -113,26 +116,26 @@ var UploadArea = function (props) {
                     var _a;
                     return __generator(this, function (_b) {
                         if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || !onChange)
-                            return [2 /*return*/];
+                            return [2];
                         handleUpload(e.target.files[0]);
-                        return [2 /*return*/];
+                        return [2];
                     });
                 }); } }),
             react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement(icons_1.SpinnerIcon, { size: "28px" })),
-                react_1.default.createElement("div", null, "Uploading..."))) : ((_a = value) === null || _a === void 0 ? void 0 : _a.length) ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
+                    react_1.default.createElement(Spinner_1.default, { size: "28px" })),
+                react_1.default.createElement("div", null, "Uploading..."))) : (value === null || value === void 0 ? void 0 : value.length) ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("img", { ref: imgRef, src: "#" })),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("div", null, filename),
                     react_1.default.createElement("div", null, "Upload another file.")))) : (react_1.default.createElement("div", null,
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement(icons_1.ImageIcon, null)),
+                    react_1.default.createElement(Image_1.default, null)),
                 react_1.default.createElement("div", null, "Click to upload"),
                 react_1.default.createElement("div", null, "Supported file types: PNG, JPEG, SVG")))))));
 };
 exports.UploadArea = UploadArea;
 exports.UploadArea.componentName = 'upload-area';
-exports.UploadArea.compatibleAttributes = new Set([constants_1.ATTRIBUTE_TYPES.asset]);
+exports.UploadArea.compatibleAttributes = new Set([types_1.ATTRIBUTE_TYPES.ASSET]);
 exports.default = (0, formInputContainer_1.default)(exports.UploadArea);

package/dist/components/Wishlist/index.d.ts

@@ -19,9 +19,6 @@ export declare const WishlistButton: (props: WidgetButtonProps) => JSX.Element;
 export declare const Wishlist: {
     (props: WishlistProps): JSX.Element | null;
     propTypes: {
-        /**
-         * Custom classNames applied to the HTML Element to apply custom CSS styling.
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/Wishlist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -61,7 +65,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wishlist = exports.WishlistButton = exports.AddWishlistButton = void 0;
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var icons_1 = require("../../icons");
+var Heart_1 = __importDefault(require("../../icons/Heart"));
+var Wishlist_1 = __importDefault(require("../../icons/Wishlist"));
 var Button_1 = require("../Button");
 var Drawer_1 = __importDefault(require("../Drawer"));
 var shared_styles_1 = require("../shared.styles");
@@ -71,12 +76,12 @@ var wishlist_styles_1 = require("./wishlist.styles");
 var useWishlist_1 = __importDefault(require("../../hooks/useWishlist"));
 var AddWishlistButton = function (props) {
     var title = props.title, type = props.type, shape = props.shape, className = props.className, onClick = props.onClick;
-    return (react_1.default.createElement(Button_1.Button, { title: title, icon: icons_1.HeartIcon.iconName, className: className, onClick: onClick, type: type, shape: shape }));
+    return (react_1.default.createElement(Button_1.Button, { title: title, icon: Heart_1.default.iconName, className: className, onClick: onClick, type: type, shape: shape }));
 };
 exports.AddWishlistButton = AddWishlistButton;
 var WishlistButton = function (props) {
     var title = props.title, type = props.type, shape = props.shape, className = props.className, onClick = props.onClick;
-    return (react_1.default.createElement(Button_1.Button, { title: title, icon: icons_1.WishlistIcon.iconName, className: className, onClick: onClick, type: type, shape: shape }));
+    return (react_1.default.createElement(Button_1.Button, { title: title, icon: Wishlist_1.default.iconName, className: className, onClick: onClick, type: type, shape: shape }));
 };
 exports.WishlistButton = WishlistButton;
 var Wishlist = function (props) {
@@ -91,11 +96,11 @@ var Wishlist = function (props) {
     var handleAddToWishlist = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, addToWishlist()];
+                case 0: return [4, addToWishlist()];
                 case 1:
                     _a.sent();
                     setShowWishlist(true);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
@@ -111,9 +116,6 @@ var Wishlist = function (props) {
 };
 exports.Wishlist = Wishlist;
 exports.Wishlist.propTypes = {
-    /**
-     * Custom classNames applied to the HTML Element to apply custom CSS styling.
-     */
     className: prop_types_1.default.string,
 };
 exports.Wishlist.defaultProps = {
@@ -122,5 +124,5 @@ exports.Wishlist.defaultProps = {
     type: 'threekit',
 };
 exports.Wishlist.componentName = 'wishlist';
-exports.Wishlist.Icon = icons_1.WishlistIcon;
+exports.Wishlist.Icon = Wishlist_1.default;
 exports.default = exports.Wishlist;

package/dist/components/Zoom/index.d.ts

@@ -15,27 +15,10 @@ export declare const ZoomInComponent: (props: ZoomComponentProps) => JSX.Element
 export declare const Zoom: {
     (props: ZoomProps): JSX.Element;
     propTypes: {
-        /**
-         * The number of steps, for both zoom-in and out, that we want to increment the zoom by.
-         */
         step: PropTypes.Requireable<number>;
-        /**
-         * Used to the set the orientation/alignment of the buttons.
-         */
         orientation: PropTypes.Requireable<string>;
-        /**
-         * Custom classNames applied to the HTML Element to apply custom CSS styling.
-         */
         className: PropTypes.Requireable<string>;
-        /**
-         * The presentational type of the input component. Options
-         * include: `hollow`, `standard`, `accent`, `primary`
-         */
         type: PropTypes.Requireable<string>;
-        /**
-         * Used to set the shape of the Widget button. Options
-         * include: `square`, `round`
-         */
         shape: PropTypes.Requireable<string>;
     };
     defaultProps: {