@fringeworks/react-layouts 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.ja.md +234 -0
- package/README.md +236 -0
- package/_internal/_constants.cjs +27 -0
- package/_internal/_constants.d.cts +7 -0
- package/_internal/_constants.d.mts +7 -0
- package/_internal/_constants.mjs +25 -0
- package/_internal/applyLayout/applyLayout.cjs +26 -0
- package/_internal/applyLayout/applyLayout.d.cts +13 -0
- package/_internal/applyLayout/applyLayout.d.mts +14 -0
- package/_internal/applyLayout/applyLayout.mjs +24 -0
- package/_internal/applyLayout/index.cjs +3 -0
- package/_internal/applyLayout/index.d.cts +3 -0
- package/_internal/applyLayout/index.d.mts +3 -0
- package/_internal/applyLayout/index.mjs +3 -0
- package/_internal/applyLayout/types.cjs +0 -0
- package/_internal/applyLayout/types.d.cts +37 -0
- package/_internal/applyLayout/types.d.mts +37 -0
- package/_internal/applyLayout/types.mjs +1 -0
- package/_internal/withLayoutBase/index.cjs +3 -0
- package/_internal/withLayoutBase/index.d.cts +3 -0
- package/_internal/withLayoutBase/index.d.mts +3 -0
- package/_internal/withLayoutBase/index.mjs +3 -0
- package/_internal/withLayoutBase/types.cjs +0 -0
- package/_internal/withLayoutBase/types.d.cts +43 -0
- package/_internal/withLayoutBase/types.d.mts +43 -0
- package/_internal/withLayoutBase/types.mjs +1 -0
- package/_internal/withLayoutBase/withLayoutBase.cjs +50 -0
- package/_internal/withLayoutBase/withLayoutBase.d.cts +13 -0
- package/_internal/withLayoutBase/withLayoutBase.d.mts +14 -0
- package/_internal/withLayoutBase/withLayoutBase.mjs +47 -0
- package/_virtual/_rolldown/runtime.cjs +43 -0
- package/_virtual/_rolldown/runtime.mjs +18 -0
- package/constants.cjs +57 -0
- package/constants.d.cts +20 -0
- package/constants.d.mts +20 -0
- package/constants.mjs +20 -0
- package/css/balance.css +171 -0
- package/css/center.css +189 -0
- package/css/flow.css +205 -0
- package/css/layer.css +72 -0
- package/css/matrix.css +184 -0
- package/css/pack.css +42 -0
- package/css/pin.css +23 -0
- package/css/stack.css +216 -0
- package/css/styles.css +1346 -0
- package/css/tile.css +236 -0
- package/index.cjs +61 -0
- package/index.d.cts +22 -0
- package/index.d.mts +22 -0
- package/index.mjs +13 -0
- package/package.json +56 -0
- package/with-css/index.cjs +68 -0
- package/with-css/index.d.cts +23 -0
- package/with-css/index.d.mts +23 -0
- package/with-css/index.mjs +14 -0
- package/with-css/styles.cjs +14 -0
- package/with-css/styles.d.cts +2 -0
- package/with-css/styles.d.mts +2 -0
- package/with-css/styles.mjs +8 -0
- package/with-css/withBalanceLayout/index.cjs +4 -0
- package/with-css/withBalanceLayout/index.d.cts +3 -0
- package/with-css/withBalanceLayout/index.d.mts +3 -0
- package/with-css/withBalanceLayout/index.mjs +4 -0
- package/with-css/withCenterLayout/index.cjs +4 -0
- package/with-css/withCenterLayout/index.d.cts +3 -0
- package/with-css/withCenterLayout/index.d.mts +3 -0
- package/with-css/withCenterLayout/index.mjs +4 -0
- package/with-css/withFlowLayout/index.cjs +4 -0
- package/with-css/withFlowLayout/index.d.cts +3 -0
- package/with-css/withFlowLayout/index.d.mts +3 -0
- package/with-css/withFlowLayout/index.mjs +4 -0
- package/with-css/withLayerLayout/index.cjs +4 -0
- package/with-css/withLayerLayout/index.d.cts +3 -0
- package/with-css/withLayerLayout/index.d.mts +3 -0
- package/with-css/withLayerLayout/index.mjs +4 -0
- package/with-css/withLayout/index.cjs +4 -0
- package/with-css/withLayout/index.d.cts +3 -0
- package/with-css/withLayout/index.d.mts +3 -0
- package/with-css/withLayout/index.mjs +4 -0
- package/with-css/withMatrixLayout/index.cjs +4 -0
- package/with-css/withMatrixLayout/index.d.cts +3 -0
- package/with-css/withMatrixLayout/index.d.mts +3 -0
- package/with-css/withMatrixLayout/index.mjs +4 -0
- package/with-css/withPackLayout/index.cjs +4 -0
- package/with-css/withPackLayout/index.d.cts +3 -0
- package/with-css/withPackLayout/index.d.mts +3 -0
- package/with-css/withPackLayout/index.mjs +4 -0
- package/with-css/withPinLayout/index.cjs +4 -0
- package/with-css/withPinLayout/index.d.cts +3 -0
- package/with-css/withPinLayout/index.d.mts +3 -0
- package/with-css/withPinLayout/index.mjs +4 -0
- package/with-css/withStackLayout/index.cjs +4 -0
- package/with-css/withStackLayout/index.d.cts +3 -0
- package/with-css/withStackLayout/index.d.mts +3 -0
- package/with-css/withStackLayout/index.mjs +4 -0
- package/with-css/withTileLayout/index.cjs +4 -0
- package/with-css/withTileLayout/index.d.cts +3 -0
- package/with-css/withTileLayout/index.d.mts +3 -0
- package/with-css/withTileLayout/index.mjs +4 -0
- package/withBalanceLayout/index.cjs +3 -0
- package/withBalanceLayout/index.d.cts +3 -0
- package/withBalanceLayout/index.d.mts +3 -0
- package/withBalanceLayout/index.mjs +3 -0
- package/withBalanceLayout/types.cjs +0 -0
- package/withBalanceLayout/types.d.cts +10 -0
- package/withBalanceLayout/types.d.mts +10 -0
- package/withBalanceLayout/types.mjs +1 -0
- package/withBalanceLayout/withBalanceLayout.cjs +18 -0
- package/withBalanceLayout/withBalanceLayout.d.cts +12 -0
- package/withBalanceLayout/withBalanceLayout.d.mts +13 -0
- package/withBalanceLayout/withBalanceLayout.mjs +16 -0
- package/withCenterLayout/index.cjs +3 -0
- package/withCenterLayout/index.d.cts +3 -0
- package/withCenterLayout/index.d.mts +3 -0
- package/withCenterLayout/index.mjs +3 -0
- package/withCenterLayout/types.cjs +0 -0
- package/withCenterLayout/types.d.cts +10 -0
- package/withCenterLayout/types.d.mts +10 -0
- package/withCenterLayout/types.mjs +1 -0
- package/withCenterLayout/withCenterLayout.cjs +18 -0
- package/withCenterLayout/withCenterLayout.d.cts +12 -0
- package/withCenterLayout/withCenterLayout.d.mts +13 -0
- package/withCenterLayout/withCenterLayout.mjs +16 -0
- package/withFlowLayout/index.cjs +3 -0
- package/withFlowLayout/index.d.cts +3 -0
- package/withFlowLayout/index.d.mts +3 -0
- package/withFlowLayout/index.mjs +3 -0
- package/withFlowLayout/types.cjs +0 -0
- package/withFlowLayout/types.d.cts +10 -0
- package/withFlowLayout/types.d.mts +10 -0
- package/withFlowLayout/types.mjs +1 -0
- package/withFlowLayout/withFlowLayout.cjs +18 -0
- package/withFlowLayout/withFlowLayout.d.cts +12 -0
- package/withFlowLayout/withFlowLayout.d.mts +13 -0
- package/withFlowLayout/withFlowLayout.mjs +16 -0
- package/withLayerLayout/index.cjs +3 -0
- package/withLayerLayout/index.d.cts +3 -0
- package/withLayerLayout/index.d.mts +3 -0
- package/withLayerLayout/index.mjs +3 -0
- package/withLayerLayout/types.cjs +0 -0
- package/withLayerLayout/types.d.cts +10 -0
- package/withLayerLayout/types.d.mts +10 -0
- package/withLayerLayout/types.mjs +1 -0
- package/withLayerLayout/withLayerLayout.cjs +18 -0
- package/withLayerLayout/withLayerLayout.d.cts +12 -0
- package/withLayerLayout/withLayerLayout.d.mts +13 -0
- package/withLayerLayout/withLayerLayout.mjs +16 -0
- package/withLayout/index.cjs +3 -0
- package/withLayout/index.d.cts +3 -0
- package/withLayout/index.d.mts +3 -0
- package/withLayout/index.mjs +3 -0
- package/withLayout/types.cjs +0 -0
- package/withLayout/types.d.cts +37 -0
- package/withLayout/types.d.mts +37 -0
- package/withLayout/types.mjs +1 -0
- package/withLayout/withLayout.cjs +48 -0
- package/withLayout/withLayout.d.cts +14 -0
- package/withLayout/withLayout.d.mts +15 -0
- package/withLayout/withLayout.mjs +38 -0
- package/withMatrixLayout/index.cjs +3 -0
- package/withMatrixLayout/index.d.cts +3 -0
- package/withMatrixLayout/index.d.mts +3 -0
- package/withMatrixLayout/index.mjs +3 -0
- package/withMatrixLayout/types.cjs +0 -0
- package/withMatrixLayout/types.d.cts +10 -0
- package/withMatrixLayout/types.d.mts +10 -0
- package/withMatrixLayout/types.mjs +1 -0
- package/withMatrixLayout/withMatrixLayout.cjs +18 -0
- package/withMatrixLayout/withMatrixLayout.d.cts +12 -0
- package/withMatrixLayout/withMatrixLayout.d.mts +13 -0
- package/withMatrixLayout/withMatrixLayout.mjs +16 -0
- package/withPackLayout/index.cjs +3 -0
- package/withPackLayout/index.d.cts +3 -0
- package/withPackLayout/index.d.mts +3 -0
- package/withPackLayout/index.mjs +3 -0
- package/withPackLayout/types.cjs +0 -0
- package/withPackLayout/types.d.cts +10 -0
- package/withPackLayout/types.d.mts +10 -0
- package/withPackLayout/types.mjs +1 -0
- package/withPackLayout/withPackLayout.cjs +18 -0
- package/withPackLayout/withPackLayout.d.cts +12 -0
- package/withPackLayout/withPackLayout.d.mts +13 -0
- package/withPackLayout/withPackLayout.mjs +16 -0
- package/withPinLayout/index.cjs +3 -0
- package/withPinLayout/index.d.cts +3 -0
- package/withPinLayout/index.d.mts +3 -0
- package/withPinLayout/index.mjs +3 -0
- package/withPinLayout/types.cjs +0 -0
- package/withPinLayout/types.d.cts +10 -0
- package/withPinLayout/types.d.mts +10 -0
- package/withPinLayout/types.mjs +1 -0
- package/withPinLayout/withPinLayout.cjs +18 -0
- package/withPinLayout/withPinLayout.d.cts +12 -0
- package/withPinLayout/withPinLayout.d.mts +13 -0
- package/withPinLayout/withPinLayout.mjs +16 -0
- package/withStackLayout/index.cjs +3 -0
- package/withStackLayout/index.d.cts +3 -0
- package/withStackLayout/index.d.mts +3 -0
- package/withStackLayout/index.mjs +3 -0
- package/withStackLayout/types.cjs +0 -0
- package/withStackLayout/types.d.cts +10 -0
- package/withStackLayout/types.d.mts +10 -0
- package/withStackLayout/types.mjs +1 -0
- package/withStackLayout/withStackLayout.cjs +18 -0
- package/withStackLayout/withStackLayout.d.cts +12 -0
- package/withStackLayout/withStackLayout.d.mts +13 -0
- package/withStackLayout/withStackLayout.mjs +16 -0
- package/withTileLayout/index.cjs +3 -0
- package/withTileLayout/index.d.cts +3 -0
- package/withTileLayout/index.d.mts +3 -0
- package/withTileLayout/index.mjs +3 -0
- package/withTileLayout/types.cjs +0 -0
- package/withTileLayout/types.d.cts +10 -0
- package/withTileLayout/types.d.mts +10 -0
- package/withTileLayout/types.mjs +1 -0
- package/withTileLayout/withTileLayout.cjs +18 -0
- package/withTileLayout/withTileLayout.d.cts +12 -0
- package/withTileLayout/withTileLayout.d.mts +13 -0
- package/withTileLayout/withTileLayout.mjs +16 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "../../withLayerLayout/types.cjs";
|
|
2
|
+
import withLayerLayout from "../../withLayerLayout/withLayerLayout.cjs";
|
|
3
|
+
export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "../../withLayerLayout/types.mjs";
|
|
2
|
+
import withLayerLayout from "../../withLayerLayout/withLayerLayout.mjs";
|
|
3
|
+
export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps } from "../../withMatrixLayout/types.cjs";
|
|
2
|
+
import withMatrixLayout from "../../withMatrixLayout/withMatrixLayout.cjs";
|
|
3
|
+
export { type MatrixLayoutComponent, type WithMatrixLayoutOptions, type WithMatrixLayoutProps, withMatrixLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps } from "../../withMatrixLayout/types.mjs";
|
|
2
|
+
import withMatrixLayout from "../../withMatrixLayout/withMatrixLayout.mjs";
|
|
3
|
+
export { type MatrixLayoutComponent, type WithMatrixLayoutOptions, type WithMatrixLayoutProps, withMatrixLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps } from "../../withPackLayout/types.cjs";
|
|
2
|
+
import withPackLayout from "../../withPackLayout/withPackLayout.cjs";
|
|
3
|
+
export { type PackLayoutComponent, type WithPackLayoutOptions, type WithPackLayoutProps, withPackLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps } from "../../withPackLayout/types.mjs";
|
|
2
|
+
import withPackLayout from "../../withPackLayout/withPackLayout.mjs";
|
|
3
|
+
export { type PackLayoutComponent, type WithPackLayoutOptions, type WithPackLayoutProps, withPackLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps } from "../../withPinLayout/types.cjs";
|
|
2
|
+
import withPinLayout from "../../withPinLayout/withPinLayout.cjs";
|
|
3
|
+
export { type PinLayoutComponent, type WithPinLayoutOptions, type WithPinLayoutProps, withPinLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps } from "../../withPinLayout/types.mjs";
|
|
2
|
+
import withPinLayout from "../../withPinLayout/withPinLayout.mjs";
|
|
3
|
+
export { type PinLayoutComponent, type WithPinLayoutOptions, type WithPinLayoutProps, withPinLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps } from "../../withStackLayout/types.cjs";
|
|
2
|
+
import withStackLayout from "../../withStackLayout/withStackLayout.cjs";
|
|
3
|
+
export { type StackLayoutComponent, type WithStackLayoutOptions, type WithStackLayoutProps, withStackLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps } from "../../withStackLayout/types.mjs";
|
|
2
|
+
import withStackLayout from "../../withStackLayout/withStackLayout.mjs";
|
|
3
|
+
export { type StackLayoutComponent, type WithStackLayoutOptions, type WithStackLayoutProps, withStackLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps } from "../../withTileLayout/types.cjs";
|
|
2
|
+
import withTileLayout from "../../withTileLayout/withTileLayout.cjs";
|
|
3
|
+
export { type TileLayoutComponent, type WithTileLayoutOptions, type WithTileLayoutProps, withTileLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps } from "../../withTileLayout/types.mjs";
|
|
2
|
+
import withTileLayout from "../../withTileLayout/withTileLayout.mjs";
|
|
3
|
+
export { type TileLayoutComponent, type WithTileLayoutOptions, type WithTileLayoutProps, withTileLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps } from "./types.cjs";
|
|
2
|
+
import withBalanceLayout from "./withBalanceLayout.cjs";
|
|
3
|
+
export { type BalanceLayoutComponent, type WithBalanceLayoutOptions, type WithBalanceLayoutProps, withBalanceLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps } from "./types.mjs";
|
|
2
|
+
import withBalanceLayout from "./withBalanceLayout.mjs";
|
|
3
|
+
export { type BalanceLayoutComponent, type WithBalanceLayoutOptions, type WithBalanceLayoutProps, withBalanceLayout as default };
|
|
File without changes
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
import { BalanceLayoutOptions } from "@fringeworks/style-layouts/balance";
|
|
4
|
+
|
|
5
|
+
//#region src/withBalanceLayout/types.d.ts
|
|
6
|
+
type WithBalanceLayoutProps = BalanceLayoutOptions;
|
|
7
|
+
type WithBalanceLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type BalanceLayoutComponent<C extends ElementType> = LayoutComponentBase<C, BalanceLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
|
|
2
|
+
import { BalanceLayoutOptions } from "@fringeworks/style-layouts/balance";
|
|
3
|
+
import { ElementType } from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/withBalanceLayout/types.d.ts
|
|
6
|
+
type WithBalanceLayoutProps = BalanceLayoutOptions;
|
|
7
|
+
type WithBalanceLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type BalanceLayoutComponent<C extends ElementType> = LayoutComponentBase<C, BalanceLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
|
|
2
|
+
const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
|
|
3
|
+
let _fringeworks_style_layouts_balance = require("@fringeworks/style-layouts/balance");
|
|
4
|
+
_fringeworks_style_layouts_balance = require_runtime.__toESM(_fringeworks_style_layouts_balance, 1);
|
|
5
|
+
|
|
6
|
+
//#region src/withBalanceLayout/withBalanceLayout.tsx
|
|
7
|
+
/**
|
|
8
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
9
|
+
* @param Component コンポーネント
|
|
10
|
+
* @param options オプション
|
|
11
|
+
* @returns
|
|
12
|
+
*/
|
|
13
|
+
function withBalanceLayout(Component, options = {}) {
|
|
14
|
+
return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_balance.default, options);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
module.exports = withBalanceLayout;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { BalanceLayoutComponent, WithBalanceLayoutOptions } from "./types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/withBalanceLayout/withBalanceLayout.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
declare function withBalanceLayout<C extends ElementType>(Component: C, options?: WithBalanceLayoutOptions): BalanceLayoutComponent<C>;
|
|
12
|
+
export = withBalanceLayout;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { BalanceLayoutComponent, WithBalanceLayoutOptions } from "./types.mjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/withBalanceLayout/withBalanceLayout.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
declare function withBalanceLayout<C extends ElementType>(Component: C, options?: WithBalanceLayoutOptions): BalanceLayoutComponent<C>;
|
|
12
|
+
//#endregion
|
|
13
|
+
export { withBalanceLayout as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
|
|
2
|
+
import balance from "@fringeworks/style-layouts/balance";
|
|
3
|
+
|
|
4
|
+
//#region src/withBalanceLayout/withBalanceLayout.tsx
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
function withBalanceLayout(Component, options = {}) {
|
|
12
|
+
return withLayoutBase(Component, balance, options);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
export { withBalanceLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps } from "./types.cjs";
|
|
2
|
+
import withCenterLayout from "./withCenterLayout.cjs";
|
|
3
|
+
export { type CenterLayoutComponent, type WithCenterLayoutOptions, type WithCenterLayoutProps, withCenterLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps } from "./types.mjs";
|
|
2
|
+
import withCenterLayout from "./withCenterLayout.mjs";
|
|
3
|
+
export { type CenterLayoutComponent, type WithCenterLayoutOptions, type WithCenterLayoutProps, withCenterLayout as default };
|
|
File without changes
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
import { CenterLayoutOptions } from "@fringeworks/style-layouts/center";
|
|
4
|
+
|
|
5
|
+
//#region src/withCenterLayout/types.d.ts
|
|
6
|
+
type WithCenterLayoutProps = CenterLayoutOptions;
|
|
7
|
+
type WithCenterLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type CenterLayoutComponent<C extends ElementType> = LayoutComponentBase<C, CenterLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
import { CenterLayoutOptions } from "@fringeworks/style-layouts/center";
|
|
4
|
+
|
|
5
|
+
//#region src/withCenterLayout/types.d.ts
|
|
6
|
+
type WithCenterLayoutProps = CenterLayoutOptions;
|
|
7
|
+
type WithCenterLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type CenterLayoutComponent<C extends ElementType> = LayoutComponentBase<C, CenterLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
|
|
2
|
+
const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
|
|
3
|
+
let _fringeworks_style_layouts_center = require("@fringeworks/style-layouts/center");
|
|
4
|
+
_fringeworks_style_layouts_center = require_runtime.__toESM(_fringeworks_style_layouts_center, 1);
|
|
5
|
+
|
|
6
|
+
//#region src/withCenterLayout/withCenterLayout.tsx
|
|
7
|
+
/**
|
|
8
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
9
|
+
* @param Component コンポーネント
|
|
10
|
+
* @param options オプション
|
|
11
|
+
* @returns
|
|
12
|
+
*/
|
|
13
|
+
function withCenterLayout(Component, options = {}) {
|
|
14
|
+
return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_center.default, options);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
module.exports = withCenterLayout;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CenterLayoutComponent, WithCenterLayoutOptions } from "./types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/withCenterLayout/withCenterLayout.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
declare function withCenterLayout<C extends ElementType>(Component: C, options?: WithCenterLayoutOptions): CenterLayoutComponent<C>;
|
|
12
|
+
export = withCenterLayout;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CenterLayoutComponent, WithCenterLayoutOptions } from "./types.mjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/withCenterLayout/withCenterLayout.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
declare function withCenterLayout<C extends ElementType>(Component: C, options?: WithCenterLayoutOptions): CenterLayoutComponent<C>;
|
|
12
|
+
//#endregion
|
|
13
|
+
export { withCenterLayout as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
|
|
2
|
+
import center from "@fringeworks/style-layouts/center";
|
|
3
|
+
|
|
4
|
+
//#region src/withCenterLayout/withCenterLayout.tsx
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
function withCenterLayout(Component, options = {}) {
|
|
12
|
+
return withLayoutBase(Component, center, options);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
export { withCenterLayout as default };
|
|
File without changes
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
import { FlowLayoutOptions } from "@fringeworks/style-layouts/flow";
|
|
4
|
+
|
|
5
|
+
//#region src/withFlowLayout/types.d.ts
|
|
6
|
+
type WithFlowLayoutProps = FlowLayoutOptions;
|
|
7
|
+
type WithFlowLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type FlowLayoutComponent<C extends ElementType> = LayoutComponentBase<C, FlowLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { FlowLayoutComponent, WithFlowLayoutOptions, WithFlowLayoutProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
import { FlowLayoutOptions } from "@fringeworks/style-layouts/flow";
|
|
4
|
+
|
|
5
|
+
//#region src/withFlowLayout/types.d.ts
|
|
6
|
+
type WithFlowLayoutProps = FlowLayoutOptions;
|
|
7
|
+
type WithFlowLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type FlowLayoutComponent<C extends ElementType> = LayoutComponentBase<C, FlowLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { FlowLayoutComponent, WithFlowLayoutOptions, WithFlowLayoutProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
|
|
2
|
+
const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
|
|
3
|
+
let _fringeworks_style_layouts_flow = require("@fringeworks/style-layouts/flow");
|
|
4
|
+
_fringeworks_style_layouts_flow = require_runtime.__toESM(_fringeworks_style_layouts_flow, 1);
|
|
5
|
+
|
|
6
|
+
//#region src/withFlowLayout/withFlowLayout.tsx
|
|
7
|
+
/**
|
|
8
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
9
|
+
* @param Component コンポーネント
|
|
10
|
+
* @param options オプション
|
|
11
|
+
* @returns
|
|
12
|
+
*/
|
|
13
|
+
function withFlowLayout(Component, options = {}) {
|
|
14
|
+
return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_flow.default, options);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
module.exports = withFlowLayout;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FlowLayoutComponent, WithFlowLayoutOptions } from "./types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/withFlowLayout/withFlowLayout.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
declare function withFlowLayout<C extends ElementType>(Component: C, options?: WithFlowLayoutOptions): FlowLayoutComponent<C>;
|
|
12
|
+
export = withFlowLayout;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FlowLayoutComponent, WithFlowLayoutOptions } from "./types.mjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/withFlowLayout/withFlowLayout.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
declare function withFlowLayout<C extends ElementType>(Component: C, options?: WithFlowLayoutOptions): FlowLayoutComponent<C>;
|
|
12
|
+
//#endregion
|
|
13
|
+
export { withFlowLayout as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
|
|
2
|
+
import flow from "@fringeworks/style-layouts/flow";
|
|
3
|
+
|
|
4
|
+
//#region src/withFlowLayout/withFlowLayout.tsx
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
function withFlowLayout(Component, options = {}) {
|
|
12
|
+
return withLayoutBase(Component, flow, options);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
export { withFlowLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "./types.cjs";
|
|
2
|
+
import withLayerLayout from "./withLayerLayout.cjs";
|
|
3
|
+
export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "./types.mjs";
|
|
2
|
+
import withLayerLayout from "./withLayerLayout.mjs";
|
|
3
|
+
export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
|
|
File without changes
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
import { LayerLayoutOptions } from "@fringeworks/style-layouts/layer";
|
|
4
|
+
|
|
5
|
+
//#region src/withLayerLayout/types.d.ts
|
|
6
|
+
type WithLayerLayoutProps = LayerLayoutOptions;
|
|
7
|
+
type WithLayerLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type LayerLayoutComponent<C extends ElementType> = LayoutComponentBase<C, LayerLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
import { LayerLayoutOptions } from "@fringeworks/style-layouts/layer";
|
|
4
|
+
|
|
5
|
+
//#region src/withLayerLayout/types.d.ts
|
|
6
|
+
type WithLayerLayoutProps = LayerLayoutOptions;
|
|
7
|
+
type WithLayerLayoutOptions = WithLayoutBaseOptions;
|
|
8
|
+
type LayerLayoutComponent<C extends ElementType> = LayoutComponentBase<C, LayerLayoutOptions>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
|
|
2
|
+
const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
|
|
3
|
+
let _fringeworks_style_layouts_layer = require("@fringeworks/style-layouts/layer");
|
|
4
|
+
_fringeworks_style_layouts_layer = require_runtime.__toESM(_fringeworks_style_layouts_layer, 1);
|
|
5
|
+
|
|
6
|
+
//#region src/withLayerLayout/withLayerLayout.tsx
|
|
7
|
+
/**
|
|
8
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
9
|
+
* @param Component コンポーネント
|
|
10
|
+
* @param options オプション
|
|
11
|
+
* @returns
|
|
12
|
+
*/
|
|
13
|
+
function withLayerLayout(Component, options = {}) {
|
|
14
|
+
return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_layer.default, options);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
module.exports = withLayerLayout;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LayerLayoutComponent, WithLayerLayoutOptions } from "./types.cjs";
|
|
2
|
+
import { ElementType } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/withLayerLayout/withLayerLayout.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* コンテナーのレイアウト機能を追加するHOC
|
|
7
|
+
* @param Component コンポーネント
|
|
8
|
+
* @param options オプション
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
declare function withLayerLayout<C extends ElementType>(Component: C, options?: WithLayerLayoutOptions): LayerLayoutComponent<C>;
|
|
12
|
+
export = withLayerLayout;
|