phx-react 1.3.1120 → 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 +2 -2
- package/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.js +12 -4
- package/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.js.map +1 -1
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.d.ts +2 -2
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.js +12 -4
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,11 +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
16
|
gapX?: GapSize;
|
|
17
17
|
gapY?: GapSize;
|
|
18
18
|
} & Partial<Record<Breakpoint, ResponsiveConfig>>;
|
|
19
19
|
}
|
|
20
|
-
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;
|
|
21
21
|
export {};
|
|
@@ -36,13 +36,21 @@ var gapYClasses = {
|
|
|
36
36
|
12: 'gap-y-12'
|
|
37
37
|
};
|
|
38
38
|
var PHXTwoColumnLayout = function (_a) {
|
|
39
|
-
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left,
|
|
40
|
-
|
|
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"]);
|
|
41
49
|
var bpClasses = [];
|
|
42
50
|
var leftClasses = [];
|
|
43
51
|
var rightClasses = [];
|
|
44
|
-
for (var _i = 0,
|
|
45
|
-
var bp =
|
|
52
|
+
for (var _i = 0, _e = Object.keys(bpConfigs); _i < _e.length; _i++) {
|
|
53
|
+
var bp = _e[_i];
|
|
46
54
|
var conf = bpConfigs[bp];
|
|
47
55
|
if (!conf)
|
|
48
56
|
continue;
|
|
@@ -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;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,
|
|
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,11 +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
16
|
gapX?: GapSize;
|
|
17
17
|
gapY?: GapSize;
|
|
18
18
|
} & Partial<Record<Breakpoint, ResponsiveConfig>>;
|
|
19
19
|
}
|
|
20
|
-
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;
|
|
21
21
|
export {};
|
|
@@ -32,13 +32,21 @@ var gapYClasses = {
|
|
|
32
32
|
12: 'gap-y-12'
|
|
33
33
|
};
|
|
34
34
|
export var PHXTwoColumnLayout = function (_a) {
|
|
35
|
-
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left,
|
|
36
|
-
|
|
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"]);
|
|
37
45
|
var bpClasses = [];
|
|
38
46
|
var leftClasses = [];
|
|
39
47
|
var rightClasses = [];
|
|
40
|
-
for (var _i = 0,
|
|
41
|
-
var bp =
|
|
48
|
+
for (var _i = 0, _e = Object.keys(bpConfigs); _i < _e.length; _i++) {
|
|
49
|
+
var bp = _e[_i];
|
|
42
50
|
var conf = bpConfigs[bp];
|
|
43
51
|
if (!conf)
|
|
44
52
|
continue;
|
|
@@ -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;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,
|
|
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"}
|