ld-react-components - npm Package Compare versions

Comparing version 1.0.59 to 1.0.60

.storybook/addons.js

@@ -0,3 +1,5 @@
+import '@storybook/addon-storysource/register';
+import '@storybook/addon-knobs/register';
 import '@storybook/addon-actions/register';
 import '@storybook/addon-links/register';
 import '@storybook/addon-a11y/register';

.storybook/config.js

@@ -6,3 +6,3 @@ import { addDecorator } from '@storybook/react';
 import { withA11y } from '@storybook/addon-a11y';
-
+import { withKnobs } from '@storybook/addon-knobs';
 // automatically import all files ending in *.stories.js
@@ -12,2 +12,3 @@ configure(require.context('../src', true, /stories\.(js|jsx|mdx)?$/), module);
 addDecorator(withA11y);
+addDecorator(withKnobs);
 
@@ -14,0 +15,0 @@ addParameters({

CHANGELOG.md

@@ -0,1 +1,13 @@
+# v1.0.60 (Wed Oct 30 2019)
+
+#### 🐛  Bug Fix
+
+- ISSUE# 52 - add storybook stories [#65](https://github.com/intuit/LD-React-Components/pull/65) ([@himanshupnt](https://github.com/himanshupnt))
+
+#### Authors: 1
+
+- Himanshu Pant ([@himanshupnt](https://github.com/himanshupnt))
+
+---
+
 # v1.0.59 (Wed Oct 30 2019)
@@ -2,0 +14,0 @@

dist/FeatureFlag/FeatureFlag.stories.js

@@ -6,6 +6,8 @@ "use strict";
 });
-exports.basicFeatureFlag = exports["default"] = void 0;
+exports.withNesting = exports.withFeatureTrueAndFeatureFalse = exports.standardUsage = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _addonKnobs = require("@storybook/addon-knobs");
+
 var _typescript = _interopRequireDefault(require("./typescript.tsx"));
@@ -19,2 +21,6 @@
 
+var _FeatureTrue = _interopRequireDefault(require("../FeatureTrue"));
+
+var _FeatureFalse = _interopRequireDefault(require("../FeatureFalse"));
+
 var _README = _interopRequireDefault(require("./README.md"));
@@ -43,6 +49,6 @@
 
-var basicFeatureFlag = function basicFeatureFlag() {
+var standardUsage = function standardUsage() {
   return _react["default"].createElement(_typescript["default"], {
-    flagKey: "multivariate-test",
-    appFlags: applicationKeys
+    flagKey: (0, _addonKnobs.text)('flagKey', 'multivariate-test'),
+    appFlags: (0, _addonKnobs.object)('appFlags', applicationKeys)
   }, _react["default"].createElement(_FeatureSwitch["default"], null, _react["default"].createElement(_FeatureCase["default"], {
@@ -63,2 +69,40 @@ condition: "multivariate-test-1",
 
-exports.basicFeatureFlag = basicFeatureFlag;
+exports.standardUsage = standardUsage;
+
+var withFeatureTrueAndFeatureFalse = function withFeatureTrueAndFeatureFalse() {
+  return _react["default"].createElement(_typescript["default"], {
+    flagKey: "integration-test",
+    appFlags: (0, _addonKnobs.object)('appFlags', applicationKeys)
+  }, _react["default"].createElement(_FeatureTrue["default"], null, "Output: FeatureTrue being rendered"), _react["default"].createElement(_FeatureFalse["default"], null, "Output: FeatureFalse being rendered"));
+};
+
+exports.withFeatureTrueAndFeatureFalse = withFeatureTrueAndFeatureFalse;
+
+var withNesting = function withNesting() {
+  var flags = {
+    'nested-flag-key': {
+      value: 'nested-flag-key-1',
+      version: 5
+    }
+  };
+  return _react["default"].createElement(_typescript["default"], {
+    flagKey: "multivariate-test",
+    appFlags: applicationKeys
+  }, _react["default"].createElement("p", null, "A non-component (in this case, a p tag) is being rendered, under the parent FeatureFlag component. Check out the story below to see the code."), _react["default"].createElement(_typescript["default"], {
+    flagKey: "nested-flag-key",
+    appFlags: (0, _addonKnobs.object)('appFlags', flags)
+  }, _react["default"].createElement(_FeatureSwitch["default"], null, _react["default"].createElement(_FeatureCase["default"], {
+    condition: "nested-flag-key-1",
+    allowBreak: true
+  }, _react["default"].createElement("p", null, "Nested feature 1 Rendered")), _react["default"].createElement(_FeatureCase["default"], {
+    condition: "nested-flag-key-2",
+    allowBreak: true
+  }, _react["default"].createElement("p", null, "Nested feature 2 Rendered")), _react["default"].createElement(_FeatureCase["default"], {
+    condition: "nested-flag-key-3",
+    allowBreak: true
+  }, _react["default"].createElement("p", null, "Nested feature 3 Rendered")), _react["default"].createElement(_FeatureDefault["default"], {
+    allowBreak: true
+  }, _react["default"].createElement("p", null, "This is the default content if no other cases are matched.")))));
+};
+
+exports.withNesting = withNesting;

package.json

 {
   "name": "ld-react-components",
-  "version": "1.0.59",
+  "version": "1.0.60",
   "description": "Semantic component helpers to support LaunchDarkly in your react app.",
@@ -50,4 +50,6 @@ "main": "dist/index.js",
     "@storybook/addon-info": "^5.2.1",
+    "@storybook/addon-knobs": "^5.2.5",
     "@storybook/addon-links": "^5.2.1",
     "@storybook/addon-notes": "^5.2.1",
+    "@storybook/addon-storysource": "^5.2.5",
     "@storybook/addons": "^5.2.1",
@@ -54,0 +56,0 @@ "@storybook/react": "^5.2.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6118825

increased by0.19%

Lines of code

51882

increased by0.08%

Worsened metrics

Dev dependency count

71

increased by2.9%

No dependency changes