@indico-data/design-system 1.0.4 → 1.0.6

package/src/components/basic-section/SectionTable/SectionTable.tsx

@@ -3,7 +3,9 @@
 import React, { useState } from 'react';
 import classNames from 'classnames';
 
-import { Icon, BorderSelect, IconName } from '@/components';
+import { IconName } from '@/types';
+import { Icon } from '@/components/Icon';
+import { BorderSelect } from '@/components/dropdowns';
 
 import { StyledSectionTable } from './SectionTable.styles';
 

package/src/components/buttons/Button/Button.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 
 import classNames from 'classnames';
 
-import { CircleSpinner } from '@/components';
+import { CircleSpinner } from '@/components/loading-indicators';
 import { PermafrostComponent } from '@/types';
 import { StyledButton } from './Button.styles';
 

package/src/components/buttons/IconButton/IconButton.tsx

@@ -6,7 +6,9 @@ import { useButton } from '@react-aria/button';
 import { useFocusRing } from '@react-aria/focus';
 import { AriaButtonProps } from '@react-types/button';
 
-import { Icon, IconName, CircleSpinner } from '@/components';
+import { IconName } from '@/types';
+import { Icon } from '@/components/Icon';
+import { CircleSpinner } from '@/components/loading-indicators';
 import { PermafrostComponent } from '@/types';
 import { ButtonSize, ButtonVariant } from '../types';
 
@@ -95,6 +97,7 @@ export function IconButton(props: Props) {
 
   if (isLink && !isDisabled) {
     return (
+      //@ts-ignore
       <StyledIconButtonLink {...commonProps} to={isLink}>
         {iconElement} {labelElement}
       </StyledIconButtonLink>

package/src/components/dropdowns/Select/Select.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { v4 as uuid } from 'uuid';
 
-import { Icon } from '@/components';
+import { Icon } from '@/components/Icon';
 import { PermafrostComponent } from '@/types';
 
 import { StyledSelect } from './Select.styles';

package/src/components/dropdowns/SingleCombobox/SingleCombobox.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { components } from 'react-select';
 
-import { Icon } from '@/components';
+import { Icon } from '@/components/Icon';
 import { PermafrostComponent } from '@/types';
 import { addCustomProps } from '../utils';
 

package/src/components/index.ts

@@ -1,9 +1,17 @@
-export * from './buttons';
-export * from './dropdowns';
-export * from './inputs';
-export * from './Icon';
-export * from './loading-indicators';
-export * from './basic-section';
-export * from './user-feedback';
-export * from './Accordion';
-export * from './Pagination';
+export { Accordion } from './Accordion';
+export { Section, SectionBlock, SectionBody, SectionHeader, SectionTable } from './basic-section';
+export { Button, IconButton } from './buttons';
+export { BorderSelect, MultiCombobox, Select, SingleCombobox } from './dropdowns';
+export { Icon } from './Icon';
+export { EditableInput, NumberInput, SearchInput, TextInput } from './inputs';
+export {
+  BarSpinner,
+  CirclePulse,
+  CircleSpinner,
+  LoadingList,
+  PercentageRing,
+  RandomLoadingMessage,
+} from './loading-indicators';
+export { ListTable } from './ListTable';
+export { Pagination } from './Pagination';
+export { Shrug } from './user-feedback';

package/src/components/inputs/EditableInput/EditableInput.tsx

@@ -8,7 +8,7 @@ import classNames from 'classnames';
 
 import { stringUtils } from '@indico-data/utils';
 
-import { Icon } from '@/components';
+import { Icon } from '@/components/Icon';
 import { PermafrostComponent } from '@/types';
 
 import { StyledEditableInput } from './EditableInput.styles';

package/src/components/inputs/NumberInput/NumberInput.tsx

@@ -4,7 +4,8 @@ import React, { ChangeEvent, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { v4 as uuid } from 'uuid';
 
-import { Button, Icon } from '@/components';
+import { Button } from '@/components/buttons';
+import { Icon } from '@/components/Icon';
 import { PermafrostComponent } from '@/types';
 
 import { StyledNumberField } from './NumberInput.styles';

package/src/components/inputs/SearchInput/SearchInput.tsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import { v4 as uuid } from 'uuid';
 
-import { Icon } from '@/components';
+import { Icon } from '@/components/Icon';
 import { PermafrostComponent } from '@/types';
 
 import { StyledSearchField } from './SearchInput.styles';

package/src/components/user-feedback/Shrug/Shrug.tsx

@@ -3,7 +3,8 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-import { Button, Icon } from '@/components';
+import { Button } from '@/components/buttons';
+import { Icon } from '@/components/Icon';
 import { PermafrostComponent } from '@/types';
 
 import { StyledShrug } from './Shrug.styles';

package/src/index.ts

@@ -1 +1,28 @@
-export * from './components';
+export {
+  Accordion,
+  BarSpinner,
+  BorderSelect,
+  Button,
+  CirclePulse,
+  CircleSpinner,
+  EditableInput,
+  Icon,
+  IconButton,
+  ListTable,
+  LoadingList,
+  MultiCombobox,
+  NumberInput,
+  Pagination,
+  PercentageRing,
+  RandomLoadingMessage,
+  SearchInput,
+  Section,
+  SectionBlock,
+  SectionBody,
+  SectionHeader,
+  SectionTable,
+  Select,
+  Shrug,
+  SingleCombobox,
+  TextInput,
+} from './components';

package/src/types.ts

@@ -1,3 +1,13 @@
+import { faIcons } from '../src/components/Icon/faIcons';
+import { indicons } from '../src/components/Icon/indicons';
+
+const allIcons = {
+  ...faIcons,
+  ...indicons,
+} as const;
+
+export type IconName = keyof typeof allIcons;
+
 export type PermafrostComponent = {
   id?: string;
   className?: string;

package/tsconfig.json

@@ -1,15 +1,27 @@
 {
   "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "src",
     "target": "es6",
-    "jsx": "react",
+    "outDir": "lib",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "declaration": true,
+    "declarationDir": "lib",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
     "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react",
     "baseUrl": "./",
     "paths": {
       "@/*": ["src/*"]
     }
   },
-  "include": ["./src/**/*"]
+  "include": ["./src/**/*"],
+  "exclude": ["node_modules", "lib"]
 }