Merge pull request #562 from sebgroup/develop

Develop

lib/rollup.config.js

@@ -16,6 +16,8 @@ const defaults = {
     external: [...Object.keys(pkg.peerDependencies || {}), ...Object.keys(pkg.dependencies || {}), ...Object.keys(commonPkg.dependencies || {})],
 };
 
+const resolveOnly = [new RegExp(`^((?!${defaults.external.map((item) => `(${item})`).join("|")}).)*$`, "g")];
+
 export default [
     {
         ...defaults,
@@ -32,7 +34,7 @@ export default [
                     },
                 ],
             }),
-            resolve(),
+            resolve({ resolveOnly }),
             commonjs(),
         ],
         output: {
@@ -61,7 +63,7 @@ export default [
                 ],
             }),
             typescript({ compilerOptions: { declarationDir: "dist/esm", outDir: "dist/esm" } }),
-            resolve(),
+            resolve({ resolveOnly }),
             commonjs(),
         ],
         output: {

lib/src/Accordion/Accordion.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import classnames from "classnames";
 import { AccordionItemProps } from "./AccordionItem";
 import "./accordion.scss";

lib/src/Accordion/AccordionItem.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Collapse } from "../Collapse/Collapse";
 import classnames from "classnames";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 
 export type AccordionItemProps = JSX.IntrinsicElements["div"] & {
     /** The header of the accordion item */

lib/src/Carousel/Carousel.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import classnames from "classnames";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import { CarouselItemProps, AfterSlideEvent } from "./CarouselItem";
 import { CarouselIndicators } from "./CarouselIndicators";
 import { CarouselNavs } from "./CarouselNavs";

lib/src/Carousel/CarouselIndicators.test.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { act } from "react-dom/test-utils";
 import { unmountComponentAtNode, render } from "react-dom";
 import { CarouselIndicators } from "./CarouselIndicators";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 
 describe("Component: Carousel", () => {
     let container: HTMLDivElement = null;

lib/src/Carousel/CarouselNavs.test.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { act, Simulate } from "react-dom/test-utils";
 import { unmountComponentAtNode, render } from "react-dom";
 import { CarouselNavs, CarouselNavsProps } from "./CarouselNavs";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 
 describe("Component: Carousel", () => {
     let container: HTMLDivElement = null;

lib/src/Checkbox/Checkbox.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import classnames from "classnames";
 import { FeedbackIndicator, Indicator } from "../FeedbackIndicator/FeedbackIndicator";
 import "./checkbox.scss";

lib/src/Dropdown/CustomDropdownItem.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import classnames from "classnames";
 
 export type CustomDropdownItemProps = JSX.IntrinsicElements["input"] & {

lib/src/Dropdown/Dropdown.tsx

@@ -1,10 +1,10 @@
 import React from "react";
 import { createPortal } from "react-dom";
 import classnames from "classnames";
-import { useCombinedRefs } from "../hooks";
+import { useCombinedRefs } from "../hooks/useCombinedRef";
 import { CloseButton } from "../CloseButton";
 import { CustomDropdownItem } from "./CustomDropdownItem";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import "./dropdown.scss";
 
 export interface DropdownText {

lib/src/RadioButton/RadioButton.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import classnames from "classnames";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import { FeedbackIndicator, Indicator } from "../FeedbackIndicator";
 import "./radio-button.scss";
 

lib/src/Stepper/Stepper.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import classnames from "classnames";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import { FeedbackIndicator, Indicator } from "../FeedbackIndicator";
 import "./stepper.scss";
 

lib/src/Table/parts/TableRow.tsx

@@ -4,7 +4,7 @@ import { Checkbox } from "../../Checkbox";
 import { TableContext } from "../TableContextProvider";
 import { TableHeaderCell, TableHeaderCellProps } from "./TableHeaderCell";
 import { TableCell, TableCellProps } from "./TableCell";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 
 export type TableRowProps<T = any> = JSX.IntrinsicElements["tr"] & {
     checked?: boolean;

lib/src/Textarea/Textarea.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import classnames from "classnames";
 import { FeedbackIndicator, Indicator } from "../FeedbackIndicator";
 import "./textarea.scss";

lib/src/Textbox/Textbox.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import classnames from "classnames";
 import { FeedbackIndicator, Indicator } from "../FeedbackIndicator";
 import "./textbox.scss";

lib/src/Toggle/Toggle.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import classnames from "classnames";
 import "./toggle.scss";
 

lib/src/ToggleSelector/ToggleSelector.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import classnames from "classnames";
 import { ToggleSelectorItemProps } from "./ToggleSelectorItem";
 import { FeedbackIndicator, Indicator } from "../FeedbackIndicator";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import "./toggle-selector.scss";
 
 interface ToggleSelectorSingleProps {

lib/src/ToggleSelector/ToggleSelectorItem.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import classnames from "classnames";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import "./toggle-selector-item.scss";
 
 export type ToggleSelectorItemProps = JSX.IntrinsicElements["input"] & {

lib/src/Tooltip/Tooltip.tsx

@@ -1,6 +1,6 @@
-import React, { Children } from "react";
+import React from "react";
 import { ElementPosition } from "./placement";
-import { randomId } from "@sebgroup/frontend-tools";
+import { randomId } from "@sebgroup/frontend-tools/randomId";
 import { Overlay } from "./Overlay";
 import classnames from "classnames";
 import "./tooltip.scss";

lib/src/hooks/useDynamicForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState, ReactNode, useMemo, useCallback } from "react";
+import React, { useState, ReactNode, useCallback } from "react";
 import classnames from "classnames";
 
 import { Checkbox } from "../Checkbox";