@ssa-ui-kit/core 0.0.19-alpha → 0.0.21-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/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 SSA Group
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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/Accordion.d.ts

@@ -1,2 +1,2 @@
 import { AccordionViewProps } from './types';
-export declare const Accordion: ({ title, isOpened, ariaControls, id, size, renderTitle, renderContent, onClick, ...rest }: AccordionViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ title, isOpened, ariaControls, id, size, contentProps, renderTitle, renderContent, onClick, ...rest }: AccordionViewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,6 @@ export declare const AccordionContent: ({ isOpened, children, size, ...rest }: P
     isOpened?: boolean | undefined;
     as?: import("react").ElementType<any> | undefined;
     className?: string | undefined;
-} & {
+} & Record<string, any> & {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -28,7 +28,7 @@ export type RenderContentProps = Pick<AccordionProps, 'id' | 'size'> & Pick<Aria
     isOpened?: boolean;
     as?: React.ElementType;
     className?: string;
-};
+} & Record<string, any>;
 export interface AccordionViewProps extends AccordionProps {
     ariaControls?: string;
     isOpened?: boolean;
@@ -36,6 +36,7 @@ export interface AccordionViewProps extends AccordionProps {
     title: string;
     onClick?: () => void;
     children?: React.ReactNode;
+    contentProps?: Record<string, any>;
 }
 export interface IAccordionGroupContext {
     openedAccordions: Array<AccordionProps> | [];

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

@@ -5,6 +5,7 @@ export interface TextareaProps extends Partial<Pick<UseFormReturn, 'register'>>
     placeholder?: string;
     validationSchema?: Record<string, unknown>;
     disabled?: boolean;
+    readOnly?: boolean;
     rows?: number;
     maxLength?: number;
     as?: React.ElementType;