@ssa-ui-kit/core 0.0.8-alpha → 0.0.9-alpha

package/.babelrc.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const rootBabelConfig = require('../../.babelrc.js');
-
-module.exports = rootBabelConfig;
+/* eslint-disable @typescript-eslint/no-var-requires */
+const rootBabelConfig = require('../../.babelrc.js');
+
+module.exports = rootBabelConfig;

package/.storybook/main.ts

@@ -1,43 +1,43 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-import initWebpackConfig from '../webpack.config';
-appWebpackConfig = initWebpackConfig();
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-mdx-gfm', //cspell:disable-line
-    'storybook-addon-pseudo-states',
-  ],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: 'react-docgen-typescript', //cspell:disable-line
-    //cspell:disable-next-line
-    reactDocgenTypescriptOptions: {
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false,
-      },
-    },
-  },
-  webpackFinal: (config) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      ...appWebpackConfig.resolve.alias,
-    };
-
-    return config;
-  },
-  docs: {
-    autodocs: true, //cspell:disable-line
-  },
-};
-
-export default config;
+import type { StorybookConfig } from '@storybook/react-webpack5';
+import initWebpackConfig from '../webpack.config';
+appWebpackConfig = initWebpackConfig();
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm', //cspell:disable-line
+    'storybook-addon-pseudo-states',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript', //cspell:disable-line
+    //cspell:disable-next-line
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+    },
+  },
+  webpackFinal: (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      ...appWebpackConfig.resolve.alias,
+    };
+
+    return config;
+  },
+  docs: {
+    autodocs: true, //cspell:disable-line
+  },
+};
+
+export default config;

package/.storybook/preview.tsx

@@ -1,22 +1,22 @@
-import React from 'react';
-import '@storybook/react-webpack5';
-
-import { ThemeProvider } from '@emotion/react';
-import theme from '../src/themes/main';
-
-import './style.css';
-
-const preview = {
-  parameters: {
-    controls: { expanded: true, hideNoControlsWarning: true },
-  },
-  decorators: [
-    (Story) => (
-      <ThemeProvider theme={theme}>
-        <Story />
-      </ThemeProvider>
-    ),
-  ],
-};
-
-export default preview;
+import React from 'react';
+import '@storybook/react-webpack5';
+
+import { ThemeProvider } from '@emotion/react';
+import theme from '../src/themes/main';
+
+import './style.css';
+
+const preview = {
+  parameters: {
+    controls: { expanded: true, hideNoControlsWarning: true },
+  },
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={theme}>
+        <Story />
+      </ThemeProvider>
+    ),
+  ],
+};
+
+export default preview;

package/.storybook/style.css

@@ -1,31 +1,31 @@
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
-
-* {
-  outline: none;
-
-  box-sizing: border-box;
-  font-family: 'Manrope', sans-serif;
-
-  color: #2b2d31;
-}
-
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin: 0;
-  padding: 0;
-}
-
-.token.plain-text,
-.language-jsx span {
-  color: white;
-}
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
+
+* {
+  outline: none;
+
+  box-sizing: border-box;
+  font-family: 'Manrope', sans-serif;
+
+  color: #2b2d31;
+}
+
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0;
+  padding: 0;
+}
+
+.token.plain-text,
+.language-jsx span {
+  color: white;
+}

package/customTest.tsx

@@ -1,46 +1,46 @@
-import React, { ReactElement } from 'react';
-import { ThemeProvider, Theme } from '@emotion/react';
-import '@testing-library/dom';
-import { render, RenderOptions } from '@testing-library/react';
-
-const AllTheProviders = ({
-  children,
-  theme,
-}: {
-  children: React.ReactNode;
-  theme: Theme;
-}) => {
-  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
-};
-
-const customRender = (
-  theme: Theme,
-  ui: ReactElement,
-  options?: Omit<RenderOptions, 'wrapper'>,
-) =>
-  render(ui, {
-    wrapper: ({ children }) => (
-      <AllTheProviders theme={theme}>{children}</AllTheProviders>
-    ),
-    ...options,
-  });
-
-function mockUseForm() {
-  return {
-    ...jest.requireActual('react-hook-form'),
-    register: ({ name }: { name: string }) => ({
-      onChange: jest.fn(),
-      onBlur: jest.fn(),
-      name: name,
-      ref: jest.fn(),
-    }),
-  };
-}
-
-export const initRender = (theme: Theme) => {
-  return customRender.bind(null, theme);
-};
-
-export * from '@testing-library/react';
-
-export { customRender as render, mockUseForm };
+import React, { ReactElement } from 'react';
+import { ThemeProvider, Theme } from '@emotion/react';
+import '@testing-library/dom';
+import { render, RenderOptions } from '@testing-library/react';
+
+const AllTheProviders = ({
+  children,
+  theme,
+}: {
+  children: React.ReactNode;
+  theme: Theme;
+}) => {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
+
+const customRender = (
+  theme: Theme,
+  ui: ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>,
+) =>
+  render(ui, {
+    wrapper: ({ children }) => (
+      <AllTheProviders theme={theme}>{children}</AllTheProviders>
+    ),
+    ...options,
+  });
+
+function mockUseForm() {
+  return {
+    ...jest.requireActual('react-hook-form'),
+    register: ({ name }: { name: string }) => ({
+      onChange: jest.fn(),
+      onBlur: jest.fn(),
+      name: name,
+      ref: jest.fn(),
+    }),
+  };
+}
+
+export const initRender = (theme: Theme) => {
+  return customRender.bind(null, theme);
+};
+
+export * from '@testing-library/react';
+
+export { customRender as render, mockUseForm };

package/dist/components/AccordionGroup/index.d.ts

@@ -1,6 +1,6 @@
-export { AccordionGroup } from './AccordionGroup';
-export { AccordionContent } from './AccordionContent';
-export { AccordionGroupContext, AccordionGroupContextProvider, } from './AccordionContext';
-export { AccordionTitle } from './AccordionTitle';
-export { Accordion } from './Accordion';
+export * from './AccordionGroup';
+export * from './AccordionContent';
+export * from './AccordionContext';
+export * from './AccordionTitle';
+export * from './Accordion';
 export * from './types';

package/dist/components/Input/types.d.ts

@@ -1,7 +1,7 @@
+import { BaseSyntheticEvent, KeyboardEventHandler } from 'react';
 import type { UseFormReturn } from 'react-hook-form';
 import type { Interpolation, Theme } from '@emotion/react';
-import { BaseSyntheticEvent, KeyboardEventHandler } from 'react';
-interface ExtendedInputProps extends React.HTMLAttributes<HTMLInputElement> {
+interface ExtendedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     'data-testid'?: string;
 }
 export interface InputProps extends Partial<Pick<UseFormReturn, 'register' | 'control' | 'setValue'>> {