@mrshmllw/smores-react 9.23.0-crumbs-support-function-row-action.1 → 9.23.0-crumbs-add-ref-to-support-props.1
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/SupportMessage/SupportMessage.d.ts +8 -2
- package/dist/SupportMessage/SupportMessage.js +4 -4
- package/dist/SupportMessage/SupportMessage.js.map +1 -1
- package/dist/Table/components/RowActions.js +3 -8
- package/dist/Table/components/RowActions.js.map +1 -1
- package/dist/Table/types.d.ts +1 -7
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { MouseEventHandler, ReactElement } from 'react';
|
|
2
2
|
import { MarginProps } from '../utils/space';
|
|
3
3
|
type SupportMessageType = 'info' | 'fallbackStyle' | 'alert' | 'warning' | 'success';
|
|
4
4
|
export type SupportMessageProps = {
|
|
@@ -8,5 +8,11 @@ export type SupportMessageProps = {
|
|
|
8
8
|
type: SupportMessageType;
|
|
9
9
|
title?: string;
|
|
10
10
|
} & MarginProps;
|
|
11
|
-
export declare const SupportMessage:
|
|
11
|
+
export declare const SupportMessage: React.ForwardRefExoticComponent<{
|
|
12
|
+
className?: string;
|
|
13
|
+
description: string | ReactElement;
|
|
14
|
+
onClick?: MouseEventHandler;
|
|
15
|
+
type: SupportMessageType;
|
|
16
|
+
title?: string;
|
|
17
|
+
} & MarginProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
18
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { darken } from 'polished';
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { Box } from '../Box';
|
|
5
5
|
import { Icon } from '../Icon';
|
|
@@ -38,8 +38,8 @@ const styles = {
|
|
|
38
38
|
icon: 'circle-tick',
|
|
39
39
|
},
|
|
40
40
|
};
|
|
41
|
-
export const SupportMessage = ({ className, description, onClick, type = 'info', title, ...marginProps })
|
|
42
|
-
return (React.createElement(Wrapper, { className: className, "$type": type, onClick: onClick, ...marginProps },
|
|
41
|
+
export const SupportMessage = forwardRef(function SupportMessage({ className, description, onClick, type = 'info', title, ...marginProps }, ref) {
|
|
42
|
+
return (React.createElement(Wrapper, { ref: ref, className: className, "$type": type, onClick: onClick, ...marginProps },
|
|
43
43
|
React.createElement(IconWrapper, null,
|
|
44
44
|
React.createElement(Icon, { size: 20, render: styles[type].icon, color: styles[type].iconColor })),
|
|
45
45
|
React.createElement(Box, { flex: true, direction: "column", mx: "8px" },
|
|
@@ -47,7 +47,7 @@ export const SupportMessage = ({ className, description, onClick, type = 'info',
|
|
|
47
47
|
isReactElement(description) ? (React.createElement(DescriptionBox, null, description)) : (React.createElement(Description, { tag: "p" }, description))),
|
|
48
48
|
onClick && (React.createElement(Box, { ml: { custom: 'auto' } },
|
|
49
49
|
React.createElement(Icon, { size: 16, render: "caret", color: "marzipan", rotate: 270 })))));
|
|
50
|
-
};
|
|
50
|
+
});
|
|
51
51
|
const IconWrapper = styled(Box) `
|
|
52
52
|
align-self: flex-start;
|
|
53
53
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportMessage.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"SupportMessage.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,13 +16,9 @@ export const RowActions = ({ rowData, rowActions, expandable, isExpanded, toggle
|
|
|
16
16
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-end" },
|
|
17
17
|
rowActions &&
|
|
18
18
|
rowActions.actions?.map((action, actionIndex) => {
|
|
19
|
-
if (action instanceof Function) {
|
|
20
|
-
return action(rowData);
|
|
21
|
-
}
|
|
22
19
|
if (!action.showCondition || action.showCondition(rowData)) {
|
|
23
20
|
return (React.createElement(Wrapper, { flex: true, key: actionIndex },
|
|
24
|
-
|
|
25
|
-
isReactElement(action.element) &&
|
|
21
|
+
"element" in action && isReactElement(action.element) &&
|
|
26
22
|
React.cloneElement(action.element, {
|
|
27
23
|
onClick: async (e) => {
|
|
28
24
|
await handleAction(e, action.onClick);
|
|
@@ -30,11 +26,10 @@ export const RowActions = ({ rowData, rowActions, expandable, isExpanded, toggle
|
|
|
30
26
|
tabIndex: 0,
|
|
31
27
|
className: 'reactElementRowAction',
|
|
32
28
|
}),
|
|
33
|
-
!(
|
|
29
|
+
!("element" in action) && action.genericButton && (React.createElement(Button, { ...action.genericButton, handleClick: async (e) => {
|
|
34
30
|
await handleAction(e, action.onClick);
|
|
35
31
|
} }, action.genericButton.children)),
|
|
36
|
-
!(
|
|
37
|
-
action.iconButton &&
|
|
32
|
+
!("element" in action) && action.iconButton &&
|
|
38
33
|
(action.iconButton?.tooltipText ? (React.createElement(Tooltip, { content: action.iconButton.tooltipText, position: 'bottom', tooltipColor: 'bubblegum' },
|
|
39
34
|
React.createElement(IconStrict, { ...action.iconButton, handleClick: async (e) => {
|
|
40
35
|
await handleAction(e, action.onClick);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../src/Table/components/RowActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAmB,EAC3C,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAe,GACI,EAAE,EAAE;IACvB,MAAM,YAAY,GAAG,KAAK,EACxB,CAA4C,EAC5C,MAA4C,EAC5C,EAAE;QACF,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,MAAM,MAAM,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,mBACI,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,wBACnC,UAAU,EAAE,OAAO;QAEvC,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,UAAU;YACpD,UAAU;gBACT,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;oBAC9C,IAAI,
|
|
1
|
+
{"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../src/Table/components/RowActions.tsx"],"names":[],"mappings":"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"}
|
package/dist/Table/types.d.ts
CHANGED
|
@@ -27,13 +27,7 @@ export type BaseRowAction<T> = {
|
|
|
27
27
|
onClick: (rowData: T) => void;
|
|
28
28
|
showCondition?: (rowData: T) => boolean;
|
|
29
29
|
};
|
|
30
|
-
|
|
31
|
-
* A row action can be a button, an icon button, or a custom element.
|
|
32
|
-
* - If the action is a button or an icon button, the `onClick` function is required.
|
|
33
|
-
* - If the action is a custom element, the `element` prop is required.
|
|
34
|
-
* - If the action is a function, it will be called with the row data as an argument, return is expected to be a `ReactElement`.
|
|
35
|
-
*/
|
|
36
|
-
export type RowAction<T> = RowActionButtonDefault<T> | RowActionElementOverride<T> | ((rowData: T) => ReactElement);
|
|
30
|
+
export type RowAction<T> = RowActionButtonDefault<T> | RowActionElementOverride<T>;
|
|
37
31
|
export type RowActionButtonDefault<T> = {
|
|
38
32
|
iconButton?: Pick<IconStrictProps, 'size' | 'render' | 'iconColor' | 'backgroundColor' | 'id' | 'title'> & {
|
|
39
33
|
tooltipText?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mrshmllw/smores-react",
|
|
3
|
-
"version": "9.23.0-crumbs-
|
|
3
|
+
"version": "9.23.0-crumbs-add-ref-to-support-props.1",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
|
6
6
|
"keywords": [
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"semantic-release": "^24.1.2",
|
|
80
80
|
"storybook": "^8.0.4",
|
|
81
81
|
"styled-components": "^6.1.13",
|
|
82
|
-
"typescript": "^5.6.
|
|
82
|
+
"typescript": "^5.6.3",
|
|
83
83
|
"vite": "^5.4.8",
|
|
84
84
|
"vitest": "^2.1.2"
|
|
85
85
|
},
|