beesoft-components 0.2.23 → 0.2.25

package/{types → build/types}/src/components/common/beesoft-transition/beesoft-transition.component.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, ReactNodeArray } from 'react';
+import React, { ReactNode } from 'react';
 import { TransitionStatus } from 'react-transition-group/Transition';
 export interface BeeSoftChildrenTransitionProps {
     state: TransitionStatus;
@@ -17,6 +17,6 @@ export interface BeeSoftTransitionProps {
     onEntered?: (node: HTMLElement, isAppearing: boolean) => void;
     onExit?: (node: HTMLElement) => void;
     onExited?: (node: HTMLElement) => void;
-    children: (childProps: BeeSoftChildrenTransitionProps) => ReactNode | ReactNodeArray;
+    children: (childProps: BeeSoftChildrenTransitionProps) => ReactNode | Array<ReactNode>;
 }
 export default function BeeSoftTransition({ start, timeout, defaultStyle, transitionStyles, showTransitionOptions, hideTransitionOptions, unmountOnExit, onEntering, onEntered, onExit, onExited, children, }: BeeSoftTransitionProps): JSX.Element;

package/{types → build/types}/src/components/common/template-outlet/template-outlet.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TemplateFunction<TF> = (props: TF, children?: React.ReactNode | React.ReactNodeArray) => JSX.Element;
+export type TemplateFunction<TF> = (props: TF, children?: React.ReactNode | React.ReactNodeArray) => JSX.Element;
 export interface TemplateOutletProps<TP> {
     props: TP;
     template: TemplateFunction<TP>;

package/{types → build/types}/src/components/common-interfaces.d.ts

@@ -1,3 +1,7 @@
 export interface MarkupEvents {
     markupCreated?: (element: Element) => void;
 }
+export interface WindowSize {
+    width: number;
+    height: number;
+}

package/build/types/src/components/dom-handler.d.ts

@@ -0,0 +1,30 @@
+import { WindowSize } from './common-interfaces';
+export declare enum DomTargetPosition {
+    TopLeft = 0,
+    TopRight = 1,
+    BottomLeft = 2,
+    BottomRight = 3
+}
+export declare enum DomElementAlignment {
+    TopLeft = 0,
+    TopRight = 1,
+    BottomLeft = 2,
+    BottomRight = 3
+}
+export interface DomOffScreenLocation {
+    left: boolean;
+    top: boolean;
+    right: boolean;
+    bottom: boolean;
+}
+export interface DomElementPosition {
+    top: number;
+    left: number;
+}
+export declare class DomHandler {
+    static positionToTarget(target: HTMLElement, position?: DomTargetPosition): DomElementPosition;
+    static positionElementToTarget(element: HTMLElement, target: HTMLElement, elementAlignment?: DomElementAlignment, targetPosition?: DomTargetPosition): DomElementPosition;
+    static positionElementToTargetOnScreen(element: HTMLElement, target: HTMLElement, elementAlignment?: DomElementAlignment, targetPosition?: DomTargetPosition): DomElementPosition;
+    static determineOffScreenLocation(rectangle: DOMRect): DomOffScreenLocation | undefined;
+    static getScreenDimensions(): WindowSize;
+}

package/{types → build/types}/src/components/form/date-time/date-time-calendar.component.d.ts

@@ -30,5 +30,5 @@ export interface DateTimeCalendarTemplateProps {
     isSelectedDate: (currentDate: Date) => boolean;
     isInSelectedDateRange: (currentDate: Date) => boolean;
 }
-export declare type DateTimeCalendarTemplate = TemplateFunction<DateTimeCalendarTemplateProps>;
+export type DateTimeCalendarTemplate = TemplateFunction<DateTimeCalendarTemplateProps>;
 export default function DateTimeCalendar({ viewDate, selectedDate, selectedStartDate, selectedEndDate, selectionMode, locale, onDateSelected, selectableDate, isValidDate, dispatcher, }: DateTimeCalendarProps): JSX.Element;

package/{types → build/types}/src/components/form/date-time/date-time-functions.d.ts

@@ -1,6 +1,6 @@
 import { Locale } from 'date-fns';
 import { DateTimeColors } from './date-time-types';
-export declare type DayType = {
+export type DayType = {
     dayValue: Date | null;
     isCurrent: boolean;
 };

package/{types → build/types}/src/components/form/date-time/date-time-scroller.component.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TemplateFunction } from '../../common/template-outlet/template-outlet.component';
 import { DateScrollerType } from './date-time-types';
 export interface DateTimeScrollerProps {
@@ -14,5 +15,5 @@ export interface DateTimeScrollerTemplateProps {
     onMovePrevious: () => void;
     onMoveNext: () => void;
 }
-export declare type DateTimeScrollerTemplate = TemplateFunction<DateTimeScrollerTemplateProps>;
+export type DateTimeScrollerTemplate = TemplateFunction<DateTimeScrollerTemplateProps>;
 export default function DateTimeScroller({ title, scrollerType, onTitleClicked, onMovePrevious, onMoveNext, }: DateTimeScrollerProps): JSX.Element;

package/{types → build/types}/src/components/form/date-time/date-time.component.d.ts

@@ -35,5 +35,5 @@ export interface DateTimeInputTemplateProps {
     iconPosition: CalendarIconPosition;
     iconElement?: JSX.Element;
 }
-export declare type DateTimeInputTemplate = TemplateFunction<DateTimeInputTemplateProps>;
+export type DateTimeInputTemplate = TemplateFunction<DateTimeInputTemplateProps>;
 export default function DateTime({ value, readOnly, label, useDefaultDateValue, allowClear, locale, className, dateSelection, dateFormat, timeConstraints, icon, iconPosition, inputElement, colors, selectableDate, isValidDate, onChange, calendarTemplate, dateScrollerTemplate, inputTemplate, }: DateTimeProps): JSX.Element;

package/build/types/src/components/overlay/overlay-panel/overlay-panel.component.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import { MarkupEvents } from '../../common-interfaces';
+import { DomElementAlignment, DomTargetPosition } from '../../dom-handler';
+export interface OverlayPanelProps {
+    visible: boolean;
+    target?: React.MouseEvent<Element, MouseEvent> | HTMLElement | Element | null;
+    targetPosition?: DomTargetPosition;
+    elementAlignment?: DomElementAlignment;
+    shouldTargetCloseOverlay?: boolean;
+    shouldMatchTargetWidth?: boolean;
+    shouldScrollCloseOverlay?: boolean;
+    shouldCheckZIndex?: boolean;
+    shouldRemainOnScreen?: boolean;
+    unmountWhenHidden?: boolean;
+    transitionDuration?: number;
+    showTransitionOptions?: string;
+    hideTransitionOptions?: string;
+    shown?: () => void;
+    hidden?: () => void;
+    children: ReactNode | Array<ReactNode>;
+}
+export default function OverlayPanel({ visible, target, targetPosition, elementAlignment, shouldTargetCloseOverlay, shouldMatchTargetWidth, shouldScrollCloseOverlay, shouldCheckZIndex, shouldRemainOnScreen, unmountWhenHidden, transitionDuration, showTransitionOptions, hideTransitionOptions, shown, hidden, markupCreated, children, }: OverlayPanelProps & MarkupEvents): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.2.23",
+  "version": "0.2.25",
   "private": false,
   "author": "Brandon Trabon",
   "keywords": [
@@ -21,23 +21,23 @@
   "module": "build/index.min.js",
   "types": "types/src/index.d.ts",
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.34",
-    "@fortawesome/free-regular-svg-icons": "^5.15.2",
-    "@fortawesome/free-solid-svg-icons": "^5.15.2",
-    "@fortawesome/react-fontawesome": "^0.1.14",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-regular-svg-icons": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "classnames": "^2.3.1",
-    "date-fns": "^2.25.0",
+    "date-fns": "^2.29.3",
     "lodash": "^4.17.21",
-    "react-transition-group": "^4.4.1"
+    "react-transition-group": "^4.4.5"
   },
   "scripts": {
-    "start": "craco start",
+    "start": "start-storybook -p 6006 -s public",
     "build": "rimraf build && rimraf types && rollup -c --environment NODE_ENV:production",
     "build:app": "craco build",
     "test": "echo \"craco test\"",
     "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public"
+    "storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006 -s public",
+    "build-storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider build-storybook -s public"
   },
   "eslintConfig": {
     "extends": [
@@ -58,59 +58,71 @@
     ]
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.10",
-    "@babel/preset-env": "^7.12.10",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.12.7",
-    "@craco/craco": "^6.0.0",
-    "@rollup/plugin-commonjs": "^18.0.0",
-    "@rollup/plugin-node-resolve": "^11.2.1",
-    "@storybook/addon-actions": "^6.1.15",
-    "@storybook/addon-essentials": "^6.1.15",
-    "@storybook/addon-links": "^6.1.15",
-    "@storybook/node-logger": "^6.1.15",
-    "@storybook/preset-create-react-app": "^3.1.5",
-    "@storybook/react": "^6.1.15",
-    "@tailwindcss/postcss7-compat": "^2.0.2",
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
+    "@babel/cli": "^7.21.0",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
+    "@craco/craco": "^7.1.0",
+    "@release-it/bumper": "^4.0.2",
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-terser": "^0.4.1",
+    "@rollup/plugin-typescript": "^11.1.0",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/node-logger": "^6.5.16",
+    "@storybook/preset-create-react-app": "^4.1.2",
+    "@storybook/react": "^6.5.16",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.4.3",
     "@types/dot-object": "^2.1.2",
     "@types/jest": "^26.0.15",
     "@types/lodash": "^4.14.168",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.53",
-    "@types/react-dom": "^16.9.8",
-    "@types/react-transition-group": "^4.4.0",
-    "@typescript-eslint/eslint-plugin": "^4.22.1",
-    "@typescript-eslint/parser": "^4.22.1",
-    "autoprefixer": "^9",
+    "@types/node": "18.0.0",
+    "@types/react": "^18.0.31",
+    "@types/react-dom": "^18.0.11",
+    "@types/react-transition-group": "^4.4.5",
+    "@typescript-eslint/eslint-plugin": "^5.57.0",
+    "@typescript-eslint/parser": "^5.57.0",
+    "autoprefixer": "^10.4.14",
     "babel-plugin-macros": "^3.1.0",
     "cross-env": "^7.0.3",
-    "eslint": "^7.26.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.23.2",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "postcss": "^7",
-    "prettier": "^2.2.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-scripts": "4.0.1",
-    "rollup": "^2.44.0",
+    "eslint": "^8.37.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.11",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.7",
+    "react": "^18.2.0",
+    "react-docgen-typescript-loader": "^3.7.2",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
+    "release-it": "^15.10.1",
+    "rollup": "^3.20.2",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-gzip": "^2.5.0",
+    "rollup-plugin-gzip": "^3.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "ts-loader": "^8.1.0",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.0.3"
+    "rollup-plugin-postcss": "^4.0.2",
+    "tailwindcss": "^3.3.1",
+    "ts-loader": "^9.4.2",
+    "ts-node": "^10.9.1",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3",
+    "webpack": "^5"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "resolutions": {
+    "**/@types/react": "^18.0.31",
+    "@storybook/react/webpack": "^5",
+    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0"
   }
 }

package/types/src/components/dom-handler.d.ts

@@ -1,12 +0,0 @@
-export declare enum AlignmentPosition {
-    TopLeft = 0,
-    TopRight = 1,
-    BottomLeft = 2,
-    BottomRight = 3
-}
-export declare class DomHandler {
-    static positionToTarget(target: HTMLElement, position?: AlignmentPosition): {
-        top: number;
-        left: number;
-    };
-}

package/types/src/components/overlay/overlay-panel/overlay-panel.component.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { MarkupEvents } from '../../common-interfaces';
-export interface OverlayPanelProps {
-    visible: boolean;
-    target?: React.MouseEvent<Element, MouseEvent> | HTMLElement | Element | null;
-    shouldTargetCloseOverlay?: boolean;
-    shouldMatchTargetWidth?: boolean;
-    shouldScrollCloseOverlay?: boolean;
-    shouldCheckZIndex?: boolean;
-    unmountWhenHidden?: boolean;
-    transitionDuration?: number;
-    showTransitionOptions?: string;
-    hideTransitionOptions?: string;
-    shown?: () => void;
-    hidden?: () => void;
-    children: React.ReactNode;
-}
-export default function OverlayPanel({ visible, target, shouldTargetCloseOverlay, shouldMatchTargetWidth, shouldScrollCloseOverlay, shouldCheckZIndex, unmountWhenHidden, transitionDuration, showTransitionOptions, hideTransitionOptions, shown, hidden, markupCreated, children, }: OverlayPanelProps & MarkupEvents): JSX.Element;

package/types/src/reportWebVitals.d.ts

@@ -1,2 +0,0 @@
-declare const reportWebVitals: (onPerfEntry?: any) => void;
-export default reportWebVitals;