linear-react-components-ui 0.4.77-beta.25 → 0.4.77-beta.27

package/lib/treeview/index.js

@@ -68,7 +68,8 @@ var TreeView = function TreeView(props) {
       allowCheckAllChildren = props.allowCheckAllChildren,
       onSelectedIdsChange = props.onSelectedIdsChange,
       idsInLoading = props.idsInLoading,
-      startNodesOpened = props.startNodesOpened,
+      _props$startNodesOpen = props.startNodesOpened,
+      startNodesOpened = _props$startNodesOpen === void 0 ? false : _props$startNodesOpen,
       alwaysShowArrow = props.alwaysShowArrow,
       nodeElementsValidations = props.nodeElementsValidations,
       nodeRightElements = props.nodeRightElements,
@@ -95,8 +96,9 @@ var TreeView = function TreeView(props) {
       setCurrentSelectedIds = _useState4[1];
 
   var _useState5 = (0, _react.useState)(selectedIds),
-      _useState6 = _slicedToArray(_useState5, 1),
-      propSelectedIds = _useState6[0];
+      _useState6 = _slicedToArray(_useState5, 2),
+      propSelectedIds = _useState6[0],
+      setPropSelectedIds = _useState6[1];
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
@@ -260,7 +262,7 @@ var TreeView = function TreeView(props) {
     var remainSelectedIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var newSelectedIds = remainSelectedIds.length > 0 ? remainSelectedIds : currentSelectedIds;
     var childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
-    newSelectedIds = currentSelectedIds.filter(function (selectedId) {
+    newSelectedIds = newSelectedIds.filter(function (selectedId) {
       return !childrenIds.includes(selectedId);
     });
     setIsHandlingSelectedIds(false);
@@ -288,18 +290,18 @@ var TreeView = function TreeView(props) {
     setAlreadyOpenedIds(newAlreadyOpenedIds);
   };
 
-  var handleCheck = function handleCheck(nodeId, isParent) {
+  var handleCheck = function handleCheck(nodeId, handlingSelectedIds, isParent) {
     var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
     var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos));
 
-    if (isParent && isHandlingSelectedIds && allowCheckAllChildren) {
+    if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
       if (allowCheckAllAncestry) {
         var _checkAllAncestry = checkAllAncestry(nodeId, codigos, true),
             updatedIdsWithAncestryIds = _checkAllAncestry.updatedIdsWithAncestryIds,
             requiredParents = _checkAllAncestry.requiredParentsIds;
 
-        var updatedIdsWithChidlrenIds = checkAllChildren(nodeId, true, requiredParents);
-        newSelectedIds = [].concat(_toConsumableArray(updatedIdsWithAncestryIds), _toConsumableArray(updatedIdsWithChidlrenIds));
+        var updatedIdsWithChildrenIds = checkAllChildren(nodeId, true, requiredParents);
+        newSelectedIds = [].concat(_toConsumableArray(updatedIdsWithAncestryIds), _toConsumableArray(updatedIdsWithChildrenIds));
       } else newSelectedIds = checkAllChildren(nodeId);
     } else if (allowCheckAllAncestry) {
       newSelectedIds = checkAllAncestry(nodeId, codigos).updatedIdsWithAncestryIds;
@@ -308,13 +310,13 @@ var TreeView = function TreeView(props) {
     return newSelectedIds;
   };
 
-  var handleUncheck = function handleUncheck(nodeId, isParent, required) {
+  var handleUncheck = function handleUncheck(nodeId, handlingSelectedIds, isParent, required) {
     var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
     var newSelectedIds = currentSelectedIds.filter(function (id) {
       return !codigos.includes(id);
     });
 
-    if (isParent && isHandlingSelectedIds && allowCheckAllChildren) {
+    if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
       if (allowCheckAllAncestry) {
         var updatedSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
         newSelectedIds = uncheckAllChildren(nodeId, updatedSelectedIds);
@@ -329,13 +331,14 @@ var TreeView = function TreeView(props) {
 
   var updateSelectedIds = function updateSelectedIds(nodeId, checked, isParent) {
     var required = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    var handlingSelectedIds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : isHandlingSelectedIds;
 
     var newSelectedIds = _toConsumableArray(currentSelectedIds);
 
     if (checked) {
-      newSelectedIds = handleCheck(nodeId, isParent);
+      newSelectedIds = handleCheck(nodeId, handlingSelectedIds, isParent);
     } else {
-      newSelectedIds = handleUncheck(nodeId, isParent, required);
+      newSelectedIds = handleUncheck(nodeId, handlingSelectedIds, isParent, required);
     }
 
     setCurrentSelectedIds(newSelectedIds);
@@ -345,7 +348,7 @@ var TreeView = function TreeView(props) {
   var toggleCheckChildren = function toggleCheckChildren(nodeId, check) {
     var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     setIsHandlingSelectedIds(true);
-    updateSelectedIds(nodeId, check, true, required);
+    updateSelectedIds(nodeId, check, true, required, true);
   };
 
   var buildTree = function buildTree(node, parentId, ids) {
@@ -367,7 +370,7 @@ var TreeView = function TreeView(props) {
       key: "node-".concat(node.id),
       node: node,
       idsInLoading: idsInLoading,
-      startNodesOpened: !!startNodesOpened,
+      startNodesOpened: startNodesOpened,
       alwaysShowArrow: alwaysShowArrow,
       childrenIds: childrenIds,
       isParent: node.itens && node.itens.length > 0,
@@ -406,21 +409,25 @@ var TreeView = function TreeView(props) {
   };
 
   (0, _react.useEffect)(function () {
-    var isSameSelectedIds = _lodash.default.isEqual(currentSelectedIds.sort(), selectedIds.sort());
+    var isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
 
-    if (enableDynamicData && data !== props.data) {
+    if (enableDynamicData && props.data !== data) {
       setData(props.data);
     } else if (!isSameSelectedIds) {
       setCurrentSelectedIds(selectedIds);
+      setPropSelectedIds(selectedIds);
     }
   }, [selectedIds.length, props.data]);
   (0, _react.useEffect)(function () {
-    var isDifferentSelectedIds = !_lodash.default.isEqual(selectedIds.sort(), propSelectedIds.sort());
-
-    if (allowCheckAllAncestry && (!selectedIdsUpdatedOnMount || isDifferentSelectedIds)) {
-      handleNewSelectedIds(selectedIds);
+    if (allowCheckAllAncestry && !selectedIdsUpdatedOnMount) {
+      handleNewSelectedIds(currentSelectedIds);
+    }
+  }, [currentSelectedIds]);
+  (0, _react.useEffect)(function () {
+    if (allowCheckAllAncestry) {
+      handleNewSelectedIds(currentSelectedIds);
     }
-  }, [currentSelectedIds.length]);
+  }, [propSelectedIds]);
   (0, _react.useEffect)(function () {
     buildTree(data, undefined, idsWithChildren);
   }, []);

package/lib/treeview/types.d.ts

@@ -0,0 +1,104 @@
+import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { Size } from '../@types/Size.js';
+
+declare type NodeItem<T = void> = T & {
+    id: number;
+    itens?: NodeItem<T>[];
+    statusEnum?: {
+        id: number | string;
+    };
+};
+interface IValidator<T = void> {
+    validator: (node: NodeItem<T>) => boolean;
+    applyBehavior?: 'unvisible' | 'disabled';
+}
+interface INodeElementsValidations<T = void> {
+    [key: string]: IValidator<T>[];
+}
+interface INodeValidationProps {
+    validationKey: string | null;
+    onNodeElementClick: (node: any) => void;
+    visible: boolean;
+}
+interface ITreeviewProps {
+    data: object;
+    valuePropName: string;
+    labelPropName: string;
+    parentPropName: string;
+    customClass?: string;
+    bordered?: boolean;
+    startNodesOpened?: boolean;
+    alwaysShowArrow?: boolean;
+    selectedIds?: number[];
+    requiredIds?: number[] | string[];
+    showCheckBox?: boolean;
+    onSelectedIdsChange?: (value: any) => void;
+    children?: ReactNode;
+    styleForContainer?: CSSProperties;
+    allowCheckAllChildren?: boolean;
+    allowCheckAllAncestry?: boolean;
+    defaultDisabledTooltip?: string;
+    nodeRightElements?: ReactElement<INodeValidationProps>[];
+    nodeToolbarElements?: ReactElement<INodeValidationProps>[];
+    nodeMenuButtonSize?: Size;
+    onNodeClick?: () => void;
+    onNodeOpen?: (value: any) => void;
+    nodeElementsValidations?: INodeElementsValidations<any>;
+    enableDynamicData?: boolean;
+    idsInLoading?: number[];
+    selectedNodeId?: number;
+}
+interface ITreeNodeProps {
+    node: any;
+    children: ReactNode;
+    startNodesOpened: boolean;
+    childrenIds?: number[];
+    parentId?: number;
+    disabled?: boolean;
+    isParent?: boolean;
+    alwaysShowArrow?: boolean;
+    nodeRightElements?: ReactElement<INodeValidationProps>[];
+    nodeToolbarElements?: ReactElement<INodeValidationProps>[];
+    nodeMenuButtonSize?: Size;
+    onNodeClick?: (node: any) => void;
+    handlerOnNodeOpen?: (node: any) => void;
+    nodeElementsValidations?: INodeElementsValidations;
+    idsInLoading?: number[];
+    selectedNodeId?: number;
+}
+interface ITreeHeaderProps {
+    title?: string;
+    customClass?: string;
+    children?: ReactNode;
+}
+interface ITreeViewContext extends ITreeviewProps {
+    requiredIds: number[] | string[];
+    selectedIds?: number[];
+    isHandlingSelectedIds: boolean;
+    selectedIdsUpdatedOnMount: boolean;
+    requiredParentsIds: number[] | string[];
+    alreadyOpenedIds: number[];
+    handlerUpdateSelectedIds: (nodeId: number, checked: boolean, isParent: boolean, required?: boolean, handling?: boolean) => void;
+    handlerToggleCheckChildren: (nodeId: number, check: boolean, required?: boolean) => void;
+    disabled?: boolean;
+}
+declare type ItensMock = {
+    id?: number;
+    titulo: string;
+    codigo: string;
+    permissoes?: {
+        codigo: string;
+    }[];
+    itens: ItensMock[];
+};
+interface IDataMock {
+    id: number;
+    titulo: string;
+    codigo: string;
+    permissoes: {
+        codigo: string;
+    }[];
+    itens: ItensMock[];
+}
+
+export { IDataMock, INodeElementsValidations, INodeValidationProps, ITreeHeaderProps, ITreeNodeProps, ITreeViewContext, ITreeviewProps, IValidator, NodeItem };

package/lib/types-3c6f1c20.d.ts

@@ -0,0 +1,46 @@
+import React__default, { ReactNode, ReactElement } from 'react';
+import { PermissionAttr } from './@types/PermissionAttr.js';
+import ColorStyles from './internals/colorStyles.js';
+
+declare function numberAroundZeroAndOne({ props, propName, componentName }: IParameterFunction): Error | null;
+declare const PanelContext: React__default.Context<ContextProps>;
+
+interface IPanelProps {
+    customClass?: string;
+    startOpened?: boolean;
+    toggleable?: boolean;
+    children?: ReactNode;
+    style?: object;
+    colorStyle?: typeof ColorStyles | '' | string;
+    gridCols?: string;
+    title?: string;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: typeof numberAroundZeroAndOne | number;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+}
+interface IPanelHeaderProps {
+    title?: string;
+    children?: ReactElement;
+    icon?: ReactElement;
+    titleIcon?: string;
+    customClass?: string;
+    style?: object;
+    styleForTitle?: object;
+    customClassForTitle?: string;
+    headerColored?: boolean;
+}
+declare type ContextProps = {
+    toggleable: boolean;
+    handlerToggleable: () => void;
+    opened: boolean;
+    hideContent: boolean;
+    onEndReached?: () => void;
+    onEndReachedThreshold: number;
+};
+interface IParameterFunction {
+    props: any;
+    propName: string | number;
+    componentName: string;
+}
+
+export { ContextProps as C, IPanelProps as I, PanelContext as P, IPanelHeaderProps as a, IParameterFunction as b, numberAroundZeroAndOne as n };

package/lib/uitour/helpers.d.ts

@@ -0,0 +1,8 @@
+declare const ARROW_WIDTH = 26;
+declare const ARROW_HEIGHT = 20;
+declare const STEP_POSITIONS: {
+    right: string;
+    left: string;
+};
+
+export { ARROW_HEIGHT, ARROW_WIDTH, STEP_POSITIONS };

package/lib/uitour/index.d.ts

@@ -0,0 +1,6 @@
+import { IUITourProps } from './types.js';
+import './helpers.js';
+
+declare const UiTour: (props: IUITourProps) => JSX.Element | null;
+
+export { UiTour as default };

package/lib/uitour/index.js

@@ -9,16 +9,12 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _buttons = _interopRequireWildcard(require("../buttons"));
 
 require("../assets/styles/uitour.scss");
 
 var _helpers = require("./helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -42,9 +38,12 @@ var UiTour = function UiTour(props) {
       nextButtonLabel = props.nextButtonLabel,
       backButtonLabel = props.backButtonLabel,
       finishButtonLabel = props.finishButtonLabel,
-      showCloseButton = props.showCloseButton,
-      showBackButton = props.showBackButton,
-      visible = props.visible,
+      _props$showCloseButto = props.showCloseButton,
+      showCloseButton = _props$showCloseButto === void 0 ? true : _props$showCloseButto,
+      _props$showBackButton = props.showBackButton,
+      showBackButton = _props$showBackButton === void 0 ? true : _props$showBackButton,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
       onFinish = props.onFinish;
 
   var _useState = (0, _react.useState)(undefined),
@@ -82,13 +81,13 @@ var UiTour = function UiTour(props) {
       stepPosition = _useState14[0],
       setStepPosition = _useState14[1];
 
-  var stepRef = (0, _react.useRef)();
-  var descriptionRef = (0, _react.useRef)();
+  var stepRef = (0, _react.useRef)(null);
+  var descriptionRef = (0, _react.useRef)(null);
 
   var handleNextStep = function handleNextStep() {
     if (hasNextStep) {
       var currentStepIndex = data.findIndex(function (item) {
-        return item.id === currentStep.id;
+        return item.id === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id);
       });
       var nextStep = data[currentStepIndex + 1];
       var nextStepIndex = data.findIndex(function (item) {
@@ -107,7 +106,7 @@ var UiTour = function UiTour(props) {
   var handleBackStep = function handleBackStep() {
     if (hasBackStep) {
       var currentStepIndex = data.findIndex(function (item) {
-        return item.id === currentStep.id;
+        return item.id === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id);
       });
       var backStep = data[currentStepIndex - 1];
       var backStepIndex = data.findIndex(function (item) {
@@ -133,7 +132,7 @@ var UiTour = function UiTour(props) {
       var stepRect = stepRef.current.getBoundingClientRect();
       var windowWidth = window.innerWidth;
 
-      if (stepRect.right >= windowWidth || currentStep.position === _helpers.STEP_POSITIONS.right) {
+      if (stepRect.right >= windowWidth || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.position) === _helpers.STEP_POSITIONS.right) {
         setStepPosition(_helpers.STEP_POSITIONS.right);
         setStepDimensions({
           top: target.top - _helpers.ARROW_HEIGHT,
@@ -251,21 +250,5 @@ var UiTour = function UiTour(props) {
   }))));
 };
 
-UiTour.propTypes = {
-  data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  nextButtonLabel: _propTypes.default.string.isRequired,
-  backButtonLabel: _propTypes.default.string.isRequired,
-  finishButtonLabel: _propTypes.default.string.isRequired,
-  showCloseButton: _propTypes.default.bool,
-  showBackButton: _propTypes.default.bool,
-  visible: _propTypes.default.bool,
-  onFinish: _propTypes.default.func
-};
-UiTour.defaultProps = {
-  showCloseButton: true,
-  showBackButton: true,
-  visible: true,
-  onFinish: undefined
-};
 var _default = UiTour;
 exports.default = _default;

package/lib/uitour/types.d.ts

@@ -0,0 +1,30 @@
+import { STEP_POSITIONS } from './helpers.js';
+
+declare type UITourData = {
+    id: string | number;
+    targetId: string;
+    title: string;
+    description: string;
+    position?: keyof typeof STEP_POSITIONS;
+};
+interface CurrentStep extends UITourData {
+    number: number;
+}
+interface StepDimensions {
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+}
+interface IUITourProps {
+    data: UITourData[];
+    nextButtonLabel: string;
+    backButtonLabel: string;
+    finishButtonLabel: string;
+    showCloseButton?: boolean;
+    showBackButton?: boolean;
+    visible?: boolean;
+    onFinish: (value: boolean) => void;
+}
+
+export { CurrentStep, IUITourProps, StepDimensions, UITourData };

package/lib/uitour/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.77-beta.25",
+  "version": "0.4.77-beta.27",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
+  "module": "lib/index.cjs",
   "scripts": {
-    "lib": "babel src/lib/ -d lib/ --extensions \".js,.jsx,.ts,.tsx\" && babel src/lib/assets -d lib/assets --copy-files",
+    "lib": "babel src/lib/ -d lib/ --extensions \".js,.jsx,.ts,.tsx\" --ignore **/*.spec.tsx && babel src/lib/assets -d lib/assets --copy-files && npm run lib:types",
+    "lib:types": "tsup --dts-only --dts --external react",
     "lib:watch": "babel src/lib -w -d lib/ ",
     "demo": "node scripts/start.js",
     "demo:prod": "webpack -p",
@@ -33,6 +35,8 @@
     "@babel/preset-env": "^7.0.0-beta.36",
     "@babel/preset-react": "^7.0.0-beta.36",
     "@babel/preset-typescript": "^7.16.7",
+    "@es-pack/esbuild-sass-plugin": "^2.0.1",
+    "@swc/core": "^1.3.14",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@types/lodash": "^4.14.182",
@@ -41,14 +45,19 @@
     "@types/react-dev-utils": "^9.0.10",
     "@types/react-dom": "^18.0.5",
     "@types/react-router-dom": "^5.3.3",
+    "@types/react-syntax-highlighter": "^15.5.5",
+    "@types/react-transition-group": "^4.4.5",
     "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.23.0",
     "babel-eslint": "^7.2.3",
     "babel-jest": "^27.0.5",
-    "babel-loader": "^8.0.0-beta.0",
+    "babel-loader": "^9.1.0",
     "babel-polyfill": "^6.26.0",
     "css-loader": "^0.28.8",
+    "esbuild": "^0.15.13",
+    "esbuild-plugin-babel": "^0.2.3",
+    "esbuild-plugin-sass": "^1.0.1",
     "eslint": "^8.15.0",
     "eslint-config-airbnb": "16.1.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
@@ -66,6 +75,7 @@
     "react-dom": "^16.14.0",
     "react-transition-group": "^4.3.0",
     "style-loader": "^0.23.1",
+    "tsup": "^6.4.0",
     "typescript": "^4.6.4"
   },
   "author": "Deivisson Bruno <deivisson.bruno@linearsistemas.com.br>",
@@ -83,11 +93,11 @@
     "init": "^0.1.2",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
-    "node-sass": "^4.13.0",
     "prop-types": "^15.7.2",
     "react-dev-utils": "^12.0.0",
     "react-router-dom": "^5.1.2",
-    "react-syntax-highlighter": "^6.1.1",
+    "react-syntax-highlighter": "^15.5.0",
+    "sass": "^1.56.0",
     "sass-loader": "^7.3.1",
     "semver": "^7.3.5",
     "uuid": "^3.3.3",

package/tsconfig.json

@@ -1,17 +1,32 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
-    "jsx": "react-jsx",
-    "noEmit": true,
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    "moduleResolution": "node",
     "allowSyntheticDefaultImports": true,
+    "baseUrl": ".",
+    "declaration": true,
     "esModuleInterop": true,
-    "strict": true,
-    "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "lib": [
+        "dom",
+        "dom.iterable",
+        "esnext"
+    ],
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "target": "es2018"
   },
-  "include": ["src", "images.d.ts"]
+  "exclude": [
+    "!node_modules/@types",
+    "node_modules",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts"
+  ],
+  "include": ["src/**/*"],
+  "typeRoots": ["./node_modules/@types"],
+  "types": ["node"]
 }

package/tsup.config.ts

@@ -0,0 +1,10 @@
+/* eslint-disable no-param-reassign */
+/* eslint-disable import/no-extraneous-dependencies */
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/lib/**/!(*.d|*.spec).ts*'],
+  external: ['react', 'sass'],
+  clean: true,
+  outDir: 'lib',
+});

package/images.d.ts

@@ -1,3 +0,0 @@
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.gif'