@okam/stack-ui 1.25.2 → 1.25.3

package/.eslintrc.js

@@ -0,0 +1,32 @@
+const { getDefaultIgnorePatterns } = require('../../../linter/helpers')
+
+module.exports = {
+  extends: [
+    'plugin:@nx/react',
+    '../../../.eslintrc.js',
+    '../../../linter/bases/typescript',
+    '../../../linter/bases/regexp',
+    '../../../linter/bases/jest',
+    '../../../linter/bases/rtl',
+    '../../../linter/bases/storybook',
+    '../../../linter/bases/react',
+    '../../../linter/bases/prettier',
+    'plugin:storybook/recommended',
+  ],
+  ignorePatterns: ['!**/*', ...getDefaultIgnorePatterns()],
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
+      // We set parserOptions.project for the project to allow TypeScript to create the type-checker behind the scenes when we run linting
+      parserOptions: {
+        project: `${__dirname}/tsconfig.*?.json`,
+      },
+      rules: {
+        '@nx/dependency-checks': 'error',
+      },
+    },
+  ],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+  },
+}

package/.storybook/.eslintrc.js

@@ -0,0 +1,29 @@
+const { getDefaultIgnorePatterns } = require('../../../../linter/helpers')
+
+module.exports = {
+  extends: [
+    'plugin:@nx/react',
+    '../../../../.eslintrc.js',
+    '../../../../linter/bases/typescript',
+    '../../../../linter/bases/regexp',
+    '../../../../linter/bases/jest',
+    '../../../../linter/bases/rtl',
+    '../../../../linter/bases/storybook',
+    '../../../../linter/bases/react',
+    '../../../../linter/bases/prettier',
+    'plugin:storybook/recommended',
+  ],
+  ignorePatterns: ['!**/*', ...getDefaultIgnorePatterns()],
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
+      // We set parserOptions.project for the project to allow TypeScript to create the type-checker behind the scenes when we run linting
+      parserOptions: {
+        project: `${__dirname}/tsconfig.*?.json`,
+      },
+    },
+  ],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+  },
+}

package/.storybook/main.ts

@@ -0,0 +1,33 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import type { StorybookConfig } from '@storybook/nextjs'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-a11y',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    {
+      name: '@storybook/addon-styling',
+      options: {
+        // Check out https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
+        // For more details on this addon's options.
+        postCss: true,
+      },
+    },
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+}
+
+export default config
+
+// To customize your Vite configuration you can use the viteFinal field.
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs

package/.storybook/preview.js

@@ -0,0 +1,56 @@
+/** @type { import('@storybook/react').Preview } */
+
+import '../src/tailwind.css' // replace with the name of your tailwind css file
+import React, { Suspense } from 'react'
+import { I18nProvider, OverlayProvider } from 'react-aria'
+import { useGlobals } from '@storybook/client-api'
+import BaseThemeProvider from '../src/theme'
+import { IsClientContextProvider } from '../src/providers/Client'
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  layout: 'centered',
+  controls: { expanded: true },
+  backgrounds: {
+    default: 'light',
+    values: [
+      {
+        name: 'light',
+        value: '#ffffff',
+      },
+      {
+        name: 'dark',
+        value: '#000000',
+      },
+    ],
+  },
+}
+
+export const decorators = [
+  (Story, context) => {
+    const [{ locale }] = useGlobals()
+
+    return (
+      <>
+        <style>
+          {`
+            #root {
+              padding: 0 !important;
+            }
+          `}
+        </style>
+        <BaseThemeProvider>
+          <I18nProvider locale={locale}>
+            <IsClientContextProvider>
+              <OverlayProvider>
+                <Suspense fallback={<div>Loading... </div>}>
+                  <Story />
+                </Suspense>
+              </OverlayProvider>
+            </IsClientContextProvider>
+          </I18nProvider>
+        </BaseThemeProvider>
+      </>
+    )
+  },
+]

package/.storybook/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true
+  },
+
+  "exclude": ["../**/*.spec.ts"],
+  "include": [
+    "../src/**/*.stories.ts",
+    "../src/**/*.stories.js",
+    "../src/**/*.stories.jsx",
+    "../src/**/*.stories.tsx",
+    "../src/**/*.stories.mdx",
+    "*.ts",
+    "*.js"
+  ]
+}