phx-react 1.3.1119 → 1.3.1121
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/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.d.ts +4 -2
- package/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.js +32 -5
- package/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.js.map +1 -1
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.d.ts +4 -2
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.js +32 -5
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,9 +11,11 @@ export interface TwoColumnLayoutProps {
|
|
|
11
11
|
left: React.ReactNode;
|
|
12
12
|
right: React.ReactNode;
|
|
13
13
|
className?: string;
|
|
14
|
-
responsive
|
|
14
|
+
responsive?: {
|
|
15
15
|
gap?: GapSize;
|
|
16
|
+
gapX?: GapSize;
|
|
17
|
+
gapY?: GapSize;
|
|
16
18
|
} & Partial<Record<Breakpoint, ResponsiveConfig>>;
|
|
17
19
|
}
|
|
18
|
-
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right }: TwoColumnLayoutProps) => React.JSX.Element;
|
|
20
|
+
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right, }: TwoColumnLayoutProps) => React.JSX.Element;
|
|
19
21
|
export {};
|
|
@@ -19,14 +19,38 @@ var gapClasses = {
|
|
|
19
19
|
8: 'gap-8',
|
|
20
20
|
12: 'gap-12'
|
|
21
21
|
};
|
|
22
|
+
var gapXClasses = {
|
|
23
|
+
2: 'gap-x-2',
|
|
24
|
+
3: 'gap-x-3',
|
|
25
|
+
4: 'gap-x-4',
|
|
26
|
+
6: 'gap-x-6',
|
|
27
|
+
8: 'gap-x-8',
|
|
28
|
+
12: 'gap-x-12'
|
|
29
|
+
};
|
|
30
|
+
var gapYClasses = {
|
|
31
|
+
2: 'gap-y-2',
|
|
32
|
+
3: 'gap-y-3',
|
|
33
|
+
4: 'gap-y-4',
|
|
34
|
+
6: 'gap-y-6',
|
|
35
|
+
8: 'gap-y-8',
|
|
36
|
+
12: 'gap-y-12'
|
|
37
|
+
};
|
|
22
38
|
var PHXTwoColumnLayout = function (_a) {
|
|
23
|
-
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left,
|
|
24
|
-
|
|
39
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left, _c = _a.responsive, responsive = _c === void 0 ? {
|
|
40
|
+
gapX: 4,
|
|
41
|
+
gapY: 2,
|
|
42
|
+
md: {
|
|
43
|
+
cols: 3,
|
|
44
|
+
leftSpan: 2,
|
|
45
|
+
rightSpan: 1
|
|
46
|
+
}
|
|
47
|
+
} : _c, right = _a.right;
|
|
48
|
+
var _d = responsive.gap, gap = _d === void 0 ? 4 : _d, gapX = responsive.gapX, gapY = responsive.gapY, bpConfigs = tslib_1.__rest(responsive, ["gap", "gapX", "gapY"]);
|
|
25
49
|
var bpClasses = [];
|
|
26
50
|
var leftClasses = [];
|
|
27
51
|
var rightClasses = [];
|
|
28
|
-
for (var _i = 0,
|
|
29
|
-
var bp =
|
|
52
|
+
for (var _i = 0, _e = Object.keys(bpConfigs); _i < _e.length; _i++) {
|
|
53
|
+
var bp = _e[_i];
|
|
30
54
|
var conf = bpConfigs[bp];
|
|
31
55
|
if (!conf)
|
|
32
56
|
continue;
|
|
@@ -37,7 +61,10 @@ var PHXTwoColumnLayout = function (_a) {
|
|
|
37
61
|
if (conf.rightSpan)
|
|
38
62
|
rightClasses.push("".concat(bp, ":col-span-").concat(conf.rightSpan));
|
|
39
63
|
}
|
|
40
|
-
return (react_1["default"].createElement("div", { className: classNames.apply(void 0, tslib_1.__spreadArray(tslib_1.__spreadArray(['grid grid-cols-1',
|
|
64
|
+
return (react_1["default"].createElement("div", { className: classNames.apply(void 0, tslib_1.__spreadArray(tslib_1.__spreadArray(['grid grid-cols-1',
|
|
65
|
+
gapClasses[gap],
|
|
66
|
+
gapX && gapXClasses[gapX],
|
|
67
|
+
gapY && gapYClasses[gapY]], bpClasses, false), [className], false)) },
|
|
41
68
|
react_1["default"].createElement("div", { className: classNames.apply(void 0, leftClasses) }, left),
|
|
42
69
|
react_1["default"].createElement("div", { className: classNames.apply(void 0, rightClasses) }, right)));
|
|
43
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,SAAgB,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAFD,gCAEC;
|
|
1
|
+
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,SAAgB,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAFD,gCAEC;AAsBD,IAAM,UAAU,GAA4B;IAC1C,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;CACb,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAaZ;QAZrB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,IAAI,UAAA,EACJ,kBAQC,EARD,UAAU,mBAAG;QACX,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,EAAE,EAAE;YACF,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,CAAC;SACb;KACF,KAAA,EACD,KAAK,WAAA;IAEG,IAAA,KAAsC,UAAU,IAAzC,EAAP,GAAG,mBAAG,CAAC,KAAA,EAAE,IAAI,GAAyB,UAAU,KAAnC,EAAE,IAAI,GAAmB,UAAU,KAA7B,EAAK,SAAS,kBAAK,UAAU,EAAlD,uBAAqC,CAAF,CAAe;IAExD,IAAM,SAAS,GAAkB,EAAE,CAAA;IACnC,IAAM,WAAW,GAAkB,EAAE,CAAA;IACrC,IAAM,YAAY,GAAkB,EAAE,CAAA;IAEtC,KAAiB,UAA2C,EAA3C,KAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAsB,EAA3C,cAA2C,EAA3C,IAA2C,EAAE;QAAzD,IAAM,EAAE,SAAA;QACX,IAAM,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC,CAAA;QAC1B,IAAI,CAAC,IAAI;YAAE,SAAQ;QAEnB,IAAI,IAAI,CAAC,IAAI;YAAE,SAAS,CAAC,IAAI,CAAC,UAAG,EAAE,wBAAc,IAAI,CAAC,IAAI,CAAE,CAAC,CAAA;QAC7D,IAAI,IAAI,CAAC,QAAQ;YAAE,WAAW,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,QAAQ,CAAE,CAAC,CAAA;QACtE,IAAI,IAAI,CAAC,SAAS;YAAE,YAAY,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,SAAS,CAAE,CAAC,CAAA;KAC1E;IAED,OAAO,CACL,0CACE,SAAS,EAAE,UAAU,4DACnB,kBAAkB;YAClB,UAAU,CAAC,GAAG,CAAC;YACf,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,GACtB,SAAS,WACZ,SAAS;QAGX,0CAAK,SAAS,EAAE,UAAU,eAAI,WAAW,KAAI,IAAI,CAAO;QACxD,0CAAK,SAAS,EAAE,UAAU,eAAI,YAAY,KAAI,KAAK,CAAO,CACtD,CACP,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,kBAAkB,sBA4C9B"}
|
|
@@ -11,9 +11,11 @@ export interface TwoColumnLayoutProps {
|
|
|
11
11
|
left: React.ReactNode;
|
|
12
12
|
right: React.ReactNode;
|
|
13
13
|
className?: string;
|
|
14
|
-
responsive
|
|
14
|
+
responsive?: {
|
|
15
15
|
gap?: GapSize;
|
|
16
|
+
gapX?: GapSize;
|
|
17
|
+
gapY?: GapSize;
|
|
16
18
|
} & Partial<Record<Breakpoint, ResponsiveConfig>>;
|
|
17
19
|
}
|
|
18
|
-
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right }: TwoColumnLayoutProps) => React.JSX.Element;
|
|
20
|
+
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right, }: TwoColumnLayoutProps) => React.JSX.Element;
|
|
19
21
|
export {};
|
|
@@ -15,14 +15,38 @@ var gapClasses = {
|
|
|
15
15
|
8: 'gap-8',
|
|
16
16
|
12: 'gap-12'
|
|
17
17
|
};
|
|
18
|
+
var gapXClasses = {
|
|
19
|
+
2: 'gap-x-2',
|
|
20
|
+
3: 'gap-x-3',
|
|
21
|
+
4: 'gap-x-4',
|
|
22
|
+
6: 'gap-x-6',
|
|
23
|
+
8: 'gap-x-8',
|
|
24
|
+
12: 'gap-x-12'
|
|
25
|
+
};
|
|
26
|
+
var gapYClasses = {
|
|
27
|
+
2: 'gap-y-2',
|
|
28
|
+
3: 'gap-y-3',
|
|
29
|
+
4: 'gap-y-4',
|
|
30
|
+
6: 'gap-y-6',
|
|
31
|
+
8: 'gap-y-8',
|
|
32
|
+
12: 'gap-y-12'
|
|
33
|
+
};
|
|
18
34
|
export var PHXTwoColumnLayout = function (_a) {
|
|
19
|
-
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left,
|
|
20
|
-
|
|
35
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left, _c = _a.responsive, responsive = _c === void 0 ? {
|
|
36
|
+
gapX: 4,
|
|
37
|
+
gapY: 2,
|
|
38
|
+
md: {
|
|
39
|
+
cols: 3,
|
|
40
|
+
leftSpan: 2,
|
|
41
|
+
rightSpan: 1
|
|
42
|
+
}
|
|
43
|
+
} : _c, right = _a.right;
|
|
44
|
+
var _d = responsive.gap, gap = _d === void 0 ? 4 : _d, gapX = responsive.gapX, gapY = responsive.gapY, bpConfigs = __rest(responsive, ["gap", "gapX", "gapY"]);
|
|
21
45
|
var bpClasses = [];
|
|
22
46
|
var leftClasses = [];
|
|
23
47
|
var rightClasses = [];
|
|
24
|
-
for (var _i = 0,
|
|
25
|
-
var bp =
|
|
48
|
+
for (var _i = 0, _e = Object.keys(bpConfigs); _i < _e.length; _i++) {
|
|
49
|
+
var bp = _e[_i];
|
|
26
50
|
var conf = bpConfigs[bp];
|
|
27
51
|
if (!conf)
|
|
28
52
|
continue;
|
|
@@ -33,7 +57,10 @@ export var PHXTwoColumnLayout = function (_a) {
|
|
|
33
57
|
if (conf.rightSpan)
|
|
34
58
|
rightClasses.push("".concat(bp, ":col-span-").concat(conf.rightSpan));
|
|
35
59
|
}
|
|
36
|
-
return (React.createElement("div", { className: classNames.apply(void 0, __spreadArray(__spreadArray(['grid grid-cols-1',
|
|
60
|
+
return (React.createElement("div", { className: classNames.apply(void 0, __spreadArray(__spreadArray(['grid grid-cols-1',
|
|
61
|
+
gapClasses[gap],
|
|
62
|
+
gapX && gapXClasses[gapX],
|
|
63
|
+
gapY && gapYClasses[gapY]], bpClasses, false), [className], false)) },
|
|
37
64
|
React.createElement("div", { className: classNames.apply(void 0, leftClasses) }, left),
|
|
38
65
|
React.createElement("div", { className: classNames.apply(void 0, rightClasses) }, right)));
|
|
39
66
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;
|
|
1
|
+
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAsBD,IAAM,UAAU,GAA4B;IAC1C,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;CACb,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAaZ;QAZrB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,IAAI,UAAA,EACJ,kBAQC,EARD,UAAU,mBAAG;QACX,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,EAAE,EAAE;YACF,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,CAAC;SACb;KACF,KAAA,EACD,KAAK,WAAA;IAEG,IAAA,KAAsC,UAAU,IAAzC,EAAP,GAAG,mBAAG,CAAC,KAAA,EAAE,IAAI,GAAyB,UAAU,KAAnC,EAAE,IAAI,GAAmB,UAAU,KAA7B,EAAK,SAAS,UAAK,UAAU,EAAlD,uBAAqC,CAAF,CAAe;IAExD,IAAM,SAAS,GAAkB,EAAE,CAAA;IACnC,IAAM,WAAW,GAAkB,EAAE,CAAA;IACrC,IAAM,YAAY,GAAkB,EAAE,CAAA;IAEtC,KAAiB,UAA2C,EAA3C,KAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAsB,EAA3C,cAA2C,EAA3C,IAA2C,EAAE;QAAzD,IAAM,EAAE,SAAA;QACX,IAAM,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC,CAAA;QAC1B,IAAI,CAAC,IAAI;YAAE,SAAQ;QAEnB,IAAI,IAAI,CAAC,IAAI;YAAE,SAAS,CAAC,IAAI,CAAC,UAAG,EAAE,wBAAc,IAAI,CAAC,IAAI,CAAE,CAAC,CAAA;QAC7D,IAAI,IAAI,CAAC,QAAQ;YAAE,WAAW,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,QAAQ,CAAE,CAAC,CAAA;QACtE,IAAI,IAAI,CAAC,SAAS;YAAE,YAAY,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,SAAS,CAAE,CAAC,CAAA;KAC1E;IAED,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,4CACnB,kBAAkB;YAClB,UAAU,CAAC,GAAG,CAAC;YACf,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,GACtB,SAAS,WACZ,SAAS;QAGX,6BAAK,SAAS,EAAE,UAAU,eAAI,WAAW,KAAI,IAAI,CAAO;QACxD,6BAAK,SAAS,EAAE,UAAU,eAAI,YAAY,KAAI,KAAK,CAAO,CACtD,CACP,CAAA;AACH,CAAC,CAAA"}
|