@nulogy/components 14.8.2 → 15.0.1

package/dist/src/utils/withMenuState.js

@@ -0,0 +1,76 @@
+import React from "react";
+import { keyCodes } from "../constants";
+class MenuStateInt extends React.Component {
+}
+class MenuState extends MenuStateInt {
+    constructor(props) {
+        super(props);
+        const { defaultOpen } = this.props;
+        this.state = {
+            isOpen: defaultOpen,
+        };
+        this.handleKeyDown = this.handleKeyDown.bind(this);
+        this.toggleMenu = this.toggleMenu.bind(this);
+        this.openMenu = this.openMenu.bind(this);
+        this.closeMenu = this.closeMenu.bind(this);
+    }
+    componentDidMount() {
+        document.addEventListener("keydown", this.handleKeyDown);
+    }
+    componentWillUnmount() {
+        document.removeEventListener("keydown", this.handleKeyDown);
+        this.clearScheduled();
+    }
+    setMenuState(nextIsOpenState, skipDelay) {
+        const { showDelay, hideDelay } = this.props;
+        this.clearScheduled();
+        this.conditionallyApplyDelay(() => this.setState({ isOpen: nextIsOpenState }), nextIsOpenState ? showDelay : hideDelay, skipDelay);
+    }
+    toggleMenu(skipDelay) {
+        const { isOpen } = this.state;
+        const { showDelay, hideDelay } = this.props;
+        this.clearScheduled();
+        this.conditionallyApplyDelay(() => this.setState((prevState) => ({ isOpen: !prevState.isOpen })), isOpen ? hideDelay : showDelay, skipDelay);
+    }
+    closeMenu(skipDelay) {
+        this.setMenuState(false, skipDelay);
+    }
+    openMenu(skipDelay) {
+        this.setMenuState(true, skipDelay);
+    }
+    clearScheduled() {
+        clearTimeout(this.timeoutID);
+    }
+    conditionallyApplyDelay(fnc, delay, skipDelay = true) {
+        if (!skipDelay) {
+            this.timeoutID = setTimeout(fnc, delay);
+        }
+        else {
+            fnc();
+        }
+    }
+    handleKeyDown(event) {
+        switch (event.keyCode) {
+            case keyCodes.ESC:
+                this.closeMenu(false);
+                break;
+            default:
+                break;
+        }
+    }
+    render() {
+        const { isOpen } = this.state;
+        const { children: renderMenu } = this.props;
+        return renderMenu({
+            isOpen,
+            toggleMenu: this.toggleMenu,
+            handleMenuKeydown: this.handleKeyDown,
+            openMenu: this.openMenu,
+            closeMenu: this.closeMenu,
+        });
+    }
+}
+function withMenuState(MenuComponent) {
+    return (props) => (React.createElement(MenuState, { showDelay: props.showDelay, hideDelay: props.hideDelay, defaultOpen: props.defaultOpen }, (menuComponentProps) => React.createElement(MenuComponent, Object.assign({ menuState: menuComponentProps }, props))));
+}
+export default withMenuState;

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

@@ -0,0 +1,3 @@
+export default withWindowDimensions;
+declare function withWindowDimensions(Component: any): (props: any) => React.JSX.Element;
+import React from "react";

package/dist/src/utils/withWindowDimensions.js

@@ -0,0 +1,28 @@
+import React from "react";
+class WindowDimensions extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { width: 0, height: 0 };
+        this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
+    }
+    componentDidMount() {
+        this.updateWindowDimensions();
+        window.addEventListener("resize", this.updateWindowDimensions);
+    }
+    componentWillUnmount() {
+        window.removeEventListener("resize", this.updateWindowDimensions);
+    }
+    updateWindowDimensions() {
+        this.setState({ width: window.innerWidth, height: window.innerHeight });
+    }
+    render() {
+        const { width, height } = this.state;
+        const { children: renderMenu } = this.props;
+        return renderMenu({
+            windowWidth: width,
+            windowHeight: height,
+        });
+    }
+}
+const withWindowDimensions = (Component) => (props) => (React.createElement(WindowDimensions, null, (windowDimensions) => React.createElement(Component, Object.assign({ windowDimensions: windowDimensions }, props))));
+export default withWindowDimensions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "14.8.2",
+  "version": "15.0.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -9,8 +9,9 @@
   "scripts": {
     "ci": "yarn && yarn build && yarn test && yarn run check",
     "new": "plop",
+    "start-server": "yarn build:storybook && yarn http-server -p 9999 ./storybook-static",
     "start": "concurrently \"yarn build:watch\" \"yarn start:storybook\"",
-    "start:cypress": "yarn concurrently --kill-others \"yarn start --ci\" \"yarn wait-on http://localhost:9999 && cypress open\"",
+    "start:cypress": "start-server-and-test start 9999 'cypress open'",
     "start:storybook": "start-storybook -p 9999",
     "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
     "build": "rollup -c",
@@ -26,8 +27,9 @@
     "fix:format": "prettier -w .",
     "test": "yarn test:components && yarn run test:cypress",
     "test:components": "jest",
-    "test:cypress": "yarn build:storybook && yarn concurrently --success \"first\" --kill-others \"yarn http-server -p 9999 ./storybook-static\" \"yarn wait-on http://localhost:9999 && yarn cypress run\"",
-    "test:visual": "npx chromatic --project-token $CHROMATIC_TOKEN --exit-zero-on-changes"
+    "test:cypress": "start-server-and-test start-server 9999 'cypress run'",
+    "test:visual": "npx chromatic --project-token $CHROMATIC_TOKEN --exit-zero-on-changes",
+    "prepare": "husky"
   },
   "license": "MIT",
   "author": "Nulogy <info@nulogy.com> (https://github.com/nulogy)",
@@ -110,7 +112,7 @@
     "babel-plugin-styled-components": "2.1.3",
     "babel-preset-react": "6.24.1",
     "chromatic": "^6.0.6",
-    "concurrently": "^5.2.0",
+    "concurrently": "^9.2.0",
     "css-mediaquery": "^0.1.2",
     "cypress": "^13.2.0",
     "cypress-enter-plugin": "^1.0.1",
@@ -122,11 +124,10 @@
     "eslint-plugin-prettier": "^3.1.4",
     "graphql": "15.8.0",
     "http-server": "^14.0.0",
-    "husky": "^4.3.0",
+    "husky": "^9.1.7",
     "jest": "29.7.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-styled-components": "7",
-    "jscodeshift": "^0.11.0",
     "mockdate": "^3.0.2",
     "plop": "^2.4.0",
     "prettier": "^3.4.2",
@@ -143,13 +144,13 @@
     "rollup-plugin-typescript2": "^0.36.0",
     "semantic-release": "^17.2.1",
     "source-map-loader": "^1.0.1",
+    "start-server-and-test": "^2.0.12",
     "storybook-addon-performance": "^0.17.1",
     "styled-components": "^6.0.0",
     "svg-sprite-loader": "^6.0.11",
     "ts-jest": "^26.1.1",
     "typescript": "4.9.5",
-    "typescript-eslint": "^0.0.1-alpha.0",
-    "wait-on": "^5.1.0"
+    "typescript-eslint": "^0.0.1-alpha.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.9.6",
@@ -183,11 +184,6 @@
     "styled-system": "^5.1.4",
     "stylis": "^4.0.0"
   },
-  "husky": {
-    "hooks": {
-      "pre-push": "yarn run check"
-    }
-  },
   "jest": {
     "testEnvironment": "jsdom",
     "transform": {

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

@@ -1,8 +0,0 @@
-import React from "react";
-import * as RadixTooltip from "@radix-ui/react-tooltip";
-type MaybeTooltipProps = React.ComponentProps<typeof RadixTooltip.Root> & {
-    tooltip: React.ReactNode;
-    showTooltip?: boolean;
-};
-declare const MaybeTooltip: ({ children, tooltip, showTooltip, ...rest }: MaybeTooltipProps) => React.JSX.Element;
-export default MaybeTooltip;

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

@@ -1,7 +0,0 @@
-import React from "react";
-import * as RadixTooltip from "@radix-ui/react-tooltip";
-type StyledTooltipContentProps = React.ComponentProps<typeof RadixTooltip.Content> & {
-    children: React.ReactNode;
-};
-declare const StyledTooltipContent: ({ children, ...props }: StyledTooltipContentProps) => React.JSX.Element;
-export default StyledTooltipContent;