From 1f5eaaeed9a81b4bca09e19f19ba59a91db7e5fa Mon Sep 17 00:00:00 2001 From: aswinshenoy Date: Mon, 4 Mar 2019 15:30:31 +0530 Subject: [PATCH 01/12] Add Scoped Notification Component --- .../__docs__/site-stories.js | 11 +++ .../__docs__/storybook-stories.jsx | 12 +++ .../scoped-notification/__examples__/dark.jsx | 25 +++++++ .../__examples__/light.jsx | 25 +++++++ components/scoped-notification/docs.json | 7 ++ components/scoped-notification/index.jsx | 74 +++++++++++++++++++ components/storybook-stories.js | 1 + utilities/constants.js | 1 + 8 files changed, 156 insertions(+) create mode 100644 components/scoped-notification/__docs__/site-stories.js create mode 100644 components/scoped-notification/__docs__/storybook-stories.jsx create mode 100644 components/scoped-notification/__examples__/dark.jsx create mode 100644 components/scoped-notification/__examples__/light.jsx create mode 100644 components/scoped-notification/docs.json create mode 100644 components/scoped-notification/index.jsx diff --git a/components/scoped-notification/__docs__/site-stories.js b/components/scoped-notification/__docs__/site-stories.js new file mode 100644 index 0000000000..f3758f8937 --- /dev/null +++ b/components/scoped-notification/__docs__/site-stories.js @@ -0,0 +1,11 @@ +// This object is imported into the documentation site. An example for the documentation site should be part of the pull request for the component. The object key is the kabob case of the "URL folder". In the case of `http://localhost:8080/components/app-launcher/`, `app-launcher` is the `key`. The folder name is created by `components.component` value in `package.json`. The following uses webpack's raw-loader plugin to get "text files" that will be eval()'d by CodeMirror within the documentation site on page load. + +/* eslint-env node */ +/* eslint-disable global-require */ + +const siteStories = [ + require('raw-loader!@salesforce/design-system-react/components/scoped-notification/__examples__/light.jsx'), + require('raw-loader!@salesforce/design-system-react/components/scoped-notification/__examples__/dark.jsx'), +]; + +module.exports = siteStories; diff --git a/components/scoped-notification/__docs__/storybook-stories.jsx b/components/scoped-notification/__docs__/storybook-stories.jsx new file mode 100644 index 0000000000..86b34a82a5 --- /dev/null +++ b/components/scoped-notification/__docs__/storybook-stories.jsx @@ -0,0 +1,12 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import { SCOPED_NOTIFICATION } from '../../../utilities/constants'; +import Light from '../__examples__/light'; +import Dark from '../__examples__/dark'; + +storiesOf(SCOPED_NOTIFICATION, module) + .addDecorator((getStory) => ( +
{getStory()}
+ )) + .add('Light', () => ) + .add('Dark', () => ); diff --git a/components/scoped-notification/__examples__/dark.jsx b/components/scoped-notification/__examples__/dark.jsx new file mode 100644 index 0000000000..84464c92cf --- /dev/null +++ b/components/scoped-notification/__examples__/dark.jsx @@ -0,0 +1,25 @@ +import React from 'react'; +import ScopedNotification from '~/components/scoped-notification'; + +class Example extends React.Component { + render() { + return ( +
+ +

+ It looks as if duplicates exist for this lead.{' '} + View Duplicates. +

+ +
+ ); + } +} +Example.displayName = 'ScopedNotificationLight'; + +export default Example; // export is replaced with `ReactDOM.render(, mountNode);` at runtime diff --git a/components/scoped-notification/__examples__/light.jsx b/components/scoped-notification/__examples__/light.jsx new file mode 100644 index 0000000000..941e2d2a12 --- /dev/null +++ b/components/scoped-notification/__examples__/light.jsx @@ -0,0 +1,25 @@ +import React from 'react'; +import ScopedNotification from '~/components/scoped-notification'; + +class Example extends React.Component { + render() { + return ( +
+ +

+ It looks as if duplicates exist for this lead.{' '} + View Duplicates. +

+ +
+ ); + } +} +Example.displayName = 'ScopedNotificationLight'; + +export default Example; // export is replaced with `ReactDOM.render(, mountNode);` at runtime diff --git a/components/scoped-notification/docs.json b/components/scoped-notification/docs.json new file mode 100644 index 0000000000..b4fe8f7bae --- /dev/null +++ b/components/scoped-notification/docs.json @@ -0,0 +1,7 @@ +{ + "component": "scoped-notification", + "status": "prod", + "display-name": "Scoped Notifications", + "SLDS-component-path": "/components/scoped-notification", + "url-slug": "scoped-notifications" +} diff --git a/components/scoped-notification/index.jsx b/components/scoped-notification/index.jsx new file mode 100644 index 0000000000..92b2105e53 --- /dev/null +++ b/components/scoped-notification/index.jsx @@ -0,0 +1,74 @@ +/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */ +/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */ + +// Implements the [Scoped Notification design pattern](https://lightningdesignsystem.com/components/scoped-notifications/) in React. +// Based on SLDS v2.4.5 +import IconSettings from '~/components/icon-settings'; +import Icon from '~/components/icon'; +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +import { SCOPED_NOTIFICATION } from '../../utilities/constants'; + +const propTypes = { + /** + * CSS classes to be added to tag with `.slds-scoped-notification`. Uses `classNames` [API](https://github.com/JedWatson/classnames). + */ + className: PropTypes.oneOfType([ + PropTypes.array, + PropTypes.object, + PropTypes.string, + ]), + /** + * Theme for the scoped notification + */ + theme: PropTypes.oneOf(['dark', 'light']), + /** + * Icon for the scoped notification + */ + icon: PropTypes.string.isRequired, +}; + +const defaultProps = { + theme: 'light', +}; + +/** + * A scoped notification component communicates to the user the progress of a particular process + */ +class ScopedNotification extends React.Component { + render() { + return ( +
+
+ + + +
+
{this.props.children}
+
+ ); + } +} + +ScopedNotification.displayName = SCOPED_NOTIFICATION; +ScopedNotification.propTypes = propTypes; +ScopedNotification.defaultProps = defaultProps; + +export default ScopedNotification; diff --git a/components/storybook-stories.js b/components/storybook-stories.js index e44eb197d3..1692704887 100644 --- a/components/storybook-stories.js +++ b/components/storybook-stories.js @@ -51,6 +51,7 @@ export Picklist from '../components/menu-picklist/__docs__/storybook-stories'; export RadioGroup from '../components/radio-group/__docs__/storybook-stories'; export Radio from '../components/radio/__docs__/storybook-stories'; export RadioButtonGroup from '../components/radio-button-group/__docs__/storybook-stories'; +export ScopedNotification from '../components/scoped-notification/__docs__/storybook-stories'; export Slider from '../components/slider/__docs__/storybook-stories'; export SplitView from '../components/split-view/__docs__/storybook-stories'; export Spinner from '../components/spinner/__docs__/storybook-stories'; diff --git a/utilities/constants.js b/utilities/constants.js index 4ed1442ea0..bd8f350f57 100644 --- a/utilities/constants.js +++ b/utilities/constants.js @@ -83,6 +83,7 @@ export const PROGRESS_INDICATOR = 'SLDSProgressIndicator'; export const PROGRESS_INDICATOR_PROGRESS = 'SLDSProgressIndicatorProgress'; export const PROGRESS_INDICATOR_STEP = 'SLDSProgressIndicatorStep'; export const PROGRESS_RING = 'SLDSProgressRing'; +export const SCOPED_NOTIFICATION = 'SLDSScopedNotification'; export const SLIDER = 'SLDSSlider'; export const SPINNER = 'SLDSSpinner'; export const SPLIT_VIEW = 'SLDSSplitView'; From a72a80dcccee8b4294ba0c91ca0f1b05c92ae839 Mon Sep 17 00:00:00 2001 From: Ashwin Shenoy Date: Mon, 4 Mar 2019 17:30:43 +0530 Subject: [PATCH 02/12] Correct Typo in Comment --- components/scoped-notification/index.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/scoped-notification/index.jsx b/components/scoped-notification/index.jsx index 92b2105e53..db2908e881 100644 --- a/components/scoped-notification/index.jsx +++ b/components/scoped-notification/index.jsx @@ -35,7 +35,7 @@ const defaultProps = { }; /** - * A scoped notification component communicates to the user the progress of a particular process + * A Scoped Notification Component serve advisory information for the user that is not important enough to justify an alert. */ class ScopedNotification extends React.Component { render() { From 450de849bc896e9687ee94dc853826bf4417b6a9 Mon Sep 17 00:00:00 2001 From: aswinshenoy Date: Mon, 18 Mar 2019 14:22:05 +0530 Subject: [PATCH 03/12] Update Prop Icon to Optional, with info as Default --- .../scoped-notification/__examples__/dark.jsx | 2 +- .../scoped-notification/__examples__/light.jsx | 2 +- components/scoped-notification/index.jsx | 3 ++- package.json | 14 ++++++++++++++ 4 files changed, 18 insertions(+), 3 deletions(-) diff --git a/components/scoped-notification/__examples__/dark.jsx b/components/scoped-notification/__examples__/dark.jsx index 84464c92cf..60d8153524 100644 --- a/components/scoped-notification/__examples__/dark.jsx +++ b/components/scoped-notification/__examples__/dark.jsx @@ -10,7 +10,7 @@ class Example extends React.Component { background: 'rgb(244, 246, 249)', }} > - +

It looks as if duplicates exist for this lead.{' '} View Duplicates. diff --git a/components/scoped-notification/__examples__/light.jsx b/components/scoped-notification/__examples__/light.jsx index 941e2d2a12..6a65128519 100644 --- a/components/scoped-notification/__examples__/light.jsx +++ b/components/scoped-notification/__examples__/light.jsx @@ -10,7 +10,7 @@ class Example extends React.Component { background: 'rgb(244, 246, 249)', }} > - +

It looks as if duplicates exist for this lead.{' '} View Duplicates. diff --git a/components/scoped-notification/index.jsx b/components/scoped-notification/index.jsx index 92b2105e53..9572cdf592 100644 --- a/components/scoped-notification/index.jsx +++ b/components/scoped-notification/index.jsx @@ -27,11 +27,12 @@ const propTypes = { /** * Icon for the scoped notification */ - icon: PropTypes.string.isRequired, + icon: PropTypes.string, }; const defaultProps = { theme: 'light', + icon: 'info' }; /** diff --git a/package.json b/package.json index 86f93eae15..6d3b67cfe2 100644 --- a/package.json +++ b/package.json @@ -561,6 +561,13 @@ "SLDS-component-path": "/components/page-headers", "url-slug": "page-headers" }, + { + "component": "progress-bar", + "status": "prod", + "display-name": "Progress Bars", + "SLDS-component-path": "/components/progress-bar", + "url-slug": "progress-bars" + }, { "component": "progress-indicator", "status": "prod", @@ -647,6 +654,13 @@ "SLDS-component-path": "/components/radio-button-group", "url-slug": "radio-button-groups" }, + { + "component": "scoped-notification", + "status": "prod", + "display-name": "Scoped Notifications", + "SLDS-component-path": "/components/scoped-notification", + "url-slug": "scoped-notifications" + }, { "component": "slider", "status": "prod", From 17e0af968fed24dad228cfe82e0f0966d78ea343 Mon Sep 17 00:00:00 2001 From: Ashwin Shenoy Date: Mon, 18 Mar 2019 14:26:03 +0530 Subject: [PATCH 04/12] Fix typo --- package.json | 7 ------- 1 file changed, 7 deletions(-) diff --git a/package.json b/package.json index 6d3b67cfe2..0b21de7d9e 100644 --- a/package.json +++ b/package.json @@ -561,13 +561,6 @@ "SLDS-component-path": "/components/page-headers", "url-slug": "page-headers" }, - { - "component": "progress-bar", - "status": "prod", - "display-name": "Progress Bars", - "SLDS-component-path": "/components/progress-bar", - "url-slug": "progress-bars" - }, { "component": "progress-indicator", "status": "prod", From a6f0059f5b2a7f38cc1297083826fa1671b90b2a Mon Sep 17 00:00:00 2001 From: aswinshenoy Date: Thu, 21 Mar 2019 17:33:59 +0530 Subject: [PATCH 05/12] Update with Review Suggestions --- .../scoped-notification/__examples__/dark.jsx | 19 ++++++------------- .../__examples__/light.jsx | 19 ++++++------------- components/scoped-notification/index.jsx | 13 ++++++++----- 3 files changed, 20 insertions(+), 31 deletions(-) diff --git a/components/scoped-notification/__examples__/dark.jsx b/components/scoped-notification/__examples__/dark.jsx index 60d8153524..0cb16bb6fd 100644 --- a/components/scoped-notification/__examples__/dark.jsx +++ b/components/scoped-notification/__examples__/dark.jsx @@ -4,19 +4,12 @@ import ScopedNotification from '~/components/scoped-notification'; class Example extends React.Component { render() { return ( -

- -

- It looks as if duplicates exist for this lead.{' '} - View Duplicates. -

- -
+ +

+ It looks as if duplicates exist for this lead.{' '} + View Duplicates. +

+ ); } } diff --git a/components/scoped-notification/__examples__/light.jsx b/components/scoped-notification/__examples__/light.jsx index 6a65128519..26e449cf48 100644 --- a/components/scoped-notification/__examples__/light.jsx +++ b/components/scoped-notification/__examples__/light.jsx @@ -4,19 +4,12 @@ import ScopedNotification from '~/components/scoped-notification'; class Example extends React.Component { render() { return ( -
- -

- It looks as if duplicates exist for this lead.{' '} - View Duplicates. -

- -
+ +

+ It looks as if duplicates exist for this lead.{' '} + View Duplicates. +

+ ); } } diff --git a/components/scoped-notification/index.jsx b/components/scoped-notification/index.jsx index 35e3015085..f275bcb2aa 100644 --- a/components/scoped-notification/index.jsx +++ b/components/scoped-notification/index.jsx @@ -3,12 +3,13 @@ // Implements the [Scoped Notification design pattern](https://lightningdesignsystem.com/components/scoped-notifications/) in React. // Based on SLDS v2.4.5 -import IconSettings from '~/components/icon-settings'; -import Icon from '~/components/icon'; import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; +import IconSettings from '../icon-settings'; +import Icon from '../icon'; + import { SCOPED_NOTIFICATION } from '../../utilities/constants'; const propTypes = { @@ -32,11 +33,11 @@ const propTypes = { const defaultProps = { theme: 'light', - icon: 'info' + icon: 'info', }; /** - * A Scoped Notification Component serve advisory information for the user that is not important enough to justify an alert. + * A Scoped Notification Component serve advisory information for the user that is not important enough to justify an alert. */ class ScopedNotification extends React.Component { render() { @@ -46,7 +47,9 @@ class ScopedNotification extends React.Component { `slds-scoped-notification`, `slds-media`, `slds-media_center`, - `slds-scoped-notification_${this.props.theme}`, + this.props.theme === 'light' + ? 'slds-scoped-notification_light' + : 'slds-scoped-notification_dark', this.props.className )} role="status" From 86f2abf37f6363d0530deb07e2262e6f045af7f4 Mon Sep 17 00:00:00 2001 From: Stephen James Date: Fri, 26 Apr 2019 01:48:51 -0600 Subject: [PATCH 06/12] Scoped Notifications: Move IconSettings, add iconName update icon to iconName since it is not an Icon component --- .../scoped-notification/__examples__/dark.jsx | 15 +++++++----- .../__examples__/light.jsx | 15 +++++++----- components/scoped-notification/index.jsx | 24 +++++++++---------- 3 files changed, 29 insertions(+), 25 deletions(-) diff --git a/components/scoped-notification/__examples__/dark.jsx b/components/scoped-notification/__examples__/dark.jsx index 60d8153524..882470737f 100644 --- a/components/scoped-notification/__examples__/dark.jsx +++ b/components/scoped-notification/__examples__/dark.jsx @@ -1,4 +1,5 @@ import React from 'react'; +import IconSettings from '~/components/icon-settings'; import ScopedNotification from '~/components/scoped-notification'; class Example extends React.Component { @@ -10,12 +11,14 @@ class Example extends React.Component { background: 'rgb(244, 246, 249)', }} > - -

- It looks as if duplicates exist for this lead.{' '} - View Duplicates. -

- + + +

+ It looks as if duplicates exist for this lead.{' '} + View Duplicates. +

+ + ); } diff --git a/components/scoped-notification/__examples__/light.jsx b/components/scoped-notification/__examples__/light.jsx index 6a65128519..aa9880c402 100644 --- a/components/scoped-notification/__examples__/light.jsx +++ b/components/scoped-notification/__examples__/light.jsx @@ -1,4 +1,5 @@ import React from 'react'; +import IconSettings from '~/components/icon-settings'; import ScopedNotification from '~/components/scoped-notification'; class Example extends React.Component { @@ -10,12 +11,14 @@ class Example extends React.Component { background: 'rgb(244, 246, 249)', }} > - -

- It looks as if duplicates exist for this lead.{' '} - View Duplicates. -

- + + +

+ It looks as if duplicates exist for this lead.{' '} + View Duplicates. +

+ + ); } diff --git a/components/scoped-notification/index.jsx b/components/scoped-notification/index.jsx index 35e3015085..905294d0e6 100644 --- a/components/scoped-notification/index.jsx +++ b/components/scoped-notification/index.jsx @@ -25,18 +25,18 @@ const propTypes = { */ theme: PropTypes.oneOf(['dark', 'light']), /** - * Icon for the scoped notification + * Icon for the scoped notification. This is currently limited to the utility set of icons. */ - icon: PropTypes.string, + iconName: PropTypes.string, }; const defaultProps = { theme: 'light', - icon: 'info' + iconName: 'info', }; /** - * A Scoped Notification Component serve advisory information for the user that is not important enough to justify an alert. + * A Scoped Notification Component serve advisory information for the user that is not important enough to justify an alert. */ class ScopedNotification extends React.Component { render() { @@ -52,15 +52,13 @@ class ScopedNotification extends React.Component { role="status" >
- - - +
{this.props.children}
From 7098b5cf9ac767d7589af15448bedb62569e0a8a Mon Sep 17 00:00:00 2001 From: Stephen James Date: Fri, 26 Apr 2019 01:55:37 -0600 Subject: [PATCH 07/12] ScopedNotification: Add snapshots --- .../__snapshots__/storybook-stories.storyshot | 99 ++++++++++++++++++ components/story-based-tests.js | 1 + ...s-slds-scoped-notification-dark-1-snap.png | Bin 0 -> 9320 bytes ...-slds-scoped-notification-light-1-snap.png | Bin 0 -> 9831 bytes 4 files changed, 100 insertions(+) create mode 100644 components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot create mode 100644 tests/__image_snapshots__/story-based-tests-snapshot-test-js-image-snapshots-image-storyshots-slds-scoped-notification-dark-1-snap.png create mode 100644 tests/__image_snapshots__/story-based-tests-snapshot-test-js-image-snapshots-image-storyshots-slds-scoped-notification-light-1-snap.png diff --git a/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot b/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot new file mode 100644 index 0000000000..18c4bbee19 --- /dev/null +++ b/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot @@ -0,0 +1,99 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`DOM snapshots SLDSScopedNotification Dark 1`] = ` +
+
+
+
+ + + + +
+
+

+ It looks as if duplicates exist for this lead. + + + View Duplicates. + +

+
+
+
+
+`; + +exports[`DOM snapshots SLDSScopedNotification Light 1`] = ` +
+
+
+
+ + + + +
+
+

+ It looks as if duplicates exist for this lead. + + + View Duplicates. + +

+
+
+
+
+`; diff --git a/components/story-based-tests.js b/components/story-based-tests.js index a6322b6cf0..a61a975bf8 100644 --- a/components/story-based-tests.js +++ b/components/story-based-tests.js @@ -48,6 +48,7 @@ export Spinner from '../components/spinner/__docs__/storybook-stories'; // export ProgressRing from '../components/progress-ring/__docs__/storybook-stories'; // export RadioGroup from '../components/radio-group/__docs__/storybook-stories'; // export RadioButtonGroup from '../components/radio-button-group/__docs__/storybook-stories'; +export ScopedNotification from '../components/scoped-notification/__docs__/storybook-stories'; // export Search from '../components/input/__docs__/search/storybook-stories'; // export Slider from '../components/slider/__docs__/storybook-stories'; // export SplitView from '../components/split-view/__docs__/storybook-stories'; diff --git a/tests/__image_snapshots__/story-based-tests-snapshot-test-js-image-snapshots-image-storyshots-slds-scoped-notification-dark-1-snap.png b/tests/__image_snapshots__/story-based-tests-snapshot-test-js-image-snapshots-image-storyshots-slds-scoped-notification-dark-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..e74bb79c8e6b476ae0f27c4861e1cb7af3a32190 GIT binary patch literal 9320 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 literal 0 HcmV?d00001 diff --git a/tests/__image_snapshots__/story-based-tests-snapshot-test-js-image-snapshots-image-storyshots-slds-scoped-notification-light-1-snap.png b/tests/__image_snapshots__/story-based-tests-snapshot-test-js-image-snapshots-image-storyshots-slds-scoped-notification-light-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..0469e744a907361f235821cfabcf94aaa26b993c GIT binary patch literal 9831 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 Date: Fri, 26 Apr 2019 02:14:47 -0600 Subject: [PATCH 08/12] ScopedNotification: Remove IconSettings import --- components/scoped-notification/index.jsx | 1 - 1 file changed, 1 deletion(-) diff --git a/components/scoped-notification/index.jsx b/components/scoped-notification/index.jsx index 104d5472ae..ba463d6d03 100644 --- a/components/scoped-notification/index.jsx +++ b/components/scoped-notification/index.jsx @@ -7,7 +7,6 @@ import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; -import IconSettings from '../icon-settings'; import Icon from '../icon'; import { SCOPED_NOTIFICATION } from '../../utilities/constants'; From a704abd9a4cd0b76433ac4583e303fdc4db0f467 Mon Sep 17 00:00:00 2001 From: Stephen James Date: Fri, 26 Apr 2019 02:14:47 -0600 Subject: [PATCH 09/12] ScopedNotification: Update Snapshots --- .../__snapshots__/storybook-stories.storyshot | 127 ++++++++---------- components/scoped-notification/index.jsx | 1 - 2 files changed, 55 insertions(+), 73 deletions(-) diff --git a/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot b/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot index 18c4bbee19..f5213b24eb 100644 --- a/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot +++ b/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot @@ -5,45 +5,36 @@ exports[`DOM snapshots SLDSScopedNotification Dark 1`] = ` className="slds-p-around_medium" >
-
- - - - -
-
-

- It looks as if duplicates exist for this lead. - - - View Duplicates. - -

-
+ + + + +
+
+

+ It looks as if duplicates exist for this lead. + + + View Duplicates. + +

@@ -54,45 +45,37 @@ exports[`DOM snapshots SLDSScopedNotification Light 1`] = ` className="slds-p-around_medium" >
+ + + + +
+
-
- - - - -
-
-

- It looks as if duplicates exist for this lead. - - - View Duplicates. - -

-
+

+ It looks as if duplicates exist for this lead. + + + View Duplicates. + + +

diff --git a/components/scoped-notification/index.jsx b/components/scoped-notification/index.jsx index 104d5472ae..ba463d6d03 100644 --- a/components/scoped-notification/index.jsx +++ b/components/scoped-notification/index.jsx @@ -7,7 +7,6 @@ import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; -import IconSettings from '../icon-settings'; import Icon from '../icon'; import { SCOPED_NOTIFICATION } from '../../utilities/constants'; From c9b3839e66c1606e5dd37b00e53d890b9ecba86d Mon Sep 17 00:00:00 2001 From: Stephen James Date: Fri, 26 Apr 2019 02:36:40 -0600 Subject: [PATCH 10/12] Scoped Notification: lint --- components/scoped-notification/__examples__/light.jsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/scoped-notification/__examples__/light.jsx b/components/scoped-notification/__examples__/light.jsx index 516cbed631..8474a91547 100644 --- a/components/scoped-notification/__examples__/light.jsx +++ b/components/scoped-notification/__examples__/light.jsx @@ -9,7 +9,8 @@ class Example extends React.Component {

It looks as if duplicates exist for this lead.{' '} - View Duplicates.

+ View Duplicates.{' '} +

); From de76dcbf313a5e9f4eba8912fbb579fa33fad77e Mon Sep 17 00:00:00 2001 From: Stephen James Date: Fri, 26 Apr 2019 02:50:35 -0600 Subject: [PATCH 11/12] Scoped Notification: update snapshot from lint --- .../__docs__/__snapshots__/storybook-stories.storyshot | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot b/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot index f5213b24eb..699b2d18ed 100644 --- a/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot +++ b/components/scoped-notification/__docs__/__snapshots__/storybook-stories.storyshot @@ -74,7 +74,7 @@ exports[`DOM snapshots SLDSScopedNotification Light 1`] = ` > View Duplicates. - +

From 7272a74be1b43b0fe7dcffe139025db07436d9cf Mon Sep 17 00:00:00 2001 From: Stephen James Date: Thu, 2 May 2019 17:19:09 -0600 Subject: [PATCH 12/12] Scoped Notification: Add to site stories --- components/site-stories.js | 1 + 1 file changed, 1 insertion(+) diff --git a/components/site-stories.js b/components/site-stories.js index 5042b7403a..e1ca223b36 100644 --- a/components/site-stories.js +++ b/components/site-stories.js @@ -49,6 +49,7 @@ const documentationSiteLiveExamples = { 'radio-group': require('@salesforce/design-system-react/components/radio-group/__docs__/site-stories.js'), radio: require('@salesforce/design-system-react/components/radio/__docs__/site-stories.js'), tabs: require('@salesforce/design-system-react/components/tabs/__docs__/site-stories.js'), + 'scoped-notification': require('@salesforce/design-system-react/components/scoped-notification/__docs__/site-stories.js'), slider: require('@salesforce/design-system-react/components/slider/__docs__/site-stories.js'), spinner: require('@salesforce/design-system-react/components/spinner/__docs__/site-stories.js'), 'split-view': require('@salesforce/design-system-react/components/split-view/__docs__/site-stories.js'),