storybook-addon-playwright 4.17.1 → 4.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/action-set-panel/ActionSetMain.js +19 -2
- package/dist/components/action-set-panel/ActionSetMain.js.map +1 -1
- package/dist/components/action-set-panel/ActionSetToolbar.d.ts +2 -0
- package/dist/components/action-set-panel/ActionSetToolbar.js +2 -1
- package/dist/components/action-set-panel/ActionSetToolbar.js.map +1 -1
- package/dist/components/common/DeleteConfirmationButton.d.ts +1 -0
- package/dist/components/common/DeleteConfirmationButton.js +3 -3
- package/dist/components/common/DeleteConfirmationButton.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,12 +11,14 @@ const ActionSetList_1 = require("./ActionSetList");
|
|
|
11
11
|
const hooks_1 = require("../../hooks");
|
|
12
12
|
const api_1 = require("@storybook/api");
|
|
13
13
|
const FavouriteActions_1 = require("./FavouriteActions");
|
|
14
|
+
const client_1 = require("../../api/client");
|
|
14
15
|
const ActionSetMain = () => {
|
|
15
16
|
const [showDescDialog, setShowDescDialog] = (0, react_1.useState)(false);
|
|
16
17
|
const [addToFavouriteAnchor, setAddToFavouriteAnchor] = (0, react_1.useState)();
|
|
17
18
|
const { storyId } = (0, api_1.useStorybookState)();
|
|
19
|
+
const storyData = (0, hooks_1.useCurrentStoryData)();
|
|
18
20
|
const dispatch = (0, store_1.useActionDispatchContext)();
|
|
19
|
-
(0, hooks_1.useCurrentActions)(storyId);
|
|
21
|
+
const { currentActions } = (0, hooks_1.useCurrentActions)(storyId);
|
|
20
22
|
const toggleDescriptionDialog = (0, react_1.useCallback)(() => {
|
|
21
23
|
setShowDescDialog(!showDescDialog);
|
|
22
24
|
}, [showDescDialog]);
|
|
@@ -49,6 +51,21 @@ const ActionSetMain = () => {
|
|
|
49
51
|
type: 'deleteTempActionSets',
|
|
50
52
|
});
|
|
51
53
|
}, [dispatch, storyId]);
|
|
54
|
+
const handleDeleteSelectedActionSets = (0, react_1.useCallback)(() => {
|
|
55
|
+
currentActions.forEach((action) => {
|
|
56
|
+
(0, client_1.deleteActionSet)({
|
|
57
|
+
actionSetId: action.id,
|
|
58
|
+
fileName: storyData.parameters.fileName,
|
|
59
|
+
storyId: storyId,
|
|
60
|
+
}).then(() => {
|
|
61
|
+
dispatch({
|
|
62
|
+
actionSetId: action.id,
|
|
63
|
+
storyId,
|
|
64
|
+
type: 'deleteActionSet',
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
}, [currentActions, dispatch, storyData, storyId]);
|
|
52
69
|
(0, react_1.useEffect)(() => {
|
|
53
70
|
dispatch({ type: 'clearCurrentActionSets' });
|
|
54
71
|
}, [dispatch, storyId]);
|
|
@@ -67,7 +84,7 @@ const ActionSetMain = () => {
|
|
|
67
84
|
setAddToFavouriteAnchor(null);
|
|
68
85
|
}, []);
|
|
69
86
|
return (react_1.default.createElement("div", { style: { height: 'calc(100% - 55px)', transform: 'none' } },
|
|
70
|
-
react_1.default.createElement(ActionSetToolbar_1.ActionToolbar, { onAddActionSet: toggleDescriptionDialog, onReset: handleReset, onFavoriteActionsClick: onFavoriteActionsClick }),
|
|
87
|
+
react_1.default.createElement(ActionSetToolbar_1.ActionToolbar, { onAddActionSet: toggleDescriptionDialog, onReset: handleReset, onFavoriteActionsClick: onFavoriteActionsClick, onDeleteSelectedActionSets: handleDeleteSelectedActionSets, deleteDisabled: currentActions.length === 0 }),
|
|
71
88
|
react_1.default.createElement(ActionSetList_1.ActionSetList, { onSortEnd: handleSortEnd, useDragHandle: true }),
|
|
72
89
|
react_1.default.createElement(common_1.InputDialog, { onClose: toggleDescriptionDialog, title: "Action set title", open: showDescDialog, onSave: createNewActionSet, required: true }),
|
|
73
90
|
react_1.default.createElement(FavouriteActions_1.FavouriteActions, { anchorEl: addToFavouriteAnchor, onClose: onFavoriteActionsClose })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionSetMain.js","sourceRoot":"","sources":["../../../src/components/action-set-panel/ActionSetMain.tsx"],"names":[],"mappings":";;;;AAAA,uDAAgE;AAChE,yDAAmD;AACnD,sCAAwC;AACxC,uCAAuD;AACvD,mCAAgC;AAChC,mDAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"ActionSetMain.js","sourceRoot":"","sources":["../../../src/components/action-set-panel/ActionSetMain.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,8 @@ export interface ActionToolbarProps {
|
|
|
3
3
|
onAddActionSet: () => void;
|
|
4
4
|
onReset: () => void;
|
|
5
5
|
onFavoriteActionsClick: (e: any) => void;
|
|
6
|
+
onDeleteSelectedActionSets: () => void;
|
|
7
|
+
deleteDisabled?: boolean;
|
|
6
8
|
}
|
|
7
9
|
declare const ActionToolbar: React.FC<ActionToolbarProps>;
|
|
8
10
|
export { ActionToolbar };
|
|
@@ -9,7 +9,7 @@ const Restore_1 = tslib_1.__importDefault(require("@material-ui/icons/Restore"))
|
|
|
9
9
|
const Star_1 = tslib_1.__importDefault(require("@material-ui/icons/Star"));
|
|
10
10
|
const common_1 = require("../common");
|
|
11
11
|
const ActionToolbar = (props) => {
|
|
12
|
-
const { onAddActionSet, onReset, onFavoriteActionsClick } = props;
|
|
12
|
+
const { onAddActionSet, onReset, onFavoriteActionsClick, onDeleteSelectedActionSets, deleteDisabled, } = props;
|
|
13
13
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
14
14
|
react_1.default.createElement(common_1.Toolbar, { border: ['bottom'] },
|
|
15
15
|
react_1.default.createElement("div", { className: "left" },
|
|
@@ -19,6 +19,7 @@ const ActionToolbar = (props) => {
|
|
|
19
19
|
react_1.default.createElement(Star_1.default, null)),
|
|
20
20
|
react_1.default.createElement(components_1.IconButton, { onClick: onReset, title: "Reset" },
|
|
21
21
|
react_1.default.createElement(Restore_1.default, null)),
|
|
22
|
+
react_1.default.createElement(common_1.DeleteConfirmationButton, { disabled: deleteDisabled, onDelete: onDeleteSelectedActionSets, IconButton: components_1.IconButton }),
|
|
22
23
|
react_1.default.createElement(components_1.IconButton, { onClick: onAddActionSet, title: "Add Action Set" },
|
|
23
24
|
react_1.default.createElement(AddSharp_1.default, null))))));
|
|
24
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionSetToolbar.js","sourceRoot":"","sources":["../../../src/components/action-set-panel/ActionSetToolbar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sDAAmD;AACnD,mFAAkD;AAClD,iFAAqD;AACrD,2EAA+C;
|
|
1
|
+
{"version":3,"file":"ActionSetToolbar.js","sourceRoot":"","sources":["../../../src/components/action-set-panel/ActionSetToolbar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sDAAmD;AACnD,mFAAkD;AAClD,iFAAqD;AACrD,2EAA+C;AAE/C,sCAA8D;AAW9D,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EACJ,cAAc,EACd,OAAO,EACP,sBAAsB,EACtB,0BAA0B,EAC1B,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,OAAO,CACL;QACE,8BAAC,gBAAO,IAAC,MAAM,EAAE,CAAC,QAAQ,CAAC;YACzB,uCAAK,SAAS,EAAC,MAAM;gBACnB,0DAAwB,CACpB;YACN,uCAAK,SAAS,EAAC,OAAO;gBACpB,8BAAC,uBAAU,IACT,OAAO,EAAE,sBAAsB,EAC/B,KAAK,EAAC,mBAAmB;oBAEzB,8BAAC,cAAQ,OAAG,CACD;gBACb,8BAAC,uBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,OAAO;oBACzC,8BAAC,iBAAW,OAAG,CACJ;gBAEb,8BAAC,iCAAwB,IACvB,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,0BAA0B,EACpC,UAAU,EAAE,uBAAU,GACtB;gBAEF,8BAAC,uBAAU,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,gBAAgB;oBACzD,8BAAC,kBAAO,OAAG,CACA,CACT,CACE,CACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAIO,sCAAa;AAFtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -3,6 +3,7 @@ export interface DeleteConfirmationButtonProps {
|
|
|
3
3
|
onDelete: () => void;
|
|
4
4
|
IconButton?: React.ComponentType;
|
|
5
5
|
onClose?: () => void;
|
|
6
|
+
disabled?: boolean;
|
|
6
7
|
}
|
|
7
8
|
declare const DeleteConfirmationButton: React.FC<DeleteConfirmationButtonProps>;
|
|
8
9
|
export { DeleteConfirmationButton };
|
|
@@ -6,8 +6,8 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const core_1 = require("@material-ui/core");
|
|
7
7
|
const DeleteOutlineSharp_1 = tslib_1.__importDefault(require("@material-ui/icons/DeleteOutlineSharp"));
|
|
8
8
|
const common_1 = require("../common");
|
|
9
|
-
const DeleteConfirmationButton = ({ onDelete, IconButton = core_1.IconButton, onClose, }) => {
|
|
10
|
-
const [confirmAnchorEl, setConfirmAnchorEl
|
|
9
|
+
const DeleteConfirmationButton = ({ onDelete, IconButton = core_1.IconButton, onClose, disabled, }) => {
|
|
10
|
+
const [confirmAnchorEl, setConfirmAnchorEl] = react_1.default.useState(null);
|
|
11
11
|
const handleDelete = (0, react_1.useCallback)((e) => {
|
|
12
12
|
e.stopPropagation();
|
|
13
13
|
setConfirmAnchorEl(e.currentTarget);
|
|
@@ -22,7 +22,7 @@ const DeleteConfirmationButton = ({ onDelete, IconButton = core_1.IconButton, on
|
|
|
22
22
|
onDelete();
|
|
23
23
|
}, [closeDeleteConfirmation, onDelete]);
|
|
24
24
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
25
|
-
react_1.default.createElement(IconButton, { onClick: handleDelete, title: "Delete Item", size: "small" },
|
|
25
|
+
react_1.default.createElement(IconButton, { disabled: disabled, onClick: handleDelete, title: "Delete Item", size: "small" },
|
|
26
26
|
react_1.default.createElement(DeleteOutlineSharp_1.default, null)),
|
|
27
27
|
confirmAnchorEl && (react_1.default.createElement(common_1.ConfirmationPopover, { onClose: closeDeleteConfirmation, onConfirm: handleDeleteConfirmation, anchorEl: confirmAnchorEl }))));
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteConfirmationButton.js","sourceRoot":"","sources":["../../../src/components/common/DeleteConfirmationButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAA2C;AAC3C,4CAA+D;AAC/D,uGAA+D;AAC/D,sCAAgD;
|
|
1
|
+
{"version":3,"file":"DeleteConfirmationButton.js","sourceRoot":"","sources":["../../../src/components/common/DeleteConfirmationButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAA2C;AAC3C,4CAA+D;AAC/D,uGAA+D;AAC/D,sCAAgD;AAShD,MAAM,wBAAwB,GAA4C,CAAC,EACzE,QAAQ,EACR,UAAU,GAAG,iBAAY,EACzB,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GACzC,eAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAkD,EAAE,EAAE;QACrD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/C,IAAI,OAAO;YAAE,OAAO,EAAE,CAAC;QACvB,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChD,uBAAuB,EAAE,CAAC;QAC1B,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExC,OAAO,CACL;QACE,8BAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,OAAO;YAEZ,8BAAC,4BAAU,OAAG,CACH;QAEZ,eAAe,IAAI,CAClB,8BAAC,4BAAmB,IAClB,OAAO,EAAE,uBAAuB,EAChC,SAAS,EAAE,wBAAwB,EACnC,QAAQ,EAAE,eAAe,GACzB,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAIO,4DAAwB;AAFjC,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
|
package/package.json
CHANGED