clean up charts lib - 0.0.1 release

packages/charts/README.md

@@ -1 +1,11 @@
 # Visualize Formbricks Submissions with ease 📊
+
+Visualize Formbricks Submissions within your own React applications.
+
+```jsx
+<Bar submissions={submissions} schema={schema} fieldName="fieldToVisualize" />
+```
+
+<img width="759" alt="Screenshot 2022-12-02 at 14 34 38" src="https://user-images.githubusercontent.com/675065/205304571-a3963f40-4aae-4820-9c35-cc12223a3bed.png">
+
+The submissions need to be in the format of Formbricks Submissions and the schema has to be a Formbricks Schema. Find more about them in our [docs](https://formbricks.com/docs).

packages/charts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formbricks/charts",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "author": "Formbricks <hola@formbricks.com>",
   "description": "Visualize Formbricks Form Data with ease",
   "homepage": "https://formbricks.com",

packages/charts/src/styles.css

@@ -1,57 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-.formbricks-form {
-  @apply space-y-3;
-}
-
-.formbricks-label {
-  @apply text-base font-medium text-gray-700 font-sans sm:text-sm;
-}
-
-button.formbricks-input {
-  @apply my-2 inline-flex items-center rounded-md border border-transparent bg-slate-600 px-3 py-2 text-base font-medium leading-4 text-white shadow-sm hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-slate-500 focus:ring-offset-2 sm:text-sm;
-}
-
-input[type="text"].formbricks-input,
-input[type="number"].formbricks-input,
-input[type="email"].formbricks-input,
-input[type="password"].formbricks-input,
-input[type="search"].formbricks-input,
-input[type="tel"].formbricks-input,
-input[type="url"].formbricks-input {
-  @apply form-input text-base block rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm;
-}
-
-input[type="radio"].formbricks-input {
-  @apply h-4 w-4 border-gray-300 text-slate-600 focus:ring-slate-500 mr-2;
-}
-
-textarea.formbricks-input {
-  @apply form-textarea text-base font-sans block rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm;
-}
-
-.formbricks-help {
-  @apply font-sans text-base sm:text-sm text-gray-500;
-}
-
-.formbricks-prefix-icon {
-  @apply font-sans inline h-4 w-4 -ml-1 mr-2;
-}
-
-.formbricks-messages {
-  @apply m-0 p-0 list-none;
-}
-
-.formbricks-message {
-  @apply font-sans text-base sm:text-sm text-red-500;
-}
-
-.formbricks-legend {
-  @apply text-base font-medium text-gray-700 font-sans sm:text-sm;
-}
-
-.formbricks-fieldset {
-  @apply border-gray-50 rounded-lg  max-w-md;
-}

pnpm-lock.yaml

@@ -58,7 +58,7 @@ importers:
       lottie-web: 5.10.0
       next: 13.0.0_biqbaboplfbrettd7655fr4n2y
       next-plausible: 3.6.4_r5sq4deac3rmm2d5onhwvomqve
-      next-sitemap: 3.1.32_x7zmmkatwxzmdrpgfydtxrskim
+      next-sitemap: 3.1.32_l7nidxakytrgbf3r3uhfyjeosq
       prism-react-renderer: 1.3.5_react@18.2.0
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
@@ -2527,7 +2527,7 @@ packages:
       react: '>=16'
     dependencies:
       '@types/mdx': 2.0.3
-      '@types/react': 18.0.23
+      '@types/react': 18.0.25
       react: 18.2.0
     dev: false
 
@@ -2551,6 +2551,10 @@ packages:
     resolution: {integrity: sha512-F3KLtiDrUslAZhTYTh8Zk5ZaavbYwLUn3NYPBnOjAXU8hWm0QVGVzKIOuURQ098ofRU4e9oglf3Sj9pFx5nI5w==}
     dev: false
 
+  /@next/env/13.0.6:
+    resolution: {integrity: sha512-yceT6DCHKqPRS1cAm8DHvDvK74DLIkDQdm5iV+GnIts8h0QbdHvkUIkdOvQoOODgpr6018skbmSQp12z5OWIQQ==}
+    dev: false
+
   /@next/eslint-plugin-next/13.0.5:
     resolution: {integrity: sha512-H9U9B1dFnCDmylDZ6/dYt95Ie1Iu+SLBMcO6rkIGIDcj5UK+DNyMiWm83xWBZ1gREM8cfp5Srv1g6wqf8pM4lw==}
     dependencies:
@@ -4677,7 +4681,7 @@ packages:
   /@types/react-dom/18.0.7:
     resolution: {integrity: sha512-HaXc+BbqAZE1RdsK3tC8SbkFy6UL2xF76lT9rQs5JkPrJg3rWA3Ou/Lhw3YJQzEDkBpmJ79nBsfnd05WrBd2QQ==}
     dependencies:
-      '@types/react': 18.0.23
+      '@types/react': 18.0.25
     dev: true
 
   /@types/react-dom/18.0.9:
@@ -4699,7 +4703,6 @@ packages:
       '@types/prop-types': 15.7.5
       '@types/scheduler': 0.16.2
       csstype: 3.1.1
-    dev: true
 
   /@types/responselike/1.0.0:
     resolution: {integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==}
@@ -12126,7 +12129,7 @@ packages:
       react-dom: 18.2.0_react@18.2.0
     dev: false
 
-  /next-sitemap/3.1.32_x7zmmkatwxzmdrpgfydtxrskim:
+  /next-sitemap/3.1.32_l7nidxakytrgbf3r3uhfyjeosq:
     resolution: {integrity: sha512-jkIKpwLXpWWTPfmDO46+6nu4+qpar4CjvUwCR9rYZHWtzE/wFfaCVFKpGtFMl6MFjpu8GjiE6kWFEa7uF3bzzg==}
     engines: {node: '>=14.18'}
     hasBin: true
@@ -12135,7 +12138,7 @@ packages:
       next: '*'
     dependencies:
       '@corex/deepmerge': 4.0.29
-      '@next/env': 13.0.5
+      '@next/env': 13.0.6
       minimist: 1.2.7
       next: 13.0.0_biqbaboplfbrettd7655fr4n2y
     dev: false