@nulogy/components 8.11.1 → 8.13.0

package/dist/src/ToastContainer/ToastFunction.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ToastOptions as ReactHotToastOptions } from "react-hot-toast";
+import { AlertProps as OriginalAlertProps } from "../Alert/Alert";
+type AlertProps = Omit<OriginalAlertProps, "as">;
+type ToastFunction = (children: React.ReactNode, props?: AlertProps, options?: ToastOptions) => void;
+type ToastFunctions = {
+    danger: ToastFunction;
+    informative: ToastFunction;
+    success: ToastFunction;
+    warning: ToastFunction;
+};
+declare const toast: ToastFunctions;
+export type ToastOptions = Omit<ReactHotToastOptions, "icon" | "iconTheme">;
+export default toast;

package/dist/src/ToastContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToastContainer } from "./ToastContainer";
+export { default as toast } from "./ToastFunction";

package/dist/src/Toggle/Toggle.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Tokens/Tokens.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Tooltip/Tooltip.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     parameters: {

package/dist/src/TruncatedText/MaybeTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 import { TooltipProps } from "../Tooltip/Tooltip";
 type MaybeTooltipProps = TooltipProps & {

package/dist/src/TruncatedText/TruncatedText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 import { TruncatedTextProps } from "./TruncatedTextProps";
 declare const TruncatedText: {

package/dist/src/TruncatedText/TruncatedText.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/TruncatedText/TruncatedTextFillWidth.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TruncatedTextProps } from "./TruncatedTextProps";
 declare const TruncatedTextFillWidth: ({ element, showTooltip, tooltipProps, children, "data-testid": testId, ...props }: TruncatedTextProps) => JSX.Element;
 export default TruncatedTextFillWidth;

package/dist/src/TruncatedText/TruncatedTextMaxCharacters.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TruncatedTextProps } from "./TruncatedTextProps";
 declare const TruncatedTextMaxCharacters: ({ children, element, indicator, maxCharacters, showTooltip, tooltipProps, "data-testid": testId, ...props }: TruncatedTextProps) => JSX.Element;
 export default TruncatedTextMaxCharacters;

package/dist/src/Type/Headings.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Type/Text.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Type/Typography.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Validation/InlineValidation.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Validation/mapErrorsToList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const mapErrorsToList: (errors: any) => JSX.Element;
 export default mapErrorsToList;

package/dist/src/VisualTests/Select.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/VisualTests/WithSpace.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/index.d.ts

@@ -48,6 +48,7 @@ export type { ThemeType } from "./theme.type";
 export { TimePicker } from "./TimePicker";
 export { TimeRange } from "./TimeRange";
 export { Toast } from "./Toast";
+export { ToastContainer, toast } from "./ToastContainer";
 export { Toggle } from "./Toggle";
 export { Tooltip } from "./Tooltip";
 export { TruncatedText } from "./TruncatedText";

package/dist/src/pages/ErrorPage.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/pages/LoginPage.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/utils/datePickerLocales.d.ts

@@ -1 +1 @@
-export function registerDatePickerLocales(): any[];
+export function registerDatePickerLocales(): void[];

package/dist/src/utils/numberFromDimension/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the number from a [CSS dimension]{@link https://developer.mozilla.org/en-US/docs/Web/CSS/dimension}.
+ * @param {string} dimension - A css dimension
+ */
+export default function (dimension: string | number): number;

package/dist/src/utils/numberFromDimension/numberFromDimension.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.11.1",
+  "version": "8.13.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -77,10 +77,11 @@
     "@storybook/react": "^6.3.12",
     "@storybook/theming": "^6.1.9",
     "@testing-library/jest-dom": "5.11.5",
-    "@testing-library/react": "^10.0.0",
+    "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.5.1",
     "@types/node": "^14.0.14",
     "@types/react": "^17.0.9",
+    "@types/react-datepicker": "^4.1.0",
     "@types/react-dom": "^17.0.6",
     "@types/styled-components": "^5.1.9",
     "@types/styled-system": "^5.1.11",
@@ -92,7 +93,7 @@
     "babel-loader": "8.0.6",
     "babel-plugin-inline-json-import": "^0.3.2",
     "babel-plugin-require-context-hook": "1.0.0",
-    "babel-plugin-styled-components": "1.10.7",
+    "babel-plugin-styled-components": "2.1.3",
     "babel-preset-react": "6.24.1",
     "chromatic": "^6.0.6",
     "concurrently": "^5.2.0",
@@ -113,7 +114,6 @@
     "mockdate": "^3.0.2",
     "plop": "^2.4.0",
     "prop-types": "15.7.2",
-    "puppeteer": "^3.3.0",
     "react": "16.10.2",
     "react-color": "^2.18.1",
     "react-dom": "16.10.2",
@@ -129,7 +129,7 @@
     "source-map-loader": "^1.0.1",
     "storybook-addon-performance": "^0.17.1",
     "styled-components": "^5.1.0",
-    "svg-sprite-loader": "^3.8.0",
+    "svg-sprite-loader": "^6.0.11",
     "ts-jest": "^26.1.1",
     "typescript": "4.9.5",
     "typescript-eslint": "^0.0.1-alpha.0",
@@ -145,18 +145,19 @@
     "create-react-context": "^0.3.0",
     "date-fns": "2.23.0",
     "debounce": "^1.2.0",
-    "deep-equal": "^1.1.1",
+    "deep-equal": "^2.2.1",
     "framer-motion": "^3.1.3",
     "i18next": "^19.3.1",
     "polished": "3.4.4",
     "react-datepicker": "^4.1.0",
     "react-fast-compare": "^3.2.0",
+    "react-hot-toast": "^2.4.1",
     "react-i18next": "^11.14.2",
     "react-input-autosize": "^2.2.2",
     "react-modal": "^3.14.4",
-    "react-popper": "1.3.7",
+    "react-popper": "1.3.11",
     "react-popper-2": "npm:react-popper@2.2.4",
-    "react-resize-detector": "^7.1.2",
+    "react-resize-detector": "^9.1.0",
     "react-windowed-select": "2.0.5",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-system": "^5.1.4"