smarthr-ui 40.0.0 → 40.0.1
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/esm/components/ErrorScreen/ErrorScreen.d.ts +2 -2
- package/esm/components/ErrorScreen/ErrorScreen.js.map +1 -1
- package/esm/components/ErrorScreen/index.d.ts +0 -1
- package/esm/components/Layout/Center/Center.d.ts +16 -3
- package/esm/components/Layout/Center/Center.js +4 -4
- package/esm/components/Layout/Center/Center.js.map +1 -1
- package/esm/components/Layout/Cluster/Cluster.d.ts +3 -3
- package/esm/components/Layout/Cluster/Cluster.js +4 -4
- package/esm/components/Layout/Cluster/Cluster.js.map +1 -1
- package/esm/components/Layout/Reel/Reel.d.ts +4 -3
- package/esm/components/Layout/Reel/Reel.js +4 -4
- package/esm/components/Layout/Reel/Reel.js.map +1 -1
- package/esm/components/Layout/Sidebar/Sidebar.d.ts +3 -3
- package/esm/components/Layout/Sidebar/Sidebar.js +4 -5
- package/esm/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/lib/components/ErrorScreen/ErrorScreen.d.ts +2 -2
- package/lib/components/ErrorScreen/ErrorScreen.js.map +1 -1
- package/lib/components/ErrorScreen/index.d.ts +0 -1
- package/lib/components/Layout/Center/Center.d.ts +16 -3
- package/lib/components/Layout/Center/Center.js +3 -4
- package/lib/components/Layout/Center/Center.js.map +1 -1
- package/lib/components/Layout/Cluster/Cluster.d.ts +3 -3
- package/lib/components/Layout/Cluster/Cluster.js +3 -4
- package/lib/components/Layout/Cluster/Cluster.js.map +1 -1
- package/lib/components/Layout/Reel/Reel.d.ts +4 -3
- package/lib/components/Layout/Reel/Reel.js +3 -4
- package/lib/components/Layout/Reel/Reel.js.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.d.ts +3 -3
- package/lib/components/Layout/Sidebar/Sidebar.js +31 -13
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/package.json +7 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
|
|
2
2
|
type Props = {
|
|
3
3
|
/** ロゴ */
|
|
4
4
|
logo?: ReactNode;
|
|
@@ -20,6 +20,6 @@ type Props = {
|
|
|
20
20
|
/** コンポーネントに適用するクラス名 */
|
|
21
21
|
className?: string;
|
|
22
22
|
};
|
|
23
|
-
type ElementProps = Omit<
|
|
23
|
+
type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
|
|
24
24
|
export declare const ErrorScreen: FC<Props & ElementProps>;
|
|
25
25
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA4BtC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,6BAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oBACZ,oBAAC,QAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -33,7 +33,6 @@ declare const MessageScreen: import("react").FC<{
|
|
|
33
33
|
inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
|
|
34
34
|
nonce?: string | undefined;
|
|
35
35
|
tabIndex?: number | undefined;
|
|
36
|
-
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
37
36
|
defaultChecked?: boolean | undefined;
|
|
38
37
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
39
38
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { Gap } from '../../../types';
|
|
3
|
+
import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
3
4
|
type Props = PropsWithChildren<{
|
|
4
5
|
/** コンテンツの最小高さ */
|
|
5
6
|
minHeight?: number | string;
|
|
@@ -11,6 +12,18 @@ type Props = PropsWithChildren<{
|
|
|
11
12
|
verticalCentering?: boolean;
|
|
12
13
|
as?: string | React.ComponentType<any>;
|
|
13
14
|
}>;
|
|
14
|
-
type ElementProps = Omit<
|
|
15
|
-
export declare const Center: React.
|
|
15
|
+
type ElementProps = Omit<ComponentPropsWithRef<'div'>, keyof Props>;
|
|
16
|
+
export declare const Center: React.ForwardRefExoticComponent<Omit<{
|
|
17
|
+
/** コンテンツの最小高さ */
|
|
18
|
+
minHeight?: string | number | undefined;
|
|
19
|
+
/** コンテンツの最大幅 */
|
|
20
|
+
maxWidth?: string | number | undefined;
|
|
21
|
+
/** 境界とコンテンツの間の余白 */
|
|
22
|
+
padding?: Gap | undefined;
|
|
23
|
+
/** 天地中央揃えも有効化するかどうか */
|
|
24
|
+
verticalCentering?: boolean | undefined;
|
|
25
|
+
as?: string | React.ComponentType<any> | undefined;
|
|
26
|
+
} & {
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
} & ElementProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
29
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
1
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
const center = tv({
|
|
4
4
|
base: 'shr-mx-auto shr-box-content shr-flex shr-flex-col shr-items-center',
|
|
@@ -32,7 +32,7 @@ const center = tv({
|
|
|
32
32
|
},
|
|
33
33
|
},
|
|
34
34
|
});
|
|
35
|
-
export const Center = ({ minHeight, maxWidth, padding, verticalCentering, as: Component = 'div', className, ...props }) => {
|
|
35
|
+
export const Center = forwardRef(({ minHeight, maxWidth, padding, verticalCentering, as: Component = 'div', className, ...props }, ref) => {
|
|
36
36
|
const styleProps = useMemo(() => ({
|
|
37
37
|
className: center({ padding, verticalCentering, className }),
|
|
38
38
|
style: {
|
|
@@ -40,6 +40,6 @@ export const Center = ({ minHeight, maxWidth, padding, verticalCentering, as: Co
|
|
|
40
40
|
maxWidth: maxWidth ?? undefined,
|
|
41
41
|
},
|
|
42
42
|
}), [padding, verticalCentering, className, minHeight, maxWidth]);
|
|
43
|
-
return React.createElement(Component, { ...
|
|
44
|
-
};
|
|
43
|
+
return React.createElement(Component, { ...styleProps, ...props, ref: ref });
|
|
44
|
+
});
|
|
45
45
|
//# sourceMappingURL=Center.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAkBtC,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;QAC7B,iBAAiB,EAAE;YACjB,IAAI,EAAE,oBAAoB;SAC3B;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAC/F,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;QAC5D,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,IAAI,SAAS;YACjC,QAAQ,EAAE,QAAQ,IAAI,SAAS;SAChC;KACF,CAAC,EACF,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC7D,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,UAAU,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3D,CAAC,CACF,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { VariantProps } from 'tailwind-variants';
|
|
3
3
|
import type { Gap, SeparateGap } from '../../../types';
|
|
4
|
-
import type {
|
|
4
|
+
import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
5
5
|
declare const cluster: import("tailwind-variants").TVReturnType<{
|
|
6
6
|
inline: {
|
|
7
7
|
true: string;
|
|
@@ -693,6 +693,6 @@ type Props = PropsWithChildren<Omit<VariantProps<typeof cluster>, 'gap' | 'rowGa
|
|
|
693
693
|
as?: string | React.ComponentType<any>;
|
|
694
694
|
/** 間隔の指定（基準フォントサイズの相対値または抽象値） */
|
|
695
695
|
gap?: Gap | SeparateGap;
|
|
696
|
-
}> &
|
|
697
|
-
export declare const Cluster: React.
|
|
696
|
+
}> & ComponentPropsWithRef<'div'>;
|
|
697
|
+
export declare const Cluster: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
698
698
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
1
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
const cluster = tv({
|
|
4
4
|
base: 'shr-flex-wrap [&:empty]:shr-gap-0',
|
|
@@ -103,11 +103,11 @@ const cluster = tv({
|
|
|
103
103
|
},
|
|
104
104
|
},
|
|
105
105
|
});
|
|
106
|
-
export const Cluster = ({ as: Component = 'div', gap = 0.5, ...props }) => {
|
|
106
|
+
export const Cluster = forwardRef(({ as: Component = 'div', gap = 0.5, ...props }, ref) => {
|
|
107
107
|
const rowGap = gap instanceof Object ? gap.row : gap;
|
|
108
108
|
const columnGap = gap instanceof Object ? gap.column : gap;
|
|
109
109
|
const { inline = false, align, justify, className, ...others } = props;
|
|
110
110
|
const styles = useMemo(() => cluster({ inline, rowGap, columnGap, align, justify, className }), [inline, rowGap, columnGap, align, justify, className]);
|
|
111
|
-
return React.createElement(Component, { ...others, className: styles });
|
|
112
|
-
};
|
|
111
|
+
return React.createElement(Component, { ...others, ref: ref, className: styles });
|
|
112
|
+
});
|
|
113
113
|
//# sourceMappingURL=Cluster.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../../src/components/Layout/Cluster/Cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../../src/components/Layout/Cluster/Cluster.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
3
4
|
type Props = VariantProps<typeof reel> & PropsWithChildren<{
|
|
4
5
|
as?: string | React.ComponentType<any>;
|
|
5
|
-
}> &
|
|
6
|
+
}> & ComponentPropsWithRef<'div'>;
|
|
6
7
|
declare const reel: import("tailwind-variants").TVReturnType<{
|
|
7
8
|
gap: {
|
|
8
9
|
0: string;
|
|
@@ -515,5 +516,5 @@ declare const reel: import("tailwind-variants").TVReturnType<{
|
|
|
515
516
|
X3L: string;
|
|
516
517
|
};
|
|
517
518
|
}>, unknown, unknown, undefined>>;
|
|
518
|
-
export declare const Reel: React.
|
|
519
|
+
export declare const Reel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
519
520
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
1
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
const reel = tv({
|
|
4
4
|
base: [
|
|
@@ -73,8 +73,8 @@ const reel = tv({
|
|
|
73
73
|
},
|
|
74
74
|
},
|
|
75
75
|
});
|
|
76
|
-
export const Reel = ({ as: Component = 'div', gap = 0.5, padding = 0, className, ...props }) => {
|
|
76
|
+
export const Reel = forwardRef(({ as: Component = 'div', gap = 0.5, padding = 0, className, ...props }, ref) => {
|
|
77
77
|
const styles = useMemo(() => reel({ gap, padding, className }), [className, gap, padding]);
|
|
78
|
-
return React.createElement(Component, { ...props, className: styles });
|
|
79
|
-
};
|
|
78
|
+
return React.createElement(Component, { ...props, ref: ref, className: styles });
|
|
79
|
+
});
|
|
80
80
|
//# sourceMappingURL=Reel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Reel.js","sourceRoot":"","sources":["../../../../src/components/Layout/Reel/Reel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Reel.js","sourceRoot":"","sources":["../../../../src/components/Layout/Reel/Reel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAWpD,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,oDAAoD;QACpD,oEAAoE;QACpE;;;UAGE;QACF,iBAAiB;KAClB;IACD,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,IAAI,EAAE,cAAc;YACpB,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,WAAW;YACd,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,cAAc;YACnB,GAAG,EAAE,aAAa;YAClB,EAAE,EAAE,WAAW;YACf,CAAC,EAAE,aAAa;YAChB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,aAAa;YAChB,EAAE,EAAE,WAAW;YACf,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,WAAW;SACW;QAC7B,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;KAC9B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAA;IAC1F,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { type CSSProperties, type ComponentProps, type PropsWithChildren } from 'react';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { VariantProps } from 'tailwind-variants';
|
|
4
3
|
import type { Gap, SeparateGap } from '../../../types';
|
|
4
|
+
import type { CSSProperties, ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
5
5
|
declare const sidebar: import("tailwind-variants").TVReturnType<{
|
|
6
6
|
align: {
|
|
7
7
|
start: string;
|
|
@@ -670,6 +670,6 @@ type Props = Omit<VariantProps<typeof sidebar>, 'rowGap' | 'columnGap'> & Varian
|
|
|
670
670
|
contentsMinWidth?: CSSProperties['minWidth'];
|
|
671
671
|
/** 各領域の間隔の指定（gap） */
|
|
672
672
|
gap?: Gap | SeparateGap;
|
|
673
|
-
}> &
|
|
674
|
-
export declare const Sidebar: React.
|
|
673
|
+
}> & ComponentPropsWithRef<'div'>;
|
|
674
|
+
export declare const Sidebar: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
675
675
|
export {};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
3
2
|
import { tv } from 'tailwind-variants';
|
|
4
3
|
const sidebar = tv({
|
|
5
4
|
base: ['shr-flex shr-flex-wrap', 'empty:shr-gap-0'],
|
|
@@ -81,7 +80,7 @@ const sidebarItem = tv({
|
|
|
81
80
|
},
|
|
82
81
|
},
|
|
83
82
|
});
|
|
84
|
-
export const Sidebar = ({ as: Component = 'div', align = 'stretch', contentsMinWidth = '50%', gap = 1, right = false, className, children, ...props }) => {
|
|
83
|
+
export const Sidebar = forwardRef(({ as: Component = 'div', align = 'stretch', contentsMinWidth = '50%', gap = 1, right = false, className, children, ...props }, ref) => {
|
|
85
84
|
const rowGap = gap instanceof Object ? gap.row : gap;
|
|
86
85
|
const columnGap = gap instanceof Object ? gap.column : gap;
|
|
87
86
|
const wrapperStyle = useMemo(() => sidebar({ align, rowGap, columnGap, className }), [align, rowGap, columnGap, className]);
|
|
@@ -120,6 +119,6 @@ export const Sidebar = ({ as: Component = 'div', align = 'stretch', contentsMinW
|
|
|
120
119
|
}
|
|
121
120
|
return child;
|
|
122
121
|
});
|
|
123
|
-
return (React.createElement(Component, { ...props, className: wrapperStyle }, styledChildren));
|
|
124
|
-
};
|
|
122
|
+
return (React.createElement(Component, { ...props, ref: ref, className: wrapperStyle }, styledChildren));
|
|
123
|
+
});
|
|
125
124
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
|
|
2
2
|
type Props = {
|
|
3
3
|
/** ロゴ */
|
|
4
4
|
logo?: ReactNode;
|
|
@@ -20,6 +20,6 @@ type Props = {
|
|
|
20
20
|
/** コンポーネントに適用するクラス名 */
|
|
21
21
|
className?: string;
|
|
22
22
|
};
|
|
23
|
-
type ElementProps = Omit<
|
|
23
|
+
type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
|
|
24
24
|
export declare const ErrorScreen: FC<Props & ElementProps>;
|
|
25
25
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,yDAAsC;AAEtC,wCAAwC;AACxC,sCAAyC;AACzC,gDAA4C;AAC5C,0CAAsC;AA4BtC,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEK,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,8BAAC,yBAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,8BAAC,eAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,8BAAC,cAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,uCAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,8BAAC,cAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,8BAAC,qBAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,uCAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,8BAAC,cAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,sCAAI,GAAG,EAAE,KAAK;oBACZ,8BAAC,mBAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,uCAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,WAAW,eA0CvB"}
|
|
@@ -33,7 +33,6 @@ declare const MessageScreen: import("react").FC<{
|
|
|
33
33
|
inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
|
|
34
34
|
nonce?: string | undefined;
|
|
35
35
|
tabIndex?: number | undefined;
|
|
36
|
-
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
37
36
|
defaultChecked?: boolean | undefined;
|
|
38
37
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
39
38
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { Gap } from '../../../types';
|
|
3
|
+
import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
3
4
|
type Props = PropsWithChildren<{
|
|
4
5
|
/** コンテンツの最小高さ */
|
|
5
6
|
minHeight?: number | string;
|
|
@@ -11,6 +12,18 @@ type Props = PropsWithChildren<{
|
|
|
11
12
|
verticalCentering?: boolean;
|
|
12
13
|
as?: string | React.ComponentType<any>;
|
|
13
14
|
}>;
|
|
14
|
-
type ElementProps = Omit<
|
|
15
|
-
export declare const Center: React.
|
|
15
|
+
type ElementProps = Omit<ComponentPropsWithRef<'div'>, keyof Props>;
|
|
16
|
+
export declare const Center: React.ForwardRefExoticComponent<Omit<{
|
|
17
|
+
/** コンテンツの最小高さ */
|
|
18
|
+
minHeight?: string | number | undefined;
|
|
19
|
+
/** コンテンツの最大幅 */
|
|
20
|
+
maxWidth?: string | number | undefined;
|
|
21
|
+
/** 境界とコンテンツの間の余白 */
|
|
22
|
+
padding?: Gap | undefined;
|
|
23
|
+
/** 天地中央揃えも有効化するかどうか */
|
|
24
|
+
verticalCentering?: boolean | undefined;
|
|
25
|
+
as?: string | React.ComponentType<any> | undefined;
|
|
26
|
+
} & {
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
} & ElementProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
29
|
export {};
|
|
@@ -58,7 +58,7 @@ const center = (0, tailwind_variants_1.tv)({
|
|
|
58
58
|
},
|
|
59
59
|
},
|
|
60
60
|
});
|
|
61
|
-
|
|
61
|
+
exports.Center = (0, react_1.forwardRef)(({ minHeight, maxWidth, padding, verticalCentering, as: Component = 'div', className, ...props }, ref) => {
|
|
62
62
|
const styleProps = (0, react_1.useMemo)(() => ({
|
|
63
63
|
className: center({ padding, verticalCentering, className }),
|
|
64
64
|
style: {
|
|
@@ -66,7 +66,6 @@ const Center = ({ minHeight, maxWidth, padding, verticalCentering, as: Component
|
|
|
66
66
|
maxWidth: maxWidth ?? undefined,
|
|
67
67
|
},
|
|
68
68
|
}), [padding, verticalCentering, className, minHeight, maxWidth]);
|
|
69
|
-
return react_1.default.createElement(Component, { ...
|
|
70
|
-
};
|
|
71
|
-
exports.Center = Center;
|
|
69
|
+
return react_1.default.createElement(Component, { ...styleProps, ...props, ref: ref });
|
|
70
|
+
});
|
|
72
71
|
//# sourceMappingURL=Center.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,yDAAsC;AAkBtC,MAAM,MAAM,GAAG,IAAA,sBAAE,EAAC;IAChB,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;QAC7B,iBAAiB,EAAE;YACjB,IAAI,EAAE,oBAAoB;SAC3B;KACF;CACF,CAAC,CAAA;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAC/F,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;QAC5D,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,IAAI,SAAS;YACjC,QAAQ,EAAE,QAAQ,IAAI,SAAS;SAChC;KACF,CAAC,EACF,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC7D,CAAA;IAED,OAAO,8BAAC,SAAS,OAAK,UAAU,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3D,CAAC,CACF,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { VariantProps } from 'tailwind-variants';
|
|
3
3
|
import type { Gap, SeparateGap } from '../../../types';
|
|
4
|
-
import type {
|
|
4
|
+
import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
5
5
|
declare const cluster: import("tailwind-variants").TVReturnType<{
|
|
6
6
|
inline: {
|
|
7
7
|
true: string;
|
|
@@ -693,6 +693,6 @@ type Props = PropsWithChildren<Omit<VariantProps<typeof cluster>, 'gap' | 'rowGa
|
|
|
693
693
|
as?: string | React.ComponentType<any>;
|
|
694
694
|
/** 間隔の指定（基準フォントサイズの相対値または抽象値） */
|
|
695
695
|
gap?: Gap | SeparateGap;
|
|
696
|
-
}> &
|
|
697
|
-
export declare const Cluster: React.
|
|
696
|
+
}> & ComponentPropsWithRef<'div'>;
|
|
697
|
+
export declare const Cluster: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
698
698
|
export {};
|
|
@@ -129,12 +129,11 @@ const cluster = (0, tailwind_variants_1.tv)({
|
|
|
129
129
|
},
|
|
130
130
|
},
|
|
131
131
|
});
|
|
132
|
-
|
|
132
|
+
exports.Cluster = (0, react_1.forwardRef)(({ as: Component = 'div', gap = 0.5, ...props }, ref) => {
|
|
133
133
|
const rowGap = gap instanceof Object ? gap.row : gap;
|
|
134
134
|
const columnGap = gap instanceof Object ? gap.column : gap;
|
|
135
135
|
const { inline = false, align, justify, className, ...others } = props;
|
|
136
136
|
const styles = (0, react_1.useMemo)(() => cluster({ inline, rowGap, columnGap, align, justify, className }), [inline, rowGap, columnGap, align, justify, className]);
|
|
137
|
-
return react_1.default.createElement(Component, { ...others, className: styles });
|
|
138
|
-
};
|
|
139
|
-
exports.Cluster = Cluster;
|
|
137
|
+
return react_1.default.createElement(Component, { ...others, ref: ref, className: styles });
|
|
138
|
+
});
|
|
140
139
|
//# sourceMappingURL=Cluster.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../../src/components/Layout/Cluster/Cluster.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../../src/components/Layout/Cluster/Cluster.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
3
4
|
type Props = VariantProps<typeof reel> & PropsWithChildren<{
|
|
4
5
|
as?: string | React.ComponentType<any>;
|
|
5
|
-
}> &
|
|
6
|
+
}> & ComponentPropsWithRef<'div'>;
|
|
6
7
|
declare const reel: import("tailwind-variants").TVReturnType<{
|
|
7
8
|
gap: {
|
|
8
9
|
0: string;
|
|
@@ -515,5 +516,5 @@ declare const reel: import("tailwind-variants").TVReturnType<{
|
|
|
515
516
|
X3L: string;
|
|
516
517
|
};
|
|
517
518
|
}>, unknown, unknown, undefined>>;
|
|
518
|
-
export declare const Reel: React.
|
|
519
|
+
export declare const Reel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
519
520
|
export {};
|
|
@@ -99,9 +99,8 @@ const reel = (0, tailwind_variants_1.tv)({
|
|
|
99
99
|
},
|
|
100
100
|
},
|
|
101
101
|
});
|
|
102
|
-
|
|
102
|
+
exports.Reel = (0, react_1.forwardRef)(({ as: Component = 'div', gap = 0.5, padding = 0, className, ...props }, ref) => {
|
|
103
103
|
const styles = (0, react_1.useMemo)(() => reel({ gap, padding, className }), [className, gap, padding]);
|
|
104
|
-
return react_1.default.createElement(Component, { ...props, className: styles });
|
|
105
|
-
};
|
|
106
|
-
exports.Reel = Reel;
|
|
104
|
+
return react_1.default.createElement(Component, { ...props, ref: ref, className: styles });
|
|
105
|
+
});
|
|
107
106
|
//# sourceMappingURL=Reel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Reel.js","sourceRoot":"","sources":["../../../../src/components/Layout/Reel/Reel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Reel.js","sourceRoot":"","sources":["../../../../src/components/Layout/Reel/Reel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,yDAAoD;AAWpD,MAAM,IAAI,GAAG,IAAA,sBAAE,EAAC;IACd,IAAI,EAAE;QACJ,oDAAoD;QACpD,oEAAoE;QACpE;;;UAGE;QACF,iBAAiB;KAClB;IACD,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,IAAI,EAAE,cAAc;YACpB,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,WAAW;YACd,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,cAAc;YACnB,GAAG,EAAE,aAAa;YAClB,EAAE,EAAE,WAAW;YACf,CAAC,EAAE,aAAa;YAChB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,aAAa;YAChB,EAAE,EAAE,WAAW;YACf,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,WAAW;SACW;QAC7B,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;KAC9B;CACF,CAAC,CAAA;AAEW,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAA;IAC1F,OAAO,8BAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { type CSSProperties, type ComponentProps, type PropsWithChildren } from 'react';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { VariantProps } from 'tailwind-variants';
|
|
4
3
|
import type { Gap, SeparateGap } from '../../../types';
|
|
4
|
+
import type { CSSProperties, ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
5
5
|
declare const sidebar: import("tailwind-variants").TVReturnType<{
|
|
6
6
|
align: {
|
|
7
7
|
start: string;
|
|
@@ -670,6 +670,6 @@ type Props = Omit<VariantProps<typeof sidebar>, 'rowGap' | 'columnGap'> & Varian
|
|
|
670
670
|
contentsMinWidth?: CSSProperties['minWidth'];
|
|
671
671
|
/** 各領域の間隔の指定（gap） */
|
|
672
672
|
gap?: Gap | SeparateGap;
|
|
673
|
-
}> &
|
|
674
|
-
export declare const Sidebar: React.
|
|
673
|
+
}> & ComponentPropsWithRef<'div'>;
|
|
674
|
+
export declare const Sidebar: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
675
675
|
export {};
|
|
@@ -1,11 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
4
24
|
};
|
|
5
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
26
|
exports.Sidebar = void 0;
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const react_2 = __importDefault(require("react"));
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
9
28
|
const tailwind_variants_1 = require("tailwind-variants");
|
|
10
29
|
const sidebar = (0, tailwind_variants_1.tv)({
|
|
11
30
|
base: ['shr-flex shr-flex-wrap', 'empty:shr-gap-0'],
|
|
@@ -87,7 +106,7 @@ const sidebarItem = (0, tailwind_variants_1.tv)({
|
|
|
87
106
|
},
|
|
88
107
|
},
|
|
89
108
|
});
|
|
90
|
-
|
|
109
|
+
exports.Sidebar = (0, react_1.forwardRef)(({ as: Component = 'div', align = 'stretch', contentsMinWidth = '50%', gap = 1, right = false, className, children, ...props }, ref) => {
|
|
91
110
|
const rowGap = gap instanceof Object ? gap.row : gap;
|
|
92
111
|
const columnGap = gap instanceof Object ? gap.column : gap;
|
|
93
112
|
const wrapperStyle = (0, react_1.useMemo)(() => sidebar({ align, rowGap, columnGap, className }), [align, rowGap, columnGap, className]);
|
|
@@ -108,17 +127,17 @@ const Sidebar = ({ as: Component = 'div', align = 'stretch', contentsMinWidth =
|
|
|
108
127
|
};
|
|
109
128
|
}, [contentsMinWidth, right]);
|
|
110
129
|
// tailwindcss で :first-child / :last-child に対して動的な min-height を当てられないため、React で疑似的に処理している
|
|
111
|
-
const styledChildren =
|
|
112
|
-
if (
|
|
130
|
+
const styledChildren = react_1.default.Children.map(children, (child, i) => {
|
|
131
|
+
if (react_1.default.isValidElement(child)) {
|
|
113
132
|
const childClassName = child.props.className ?? '';
|
|
114
133
|
if (i === 0) {
|
|
115
|
-
return
|
|
134
|
+
return react_1.default.cloneElement(child, {
|
|
116
135
|
className: `${firstItemStyleProps.className} ${childClassName}`,
|
|
117
136
|
style: { ...firstItemStyleProps.style, ...child.props.style },
|
|
118
137
|
});
|
|
119
138
|
}
|
|
120
|
-
if (i ===
|
|
121
|
-
return
|
|
139
|
+
if (i === react_1.default.Children.count(children) - 1) {
|
|
140
|
+
return react_1.default.cloneElement(child, {
|
|
122
141
|
className: `${lastItemStyleProps.className} ${childClassName}`,
|
|
123
142
|
style: { ...lastItemStyleProps.style, ...child.props.style },
|
|
124
143
|
});
|
|
@@ -126,7 +145,6 @@ const Sidebar = ({ as: Component = 'div', align = 'stretch', contentsMinWidth =
|
|
|
126
145
|
}
|
|
127
146
|
return child;
|
|
128
147
|
});
|
|
129
|
-
return (
|
|
130
|
-
};
|
|
131
|
-
exports.Sidebar = Sidebar;
|
|
148
|
+
return (react_1.default.createElement(Component, { ...props, ref: ref, className: wrapperStyle }, styledChildren));
|
|
149
|
+
});
|
|
132
150
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "smarthr-ui",
|
|
3
3
|
"description": "SmartHR ui components built with React.",
|
|
4
|
-
"version": "40.0.
|
|
4
|
+
"version": "40.0.1",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.2.0",
|
|
@@ -39,21 +39,21 @@
|
|
|
39
39
|
"@swc/core": "^1.3.100",
|
|
40
40
|
"@swc/jest": "^0.2.29",
|
|
41
41
|
"@testing-library/react": "^14.1.2",
|
|
42
|
-
"@types/jest": "^29.5.
|
|
42
|
+
"@types/jest": "^29.5.11",
|
|
43
43
|
"@types/lodash.merge": "^4.6.9",
|
|
44
44
|
"@types/lodash.range": "^3.2.9",
|
|
45
45
|
"@types/node": "^14.18.63",
|
|
46
|
-
"@types/react": "^18.2.
|
|
46
|
+
"@types/react": "^18.2.42",
|
|
47
47
|
"@types/react-dom": "^18.2.17",
|
|
48
48
|
"@types/react-test-renderer": "^17.0.9",
|
|
49
|
-
"@types/react-transition-group": "^4.4.
|
|
49
|
+
"@types/react-transition-group": "^4.4.10",
|
|
50
50
|
"@types/styled-components": "^5.1.32",
|
|
51
51
|
"autoprefixer": "^10.4.16",
|
|
52
52
|
"axe-playwright": "^1.2.3",
|
|
53
53
|
"babel-loader": "^9.1.3",
|
|
54
54
|
"babel-plugin-polyfill-corejs2": "^0.4.6",
|
|
55
55
|
"babel-plugin-polyfill-regenerator": "^0.5.3",
|
|
56
|
-
"chromatic": "^
|
|
56
|
+
"chromatic": "^10.0.0",
|
|
57
57
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
58
58
|
"eslint": "^8.55.0",
|
|
59
59
|
"eslint-config-smarthr": "^6.14.0",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"postcss-syntax": "^0.36.2",
|
|
74
74
|
"prettier": "^3.1.0",
|
|
75
75
|
"prettier-config-smarthr": "^1.0.0",
|
|
76
|
-
"prettier-plugin-tailwindcss": "^0.5.
|
|
76
|
+
"prettier-plugin-tailwindcss": "^0.5.9",
|
|
77
77
|
"puppeteer": "^21.5.2",
|
|
78
78
|
"react": "^18.2.0",
|
|
79
79
|
"react-dom": "^18.2.0",
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
"typings": "lib/index.d.ts",
|
|
178
178
|
"resolutions": {
|
|
179
179
|
"@babel/helper-compilation-targets": "^7.22.15",
|
|
180
|
-
"@types/react": "^18.2.
|
|
180
|
+
"@types/react": "^18.2.42",
|
|
181
181
|
"minimist": "1.2.8",
|
|
182
182
|
"react": "^18.2.0",
|
|
183
183
|
"react-dom": "^18.2.0"
|