clada-storybook - npm Package Compare versions

Comparing version 2.2.1 to 2.3.0

dist/cjs/components/icons/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowIcon = exports.ReplyIcon = exports.HeartIcon = exports.CalendarIcon = exports.LogoutIcon = exports.SettingsIcon = exports.EyeIcon = exports.ProfileIcon = exports.ShareIcon = exports.LocationIcon = exports.EditIcon = exports.SendIcon = exports.FullscreenIcon = exports.MumbleIcon = exports.TimeIcon = exports.RepostIcon = exports.CancelIcon = exports.CheckIcon = void 0;
+exports.UploadIcon = exports.ArrowIcon = exports.ReplyIcon = exports.HeartIcon = exports.CalendarIcon = exports.LogoutIcon = exports.SettingsIcon = exports.EyeIcon = exports.ProfileIcon = exports.ShareIcon = exports.LocationIcon = exports.EditIcon = exports.SendIcon = exports.FullscreenIcon = exports.MumbleIcon = exports.TimeIcon = exports.RepostIcon = exports.CancelIcon = exports.CheckIcon = void 0;
 var check_1 = require("./check");
@@ -40,1 +40,3 @@ Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return check_1.CheckIcon; } });
 Object.defineProperty(exports, "ArrowIcon", { enumerable: true, get: function () { return arrow_1.ArrowIcon; } });
+var upload_1 = require("./upload");
+Object.defineProperty(exports, "UploadIcon", { enumerable: true, get: function () { return upload_1.UploadIcon; } });

dist/cjs/components/index.js

@@ -17,3 +17,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommentButton = exports.CopyLinkButton = exports.LikeButton = exports.AvatarEdit = exports.Avatar = exports.IconButton = exports.Logo = exports.Textarea = exports.Link = exports.Label = exports.Modal = exports.Tabs = exports.Input = exports.Button = void 0;
+exports.Toggle = exports.CommentButton = exports.CopyLinkButton = exports.LikeButton = exports.AvatarEdit = exports.Avatar = exports.IconButton = exports.Logo = exports.Textarea = exports.Link = exports.Label = exports.Modal = exports.Tabs = exports.Input = exports.Button = void 0;
 var button_1 = require("./button");
@@ -48,1 +48,3 @@ Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
 Object.defineProperty(exports, "CommentButton", { enumerable: true, get: function () { return comment_button_1.CommentButton; } });
+var toggle_1 = require("./toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });

dist/cjs/components/like-button/like-button.js

@@ -45,6 +45,6 @@ "use strict";
 let timer;
-const LikeButton = ({ count, isAlreadyLiked, labels, onClick }) => {
+const LikeButton = ({ count, isAlreadyLiked, isDisabled = false, labels, onClick, }) => {
     const [isLiked, setIsLiked] = (0, react_1.useState)(isAlreadyLiked);
     const [label, setLabel] = (0, react_1.useState)(getLikesText(count, labels));
-    const [disabled, setDisabled] = (0, react_1.useState)(false);
+    const [disabled, setDisabled] = (0, react_1.useState)(isDisabled);
     (0, react_1.useEffect)(() => {
@@ -57,2 +57,3 @@ if (isLiked && !isAlreadyLiked) {
                 setDisabled(false);
+                onClick();
             }, 1500);
@@ -65,4 +66,10 @@ return () => {
         }
+        else if (!isLiked && isAlreadyLiked) {
+            onClick();
+        }
     }, [isLiked]);
     (0, react_1.useEffect)(() => {
+        setDisabled(isDisabled);
+    }, [isDisabled]);
+    (0, react_1.useEffect)(() => {
         setIsLiked(isAlreadyLiked);
@@ -74,3 +81,2 @@ setLabel(getLikesText(count, labels));
             setIsLiked(!isLiked);
-            onClick();
         }
@@ -77,0 +83,0 @@ };

dist/cjs/components/toggle/toggle.js

 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -30,6 +7,7 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.Toggle = void 0;
-const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Toggle = ({ label, isToggled, onClick, color, useToggledColor, icon, toggledIcon, hoveredIcon, disabled, }) => {
-    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const [isHovered, setIsHovered] = (0, react_2.useState)(false);
     const handleToggle = () => {
@@ -36,0 +14,0 @@ if (!disabled) {

dist/cjs/types/components/icons/index.d.ts

@@ -19,1 +19,2 @@ export { CheckIcon } from './check';
 export { ArrowIcon } from './arrow';
+export { UploadIcon } from './upload';

dist/cjs/types/components/index.d.ts

@@ -16,1 +16,2 @@ export { Button } from './button';
 export { CommentButton } from './comment-button';
+export { Toggle } from './toggle';

dist/cjs/types/components/like-button/like-button.d.ts

@@ -5,2 +5,3 @@ import React from 'react';
     isAlreadyLiked: boolean;
+    isDisabled?: boolean;
     labels: {
@@ -7,0 +8,0 @@ zero: string;

dist/esm/components/icons/index.js

@@ -19,1 +19,2 @@ export { CheckIcon } from './check';
 export { ArrowIcon } from './arrow';
+export { UploadIcon } from './upload';

dist/esm/components/index.js

@@ -16,1 +16,2 @@ export { Button } from './button';
 export { CommentButton } from './comment-button';
+export { Toggle } from './toggle';

dist/esm/components/like-button/like-button.js

@@ -1,2 +0,2 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Toggle } from '../toggle/toggle';
@@ -19,6 +19,6 @@ import { HeartIcon } from '../icons';
 let timer;
-export const LikeButton = ({ count, isAlreadyLiked, labels, onClick }) => {
+export const LikeButton = ({ count, isAlreadyLiked, isDisabled = false, labels, onClick, }) => {
     const [isLiked, setIsLiked] = useState(isAlreadyLiked);
     const [label, setLabel] = useState(getLikesText(count, labels));
-    const [disabled, setDisabled] = useState(false);
+    const [disabled, setDisabled] = useState(isDisabled);
     useEffect(() => {
@@ -31,2 +31,3 @@ if (isLiked && !isAlreadyLiked) {
                 setDisabled(false);
+                onClick();
             }, 1500);
@@ -39,4 +40,10 @@ return () => {
         }
+        else if (!isLiked && isAlreadyLiked) {
+            onClick();
+        }
     }, [isLiked]);
     useEffect(() => {
+        setDisabled(isDisabled);
+    }, [isDisabled]);
+    useEffect(() => {
         setIsLiked(isAlreadyLiked);
@@ -48,3 +55,2 @@ setLabel(getLikesText(count, labels));
             setIsLiked(!isLiked);
-            onClick();
         }
@@ -51,0 +57,0 @@ };

dist/esm/components/toggle/toggle.js

@@ -1,3 +0,4 @@
-import React, { useState } from 'react';
 import classnames from 'classnames';
+import React from 'react';
+import { useState } from 'react';
 export const Toggle = ({ label, isToggled, onClick, color, useToggledColor, icon, toggledIcon, hoveredIcon, disabled, }) => {
@@ -4,0 +5,0 @@ const [isHovered, setIsHovered] = useState(false);

dist/esm/types/components/icons/index.d.ts

@@ -19,1 +19,2 @@ export { CheckIcon } from './check';
 export { ArrowIcon } from './arrow';
+export { UploadIcon } from './upload';

dist/esm/types/components/index.d.ts

@@ -16,1 +16,2 @@ export { Button } from './button';
 export { CommentButton } from './comment-button';
+export { Toggle } from './toggle';

dist/esm/types/components/like-button/like-button.d.ts

@@ -5,2 +5,3 @@ import React from 'react';
     isAlreadyLiked: boolean;
+    isDisabled?: boolean;
     labels: {
@@ -7,0 +8,0 @@ zero: string;

package.json

 {
 	"name": "clada-storybook",
-	"version": "2.2.1",
+	"version": "2.3.0",
 	"private": false,
@@ -5,0 +5,0 @@ "exports": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

204874

increased by2.27%

Number of package files

218

increased by3.81%

Lines of code

2937

increased by1.73%

No dependency changes