From 7e3722b182a347e314ef2cb3797352bdc12ccff7 Mon Sep 17 00:00:00 2001
From: Anurag <hazru.anurag@gmail.com>
Date: Tue, 3 Nov 2020 15:45:06 +0530
Subject: [PATCH] build: fix typescript component resolve

---
 package.json                            |  6 +++---
 src/slider/stories/Slider.component.tsx | 27 ++++++++++++++-----------
 tsconfig.json                           | 11 ++++++----
 tsconfig.prod.json                      |  5 +++++
 yarn.lock                               |  2 +-
 5 files changed, 31 insertions(+), 20 deletions(-)
 create mode 100644 tsconfig.prod.json

diff --git a/package.json b/package.json
index 78780262f..63ca0afa9 100644
--- a/package.json
+++ b/package.json
@@ -28,8 +28,8 @@
     "build": "concurrently yarn:build:*",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --extensions .ts,.tsx -d dist/cjs --source-maps",
     "build:esm": "cross-env BABEL_ENV=esm babel src --extensions .ts,.tsx -d dist/esm --source-maps",
-    "build:types": "tsc --emitDeclarationOnly",
-    "check-types": "tsc --noEmit",
+    "build:types": "tsc --emitDeclarationOnly --project tsconfig.prod.json",
+    "check-types": "tsc --noEmit --project tsconfig.prod.json",
     "commit": "gacp",
     "format": "prettier --write \"./**/*.{js,ts,css,less,json,md,html,yml,yaml,pcss,jsx,tsx}\"",
     "generatejs": "node scripts/generate-js",
@@ -71,7 +71,7 @@
     "@storybook/addon-actions": "6.0.28",
     "@storybook/addon-essentials": "6.0.28",
     "@storybook/react": "6.0.28",
-    "@testing-library/jest-dom": "5.11.5",
+    "@testing-library/jest-dom": "^5.11.5",
     "@testing-library/react": "11.1.0",
     "@testing-library/react-hooks": "3.4.2",
     "@testing-library/user-event": "12.1.10",
diff --git a/src/slider/stories/Slider.component.tsx b/src/slider/stories/Slider.component.tsx
index 97c310c2e..884ec2e94 100644
--- a/src/slider/stories/Slider.component.tsx
+++ b/src/slider/stories/Slider.component.tsx
@@ -140,11 +140,12 @@ export const App: React.FC<AppProps> = args => {
             <div
               className="slider-filled-track"
               style={{
-                width: !isVertical && trackWidth,
-                height: isVertical && trackWidth,
-                left: !isReversed && !isVertical && trackLeft,
-                right: isReversed && trackRight,
-                bottom: isVertical && isRange && `${getThumbPercent(0) * 100}%`,
+                width: !isVertical ? trackWidth : "",
+                height: isVertical ? trackWidth : "",
+                left: !isReversed && !isVertical && trackLeft ? trackLeft : "",
+                right: isReversed ? trackRight : "",
+                bottom:
+                  isVertical && isRange ? `${getThumbPercent(0) * 100}%` : "",
               }}
             />
           ) : null}
@@ -156,14 +157,16 @@ export const App: React.FC<AppProps> = args => {
               className="slider-thumb"
               key={`thumb-${index}`}
               style={{
-                right:
-                  isReversed && `calc(${getThumbPercent(index) * 100}% - 7px)`,
+                right: isReversed
+                  ? `calc(${getThumbPercent(index) * 100}% - 7px)`
+                  : "",
                 left:
-                  !isReversed &&
-                  !isVertical &&
-                  `calc(${getThumbPercent(index) * 100}% - 7px)`,
-                bottom:
-                  isVertical && `calc(${getThumbPercent(index) * 100}% - 7px)`,
+                  !isReversed && !isVertical
+                    ? `calc(${getThumbPercent(index) * 100}% - 7px)`
+                    : "",
+                bottom: isVertical
+                  ? `calc(${getThumbPercent(index) * 100}% - 7px)`
+                  : "",
               }}
             >
               <SliderThumb
diff --git a/tsconfig.json b/tsconfig.json
index 4cb4a4a6b..3079b82a8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "target": "es5",
     "module": "esnext",
     "lib": ["dom", "esnext"],
@@ -20,8 +21,10 @@
     "types": ["node", "jest", "@testing-library/jest-dom"],
     "sourceMap": true,
     "declaration": true,
-    "declarationDir": "dist/types"
-  },
-  "include": ["src"],
-  "exclude": ["**/*/stories", "**/*/__tests__"]
+    "declarationDir": "dist/types",
+    "paths": {
+      "renderless-components": ["src"],
+      "renderless-components/*": ["src/*"]
+    }
+  }
 }
diff --git a/tsconfig.prod.json b/tsconfig.prod.json
new file mode 100644
index 000000000..dd429d0dc
--- /dev/null
+++ b/tsconfig.prod.json
@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src"],
+  "exclude": ["**/*/stories", "**/*/__tests__"]
+}
diff --git a/yarn.lock b/yarn.lock
index 74f26d660..8f1b1040b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2781,7 +2781,7 @@
     lz-string "^1.4.4"
     pretty-format "^26.4.2"
 
-"@testing-library/jest-dom@5.11.5":
+"@testing-library/jest-dom@^5.11.5":
   version "5.11.5"
   resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.11.5.tgz#44010f37f4b1e15f9d433963b515db0b05182fc8"
   integrity sha512-XI+ClHR864i6p2kRCEyhvpVejuer+ObVUF4cjCvRSF88eOMIfqw7RoS9+qoRhyigGswMfT64L6Nt0Ufotxbwtg==