@darajs/ui-notifications 1.0.0 → 1.0.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.
@@ -4,9 +4,11 @@ import { NotificationPayload } from './notification-payload';
4
4
  /**
5
5
  * The main notification context, it exposes a stream of notifications to anything wanting to consume them as well as a
6
6
  * generic push method for sending a new one
7
+ * Additionally, it exposes a callback for when the notification is too small and more details are needed and clicked
7
8
  */
8
9
  export declare const NotificationContext: React.Context<{
9
10
  notifications$: Subject<NotificationPayload>;
11
+ onMoreDetailsClick: any;
10
12
  push: (notification: NotificationPayload) => void;
11
13
  }>;
12
14
  interface NotificationWrapperProps {
@@ -1 +1 @@
1
- {"version":3,"file":"notification-wrapper.d.ts","sourceRoot":"","sources":["../src/notification-wrapper.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAO/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA2B7D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;yBAEP,mBAAmB;EAC1C,CAAC;AAIH,UAAU,wBAAwB;IAC9B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;GAKG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAwCzE;AAED,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"notification-wrapper.d.ts","sourceRoot":"","sources":["../src/notification-wrapper.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAO/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA4B7D;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;yBAGP,mBAAmB;EAC1C,CAAC;AAIH,UAAU,wBAAwB;IAC9B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;GAKG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA6CzE;AAED,eAAe,mBAAmB,CAAC"}
@@ -43,9 +43,11 @@ const baseNotifications$ = new Subject();
43
43
  /**
44
44
  * The main notification context, it exposes a stream of notifications to anything wanting to consume them as well as a
45
45
  * generic push method for sending a new one
46
+ * Additionally, it exposes a callback for when the notification is too small and more details are needed and clicked
46
47
  */
47
48
  export const NotificationContext = React.createContext({
48
49
  notifications$: baseNotifications$,
50
+ onMoreDetailsClick: null,
49
51
  push: (notification) => baseNotifications$.next(notification),
50
52
  });
51
53
  const EXPIRY = 9900; // Set to just below 10s so notifications close before polling occurs
@@ -58,7 +60,7 @@ const EXPIRY = 9900; // Set to just below 10s so notifications close before poll
58
60
  function NotificationWrapper(props) {
59
61
  const [notifications, setNotifications] = useState([]);
60
62
  const wrapSub = useSubscription();
61
- const { notifications$ } = useContext(NotificationContext);
63
+ const { notifications$, onMoreDetailsClick } = useContext(NotificationContext);
62
64
  // Subscribe to the notifications stream and add them to the list of notifications to render
63
65
  useEffect(() => {
64
66
  if (notifications$) {
@@ -80,7 +82,7 @@ function NotificationWrapper(props) {
80
82
  const onDismiss = useCallback((key) => {
81
83
  setNotifications((prev) => prev.filter((notification) => notification.key !== key));
82
84
  }, []);
83
- return (_jsx(Container, { style: props.style, children: notifications.map((notification) => (_jsx(Notification, { notification: notification, onDismiss: onDismiss }, notification.key))) }));
85
+ return (_jsx(Container, { style: props.style, children: notifications.map((notification) => (_jsx(Notification, { notification: notification, onDismiss: onDismiss, onMoreDetailsClick: onMoreDetailsClick }, notification.key))) }));
84
86
  }
85
87
  export default NotificationWrapper;
86
88
  //# sourceMappingURL=notification-wrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"notification-wrapper.js","sourceRoot":"","sources":["../src/notification-wrapper.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"notification-wrapper.js","sourceRoot":"","sources":["../src/notification-wrapper.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,12 @@
1
+ /// <reference types="react" />
1
2
  import { NotificationPayload } from './notification-payload';
2
3
  export interface NotificationProps {
3
4
  /** The notification to render */
4
5
  notification: NotificationPayload;
5
6
  /** Handler to trigger the dismissal of the notification */
6
7
  onDismiss: (key: string) => void | Promise<void>;
8
+ /** Optional handler to trigger when the more details button is clicked */
9
+ onMoreDetailsClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, notification: NotificationPayload) => void;
7
10
  }
8
11
  /**
9
12
  * Simple display component for a notification, will pick up the status, title and message and display them. Also
@@ -1 +1 @@
1
- {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../src/notification.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA0F7D,MAAM,WAAW,iBAAiB;IAC9B,iCAAiC;IACjC,YAAY,EAAE,mBAAmB,CAAC;IAClC,2DAA2D;IAC3D,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAe3D;AAED,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../src/notification.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA2G7D,MAAM,WAAW,iBAAiB;IAC9B,iCAAiC;IACjC,YAAY,EAAE,mBAAmB,CAAC;IAClC,2DAA2D;IAC3D,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,CACjB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAClD,YAAY,EAAE,mBAAmB,KAChC,IAAI,CAAC;CACb;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAuB3D;AAED,eAAe,YAAY,CAAC"}
@@ -16,7 +16,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
16
  * limitations under the License.
17
17
  */
18
18
  import { mix } from 'polished';
19
- import styled from '@darajs/styled-components';
19
+ import styled, { theme } from '@darajs/styled-components';
20
20
  import { CircleCheck, CircleInfo, CircleXmark, Cross, TriangleExclamation } from '@darajs/ui-icons';
21
21
  import { Status, getStatusColor } from '@darajs/ui-utils';
22
22
  const NotificationWrapper = styled.div `
@@ -64,9 +64,10 @@ const Body = styled.span `
64
64
 
65
65
  font-weight: 400;
66
66
  text-overflow: ellipsis;
67
+ line-height: 1.25rem;
67
68
 
68
69
  -webkit-box-orient: vertical;
69
- -webkit-line-clamp: 2;
70
+ -webkit-line-clamp: ${(props) => (props.moreDetailsShown ? 1 : 2)};
70
71
  `;
71
72
  const Icon = styled.div `
72
73
  display: flex;
@@ -77,6 +78,17 @@ const Icon = styled.div `
77
78
  color: ${(props) => getStatusColor(props.status, props.theme.colors)};
78
79
  }
79
80
  `;
81
+ const MoreDetailsButton = styled.button `
82
+ color: ${() => theme.colors.grey4};
83
+ border: none;
84
+ background: transparent;
85
+ cursor: pointer;
86
+ display: flex;
87
+ padding-left: 0;
88
+ :hover {
89
+ text-decoration: underline;
90
+ }
91
+ `;
80
92
  const CloseBtn = styled(Cross) `
81
93
  height: 1.2rem;
82
94
  color: ${(props) => getStatusColor(props.status, props.theme.colors)};
@@ -97,7 +109,9 @@ function getIcon(status) {
97
109
  * @param props the component props
98
110
  */
99
111
  function Notification(props) {
100
- return (_jsxs(NotificationWrapper, { hasTitle: !!props.notification.title, status: props.notification.status, children: [_jsx(Icon, { status: props.notification.status, children: getIcon(props.notification.status) }), _jsxs(Message, { children: [_jsx(Heading, { children: props.notification.title }), _jsx(Body, { children: props.notification.message })] }), _jsx(CloseBtn, { asButton: true, onClick: () => props.onDismiss(props.notification.key), status: props.notification.status })] }));
112
+ const isOverflowing = props.notification.message.length > 30;
113
+ const showMoreDetails = props.onMoreDetailsClick && isOverflowing;
114
+ return (_jsxs(NotificationWrapper, { hasTitle: !!props.notification.title, status: props.notification.status, children: [_jsx(Icon, { status: props.notification.status, children: getIcon(props.notification.status) }), _jsxs(Message, { children: [_jsx(Heading, { children: props.notification.title }), _jsx(Body, { moreDetailsShown: showMoreDetails, children: props.notification.message }), showMoreDetails && (_jsx(MoreDetailsButton, { onClick: (e) => props.onMoreDetailsClick(e, props.notification), type: "button", children: "Details >" }))] }), _jsx(CloseBtn, { asButton: true, onClick: () => props.onDismiss(props.notification.key), status: props.notification.status })] }));
101
115
  }
102
116
  export default Notification;
103
117
  //# sourceMappingURL=notification.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"notification.js","sourceRoot":"","sources":["../src/notification.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"notification.js","sourceRoot":"","sources":["../src/notification.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@darajs/ui-notifications",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Notification system for the Dara UI Framework",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -18,9 +18,9 @@
18
18
  "license": "Apache-2.0",
19
19
  "prettier": "@darajs/prettier-config",
20
20
  "devDependencies": {
21
- "@darajs/eslint-config": "^1.0.0",
22
- "@darajs/prettier-config": "^1.0.0",
23
- "@darajs/stylelint-config": "^1.0.0",
21
+ "@darajs/eslint-config": "^1.0.1",
22
+ "@darajs/prettier-config": "^1.0.1",
23
+ "@darajs/stylelint-config": "^1.0.1",
24
24
  "@storybook/addon-a11y": "^6.5.16",
25
25
  "@storybook/addon-actions": "^6.5.16",
26
26
  "@storybook/addon-essentials": "^6.5.16",
@@ -45,9 +45,9 @@
45
45
  "typescript": "^5.0.4"
46
46
  },
47
47
  "dependencies": {
48
- "@darajs/styled-components": "^1.0.0",
49
- "@darajs/ui-icons": "^1.0.0",
50
- "@darajs/ui-utils": "^1.0.0",
48
+ "@darajs/styled-components": "^1.0.1",
49
+ "@darajs/ui-icons": "^1.0.1",
50
+ "@darajs/ui-utils": "^1.0.1",
51
51
  "lodash": "4.17.21",
52
52
  "polished": "^4.1.1",
53
53
  "react": "^18.0",
@@ -59,5 +59,5 @@
59
59
  "publishConfig": {
60
60
  "access": "public"
61
61
  },
62
- "gitHead": "05ad550a4dd61828edf6da2607ee969430f38d31"
62
+ "gitHead": "7358190a0b35ff86a4304c0843d0c2e606e6cddc"
63
63
  }