@wizleap-inc/wiz-ui-react 0.20.0 → 0.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizleap-inc/wiz-ui-react",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "A React UI Framework for Wizleap Inc.",
   "devDependencies": {
     "@storybook/react": "^7.0.2",
@@ -26,7 +26,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "@wizleap-inc/wiz-ui-constants": "0.8.1",
-    "@wizleap-inc/wiz-ui-styles": "0.12.1",
+    "@wizleap-inc/wiz-ui-styles": "0.12.2",
     "@wizleap-inc/wiz-ui-utils": "0.3.0"
   },
   "scripts": {

package/dist/components/base/popup/types/placement.d.ts

@@ -1,14 +0,0 @@
-export type PlacementOption = {
-    anchor: DOMRect;
-    content?: DOMRect;
-    window: {
-        scrollX: number;
-        scrollY: number;
-    };
-    gap?: string;
-};
-export type PlacementStyle = {
-    top?: number;
-    left?: number;
-    transform?: string;
-};

package/dist/components/base/popup/utils/direction-value.d.ts

@@ -1,8 +0,0 @@
-import { DirectionValue } from "../types/direction";
-export declare const createDirectionValue: ({ first, second, }: {
-    first: "bottom" | "top";
-    second: "Left" | "Center" | "Right";
-} | {
-    first: "left" | "right";
-    second: "Top" | "Center" | "Bottom";
-}) => DirectionValue;

package/dist/components/base/popup/utils/placement/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./on-child";
-export * from "./on-portal";

package/dist/components/base/popup/utils/placement/on-child.d.ts

@@ -1,3 +0,0 @@
-import { DirectionValue } from "../../types/direction";
-import { PlacementOption, PlacementStyle } from "../../types/placement";
-export declare const placeOnChildStyle: Record<DirectionValue, (option: PlacementOption) => PlacementStyle>;

package/dist/components/base/popup/utils/placement/on-portal.d.ts

@@ -1,3 +0,0 @@
-import { DirectionValue } from "../../types/direction";
-import { PlacementOption, PlacementStyle } from "../../types/placement";
-export declare const placeOnPortalStyle: Record<DirectionValue, (option: PlacementOption) => PlacementStyle>;

package/dist/components/base/popup/utils/wrap.d.ts

@@ -1,57 +0,0 @@
-import { DirectionValue } from "../types/direction";
-export type Args = {
-    bound: {
-        width: number;
-        height: number;
-    };
-    content: DOMRect;
-    anchor: DOMRect;
-    gap: number;
-    window: {
-        scrollX: number;
-        scrollY: number;
-    };
-};
-export declare const popupContentIsOutOfBoundary: {
-    top: ({ anchor, content, window, gap }: Args) => boolean;
-    bottom: ({ bound, anchor, content, window, gap }: Args) => boolean;
-    left: ({ anchor, content, window, gap }: Args) => boolean;
-    right: ({ bound, anchor, content, window, gap }: Args) => boolean;
-    rightOnVertical: ({ bound, anchor, content, window }: Args) => boolean;
-    leftOnVertical: ({ anchor, content, window }: Args) => boolean;
-    topOnHorizontal: ({ anchor, content, window }: Args) => boolean;
-    bottomOnHorizontal: ({ bound, anchor, content, window }: Args) => boolean;
-    leftOnHorizontalCenter: ({ anchor, content, window }: Args) => boolean;
-    rightOnHorizontalCenter: ({ bound, anchor, content, window }: Args) => boolean;
-    topOnVerticalCenter: ({ anchor, content, window }: Args) => boolean;
-    bottomOnVerticalCenter: ({ bound, anchor, content, window }: Args) => boolean;
-};
-export declare const reflection: {
-    top_: (args: Args) => (h: "Left" | "Center" | "Right") => DirectionValue;
-    bottom_: (args: Args) => (h: "Left" | "Center" | "Right") => DirectionValue;
-    right_: (args: Args) => (v: "Top" | "Center" | "Bottom") => DirectionValue;
-    left_: (args: Args) => (v: "Top" | "Center" | "Bottom") => DirectionValue;
-    _Left: (args: Args) => "Left" | "Right";
-    _Right: (args: Args) => "Left" | "Right";
-    _Top: (args: Args) => "Top" | "Bottom";
-    _Bottom: (args: Args) => "Top" | "Bottom";
-    horizontalCenter: (args: Args) => "Left" | "Center" | "Right";
-    verticalCenter: (args: Args) => "Center" | "Top" | "Bottom";
-};
-export declare const wrapDirection: Record<DirectionValue, (args: Args) => DirectionValue>;
-/**
- * 境界外にPopupContentが出てしまう場合、回り込みにより方向を変更します。ただし、変更後も境界外に出てしまう場合は変更しません。
- */
-export declare const wrapOutOfBound: (dir: DirectionValue, placementArgs: {
-    bound: {
-        width: number;
-        height: number;
-    };
-    content: DOMRect;
-    anchor: DOMRect;
-    gap: number;
-    window: {
-        scrollX: number;
-        scrollY: number;
-    };
-}) => DirectionValue;