@spaced-out/ui-design-system 0.5.2 → 0.5.3

package/lib/utils/click-away/click-away.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-type BoundaryRefType<T> = React.RefObject<T | null>;
-type TriggerRefType<T> = React.RefObject<T | null>;
-export type ChildProps = {
+type BoundaryRefType<T extends HTMLElement> = React.RefObject<T | null>;
+type TriggerRefType<T extends HTMLElement> = React.RefObject<T | null>;
+export type ChildProps<TTrigger extends HTMLElement = HTMLButtonElement, TBoundary extends HTMLElement = HTMLDivElement> = {
     onOpen: () => void;
     isOpen: boolean;
     height: number | null | undefined;
     pageBottom: number | null | undefined;
     clickAway: () => void;
-    boundaryRef: BoundaryRefType<HTMLElement>;
-    triggerRef: TriggerRefType<HTMLElement>;
+    boundaryRef: BoundaryRefType<TBoundary>;
+    triggerRef: TriggerRefType<TTrigger>;
 };
 export type ClickAwayRefType = {
     current: {
@@ -16,9 +16,9 @@ export type ClickAwayRefType = {
         forceOpen: () => void;
     } | null | undefined;
 } | null | undefined;
-export type ClickAwayProps = {
+export type ClickAwayProps<TTrigger extends HTMLElement = HTMLButtonElement, TBoundary extends HTMLElement = HTMLDivElement> = {
     closeOnEscapeKeypress?: boolean;
-    children: (props: ChildProps) => React.ReactNode;
+    children: (props: ChildProps<TTrigger, TBoundary>) => React.ReactNode;
     onChange?: (isOpen: boolean) => unknown;
     clickAwayRef?: ClickAwayRefType;
     /**
@@ -49,17 +49,17 @@ type ClickAwayState = {
     height: number | null | undefined;
     pageBottom: number | null | undefined;
 };
-export declare class ClickAway extends React.Component<ClickAwayProps, ClickAwayState> {
+export declare class ClickAway<TTrigger extends HTMLElement = HTMLButtonElement, TBoundary extends HTMLElement = HTMLDivElement> extends React.Component<ClickAwayProps<TTrigger, TBoundary>, ClickAwayState> {
     static defaultProps: {
         containsNestedFloatingPortals?: boolean;
         closeOnEscapeKeypress?: boolean;
     };
     state: ClickAwayState;
     el: HTMLElement | null | undefined;
-    boundaryRef: BoundaryRefType<HTMLElement>;
-    triggerRef: TriggerRefType<HTMLElement>;
+    boundaryRef: BoundaryRefType<TBoundary>;
+    triggerRef: TriggerRefType<TTrigger>;
     componentDidMount(): void;
-    componentDidUpdate(_prevProps: ClickAwayProps, prevState: ClickAwayState): void;
+    componentDidUpdate(_prevProps: Readonly<ClickAwayProps<TTrigger, TBoundary>>, prevState: Readonly<ClickAwayState>): void;
     componentWillUnmount(): void;
     render(): React.ReactNode;
     handleOpenClick: () => void;

package/lib/utils/click-away/click-away.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"click-away.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/click-away.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AACpD,KAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB;IACE,OAAO,EACH;QACE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,SAAS,EAAE,MAAM,IAAI,CAAC;KACvB,GACD,IAAI,GACJ,SAAS,CAAC;CACf,GACD,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAIF,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,YAAY,EAAE;QACnB,6BAA6B,CAAC,EAAE,OAAO,CAAC;QACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACjC,CAGC;IAEF,KAAK,EAAE,cAAc,CAInB;IAEF,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAQ;IAC1C,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAkC;IAC3E,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAkC;IAEzE,iBAAiB;IASjB,kBAAkB,CAAC,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;IAyBxE,oBAAoB;IAUpB,MAAM,IAAI,KAAK,CAAC,SAAS;IAoBzB,eAAe,EAAE,MAAM,IAAI,CAezB;IAEF,gBAAgB,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAmCzC;IAEF,2BAA2B,EAAE,CAAC,GAAG,CAAC,EAAE,aAAa,KAAK,IAAI,CAMxD;IAEF,UAAU,EAAE,MAAM,IAAI,CAEpB;IAEF,cAAc,EAAE,MAAM,OAAO,CACmC;IAEhE,UAAU,IAAI,MAAM;CAKrB"}
+{"version":3,"file":"click-away.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/click-away.ts"],"names":[],"mappings":"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"}

package/lib/utils/helpers/helpers.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/helpers.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAWtC,wBA+BE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CA+ExE,CAAC"}
+{"version":3,"file":"helpers.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/helpers.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAWtC,wBA+BE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAmExE,CAAC"}

package/lib/utils/merge-refs/merge-refs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge-refs.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/merge-refs/merge-refs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAW9C,wBAqBE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAyDxE,CAAC"}
+{"version":3,"file":"merge-refs.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/merge-refs/merge-refs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAW9C,wBAqBE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAqDxE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"
@@ -40,7 +40,8 @@
     "fix:forwardref:check": "yarn flow && echo '✅ Type checking completed'",
     "fix:unused": "node scripts/fix-unused-variables-targeted.js",
     "fix:unused:all": "node scripts/fix-unused-variables.js",
-    "fix:all": "yarn fix:forwardref && yarn fix:unused  && yarn fix:forwardref:check"
+    "fix:all": "yarn fix:forwardref && yarn fix:unused  && yarn fix:forwardref:check",
+    "dep:json": "depcruise \"src/**/*.{ts,tsx}\" --output-type json > .storybook/public/depgraph.json"
   },
   "keywords": [
     "React",
@@ -101,6 +102,7 @@
     "@types/react-dom": "~19.1.7",
     "@types/react-window": "^1.8.8",
     "@types/standard-version": "~7.1.3",
+    "@xyflow/react": "^12.8.4",
     "all-contributors-cli": "^6.20.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
@@ -110,7 +112,10 @@
     "babel-preset-react-app": "^10.0.0",
     "chalk": "^5.0.1",
     "chromatic": "^6.11.4",
+    "classnames": "^2.5.1",
     "cspell": "^9.1.2",
+    "dependency-cruiser": "^17.0.1",
+    "elkjs": "^0.10.0",
     "eslint": "^9.9.0",
     "eslint-plugin-ft-flow": "^3.0.11",
     "eslint-plugin-import": "^2.32.0",