widenarrow-ui 1.1.91 → 1.1.93

package/.babelrc.json

@@ -1,16 +1,16 @@
 {
-  "sourceType": "unambiguous",
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "chrome": 100
-        }
-      }
-    ],
-    "@babel/preset-typescript",
-    "@babel/preset-react"
-  ],
-  "plugins": []
-}
+	"sourceType": "unambiguous",
+	"presets": [
+		[
+			"@babel/preset-env",
+			{
+				"targets": {
+					"chrome": 100
+				}
+			}
+		],
+		"@babel/preset-typescript",
+		"@babel/preset-react"
+	],
+	"plugins": []
+}

package/.github/workflows/azure-static-web-apps-lively-river-079e14403.yml

@@ -3,11 +3,11 @@ name: Azure Static Web Apps CI/CD
 on:
   push:
     branches:
-      - develop
+      - master
   pull_request:
     types: [opened, synchronize, reopened, closed]
     branches:
-      - develop
+      - master
 
 jobs:
   build_and_deploy_job:
@@ -25,13 +25,13 @@ jobs:
         with:
           azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_LIVELY_RIVER_079E14403 }}
           repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
-          action: "upload"
-          app_build_command: "npm run build-storybook"
+          action: 'upload'
+          app_build_command: 'npm run build-storybook'
           ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
           # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
-          app_location: "/" # App source code path
-          api_location: "" # Api source code path - optional
-          output_location: "storybook-static" # Built app content directory - optional
+          app_location: '/' # App source code path
+          api_location: '' # Api source code path - optional
+          output_location: 'storybook-static' # Built app content directory - optional
           ###### End of Repository/Build Configurations ######
 
   close_pull_request_job:
@@ -44,4 +44,4 @@ jobs:
         uses: Azure/static-web-apps-deploy@v1
         with:
           azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_LIVELY_RIVER_079E14403 }}
-          action: "close"
+          action: 'close'

package/.storybook/main.ts

@@ -1,46 +1,87 @@
-const { getLocalIdentName } = require('css-loader-shorter-classnames');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const getLocalIdent = getLocalIdentName();
-const path = require('path');
+import type { StorybookConfig } from '@storybook/react-webpack5';
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 
-module.exports = {
-	stories: ['../src/**/*.mdx', '../src/**/*.stories.tsx'],
+const config: StorybookConfig = {
+	framework: '@storybook/react-webpack5',
 	addons: [
-		'@storybook/addon-links',
 		'@storybook/addon-essentials',
-		'@storybook/addon-styling',
-		'@storybook/addon-actions',
 		{
-			name: `@storybook/preset-scss`,
+			name: '@storybook/addon-styling-webpack',
 			options: {
-				rule: {
-					test: /\.module\.s[ca]ss$/
-				},
-				cssLoaderOptions: {
-					modules: {
-						localIdentName: '[name]_[local]_[hash:base64:5]'
+				rules: [
+					// CSS Modules
+					{
+						test: /\.module\.css$/,
+						use: [
+							'style-loader',
+							{
+								loader: 'css-loader',
+								options: {
+									modules: {
+										localIdentName: '[name]__[local]--[hash:base64:5]'
+									}
+								}
+							}
+						]
+					},
+					// Global CSS
+					{
+						test: /\.css$/,
+						exclude: /\.module\.css$/,
+						use: ['style-loader', 'css-loader']
+					},
+					// SCSS Modules
+					{
+						test: /\.module\.scss$/,
+						use: [
+							'style-loader',
+							{
+								loader: 'css-loader',
+								options: {
+									modules: {
+										localIdentName: '[name]__[local]--[hash:base64:5]'
+									}
+								}
+							},
+							'sass-loader'
+						]
+					},
+					// Global SCSS
+					{
+						test: /\.scss$/,
+						exclude: /\.module\.scss$/,
+						use: ['style-loader', 'css-loader', 'sass-loader']
 					}
-				}
+				]
 			}
 		}
 	],
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
 	webpackFinal: async (config) => {
 		if (config.resolve) {
 			config.resolve.plugins = [
 				...(config.resolve.plugins || []),
 				new TsconfigPathsPlugin({
-					configFile: path.resolve(__dirname, '../tsconfig.json'),
 					extensions: config.resolve.extensions
 				})
 			];
+			config.resolve.extensions?.push('.ts', '.tsx');
 		}
+		config.module?.rules?.unshift({
+			test: /\.(ts|tsx)$/,
+			exclude: /node_modules/,
+			use: [
+				{
+					loader: 'babel-loader',
+					options: {
+						exclude: /node_modules/,
+						presets: ['@babel/preset-typescript', ['@babel/preset-react', { runtime: 'automatic' }]]
+					}
+				}
+			]
+		});
 		return config;
-	},
-	docs: {
-		autodocs: true
-	},
-	framework: {
-		name: '@storybook/react-webpack5',
-		options: {}
 	}
 };
+
+export default config;

package/.storybook/preview.js

@@ -7,6 +7,7 @@ import 'lazysizes/plugins/attrchange/ls.attrchange';
 import 'lazysizes/plugins/bgset/ls.bgset';
 
 export const parameters = {
-	actions: { argTypesRegex: '^on[A-Z].*' },
+	// actions: { argTypesRegex: '^on[A-Z].*' },
 	layout: 'centered'
 };
+export const tags = ['autodocs'];

package/lib/components/Test/Test.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TestProps } from './Test.types';
+declare const Test: FC<TestProps>;
+export { Test };

package/lib/components/Test/Test.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Test } from 'src/components/Test';
+declare const meta: Meta<typeof Test>;
+export default meta;
+type Story = StoryObj<typeof Test>;
+export declare const Default: Story;

package/lib/components/Test/Test.types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface TestProps {
+    children: ReactNode;
+}

package/lib/components/Test/index.d.ts

@@ -0,0 +1 @@
+export * from './Test';

package/lib/components/index.d.ts

@@ -27,3 +27,4 @@ export * from './ToolTip';
 export * from './Typography';
 export * from './SkeletonItem';
 export * from './NoDataMessage';
+export * from './Test';