@alfalab/core-components-table 3.0.1 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-table",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -12,7 +12,7 @@
     "dependencies": {
         "@alfalab/core-components-button": "^12.0.1",
         "@alfalab/core-components-pagination": "^3.0.1",
-        "@alfalab/core-components-select": "^18.0.1",
+        "@alfalab/core-components-select": "^18.1.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },
@@ -24,6 +24,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

package/src/components/pagination/Component.tsx

@@ -1,12 +1,12 @@
-import React, { FC, useCallback, useContext, useMemo } from 'react';
+import React, { type FC, useCallback, useContext, useMemo } from 'react';
 import cn from 'classnames';
 
 import {
     Pagination as CorePagination,
-    PaginationProps as CorePaginationProps,
+    type PaginationProps as CorePaginationProps,
 } from '@alfalab/core-components-pagination';
-import { SelectDesktop, SelectDesktopProps } from '@alfalab/core-components-select/desktop';
-import { BaseSelectChangePayload } from '@alfalab/core-components-select/shared';
+import { SelectDesktop, type SelectDesktopProps } from '@alfalab/core-components-select/desktop';
+import { type BaseSelectChangePayload } from '@alfalab/core-components-select/shared';
 
 import { TableContext } from '../table-context';
 

package/src/components/pagination/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     position: sticky;

package/src/components/pagination/select-field/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .field {
     & svg {

package/src/components/pagination/select-field/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
 
-import { Button, ButtonProps } from '@alfalab/core-components-button';
-import { SelectProps } from '@alfalab/core-components-select';
+import { Button, type ButtonProps } from '@alfalab/core-components-button';
+import { type SelectProps } from '@alfalab/core-components-select';
 
 import styles from './index.module.css';
 

package/src/components/table/Component.tsx

@@ -1,7 +1,13 @@
-import React, { forwardRef, ReactNode, TableHTMLAttributes, useMemo, useRef } from 'react';
+import React, {
+    forwardRef,
+    type ReactNode,
+    type TableHTMLAttributes,
+    useMemo,
+    useRef,
+} from 'react';
 import cn from 'classnames';
 
-import { ColumnConfiguration, TableContext } from '../table-context';
+import { type ColumnConfiguration, TableContext } from '../table-context';
 
 import { findAllHeadCellsProps } from './utils';
 

package/src/components/table/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     box-sizing: border-box;

package/src/components/table/utils.ts

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { isChildInstanceOf } from '../../utils';
 import { THead } from '../thead';
-import { THeadCellProps } from '../thead-cell';
+import { type THeadCellProps } from '../thead-cell';
 
 export function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {
     const result: THeadCellProps[] = [];

package/src/components/table-context/{index.tsx → index.ts}

@@ -1,6 +1,6 @@
-import React, { RefObject } from 'react';
+import { createContext, type RefObject } from 'react';
 
-import { TextAlignProperty } from '../../typings';
+import { type TextAlignProperty } from '../../typings';
 
 export type ColumnConfiguration = {
     width?: string | number;
@@ -25,4 +25,4 @@ export const DEFAULT_TABLE_CONTEXT: TableContextType = {
     wrapperRef: { current: null },
 };
 
-export const TableContext = React.createContext<TableContextType>(DEFAULT_TABLE_CONTEXT);
+export const TableContext = createContext<TableContextType>(DEFAULT_TABLE_CONTEXT);

package/src/components/tbody/Component.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, HTMLAttributes } from 'react';
+import React, { forwardRef, type HTMLAttributes } from 'react';
 import cn from 'classnames';
 
 import styles from './index.module.css';

package/src/components/tbody/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     width: 100%;

package/src/components/tcell/Component.tsx

@@ -1,4 +1,4 @@
-import React, { TdHTMLAttributes, useContext } from 'react';
+import React, { type TdHTMLAttributes, useContext } from 'react';
 import cn from 'classnames';
 
 import { TableContext } from '../table-context';

package/src/components/tcell/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     @mixin paragraph_primary_small;

package/src/components/texpandable-row/Component.tsx

@@ -1,7 +1,7 @@
-import React, { forwardRef, ReactNode, Ref, useState } from 'react';
+import React, { forwardRef, type ReactNode, type Ref, useState } from 'react';
 import cn from 'classnames';
 
-import { TRow, TRowProps } from '../trow';
+import { TRow, type TRowProps } from '../trow';
 
 import styles from './index.module.css';
 
@@ -35,7 +35,7 @@ export const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProp
 
         const uncontrolled = expanded === undefined;
 
-        const isExpanded = (uncontrolled ? expandedState : expanded) as boolean;
+        const isExpanded = uncontrolled ? expandedState : expanded;
 
         const handleToggle = () => {
             if (uncontrolled) {

package/src/components/texpandable-row/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .row {
     cursor: pointer;

package/src/components/thead/Component.tsx

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 import cn from 'classnames';
 
 import styles from './index.module.css';

package/src/components/thead/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     position: relative;

package/src/components/thead-cell/Component.tsx

@@ -1,7 +1,7 @@
-import React, { ThHTMLAttributes, useContext } from 'react';
+import React, { type ThHTMLAttributes, useContext } from 'react';
 import cn from 'classnames';
 
-import { TextAlignProperty } from '../../typings';
+import { type TextAlignProperty } from '../../typings';
 import { TableContext } from '../table-context';
 
 import styles from './index.module.css';

package/src/components/thead-cell/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     @mixin paragraph_caps;

package/src/components/trow/Component.tsx

@@ -1,7 +1,7 @@
-import React, { forwardRef, HTMLAttributes } from 'react';
+import React, { forwardRef, type HTMLAttributes } from 'react';
 import cn from 'classnames';
 
-import { TCell, TCellProps } from '../tcell';
+import { type TCell, type TCellProps } from '../tcell';
 
 import styles from './index.module.css';
 

package/src/components/trow/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     padding-top: 1px;

package/src/components/tsortable-head-cell/Component.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import cn from 'classnames';
 
-import { THeadCell, THeadCellProps } from '../thead-cell';
+import { THeadCell, type THeadCellProps } from '../thead-cell';
 
 import { SortIconAsc } from './sort-icon-asc';
 import { SortIconDesc } from './sort-icon-desc';

package/src/components/tsortable-head-cell/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .content {
     display: flex;

package/src/components/tsortable-head-cell/sort-icon-asc.tsx

@@ -1,4 +1,4 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 
 export const SortIconAsc: React.FC<SVGProps<SVGSVGElement>> = (props) => (
     <svg

package/src/components/tsortable-head-cell/sort-icon-desc.tsx

@@ -1,4 +1,4 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 
 export const SortIconDesc: React.FC<SVGProps<SVGSVGElement>> = (props) => (
     <svg

package/src/components/tsortable-head-cell/sort-icon-unset.tsx

@@ -1,4 +1,4 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 
 export const SortIconUnset: React.FC<SVGProps<SVGSVGElement>> = (props) => (
     <svg