@threekit-tools/treble 0.0.81 → 0.0.84

package/dist/api/datatables.js

@@ -51,15 +51,15 @@ var getDatatable = function (datatableId, config) { return __awaiter(void 0, voi
                 if (!datatableId)
                     message = 'Requires a datatable ID';
                 if (message)
-                    return [2 /*return*/, Promise.resolve(undefined)];
+                    return [2, Promise.resolve(undefined)];
                 format = Object.assign({ format: constants_1.DATATABLE_FORMATS.json }, config).format;
-                return [4 /*yield*/, http_1.default.datatables.getDatatable(datatableId)];
+                return [4, http_1.default.datatables.getDatatable(datatableId)];
             case 1:
                 response = _a.sent();
                 if (response.status !== 200)
-                    return [2 /*return*/, Promise.resolve(undefined)];
+                    return [2, Promise.resolve(undefined)];
                 if (format.toLowerCase() === constants_1.DATATABLE_FORMATS.csv)
-                    return [2 /*return*/, Promise.resolve(response.data)];
+                    return [2, Promise.resolve(response.data)];
                 csvData = response.data
                     .replace(/"/g, '')
                     .split('\n')
@@ -81,7 +81,7 @@ var getDatatable = function (datatableId, config) { return __awaiter(void 0, voi
                     output.push(rowOutput);
                     return output;
                 }, []);
-                return [2 /*return*/, Promise.resolve(datatableJson)];
+                return [2, Promise.resolve(datatableJson)];
         }
     });
 }); };

package/dist/api/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/api/orders.d.ts

@@ -1,14 +1,12 @@
-import { ICart, STATUSES, IOrderResponse } from '../http/orders';
-interface IEditOrder extends ICart {
-}
-interface ICreateOrder extends ICart {
-    name: string;
+import { ICartItem, STATUSES, IOrderResponse } from '../http/orders';
+export interface ICreateOrder {
+    name?: string;
     metadata?: Record<string, string>;
     platform?: Record<string, string>;
     status?: STATUSES;
+    cart: Array<ICartItem>;
 }
 export declare const getOrder: (orderId: string) => Promise<IOrderResponse>;
 export declare const fetchOrders: (metadataQuery: Record<string, string>) => Promise<IOrderResponse[]>;
 export declare const createOrder: (order: ICreateOrder) => Promise<IOrderResponse>;
-export declare const editOrder: (orderId: string, data: IEditOrder) => Promise<IOrderResponse>;
-export {};
+export declare const editOrder: (orderId: string, data: Array<ICartItem>) => Promise<IOrderResponse>;

package/dist/api/orders.js

@@ -44,15 +44,15 @@ var http_1 = __importDefault(require("../http"));
 var connection_1 = __importDefault(require("../connection"));
 var getOrder = function (orderId) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
-        return [2 /*return*/, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
+        return [2, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
                 var orders;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, http_1.default.orders.getOrder(orderId)];
+                        case 0: return [4, http_1.default.orders.getOrder(orderId)];
                         case 1:
                             orders = _a.sent();
                             resolve(orders.data);
-                            return [2 /*return*/];
+                            return [2];
                     }
                 });
             }); })];
@@ -61,11 +61,11 @@ var getOrder = function (orderId) { return __awaiter(void 0, void 0, void 0, fun
 exports.getOrder = getOrder;
 var fetchOrders = function (metadataQuery) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
-        return [2 /*return*/, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
+        return [2, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
                 var orders, output, _a, key_1, value_1;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
-                        case 0: return [4 /*yield*/, http_1.default.orders.fetchOrders()];
+                        case 0: return [4, http_1.default.orders.fetchOrders()];
                         case 1:
                             orders = _b.sent();
                             output = orders.data.orders;
@@ -74,7 +74,7 @@ var fetchOrders = function (metadataQuery) { return __awaiter(void 0, void 0, vo
                                 output = orders.data.orders.filter(function (order) { var _a; return ((_a = order.metadata) === null || _a === void 0 ? void 0 : _a[key_1]) === value_1; });
                             }
                             resolve(output);
-                            return [2 /*return*/];
+                            return [2];
                     }
                 });
             }); })];
@@ -83,7 +83,7 @@ var fetchOrders = function (metadataQuery) { return __awaiter(void 0, void 0, vo
 exports.fetchOrders = fetchOrders;
 var createOrder = function (order) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
-        return [2 /*return*/, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
+        return [2, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
                 var orgId, name, cart, metadata, platform, status, data, createOrder;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
@@ -98,11 +98,11 @@ var createOrder = function (order) { return __awaiter(void 0, void 0, void 0, fu
                                 metadata: metadata || {},
                                 status: status || 'List',
                             };
-                            return [4 /*yield*/, http_1.default.orders.createOrder(data)];
+                            return [4, http_1.default.orders.createOrder(data)];
                         case 1:
                             createOrder = _a.sent();
                             resolve(createOrder.data);
-                            return [2 /*return*/];
+                            return [2];
                     }
                 });
             }); })];
@@ -111,7 +111,7 @@ var createOrder = function (order) { return __awaiter(void 0, void 0, void 0, fu
 exports.createOrder = createOrder;
 var editOrder = function (orderId, data) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
-        return [2 /*return*/, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
+        return [2, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
                 var cart;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
@@ -120,11 +120,11 @@ var editOrder = function (orderId, data) { return __awaiter(void 0, void 0, void
                                 throw new Error('Missing Order ID');
                             if (!data)
                                 throw new Error('Missing New Cart data for Cart Order update.');
-                            return [4 /*yield*/, http_1.default.orders.editOrderCart(orderId, data)];
+                            return [4, http_1.default.orders.editOrderCart(orderId, data)];
                         case 1:
                             cart = _a.sent();
                             resolve(cart.data);
-                            return [2 /*return*/];
+                            return [2];
                     }
                 });
             }); })];

package/dist/api/price.js

@@ -45,10 +45,10 @@ var getPricebooksList = function () { return __awaiter(void 0, void 0, void 0, f
     var response;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, http_1.default.pricebook.getList()];
+            case 0: return [4, http_1.default.pricebook.getList()];
             case 1:
                 response = _a.sent();
-                return [2 /*return*/, response.data.pricebooks];
+                return [2, response.data.pricebooks];
         }
     });
 }); };

package/dist/api/products.js

@@ -46,7 +46,7 @@ var fetchTranslations = function () {
         var translations, csvData, languages, translationMap;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, http_1.default.products.getTranslations()];
+                case 0: return [4, http_1.default.products.getTranslations()];
                 case 1:
                     translations = _a.sent();
                     csvData = translations.data
@@ -68,7 +68,7 @@ var fetchTranslations = function () {
                         return output;
                     }, {});
                     resolve(translationMap);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); });

package/dist/components/Accordion/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];
@@ -33,12 +37,7 @@ var AccordionItem = function (props) {
             react_1.default.createElement("div", null, label),
             react_1.default.createElement("div", null),
             react_1.default.createElement("div", null,
-                react_1.default.createElement(CaretDown_1.default
-                // style={{
-                //   transition: `all 0.3s`,
-                //   transform: selected ? 'rotate(180deg)' : 'rotate(0)',
-                // }}
-                , null))),
+                react_1.default.createElement(CaretDown_1.default, null))),
         react_1.default.createElement("div", null,
             react_1.default.createElement("div", null, children))));
 };

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

@@ -8,17 +8,8 @@ interface IAttributeTitle {
 export declare const AttributeTitle: {
     (props: IAttributeTitle): JSX.Element | null;
     propTypes: {
-        /**
-         * The attribute's title/label displayed to the user
-         */
         attribute: PropTypes.Requireable<string>;
-        /**
-         * An override value to display instead of the attribute title.
-         */
         title: PropTypes.Requireable<string>;
-        /**
-         * Custom classNames applied to the HTML Element to apply custom CSS styling.
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/AttributeTitle/index.js

@@ -20,17 +20,8 @@ var AttributeTitle = function (props) {
 };
 exports.AttributeTitle = AttributeTitle;
 exports.AttributeTitle.propTypes = {
-    /**
-     * The attribute's title/label displayed to the user
-     */
     attribute: prop_types_1.default.string,
-    /**
-     * An override value to display instead of the attribute title.
-     */
     title: prop_types_1.default.string,
-    /**
-     * Custom classNames applied to the HTML Element to apply custom CSS styling.
-     */
     className: prop_types_1.default.string,
 };
 exports.AttributeTitle.defaultProps = {

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

@@ -7,13 +7,7 @@ interface IAttributeValue {
 export declare const AttributeValue: {
     (props: IAttributeValue): JSX.Element | null;
     propTypes: {
-        /**
-         * The attribute's title/label displayed to the user
-         */
         attribute: PropTypes.Requireable<string>;
-        /**
-         * Custom classNames applied to the HTML Element to apply custom CSS styling.
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/AttributeValue/index.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var attributeValue_styles_1 = require("./attributeValue.styles");
 var useAttribute_1 = __importDefault(require("../../hooks/useAttribute"));
-var constants_1 = require("../../constants");
+var types_1 = require("../../types");
 var utils_1 = require("../../utils");
 var AttributeValue = function (props) {
     var _a, _b;
@@ -17,7 +17,7 @@ var AttributeValue = function (props) {
     if (!attributeData)
         return null;
     var value;
-    if (attributeData.type === constants_1.ATTRIBUTE_TYPES.asset) {
+    if (attributeData.type === types_1.ATTRIBUTE_TYPES.ASSET) {
         var assetAttribute_1 = attributeData;
         if (!((_a = assetAttribute_1.value) === null || _a === void 0 ? void 0 : _a.assetId))
             return null;
@@ -32,13 +32,7 @@ var AttributeValue = function (props) {
 };
 exports.AttributeValue = AttributeValue;
 exports.AttributeValue.propTypes = {
-    /**
-     * The attribute's title/label displayed to the user
-     */
     attribute: prop_types_1.default.string,
-    /**
-     * Custom classNames applied to the HTML Element to apply custom CSS styling.
-     */
     className: prop_types_1.default.string,
 };
 exports.AttributeValue.defaultProps = {

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

@@ -25,39 +25,12 @@ export declare const SHAPES: {
 export declare const Button: {
     (props: IButton): JSX.Element | null;
     propTypes: {
-        /**
-         * Used to add a title to the input
-         */
         title: PropTypes.Requireable<string>;
-        /**
-         * Threekit Icon to use as the prefix to the button title
-         */
         icon: 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 Button component. Options
-         * include: `square`, `round`
-         */
         shape: PropTypes.Requireable<string>;
-        /**
-         * NOTE: Input wide hide disabled will be deprecated in favour of option
-         * specific control of both 'disabled' and 'visible'.
-         *
-         * Used to hide the options that have the 'disabled' equal to true.
-         */
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Allows the Button's width to be set to 100%.
-         */
         fullWidth: PropTypes.Requireable<boolean>;
-        /**
-         *
-         * Used to add a custom class name to each of the components html elements
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/Button/index.js

@@ -39,39 +39,12 @@ var Button = function (props) {
 };
 exports.Button = Button;
 exports.Button.propTypes = {
-    /**
-     * Used to add a title to the input
-     */
     title: prop_types_1.default.string,
-    /**
-     * Threekit Icon to use as the prefix to the button title
-     */
     icon: prop_types_1.default.string,
-    /**
-     * The presentational type of the input component. Options
-     * include: `hollow`, `standard`, `accent`, `primary`
-     */
     type: prop_types_1.default.string,
-    /**
-     * Used to set the shape of the Button component. Options
-     * include: `square`, `round`
-     */
     shape: prop_types_1.default.string,
-    /**
-     * NOTE: Input wide hide disabled will be deprecated in favour of option
-     * specific control of both 'disabled' and 'visible'.
-     *
-     * Used to hide the options that have the 'disabled' equal to true.
-     */
     onClick: prop_types_1.default.func,
-    /**
-     * Allows the Button's width to be set to 100%.
-     */
     fullWidth: 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.Button.defaultProps = {

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
+import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOption } from '../containers/formInputContainer';
 export interface ICards extends IFormComponentProps<IOption> {
     showThumbnail?: boolean;
@@ -9,33 +10,11 @@ export interface ICards extends IFormComponentProps<IOption> {
 export declare const Cards: {
     (props: ICards): 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>;
@@ -45,44 +24,12 @@ export declare const Cards: {
             color: 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>;
-        /**
-         * By default the thumbnail (image/color value) is soruced from the `_thumbnail`
-         * metadata key in the option's Catalog Item. This metadata key can be overwritten
-         * by passing in the prefered key value to the **thumbnailFromMetadata** prop.
-         */
         metadataKeyThumbnail: PropTypes.Requireable<string>;
-        /**
-         * By default the description is soruced from the `_description` metadata
-         * key in the option's Catalog Item. This metadata key can be overwritten
-         * by passing in the prefered key value to the **metadataKeyDescription**
-         * prop.
-         */
         metadataKeyDescription: PropTypes.Requireable<string>;
-        /**
-         * By default the price of an item is soruced from the pricebook entry for
-         * the option's Catalog Item. The price can alternatively be soruced from
-         * the option's Catalog Item metadata, by specifying the key under which the
-         * price can be found as the **metadataKeyPrice** prop.
-         */
         metadataKeyPrice: PropTypes.Requireable<string>;
-        /**
-         * A boolean to set whether or all the Cards should display thumbnails
-         * for the options.
-         */
         showThumbnail: PropTypes.Requireable<boolean>;
-        /**
-         * A boolean to set whether or all the Cards should display the description
-         * for the options.
-         */
         showDescription: PropTypes.Requireable<boolean>;
-        /**
-         * A boolean to set whether or all the Cards should display the price
-         * for the options/
-         */
         showPrice: PropTypes.Requireable<boolean>;
     };
     defaultProps: {
@@ -101,7 +48,7 @@ export declare const Cards: {
         onClick: undefined;
     };
     componentName: string;
-    compatibleAttributes: Set<string>;
+    compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
 declare const _default: (props: ICards) => JSX.Element | null;
 export default _default;

package/dist/components/Cards/index.js

@@ -11,7 +11,7 @@ var FormComponentDescription_1 = __importDefault(require("../FormComponentDescri
 var shared_styles_1 = require("../shared.styles");
 var cards_styles_1 = require("./cards.styles");
 var utils_1 = require("../../utils");
-var constants_1 = require("../../constants");
+var types_1 = require("../../types");
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var Thumbnail = function (props) {
     var imageUrl = props.imageUrl, color = props.color, name = props.name, className = props.className;
@@ -62,33 +62,11 @@ var Cards = function (props) {
 };
 exports.Cards = Cards;
 exports.Cards.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,
@@ -98,59 +76,24 @@ exports.Cards.propTypes = {
         color: 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,
-    /**
-     * By default the thumbnail (image/color value) is soruced from the `_thumbnail`
-     * metadata key in the option's Catalog Item. This metadata key can be overwritten
-     * by passing in the prefered key value to the **thumbnailFromMetadata** prop.
-     */
     metadataKeyThumbnail: prop_types_1.default.string,
-    /**
-     * By default the description is soruced from the `_description` metadata
-     * key in the option's Catalog Item. This metadata key can be overwritten
-     * by passing in the prefered key value to the **metadataKeyDescription**
-     * prop.
-     */
     metadataKeyDescription: prop_types_1.default.string,
-    /**
-     * By default the price of an item is soruced from the pricebook entry for
-     * the option's Catalog Item. The price can alternatively be soruced from
-     * the option's Catalog Item metadata, by specifying the key under which the
-     * price can be found as the **metadataKeyPrice** prop.
-     */
     metadataKeyPrice: prop_types_1.default.string,
-    /**
-     * A boolean to set whether or all the Cards should display thumbnails
-     * for the options.
-     */
     showThumbnail: prop_types_1.default.bool,
-    /**
-     * A boolean to set whether or all the Cards should display the description
-     * for the options.
-     */
     showDescription: prop_types_1.default.bool,
-    /**
-     * A boolean to set whether or all the Cards should display the price
-     * for the options/
-     */
     showPrice: prop_types_1.default.bool,
 };
 exports.Cards.defaultProps = {
     description: undefined,
     className: undefined,
-    //  Default use
     attribute: undefined,
-    //  Default user overrides
     metadataKeyThumbnail: undefined,
     metadataKeyDescription: undefined,
     metadataKeyPrice: undefined,
     showThumbnail: true,
     showPrice: true,
     showDescription: true,
-    //  Custom use
     title: undefined,
     value: undefined,
     options: undefined,
@@ -158,7 +101,7 @@ exports.Cards.defaultProps = {
 };
 exports.Cards.componentName = 'cards';
 exports.Cards.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.Cards);

package/dist/components/Drawer/index.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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];
@@ -39,7 +43,7 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var react_dom_1 = __importDefault(require("react-dom"));
 var drawer_styles_1 = require("./drawer.styles");
 var utils_1 = require("../../utils");
-var icons_1 = require("../../icons");
+var Remove_1 = __importDefault(require("../../icons/Remove"));
 var TRANSITION_DURATION = 0.2;
 var Drawer = function (props) {
     var title = props.title, children = props.children, handleClose = props.handleClose, showHeader = props.showHeader, className = props.className;
@@ -63,27 +67,14 @@ var Drawer = function (props) {
             showHeader ? (react_1.default.createElement(drawer_styles_1.Header, { className: "".concat(cls, " drawer-header") },
                 react_1.default.createElement("div", { className: "".concat(cls, " drawer-title") }, title),
                 react_1.default.createElement("div", { onClick: handleClickClose },
-                    react_1.default.createElement(icons_1.RemoveIcon, null)))) : null,
+                    react_1.default.createElement(Remove_1.default, null)))) : null,
             react_1.default.createElement(drawer_styles_1.Content, { className: "".concat(cls, " drawer-content") }, children))));
 };
 exports.Drawer = Drawer;
 exports.Drawer.propTypes = {
-    /**
-     * The title to be shown in the Drawer header
-     */
     title: prop_types_1.default.string,
-    /**
-     * Callback function to close the Drawer. Can be used with custom UI
-     * components in the Drawer
-     */
     handleClose: prop_types_1.default.func,
-    /**
-     * Whether or not to render the default Drawer header
-     */
     showHeader: 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.Drawer.defaultProps = {