From 2e590bfa9fe029d505c2a608458441f2d5c9c173 Mon Sep 17 00:00:00 2001
From: Oleg Proskurin <regx@usul.su>
Date: Sun, 30 Jul 2017 20:07:11 +0300
Subject: [PATCH] Add regExpStringify

---
 addons/options/src/preview/index.js            | 14 +++++++++++++-
 examples/cra-kitchen-sink/.storybook/config.js |  2 +-
 examples/cra-kitchen-sink/src/stories/index.js |  2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/addons/options/src/preview/index.js b/addons/options/src/preview/index.js
index cd4313087e8..5bf631c5201 100644
--- a/addons/options/src/preview/index.js
+++ b/addons/options/src/preview/index.js
@@ -7,14 +7,26 @@ export function init() {
   // NOTE nothing to do here
 }
 
+function regExpStringify(exp) {
+  if (!exp) return null;
+  if (Object.prototype.toString.call(exp) === '[object String]') return exp;
+  if (Object.prototype.toString.call(exp) !== '[object RegExp]') return null;
+  return exp.source;
+}
+
 // setOptions function will send Storybook UI options when the channel is
 // ready. If called before, options will be cached until it can be sent.
-export function setOptions(options) {
+export function setOptions(newOptions) {
   const channel = addons.getChannel();
   if (!channel) {
     throw new Error(
       'Failed to find addon channel. This may be due to https://github.com/storybooks/storybook/issues/1192.'
     );
   }
+  const options = {
+    ...newOptions,
+    hierarchySeparator: regExpStringify(newOptions.hierarchySeparator),
+  };
+
   channel.emit(EVENT_ID, { options });
 }
diff --git a/examples/cra-kitchen-sink/.storybook/config.js b/examples/cra-kitchen-sink/.storybook/config.js
index d1ed2253124..d0df2e6af3b 100644
--- a/examples/cra-kitchen-sink/.storybook/config.js
+++ b/examples/cra-kitchen-sink/.storybook/config.js
@@ -11,7 +11,7 @@ setOptions({
   showSearchBox: false,
   downPanelInRight: true,
   sortStoriesByKind: false,
-  hierarchySeparator: '\\/|\\.|¯\\\\_\\(ツ\\)_\\/¯'
+  hierarchySeparator: /\/|\./,
 });
 
 setAddon(infoAddon);
diff --git a/examples/cra-kitchen-sink/src/stories/index.js b/examples/cra-kitchen-sink/src/stories/index.js
index 9550e374a27..d2a3fe69338 100644
--- a/examples/cra-kitchen-sink/src/stories/index.js
+++ b/examples/cra-kitchen-sink/src/stories/index.js
@@ -266,7 +266,7 @@ storiesOf('component.Button', module)
 
 // Atomic
 
-storiesOf('Cells¯\\_(ツ)_/¯Molecules.Atoms/simple', module)
+storiesOf('Cells/Molecules.Atoms/simple', module)
   .addDecorator(withKnobs)
   .add('with text', () =>
     <Button>