@threekit-tools/treble 0.0.36 → 0.0.37-codepen-0

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

@@ -38,6 +38,12 @@ export declare const Swatch: {
          * Handles the user seletion by passing the value of the selected
          * option as the argument into the onClick callback.
          */
+        size: PropTypes.Requireable<string>;
+        /**
+         * The size of the for a swatch option. The size should be a valid CSS
+         * height/width property.
+         *
+         */
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         /**
          * The options set to be displayed for the user

package/dist/components/Swatch/index.js

@@ -24,10 +24,10 @@ var SwatchInfo = function (props) {
             react_1.default.createElement("div", null))));
 };
 var Thumbnail = function (props) {
-    var imageUrl = props.imageUrl, color = props.color, name = props.name, shape = props.shape, className = props.className;
+    var imageUrl = props.imageUrl, color = props.color, name = props.name, shape = props.shape, size = props.size, className = props.className;
     if (!imageUrl && !color)
         return react_1.default.createElement("div", null);
-    return (react_1.default.createElement(swatch_styles_1.OptionThumbnail, { className: "".concat(className, " option-thumbnail"), color: color, shape: shape }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : react_1.default.createElement("span", null)));
+    return (react_1.default.createElement(swatch_styles_1.OptionThumbnail, { className: "".concat(className, " option-thumbnail"), color: color, shape: shape, size: size }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : react_1.default.createElement("span", null)));
 };
 var Swatch = function (props) {
     var _a = Object.assign({ shape: 'round', size: '60px' }, props), title = _a.title, shape = _a.shape, description = _a.description, options = _a.options, value = _a.value, onClick = _a.onClick, customClassName = _a.className, showThumbnail = _a.showThumbnail, showPrice = _a.showPrice, showDescription = _a.showDescription, size = _a.size;
@@ -47,7 +47,7 @@ var Swatch = function (props) {
             var clsOpt = "".concat(cls, "-option option-").concat(i, " ").concat(optionValue).concat(selected ? ' selected' : '');
             return (react_1.default.createElement(swatch_styles_1.OptionWrapper, { key: i, onClick: function () { return onClick && onClick(optionValue); }, selected: selected, className: clsOpt, shape: shape, size: size },
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement(Thumbnail, { imageUrl: imageUrl, color: color, shape: shape, className: clsOpt })),
+                    react_1.default.createElement(Thumbnail, { imageUrl: imageUrl, color: color, shape: shape, className: clsOpt, size: size })),
                 react_1.default.createElement(SwatchInfo, { title: name, price: price, description: description })));
         }))));
 };
@@ -81,6 +81,12 @@ exports.Swatch.propTypes = {
      * Handles the user seletion by passing the value of the selected
      * option as the argument into the onClick callback.
      */
+    size: prop_types_1.default.string,
+    /**
+     * The size of the for a swatch option. The size should be a valid CSS
+     * height/width property.
+     *
+     */
     onClick: prop_types_1.default.func,
     /**
      * The options set to be displayed for the user

package/dist/utils.js

@@ -351,30 +351,24 @@ var isUuid = function (str) {
 exports.isUuid = isUuid;
 var loadTrebleConfig = function () {
     var config = {};
-    try {
-        var project = require("/threekit.config.js").default;
-        if (project)
-            config.project = project;
-    }
-    catch (e) {
-        console.log(e);
-    }
-    try {
-        var player = require('/.treble/player.config.js').default;
-        if (player)
-            config.player = player;
-    }
-    catch (e) {
-        console.log(e);
-    }
-    try {
-        var treble = require('/.treble/treble.config.js').default;
-        if (treble)
-            config.treble = treble;
-    }
-    catch (e) {
-        console.log(e);
-    }
+    // try {
+    //   const project = require(`/threekit.config.js`).default;
+    //   if (project) config.project = project;
+    // } catch (e) {
+    //   console.log(e);
+    // }
+    // try {
+    //   const player = require('/.treble/player.config.js').default;
+    //   if (player) config.player = player;
+    // } catch (e) {
+    //   console.log(e);
+    // }
+    // try {
+    //   const treble = require('/.treble/treble.config.js').default;
+    //   if (treble) config.treble = treble;
+    // } catch (e) {
+    //   console.log(e);
+    // }
     return config;
 };
 exports.loadTrebleConfig = loadTrebleConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.36",
+  "version": "0.0.37-codepen-0",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [