@laser-ui/components 0.2.2 → 0.3.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.3.0](https://github.com/laser-ui/laser-ui/compare/v0.2.2...v0.3.0) (2023-11-03)
+
+**Note:** Version bump only for package @laser-ui/components
+
 ## [0.2.2](https://github.com/laser-ui/laser-ui/compare/v0.2.1...v0.2.2) (2023-10-31)
 
 ### Bug Fixes

package/dropdown/Dropdown.js

@@ -267,10 +267,7 @@ function DropdownFC(props, ref) {
             triggerRef,
             popupRef,
             containerRefs: [],
-        }, onVisibleChange: (visible) => {
-            console.log(visible);
-            changeVisible(visible);
-        }, children: ({ renderTrigger, renderPopup }) => {
+        }, onVisibleChange: changeVisible, children: ({ renderTrigger, renderPopup }) => {
             const render = (el) => {
                 var _a, _b;
                 triggerId = (_a = el.props.id) !== null && _a !== void 0 ? _a : `${namespace}-dropdown-trigger-${uniqueId}`;

package/image/Image.js

@@ -9,15 +9,15 @@ import { CLASSES } from './vars';
 import { useComponentProps, useStyled } from '../hooks';
 import { mergeCS } from '../utils';
 export const Image = (props) => {
-    const _a = useComponentProps('Image', props), { styleOverrides, styleProvider, src, loading, error, actions, imgProps } = _a, restProps = __rest(_a, ["styleOverrides", "styleProvider", "src", "loading", "error", "actions", "imgProps"]);
+    const _a = useComponentProps('Image', props), { styleOverrides, styleProvider, loading, error, actions, imgProps } = _a, restProps = __rest(_a, ["styleOverrides", "styleProvider", "loading", "error", "actions", "imgProps"]);
     const styled = useStyled(CLASSES, { image: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.image }, styleOverrides);
     const forceUpdate = useForceUpdate();
     const dataRef = useRef({
         isLoading: true,
         isError: false,
     });
-    if (src !== dataRef.current.prevSrc) {
-        dataRef.current.prevSrc = src;
+    if (imgProps.src !== dataRef.current.prevSrc) {
+        dataRef.current.prevSrc = imgProps.src;
         dataRef.current.isLoading = true;
         dataRef.current.isError = false;
     }
@@ -27,7 +27,7 @@ export const Image = (props) => {
     }), { children: [dataRef.current.isLoading && checkNodeExist(loading) && loading, dataRef.current.isError && checkNodeExist(error) && error, actions && _jsx("div", Object.assign({}, styled('image__actions'), { children: Children.map(actions, (action) => action) })), _jsx("img", Object.assign({}, imgProps, mergeCS(styled('image__img'), {
                 className: imgProps === null || imgProps === void 0 ? void 0 : imgProps.className,
                 style: Object.assign(Object.assign({}, imgProps === null || imgProps === void 0 ? void 0 : imgProps.style), { display: (dataRef.current.isLoading && loading) || (dataRef.current.isError && error) ? 'none' : undefined }),
-            }), { src: src, onLoadStart: (e) => {
+            }), { onLoadStart: (e) => {
                     var _a;
                     // https://bugs.chromium.org/p/chromium/issues/detail?id=458851
                     (_a = imgProps === null || imgProps === void 0 ? void 0 : imgProps.onLoadStart) === null || _a === void 0 ? void 0 : _a.call(imgProps, e);

package/image/types.d.ts

@@ -3,11 +3,10 @@ import type { CLASSES, PREVIEW_CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};
 export interface ImageProps extends BaseProps<'image', typeof CLASSES>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    src: string;
+    imgProps: React.ImgHTMLAttributes<HTMLImageElement>;
     loading?: React.ReactNode;
     error?: React.ReactNode;
     actions?: React.ReactElement[];
-    imgProps?: React.ImgHTMLAttributes<HTMLImageElement>;
 }
 export interface ImageActionProps extends BaseProps<'image', typeof CLASSES>, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -26,8 +26,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@laser-ui/hooks": "0.2.2",
-    "@laser-ui/utils": "0.2.2",
+    "@laser-ui/hooks": "0.3.0",
+    "@laser-ui/utils": "0.3.0",
     "@material-design-icons/svg": "^0.14.12",
     "jss": "^10.10.0",
     "jss-preset-default": "^10.10.0",
@@ -45,5 +45,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "81e159d1e70c2b3191ce2dad33db867d7871d080"
+  "gitHead": "4fe0b462c868d1b30b645af80d9e9690f3cefb5c"
 }

package/root/dialog-service.js

@@ -7,7 +7,11 @@ export class DialogService {
             draft.push({
                 key: dialogKey,
                 type,
-                props: Object.assign(Object.assign({}, props), { visible: true, skipFirstTransition: false, afterVisibleChange: (visible) => {
+                props: Object.assign(Object.assign({}, props), { visible: true, skipFirstTransition: false, onClose: () => {
+                        var _a, _b;
+                        (_b = (_a = props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+                        DialogService.close(dialogKey);
+                    }, afterVisibleChange: (visible) => {
                         var _a, _b;
                         (_b = (_a = props).afterVisibleChange) === null || _b === void 0 ? void 0 : _b.call(_a, visible);
                         if (!visible) {