@loadsmart/loadsmart-ui 5.15.2 → 5.16.1

package/dist/testing/renderWithDragDropFileProvider/renderWithDragDropFileProvider.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import type { RenderResult } from '@testing-library/react';
 import type { DragDropFileContextValue } from '../../components/DragDropFile/types';
-declare const renderWithDragDropFileProvider: (ui: ReactNode, customContext?: Partial<DragDropFileContextValue> | undefined) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+declare const renderWithDragDropFileProvider: (ui: ReactNode, customContext?: Partial<DragDropFileContextValue> | undefined) => RenderResult;
 export default renderWithDragDropFileProvider;

package/dist/theming/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","undefined"],"mappings":"8QAaA,SAASA,EAAyCC,EAAqBC,GACrE,MAAMC,EAAYC,aAAWH,GAASA,EAAMC,GAASD,EACrD,OAAOC,EAAMG,MAAMF,8CAkBgCF,EAAYC,GAC/D,YAAcI,IAAVJ,EACMA,GAAkBF,EAAkBC,EAAOC,GAG9CF,EAAkBC,EAAOC"}
+{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","undefined"],"mappings":"8QAaA,SAASA,EAAyCC,EAAqBC,GACrE,MAAMC,EAAYC,EAAAA,WAAWH,GAASA,EAAMC,GAASD,EACrD,OAAOC,EAAMG,MAAMF,EACrB,mCAiBgB,SAAqCF,EAAYC,GAC/D,YAAcI,IAAVJ,EACMA,GAAkBF,EAAkBC,EAAOC,GAG9CF,EAAkBC,EAAOC,EAClC"}

package/dist/toArray-b56541b4.js.map

@@ -1 +1 @@
-{"version":3,"file":"toArray-b56541b4.js","sources":["../node_modules/@loadsmart/utils-object/lib/isNil.js","../node_modules/@loadsmart/utils-object/lib/isObject.js","../node_modules/@loadsmart/utils-object/lib/index.js","../src/utils/toolset/toArray.ts"],"sourcesContent":["'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nfunction isNil(value) {\n  return value == null\n}\nexports.default = isNil\n//# sourceMappingURL=isNil.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nvar isNil_1 = require('./isNil')\nfunction isObject(value) {\n  var type = typeof value\n  return !isNil_1.default(value) && ['object', 'function'].includes(type)\n}\nexports.default = isObject\n//# sourceMappingURL=isObject.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nexports.isObject = exports.isNil = void 0\nvar isNil_1 = require('./isNil')\nexports.isNil = isNil_1.default\nvar isObject_1 = require('./isObject')\nexports.isObject = isObject_1.default\n//# sourceMappingURL=index.js.map\n","import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["Object","defineProperty","isNil_1","value","isObject_1","require$$0","type","default","includes","lib","isNil","require$$1","isObject","Array","isArray"],"mappings":"2BACAA,OAAOC,eAAeC,EAAS,aAAc,CAAEC,OAAO,cACtD,SAAeA,GACb,OAAgB,MAATA,YCFTH,OAAOC,eAAeG,EAAS,aAAc,CAAED,OAAO,IACtD,IAAID,EAAUG,YACd,SAAkBF,GAChB,IAAIG,SAAcH,EAClB,OAAQD,EAAQK,QAAQJ,IAAU,CAAC,SAAU,YAAYK,SAASF,ICJpEN,OAAOC,eAAeQ,EAAS,aAAc,CAAEN,OAAO,gCACnCO,2BAAgB,EACnC,IAAIR,EAAUG,wBACEH,EAAQK,QACxB,IAAIH,EAAaO,EACjBC,4BAAmBR,EAAWG,wBCH9B,SAAoBJ,GAClB,OAAIO,cAAMP,GACD,GAGLU,MAAMC,QAAQX,GACTA,EAGF,CAACA"}
+{"version":3,"file":"toArray-b56541b4.js","sources":["../node_modules/@loadsmart/utils-object/lib/isNil.js","../node_modules/@loadsmart/utils-object/lib/isObject.js","../node_modules/@loadsmart/utils-object/lib/index.js","../src/utils/toolset/toArray.ts"],"sourcesContent":["'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nfunction isNil(value) {\n  return value == null\n}\nexports.default = isNil\n//# sourceMappingURL=isNil.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nvar isNil_1 = require('./isNil')\nfunction isObject(value) {\n  var type = typeof value\n  return !isNil_1.default(value) && ['object', 'function'].includes(type)\n}\nexports.default = isObject\n//# sourceMappingURL=isObject.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nexports.isObject = exports.isNil = void 0\nvar isNil_1 = require('./isNil')\nexports.isNil = isNil_1.default\nvar isObject_1 = require('./isObject')\nexports.isObject = isObject_1.default\n//# sourceMappingURL=index.js.map\n","import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["Object","defineProperty","isNil_1","value","default","isObject_1","require$$0","type","includes","lib","isObject","isNil","require$$1","Array","isArray"],"mappings":"2BACAA,OAAOC,eAAeC,EAAS,aAAc,CAAEC,OAAO,IAItDD,EAAAE,QAHA,SAAeD,GACb,OAAgB,MAATA,CACT,WCHAH,OAAOC,eAAeI,EAAS,aAAc,CAAEF,OAAO,IACtD,IAAID,EAAUI,EAKdD,EAAAD,QAJA,SAAkBD,GAChB,IAAII,SAAcJ,EAClB,OAAQD,EAAQE,QAAQD,IAAU,CAAC,SAAU,YAAYK,SAASD,EACpE,ECLAP,OAAOC,eAAeQ,EAAS,aAAc,CAAEN,OAAO,IACtDO,QAAAA,SAAAD,EAAAC,SAAmBC,QAAAA,MAAAF,EAAAE,WAAgB,EACnC,IAAIT,EAAUI,EACDK,QAAAA,MAAAF,EAAAE,MAAGT,EAAQE,QACxB,IAAIC,EAAaO,EACjBF,QAAAA,SAAgBD,EAAAC,SAAGL,EAAWD,wBCH9B,SAAoBD,GAClB,OAAIQ,QAAAA,MAAMR,GACD,GAGLU,MAAMC,QAAQX,GACTA,EAGF,CAACA,EACV"}

package/dist/utils/toolset/highlightMatch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A function that wraps a match into `mark` element to be highlighted.
  * @example

package/package.json

@@ -1,209 +1,220 @@
 {
-  "name": "@loadsmart/loadsmart-ui",
-  "version": "5.15.2",
-  "description": "Miranda UI, a React UI library",
-  "main": "dist",
-  "files": [
-    "src",
-    "dist",
-    "README.md"
-  ],
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "start": "yarn dev",
-    "dev": "npm-run-all --parallel watch-tailwind storybook",
-    "lint": "eslint --ext .js,.ts,.tsx src/",
-    "test": "TZ=UTC jest --clearMocks",
-    "test-watch": "yarn test --watch",
-    "storybook": "start-storybook -p 6006 -s ./public --no-dll",
-    "build": "rollup -c --environment BUILD:prod",
-    "watch-tailwind": "postcss ./tailwind.css -o ./.storybook/globals.css --watch",
-    "build-storybook": "rm -rf docs && build-storybook -s ./public -o ./docs --no-dll",
-    "deploy-storybook": "yarn build-storybook && storybook-to-ghpages --existing-output-dir=docs",
-    "release": "semantic-release",
-    "prepare": "husky install"
-  },
-  "storybook-deployer": {
-    "commitMessage": "chore(docs): deploy storybook to GitHub pages [skip ci]"
-  },
-  "jest": {
-    "globals": {
-      "window": true
-    },
-    "verbose": true,
-    "coverageDirectory": "./coverage/",
-    "collectCoverage": false,
-    "setupFiles": [
-      "./tests/jestsetup.tsx"
-    ],
-    "collectCoverageFrom": [
-      "src/components/**/*.{js,tsx}",
-      "!src/**/**/*.test.{js,tsx}"
-    ],
-    "coverageReporters": [
-      "text",
-      "lcov"
-    ],
-    "moduleDirectories": [
-      "node_modules",
-      "src"
-    ],
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "json"
-    ],
-    "testMatch": [
-      "**/__tests__/**/*.[jt]s?(x)",
-      "**/?(*.)+(jest|test).[jt]s?(x)"
-    ]
-  },
-  "lint-staged": {
-    "src/**/*.{js,ts,jsx,tsx,json}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "src/{common,components,styles}/**/*.{js,ts,jsx,tsx}": [
-      "eslint --fix",
-      "prettier --write",
-      "stylelint --fix"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "7.13.16",
-    "@babel/core": "7.14.0",
-    "@babel/preset-env": "7.14.1",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
-    "@commitlint/cli": "16.0.2",
-    "@commitlint/config-conventional": "16.0.0",
-    "@loadsmart/miranda-tokens": "1.3.0",
-    "@loadsmart/stylelint-config": "0.0.3",
-    "@rollup/plugin-babel": "5.3.0",
-    "@rollup/plugin-commonjs": "19.0.0",
-    "@rollup/plugin-json": "4.1.0",
-    "@rollup/plugin-node-resolve": "13.0.0",
-    "@semantic-release/git": "9.0.0",
-    "@storybook/addon-a11y": "6.4.22",
-    "@storybook/addon-actions": "6.4.22",
-    "@storybook/addon-essentials": "6.4.22",
-    "@storybook/addon-links": "6.4.22",
-    "@storybook/cli": "6.4.22",
-    "@storybook/react": "6.4.22",
-    "@storybook/storybook-deployer": "2.8.11",
-    "@storybook/testing-react": "1.2.4",
-    "@storybook/theming": "6.4.22",
-    "@svgr/rollup": "5.5.0",
-    "@svgr/webpack": "5.5.0",
-    "@tailwindcss/postcss7-compat": "2.1.2",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/react-hooks": "^5.1.3",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/chance": "1.1.1",
-    "@types/jest": "26.0.23",
-    "@types/lodash.debounce": "4.0.6",
-    "@types/lodash.flatten": "4.4.6",
-    "@types/lodash.get": "4.4.6",
-    "@types/lodash.isempty": "4.4.6",
-    "@types/lodash.omit": "4.5.6",
-    "@types/lodash.range": "3.2.6",
-    "@types/mdx": "^2.0.2",
-    "@types/react": "17.0.5",
-    "@types/react-dom": "17.0.3",
-    "@types/react-test-renderer": "17.0.1",
-    "@types/styled-components": "5.1.9",
-    "@typescript-eslint/eslint-plugin": "4.22.1",
-    "@typescript-eslint/parser": "4.22.1",
-    "@zerollup/ts-transform-paths": "1.7.18",
-    "autoprefixer": "9",
-    "babel-jest": "26.6.3",
-    "babel-loader": "8.2.2",
-    "babel-plugin-react-remove-properties": "0.3.0",
-    "babel-plugin-styled-components": "1.12.0",
-    "babel-plugin-transform-inline-environment-variables": "0.4.3",
-    "babel-preset-react-app": "10.0.0",
-    "chance": "1.1.8",
-    "commitizen": "4.2.4",
-    "cross-env": "7.0.3",
-    "cz-conventional-changelog": "3.3.0",
-    "eslint": "7.26.0",
-    "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-jest-dom": "3.8.1",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.4.0",
-    "eslint-plugin-react": "7.23.2",
-    "eslint-plugin-react-hooks": "4.2.0",
-    "eslint-plugin-storybook": "^0.5.11",
-    "eslint-plugin-testing-library": "^5.9.1",
-    "fork-ts-checker-webpack-plugin": "6.2.6",
-    "husky": "7.0.4",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "26.6.3",
-    "jest-svg-transformer": "1.0.0",
-    "lint-staged": "11.0.0",
-    "npm-run-all": "4.1.5",
-    "postcss": "7",
-    "postcss-cli": "7",
-    "prettier": "2.2.1",
-    "prop-types": "15.7.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-is": "17.0.2",
-    "rollup": "2.47.0",
-    "rollup-plugin-delete": "2.0.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "0.30.0",
-    "rollup-plugin-visualizer": "^5.5.2",
-    "semantic-release": "17.4.2",
-    "styled-components": "5.3.0",
-    "stylelint": "13.13.1",
-    "stylelint-config-prettier": "8.0.2",
-    "stylelint-config-rational-order": "0.1.2",
-    "stylelint-config-recommended": "5.0.0",
-    "stylelint-no-unsupported-browser-features": "5.0.1",
-    "stylelint-order": "4.1.0",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "ts-jest": "26.5.6",
-    "ts-toolbelt": "^9.6.0",
-    "ttypescript": "^1.5.13",
-    "typescript": "4.2.4",
-    "typescript-plugin-styled-components": "1.5.0"
-  },
-  "peerDependencies": {
-    "@loadsmart/miranda-tokens": "1.3.0",
-    "@testing-library/dom": ">=5.12.0",
-    "@testing-library/react": ">=11.2.6",
-    "prop-types": ">=15.7.2",
-    "react-dom": ">=16.8.0",
-    "react": ">=16.8.0",
-    "styled-components": ">=5.3.0"
-  },
-  "dependencies": {
-    "@loadsmart/utils-function": "0.3.1",
-    "@loadsmart/utils-object": "0.3.1",
-    "@loadsmart/utils-string": "0.3.1",
-    "clsx": "1.1.1",
-    "lodash.debounce": "4.0.8",
-    "lodash.flatten": "4.4.0",
-    "lodash.get": "4.4.2",
-    "lodash.isempty": "4.4.0",
-    "lodash.omit": "4.5.0",
-    "lodash.range": "3.2.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/loadsmart/miranda.git"
-  },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  }
+	"name": "@loadsmart/loadsmart-ui",
+	"version": "5.16.1",
+	"description": "Miranda UI, a React UI library",
+	"main": "dist",
+	"files": [
+		"src",
+		"dist",
+		"README.md"
+	],
+	"types": "dist/index.d.ts",
+	"scripts": {
+		"start": "yarn dev",
+		"dev": "npm-run-all --parallel watch-tailwind storybook",
+		"lint": "eslint --ext .js,.ts,.tsx src/",
+		"test": "TZ=UTC jest --clearMocks",
+		"test-watch": "yarn test --watch",
+		"storybook": "start-storybook -p 6006 --no-dll",
+		"build": "rollup -c --environment BUILD:prod",
+		"watch-tailwind": "postcss ./tailwind.css -o ./.storybook/globals.css --watch",
+		"build-storybook": "rm -rf docs && build-storybook -o ./docs --no-dll",
+		"deploy-storybook": "yarn build-storybook && storybook-to-ghpages --existing-output-dir=docs",
+		"release": "semantic-release",
+		"prepare": "husky install"
+	},
+	"storybook-deployer": {
+		"commitMessage": "chore(docs): deploy storybook to GitHub pages [skip ci]"
+	},
+	"jest": {
+		"globals": {
+			"window": true
+		},
+		"verbose": true,
+		"coverageDirectory": "./coverage/",
+		"collectCoverage": false,
+		"setupFiles": [
+			"./tests/jestsetup.tsx"
+		],
+		"collectCoverageFrom": [
+			"src/components/**/*.{js,tsx}",
+			"!src/**/**/*.test.{js,tsx}"
+		],
+		"coverageReporters": [
+			"text",
+			"lcov"
+		],
+		"moduleDirectories": [
+			"node_modules",
+			"src"
+		],
+		"moduleFileExtensions": [
+			"ts",
+			"tsx",
+			"js",
+			"json"
+		],
+		"testMatch": [
+			"**/__tests__/**/*.[jt]s?(x)",
+			"**/?(*.)+(jest|test).[jt]s?(x)"
+		]
+	},
+	"lint-staged": {
+		"src/**/*.{js,ts,jsx,tsx,json}": [
+			"eslint --fix",
+			"prettier --write"
+		],
+		"src/{common,components,styles}/**/*.{js,ts,jsx,tsx}": [
+			"eslint --fix",
+			"prettier --write",
+			"stylelint --fix"
+		]
+	},
+	"devDependencies": {
+		"@babel/cli": "7.13.16",
+		"@babel/core": "7.14.0",
+		"@babel/preset-env": "7.14.1",
+		"@babel/preset-react": "7.13.13",
+		"@babel/preset-typescript": "7.13.0",
+		"@commitlint/cli": "16.0.2",
+		"@commitlint/config-conventional": "16.0.0",
+		"@loadsmart/miranda-tokens": "1.3.0",
+		"@loadsmart/stylelint-config": "0.0.3",
+		"@rollup/plugin-babel": "5.3.0",
+		"@rollup/plugin-commonjs": "19.0.0",
+		"@rollup/plugin-json": "4.1.0",
+		"@rollup/plugin-node-resolve": "13.0.0",
+		"@semantic-release/git": "9.0.0",
+		"@storybook/addon-a11y": "^6.5.15",
+		"@storybook/addon-actions": "^6.5.15",
+		"@storybook/addon-essentials": "^6.5.15",
+		"@storybook/addon-links": "^6.5.15",
+		"@storybook/addon-postcss": "^2.0.0",
+		"@storybook/addons": "^6.5.15",
+		"@storybook/builder-webpack5": "^6.5.15",
+		"@storybook/cli": "^6.5.15",
+		"@storybook/client-api": "^6.5.15",
+		"@storybook/manager-webpack5": "^6.5.15",
+		"@storybook/preview-web": "^6.5.15",
+		"@storybook/react": "^6.5.15",
+		"@storybook/storybook-deployer": "^2.8.16",
+		"@storybook/testing-react": "^1.3.0",
+		"@storybook/theming": "^6.5.15",
+		"@svgr/rollup": "^6.5.1",
+		"@svgr/webpack": "^6.5.1",
+		"@tailwindcss/postcss7-compat": "2.1.2",
+		"@testing-library/dom": "^8.20.0",
+		"@testing-library/jest-dom": "5.16.5",
+		"@testing-library/react": "^11.2.7",
+		"@testing-library/react-hooks": "^5.1.3",
+		"@testing-library/user-event": "^13.5.0",
+		"@types/chance": "1.1.1",
+		"@types/jest": "26.0.23",
+		"@types/lodash.debounce": "4.0.6",
+		"@types/lodash.flatten": "4.4.6",
+		"@types/lodash.get": "4.4.6",
+		"@types/lodash.isempty": "4.4.6",
+		"@types/lodash.omit": "4.5.6",
+		"@types/lodash.range": "3.2.6",
+		"@types/mdx": "^2.0.2",
+		"@types/node": "^18.11.18",
+		"@types/react": "17.0.5",
+		"@types/react-dom": "17.0.3",
+		"@types/react-test-renderer": "17.0.1",
+		"@types/styled-components": "5.1.9",
+		"@typescript-eslint/eslint-plugin": "4.22.1",
+		"@typescript-eslint/parser": "4.22.1",
+		"@zerollup/ts-transform-paths": "1.7.18",
+		"autoprefixer": "9",
+		"babel-jest": "26.6.3",
+		"babel-loader": "8.2.2",
+		"babel-plugin-react-remove-properties": "0.3.0",
+		"babel-plugin-styled-components": "1.12.0",
+		"babel-plugin-transform-inline-environment-variables": "0.4.3",
+		"babel-preset-react-app": "10.0.0",
+		"chance": "1.1.8",
+		"commitizen": "4.2.4",
+		"cross-env": "7.0.3",
+		"cz-conventional-changelog": "3.3.0",
+		"eslint": "7.26.0",
+		"eslint-config-prettier": "8.3.0",
+		"eslint-plugin-jest-dom": "3.8.1",
+		"eslint-plugin-jsx-a11y": "6.4.1",
+		"eslint-plugin-prettier": "3.4.0",
+		"eslint-plugin-react": "7.23.2",
+		"eslint-plugin-react-hooks": "4.2.0",
+		"eslint-plugin-storybook": "^0.6.10",
+		"eslint-plugin-testing-library": "^5.9.1",
+		"husky": "7.0.4",
+		"identity-obj-proxy": "3.0.0",
+		"jest": "26.6.3",
+		"jest-svg-transformer": "1.0.0",
+		"lint-staged": "11.0.0",
+		"npm-run-all": "4.1.5",
+		"postcss": "^7.0.39",
+		"postcss-cli": "^7.1.2",
+		"prettier": "2.2.1",
+		"prop-types": "15.7.2",
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"react-is": "17.0.2",
+		"react-syntax-highlighter": "^15.5.0",
+		"require-from-string": "^2.0.2",
+		"rollup": "^2.79.1",
+		"rollup-plugin-delete": "2.0.0",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"rollup-plugin-terser": "^7.0.2",
+		"rollup-plugin-typescript2": "^0.34.1",
+		"rollup-plugin-visualizer": "^5.5.2",
+		"semantic-release": "17.4.2",
+		"styled-components": "5.3.0",
+		"stylelint": "13.13.1",
+		"stylelint-config-prettier": "8.0.2",
+		"stylelint-config-rational-order": "0.1.2",
+		"stylelint-config-recommended": "5.0.0",
+		"stylelint-no-unsupported-browser-features": "5.0.1",
+		"stylelint-order": "4.1.0",
+		"tailwindcss": "npm:@tailwindcss/postcss7-compat",
+		"ts-jest": "26.5.6",
+		"ts-node": "^10.9.1",
+		"ts-toolbelt": "^9.6.0",
+		"ttypescript": "^1.5.13",
+		"typescript": "4.4.4",
+		"typescript-plugin-styled-components": "1.5.0",
+		"webpack": "^5.75.0"
+	},
+	"peerDependencies": {
+		"@loadsmart/miranda-tokens": "1.3.0",
+		"@testing-library/dom": ">=5.12.0",
+		"@testing-library/react": ">=11.2.6",
+		"prop-types": ">=15.7.2",
+		"react": ">=16.8.0",
+		"react-dom": ">=16.8.0",
+		"styled-components": ">=5.3.0"
+	},
+	"dependencies": {
+		"@loadsmart/utils-function": "0.3.1",
+		"@loadsmart/utils-object": "0.3.1",
+		"@loadsmart/utils-string": "0.3.1",
+		"clsx": "1.1.1",
+		"lodash.debounce": "4.0.8",
+		"lodash.flatten": "4.4.0",
+		"lodash.get": "4.4.2",
+		"lodash.isempty": "4.4.0",
+		"lodash.omit": "4.5.0",
+		"lodash.range": "3.2.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/loadsmart/miranda.git"
+	},
+	"license": "MIT",
+	"publishConfig": {
+		"access": "public"
+	},
+	"config": {
+		"commitizen": {
+			"path": "./node_modules/cz-conventional-changelog"
+		}
+	}
 }

package/src/components/Dropdown/Dropdown.test.tsx

@@ -23,12 +23,14 @@ describe('Dropdown', () => {
       }
     })
 
-    it('renders all options when expanded', () => {
+    it('renders all options when expanded', async () => {
       setup()
 
       user.click(screen.getByText('Actions'))
 
-      for (let i = 0; i < ACTIONS.length; i++) {
+      expect(await screen.findByText(ACTIONS[0].label)).toBeInTheDocument()
+
+      for (let i = 1; i < ACTIONS.length; i++) {
         expect(screen.getByText(ACTIONS[i].label)).toBeInTheDocument()
       }
     })

package/src/components/Table/Table.test.tsx

@@ -53,7 +53,7 @@ describe('<Table />', () => {
   })
 
   describe('Column Picker', () => {
-    it('should pick columns', () => {
+    it('should pick columns', async () => {
       const onChange = jest.fn()
       const OPTION_1 = { title: 'Title1', option: 'Option1', key: 'key1' }
       const OPTION_2 = { title: 'Title2', option: 'Option2', key: 'Key2' }
@@ -71,7 +71,7 @@ describe('<Table />', () => {
 
       user.click(screen.getByRole('button', { name: 'Pick a column' }))
 
-      expect(screen.getAllByRole('option')).toHaveLength(2)
+      expect(await screen.findAllByRole('option')).toHaveLength(2)
 
       expect(screen.getByRole('option', { selected: true })).toHaveTextContent('Option1')
 

package/src/components/TablePagination/TablePagination.test.tsx

@@ -58,7 +58,7 @@ describe('TablePagination', () => {
     expect(onPageChange).toHaveBeenLastCalledWith(4)
   })
 
-  it('calls the onRowsPerPageChange with the selected option', () => {
+  it('calls the onRowsPerPageChange with the selected option', async () => {
     const onPageChange = jest.fn()
     const onRowsPerPageChange = jest.fn()
     setup({
@@ -67,7 +67,7 @@ describe('TablePagination', () => {
       onRowsPerPageChange,
     })
     userEvent.click(screen.getByTestId('rows-per-page-button'))
-    userEvent.click(screen.getByText(/50 per page/i))
+    userEvent.click(await screen.findByText(/50 per page/i))
 
     expect(onRowsPerPageChange).toHaveBeenLastCalledWith(50)
   })

package/src/testing/renderWithDragDropFileProvider/renderWithDragDropFileProvider.tsx

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react'
 import { render } from '@testing-library/react'
+import type { RenderResult } from '@testing-library/react'
 
 import type { DragDropFileContextValue } from '../../components/DragDropFile/types'
 import { DragDropFileContext } from '../../components/DragDropFile/DragDropFile.context'
@@ -14,7 +15,7 @@ const defaultContextValueMock: DragDropFileContextValue = {
 const renderWithDragDropFileProvider = (
   ui: ReactNode,
   customContext?: Partial<DragDropFileContextValue>
-) => {
+): RenderResult => {
   const contextValue = { ...defaultContextValueMock, ...customContext }
 
   const renderedUi = (children: ReactNode) => (

package/dist/DragDropFile.context-cf460901.js

@@ -1,16 +0,0 @@
-"use strict";var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */function r(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function o(e){return this instanceof o?(this.v=e,this):new o(e)}const i=e.createContext(void 0);exports.DragDropFileContext=i,exports.DragDropFileProvider=({fileList:t,onFilesAdded:r,onFileRemoved:o,onRetryUpload:a,children:u})=>{const c=e.useCallback(((e,n)=>{o([...t.slice(0,n),...t.slice(n+1)],e,n)}),[t]),l=e.useMemo((()=>({fileList:t,onFilesAdded:r,onRemoveFile:c,onRetryUpload:a})),[t,r,c,a]);return n.default.createElement(i.Provider,{value:l},u)},exports.__asyncGenerator=function(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,i=n.apply(e,t||[]),a=[];return r={},u("next"),u("throw"),u("return"),r[Symbol.asyncIterator]=function(){return this},r;function u(e){i[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||c(e,t)}))})}function c(e,t){try{(n=i[e](t)).value instanceof o?Promise.resolve(n.value.v).then(l,s):f(a[0][2],n)}catch(e){f(a[0][3],e)}var n}function l(e){c("next",e)}function s(e){c("throw",e)}function f(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}},exports.__asyncValues=function(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=r(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}},exports.__await=o,exports.__awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{c(r.next(e))}catch(e){i(e)}}function u(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,u)}c((r=r.apply(e,t||[])).next())}))},exports.__rest=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},exports.useDragDropFileContext=()=>{const t=e.useContext(i);if(!t)throw new Error("useDragDropFileContext must be used within an DragDropFileProvider");return t};
-//# sourceMappingURL=DragDropFile.context-cf460901.js.map