@laser-ui/components 0.1.6 → 0.2.1

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.1](https://github.com/laser-ui/laser-ui/compare/v0.2.0...v0.2.1) (2023-10-31)
+
+### Bug Fixes
+
+- use the same values used for the call to addEventListener() when calling removeEventListener() ([deaffc3](https://github.com/laser-ui/laser-ui/commit/deaffc31f60a956ef38085c135ded6ad7b7db2e6))
+
+# [0.2.0](https://github.com/laser-ui/laser-ui/compare/v0.1.6...v0.2.0) (2023-10-31)
+
+### Bug Fixes
+
+- **components:** `list` is optional in `Fab` ([8ee4ae2](https://github.com/laser-ui/laser-ui/commit/8ee4ae2dd032e4ad8ecd0a1e955489c52a335231))
+- **components:** remove Slides's radio value ([f8b07ea](https://github.com/laser-ui/laser-ui/commit/f8b07ea58131e125cd7bdaaa6221be82d32971b7))
+
 ## [0.1.6](https://github.com/laser-ui/laser-ui/compare/v0.1.5...v0.1.6) (2023-10-13)
 
 **Note:** Version bump only for package @laser-ui/components

package/card/Card.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import type { CardProps } from './types';
 import { CardAction } from './CardAction';
+import { CardActions } from './CardActions';
 import { CardContent } from './CardContent';
 import { CardHeader } from './CardHeader';
 export declare const Card: {
     (props: CardProps): JSX.Element | null;
     Header: typeof CardHeader;
     Content: typeof CardContent;
+    Actions: typeof CardActions;
     Action: typeof CardAction;
 };

package/card/Card.js

@@ -1,30 +1,24 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { isString } from 'lodash';
-import { Children } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CardAction } from './CardAction';
+import { CardActions } from './CardActions';
 import { CardContent } from './CardContent';
 import { CardHeader } from './CardHeader';
 import { CLASSES } from './vars';
 import { useComponentProps, useStyled } from '../hooks';
-import { Separator } from '../separator';
 import { mergeCS } from '../utils';
 export const Card = (props) => {
-    const _a = useComponentProps('Card', props), { children, styleOverrides, styleProvider, shadow = false, header: headerProp, actions } = _a, restProps = __rest(_a, ["children", "styleOverrides", "styleProvider", "shadow", "header", "actions"]);
+    const _a = useComponentProps('Card', props), { children, styleOverrides, styleProvider, shadow = false } = _a, restProps = __rest(_a, ["children", "styleOverrides", "styleProvider", "shadow"]);
     const styled = useStyled(CLASSES, { card: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.card }, styleOverrides);
-    const headerNode = (() => {
-        if (headerProp) {
-            return isString(headerProp) ? _jsx(CardHeader, { children: headerProp }) : headerProp;
-        }
-    })();
-    return (_jsxs("div", Object.assign({}, restProps, mergeCS(styled('card', {
+    return (_jsx("div", Object.assign({}, restProps, mergeCS(styled('card', {
         'card--shadow': shadow === true,
         'card--shadow-hover': shadow === 'hover',
     }), {
         className: restProps.className,
         style: restProps.style,
-    }), { children: [headerNode, children, actions && (_jsx("div", Object.assign({}, styled('card__actions'), { children: Children.map(actions, (action, index) => (_jsxs(_Fragment, { children: [action, index !== actions.length - 1 && _jsx(Separator, { style: { margin: 8 }, vertical: true })] }))) })))] })));
+    }), { children: children })));
 };
 Card.Header = CardHeader;
 Card.Content = CardContent;
+Card.Actions = CardActions;
 Card.Action = CardAction;

package/card/CardActions.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { CardActionsProps } from './types';
+export declare function CardActions(props: CardActionsProps): JSX.Element | null;

package/card/CardActions.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { CLASSES } from './vars';
+import { useComponentProps, useStyled } from '../hooks';
+import { Separator } from '../separator';
+import { mergeCS } from '../utils';
+export function CardActions(props) {
+    const _a = useComponentProps('CardActions', props), { styleOverrides, styleProvider, actions } = _a, restProps = __rest(_a, ["styleOverrides", "styleProvider", "actions"]);
+    const styled = useStyled(CLASSES, { card: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.card }, styleOverrides);
+    return (_jsx("div", Object.assign({}, restProps, mergeCS(styled('card__actions'), {
+        className: restProps.className,
+        style: restProps.style,
+    }), { children: Children.map(actions, (action, index) => (_jsxs(_Fragment, { children: [action, index !== actions.length - 1 && _jsx(Separator, { style: { margin: 8 }, vertical: true })] }))) })));
+}

package/card/index.d.ts

@@ -1,2 +1,2 @@
-export type { CardProps, CardHeaderProps, CardContentProps, CardActionProps } from './types';
+export type { CardProps, CardHeaderProps, CardContentProps, CardActionsProps, CardActionProps } from './types';
 export { Card } from './Card';

package/card/types.d.ts

@@ -4,14 +4,15 @@ import type { BaseProps } from '../types';
 export {};
 export interface CardProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
     shadow?: boolean | 'hover';
-    header?: React.ReactElement | string;
-    actions?: React.ReactNode[];
 }
 export interface CardHeaderProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
     action?: React.ReactNode;
 }
 export interface CardContentProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
 }
+export interface CardActionsProps extends BaseProps<'card', typeof CLASSES>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    actions: React.ReactNode[];
+}
 export interface CardActionProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
 }

package/context/props.d.ts

@@ -6,7 +6,7 @@ import type { AvatarProps } from '../avatar';
 import type { BadgeProps, BadgeTextProps } from '../badge';
 import type { BreadcrumbProps } from '../breadcrumb';
 import type { ButtonProps } from '../button';
-import type { CardActionProps, CardContentProps, CardHeaderProps, CardProps } from '../card';
+import type { CardActionProps, CardActionsProps, CardContentProps, CardHeaderProps, CardProps } from '../card';
 import type { CascaderProps } from '../cascader';
 import type { CheckboxGroupProps, CheckboxProps } from '../checkbox';
 import type { ComposeItemProps, ComposeProps } from '../compose';
@@ -61,6 +61,7 @@ export interface ComponentProps {
     Card: CardProps;
     CardHeader: CardHeaderProps;
     CardContent: CardContentProps;
+    CardActions: CardActionsProps;
     CardAction: CardActionProps;
     Cascader: CascaderProps<any, any>;
     Checkbox: CheckboxProps;

package/dropdown/Dropdown.js

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

package/fab/types.d.ts

@@ -7,7 +7,7 @@ export interface FabProps extends BaseProps<'fab', typeof CLASSES>, Omit<React.H
     children: React.ReactElement;
     expand?: boolean;
     defaultExpand?: boolean;
-    list: {
+    list?: {
         placement: 'top' | 'right' | 'bottom' | 'left';
         actions: React.ReactElement[];
     }[];

package/internal/popup/Popup.js

@@ -54,7 +54,7 @@ export function Popup(props) {
             });
             return () => {
                 els.forEach((el) => {
-                    el.removeEventListener('scroll', listener);
+                    el.removeEventListener('scroll', listener, { passive: true });
                 });
             };
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "0.1.6",
+  "version": "0.2.1",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -26,8 +26,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@laser-ui/hooks": "0.1.6",
-    "@laser-ui/utils": "0.1.6",
+    "@laser-ui/hooks": "0.2.1",
+    "@laser-ui/utils": "0.2.1",
     "@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": "da66a982fe29f71012ff6d0141ee90366da93ad2"
+  "gitHead": "c35ed7268d14adc58d9f0df122d424526655cd97"
 }

package/slides/Slides.js

@@ -270,7 +270,7 @@ export function Slides(props) {
                         'slides__pagination-radio--next-2': pagination.dynamic && index - activeIndex === 2,
                     }), {
                         style: { [vertical ? 'top' : 'left']: pagination.dynamic ? 40 - 8 - 16 * activeIndex : undefined },
-                    }), { key: slide.id, type: "radio", value: slide.id, checked: checked, name: uniqueId, title: slide.tooltip, "aria-checked": checked, "aria-controls": viewId, onChange: () => {
+                    }), { key: slide.id, type: "radio", checked: checked, name: uniqueId, title: slide.tooltip, "aria-checked": checked, "aria-controls": viewId, onChange: () => {
                             changeActive(slide.id);
                         } })));
                 }) })))] })));