react-dialogger 1.1.65 → 1.1.66

package/components/DialogActionBase.js

@@ -220,6 +220,7 @@ var DialogActionBase = /** @class */ (function (_super) {
         var label = (_g = ((_f = (_e = (_d = (_c = _this.props.dialogBaseComponent) === null || _c === void 0 ? void 0 : _c.dialogOptions) === null || _d === void 0 ? void 0 : _d.localText) === null || _e === void 0 ? void 0 : _e[converted]) !== null && _f !== void 0 ? _f : converted)) !== null && _g !== void 0 ? _g : 'Button';
         var initialIntents = props.dialogBaseComponent.dialogOptions.base.actions.initialIntents;
         var mergedIntents = __assign(__assign({}, exports.BASE_INTENTS), initialIntents);
+        console.log('DialogActionBase', initialIntents, mergedIntents, exports.BASE_INTENTS);
         _this.state = {
             coords: { x: -1, y: -1 },
             isRippling: false,

package/components/RippleButton.js

@@ -88,7 +88,12 @@ exports.default = React.forwardRef(function (_a, ref) {
             hexedColor = (0, Colorify_1.colorNameToHex)(hexedColor);
         }
         exclusive = (0, Colorify_1.getButtonColors)(hexedColor);
-        // textColor   = getLuminance(hexedColor);
+        console.log('Button_variant', variant);
+        if (variant === 'text') {
+            exclusive.backgroundColor = 'inherit';
+            exclusive.color = color; // exclusive.backgroundColor;
+        }
+        // textColor       = getLuminance(hexedColor);
         // bgColor     = hexToRGB(hexedColor, disabled ? .5 : 1);
         //
         // exclusive.color             = textColor;
@@ -104,6 +109,7 @@ exports.default = React.forwardRef(function (_a, ref) {
             setCoords({ x: e.clientX - rect.left, y: e.clientY - rect.top });
             setTimeout(function () {
                 onClick && onClick(e);
+                // setIsRippling(true);
             }, 200);
-        }, style: __assign(__assign(__assign(__assign(__assign({}, baseStyle), style), { fontFamily: fontFamily }), exclusive), variant === 'text' ? { border: "none" } : null), children: [isRippling && (0, jsx_runtime_1.jsx)("span", { className: "ripple", style: { left: coords.x, top: coords.y } }), (0, jsx_runtime_1.jsx)("span", { className: "content", children: children(ref.current) })] }));
+        }, style: __assign(__assign(__assign(__assign(__assign({}, baseStyle), style), exclusive), { fontFamily: fontFamily }), variant === 'text' ? { border: "none" } : null), children: [isRippling && (0, jsx_runtime_1.jsx)("span", { className: "ripple", style: { left: coords.x, top: coords.y } }), (0, jsx_runtime_1.jsx)("span", { className: "content", children: children(ref.current) })] }));
 });

package/models/DialogAction.js

@@ -49,7 +49,7 @@ var DialogAction = /** @class */ (function () {
         this._name = name;
         var defaultOptions = {
             label: null,
-            variant: 'contained',
+            variant: 'text',
             color: 'default',
             disabled: false,
             prevDisabled: false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.65",
+  "version": "1.1.66",
   "description": "This package is a continuation of the react-araci package. Due to an error, react-araci was removed, and it has been decided to continue under the new package name react-dialogger",
   "main": "index.js",
   "author": "Sueleyman Topaloglu",

package/styles/dialog.action.css

@@ -21,6 +21,7 @@
   border-radius: 9999px;
   opacity: 0.5;
   animation: 0.9s ease 1 forwards ripple-effect;
+  background: rgba(255, 255, 255, 0.8);
 }
 .ripple-button .content {
   position: relative;