@ssa-ui-kit/core 0.0.11-alpha → 0.0.12-alpha

package/jest-setup.ts

@@ -1,17 +1,17 @@
-import '@testing-library/jest-dom/extend-expect';
-import { createSerializer, matchers } from '@emotion/jest';
-
-import { initRender } from './customTest';
-import theme from '@themes/main';
-
-const customRender = initRender(theme);
-
-declare global {
-  // eslint-disable-next-line no-var
-  var render: typeof customRender;
-}
-
-global.render = customRender;
-
-expect.addSnapshotSerializer(createSerializer());
-expect.extend(matchers);
+import '@testing-library/jest-dom/extend-expect';
+import { createSerializer, matchers } from '@emotion/jest';
+
+import { initRender } from './customTest';
+import theme from '@themes/main';
+
+const customRender = initRender(theme);
+
+declare global {
+  // eslint-disable-next-line no-var
+  var render: typeof customRender;
+}
+
+global.render = customRender;
+
+expect.addSnapshotSerializer(createSerializer());
+expect.extend(matchers);

package/lostpixel.config.ts

@@ -1,26 +1,26 @@
-import { baseConfig } from '../../lostpixel.base.config';
-import { SCREEN_SIZES } from './src/consts';
-import { CustomProjectConfig } from 'lost-pixel';
-
-const breakpoints = Object.keys(SCREEN_SIZES).map(Number);
-
-const coreConfig: Partial<CustomProjectConfig> & {
-  storybookShots: {
-    breakpoints: number[];
-  };
-} = {
-  storybookShots: {
-    storybookUrl: './packages/core/storybook-static',
-    breakpoints,
-    // https://docs.lost-pixel.com/user-docs/api-reference/mask
-    mask: [{ selector: '.lostpixel-ignore' }],
-  },
-  // @cspell:disable-next-line
-  lostPixelProjectId: 'clldrwk2t4dkena0e4nu2rikp',
-};
-
-export const config: Partial<CustomProjectConfig> & {
-  storybookShots: {
-    breakpoints: number[];
-  };
-} = Object.assign({}, baseConfig, coreConfig);
+import { baseConfig } from '../../lostpixel.base.config';
+import { SCREEN_SIZES } from './src/consts';
+import { CustomProjectConfig } from 'lost-pixel';
+
+const breakpoints = Object.keys(SCREEN_SIZES).map(Number);
+
+const coreConfig: Partial<CustomProjectConfig> & {
+  storybookShots: {
+    breakpoints: number[];
+  };
+} = {
+  storybookShots: {
+    storybookUrl: './packages/core/storybook-static',
+    breakpoints,
+    // https://docs.lost-pixel.com/user-docs/api-reference/mask
+    mask: [{ selector: '.lostpixel-ignore' }],
+  },
+  // @cspell:disable-next-line
+  lostPixelProjectId: 'clldrwk2t4dkena0e4nu2rikp',
+};
+
+export const config: Partial<CustomProjectConfig> & {
+  storybookShots: {
+    breakpoints: number[];
+  };
+} = Object.assign({}, baseConfig, coreConfig);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/core",
-  "version": "0.0.11-alpha",
+  "version": "0.0.12-alpha",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,

package/playwright.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from '@playwright/test';
-import { createConfig } from '../../playwright.base.config';
-
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
-export default defineConfig(createConfig());
+import { defineConfig } from '@playwright/test';
+import { createConfig } from '../../playwright.base.config';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig(createConfig());

package/src/components/AccordionGroup/Accordion.tsx

@@ -1,25 +1,25 @@
-import CardBase from '@components/Card/CardBase';
-import { AccordionViewProps } from './types';
-import { wrapperStyles } from './styles';
-
-export const Accordion = ({
-  title,
-  isOpened,
-  ariaControls,
-  id,
-  size = 'empty',
-  renderTitle,
-  renderContent,
-  onClick,
-  ...rest
-}: AccordionViewProps) => (
-  <CardBase role="region" tabIndex={0} css={wrapperStyles[size]} {...rest}>
-    {renderTitle({ id, isOpened, title, size, ariaControls, onClick })}
-    {renderContent({
-      id: `${ariaControls}`,
-      isOpened,
-      size,
-      ...{ ['aria-labelledby']: `${id}` },
-    })}
-  </CardBase>
-);
+import CardBase from '@components/Card/CardBase';
+import { AccordionViewProps } from './types';
+import { wrapperStyles } from './styles';
+
+export const Accordion = ({
+  title,
+  isOpened,
+  ariaControls,
+  id,
+  size = 'empty',
+  renderTitle,
+  renderContent,
+  onClick,
+  ...rest
+}: AccordionViewProps) => (
+  <CardBase role="region" tabIndex={0} css={wrapperStyles[size]} {...rest}>
+    {renderTitle({ id, isOpened, title, size, ariaControls, onClick })}
+    {renderContent({
+      id: `${ariaControls}`,
+      isOpened,
+      size,
+      ...{ ['aria-labelledby']: `${id}` },
+    })}
+  </CardBase>
+);

package/src/components/AccordionGroup/AccordionContent.tsx

@@ -1,21 +1,21 @@
-import CardContent from '@components/CardContent';
-import { RenderContentProps } from './types';
-import { createContentStyles } from './styles';
-import { useTheme } from '@emotion/react';
-
-export const AccordionContent = ({
-  isOpened,
-  children,
-  size = 'empty',
-  ...rest
-}: RenderContentProps & {
-  children: React.ReactNode;
-}) => {
-  const theme = useTheme();
-  const styles = createContentStyles(theme, isOpened);
-  return (
-    <CardContent css={styles[size]} {...rest}>
-      {children}
-    </CardContent>
-  );
-};
+import CardContent from '@components/CardContent';
+import { RenderContentProps } from './types';
+import { createContentStyles } from './styles';
+import { useTheme } from '@emotion/react';
+
+export const AccordionContent = ({
+  isOpened,
+  children,
+  size = 'empty',
+  ...rest
+}: RenderContentProps & {
+  children: React.ReactNode;
+}) => {
+  const theme = useTheme();
+  const styles = createContentStyles(theme, isOpened);
+  return (
+    <CardContent css={styles[size]} {...rest}>
+      {children}
+    </CardContent>
+  );
+};

package/src/components/AccordionGroup/AccordionContext.tsx

@@ -1,66 +1,66 @@
-import { createContext, useState, useContext } from 'react';
-import { AccordionProps, IAccordionGroupContext } from './types';
-
-export const AccordionGroupContext = createContext<IAccordionGroupContext>(
-  {} as IAccordionGroupContext,
-);
-
-export const useAccordionGroupContext = () => useContext(AccordionGroupContext);
-
-const useAccordionGroup = (): IAccordionGroupContext => {
-  const [openedAccordions, setOpenedAccordions] = useState<AccordionProps[]>(
-    [],
-  );
-  const [stayOpen, setStayOpen] = useState<boolean>(false);
-
-  const toggleOpenedAccordion = (accordion: AccordionProps) => {
-    const isOpened = !!openedAccordions.find(
-      (activeAccordion) => activeAccordion.id === accordion.id,
-    );
-    if (stayOpen) {
-      const newOpenedAccordions = isOpened
-        ? openedAccordions.filter(
-            (activeAccordion) => activeAccordion.id !== accordion.id,
-          )
-        : openedAccordions.concat([accordion]);
-      setOpenedAccordions(newOpenedAccordions);
-    } else {
-      setOpenedAccordions(isOpened ? [] : [accordion]);
-    }
-  };
-
-  return {
-    openedAccordions,
-    stayOpen,
-    setOpenedAccordions,
-    toggleOpenedAccordion,
-    setStayOpen,
-  };
-};
-
-export const AccordionGroupContextProvider = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
-  const {
-    openedAccordions,
-    stayOpen,
-    setOpenedAccordions,
-    toggleOpenedAccordion,
-    setStayOpen,
-  } = useAccordionGroup();
-
-  return (
-    <AccordionGroupContext.Provider
-      value={{
-        openedAccordions,
-        stayOpen,
-        setOpenedAccordions,
-        toggleOpenedAccordion,
-        setStayOpen,
-      }}>
-      {children}
-    </AccordionGroupContext.Provider>
-  );
-};
+import { createContext, useState, useContext } from 'react';
+import { AccordionProps, IAccordionGroupContext } from './types';
+
+export const AccordionGroupContext = createContext<IAccordionGroupContext>(
+  {} as IAccordionGroupContext,
+);
+
+export const useAccordionGroupContext = () => useContext(AccordionGroupContext);
+
+const useAccordionGroup = (): IAccordionGroupContext => {
+  const [openedAccordions, setOpenedAccordions] = useState<AccordionProps[]>(
+    [],
+  );
+  const [stayOpen, setStayOpen] = useState<boolean>(false);
+
+  const toggleOpenedAccordion = (accordion: AccordionProps) => {
+    const isOpened = !!openedAccordions.find(
+      (activeAccordion) => activeAccordion.id === accordion.id,
+    );
+    if (stayOpen) {
+      const newOpenedAccordions = isOpened
+        ? openedAccordions.filter(
+            (activeAccordion) => activeAccordion.id !== accordion.id,
+          )
+        : openedAccordions.concat([accordion]);
+      setOpenedAccordions(newOpenedAccordions);
+    } else {
+      setOpenedAccordions(isOpened ? [] : [accordion]);
+    }
+  };
+
+  return {
+    openedAccordions,
+    stayOpen,
+    setOpenedAccordions,
+    toggleOpenedAccordion,
+    setStayOpen,
+  };
+};
+
+export const AccordionGroupContextProvider = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  const {
+    openedAccordions,
+    stayOpen,
+    setOpenedAccordions,
+    toggleOpenedAccordion,
+    setStayOpen,
+  } = useAccordionGroup();
+
+  return (
+    <AccordionGroupContext.Provider
+      value={{
+        openedAccordions,
+        stayOpen,
+        setOpenedAccordions,
+        toggleOpenedAccordion,
+        setStayOpen,
+      }}>
+      {children}
+    </AccordionGroupContext.Provider>
+  );
+};