phx-react 1.3.263 → 1.3.264
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/ButtonGroup/ButtonGroup.d.ts +1 -0
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js +12 -0
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts +1 -0
- package/dist/esm/components/ButtonGroup/ButtonGroup.js +13 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/package.json +1 -1
|
@@ -25,6 +25,18 @@ function PHXButtonGroup(_a) {
|
|
|
25
25
|
return;
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
+
(0, react_1.useEffect)(function () {
|
|
29
|
+
for (var _i = 0, dataGroups_1 = dataGroups; _i < dataGroups_1.length; _i++) {
|
|
30
|
+
var item = dataGroups_1[_i];
|
|
31
|
+
if (item.defaultActive) {
|
|
32
|
+
setActive(item.buttonText);
|
|
33
|
+
setCurrent(true);
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}, [dataGroups]);
|
|
28
40
|
return (react_1["default"].createElement("div", { className: "flex justify-start w-fit rounded-lg ".concat(className) }, dataGroups.map(function (item, index) { return (react_1["default"].createElement(Button_1.PHXButton, { key: item.buttonText, className: (0, types_1.classNames)(index === 0 ? 'rounded-none rounded-tl-lg rounded-bl-lg border-l' : 'rounded-none', index === dataGroups.length - 1 ? 'rounded-none rounded-tr-lg rounded-br-lg' : 'rounded-none', type === 'active-button' && active === item.buttonText && current
|
|
29
41
|
? '!bg-gray-200 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !border-b-gray-300'
|
|
30
42
|
: '', '!ring-0 border-y border-r border-gray-300 leading-4 border-b-gray-400 hover:border-b-gray-300'), secondary: true, size: size, onClick: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,2CAA4C;AAC5C,kCAAqC;AASrC,SAAgB,cAAc,CAAC,EAAuD;QAArD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1D,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,IAAI,KAAK,eAAe,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;gBACjB,SAAS,CAAC,EAAE,CAAC,CAAA;aACd;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,KAAmB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA1B,IAAM,IAAI,mBAAA;YACb,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBAC1B,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAM;aACP;SACF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,0CAAK,SAAS,EAAE,8CAAuC,SAAS,CAAE,IAC/D,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,iCAAC,kBAAS,IACR,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,cAAc,EAClF,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,cAAc,EAC7F,IAAI,KAAK,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,OAAO;YAC/D,CAAC,CAAC,iFAAiF;YACnF,CAAC,CAAC,EAAE,EACN,+FAA+F,CAChG,EACD,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,IAEA,IAAI,CAAC,UAAU,CACN,CACb,EAnBgC,CAmBhC,CAAC,CACE,CACP,CAAA;AACH,CAAC;AArDD,wCAqDC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { PHXButton } from '../Button/Button';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export function PHXButtonGroup(_a) {
|
|
@@ -21,6 +21,18 @@ export function PHXButtonGroup(_a) {
|
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
+
useEffect(function () {
|
|
25
|
+
for (var _i = 0, dataGroups_1 = dataGroups; _i < dataGroups_1.length; _i++) {
|
|
26
|
+
var item = dataGroups_1[_i];
|
|
27
|
+
if (item.defaultActive) {
|
|
28
|
+
setActive(item.buttonText);
|
|
29
|
+
setCurrent(true);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}, [dataGroups]);
|
|
24
36
|
return (React.createElement("div", { className: "flex justify-start w-fit rounded-lg ".concat(className) }, dataGroups.map(function (item, index) { return (React.createElement(PHXButton, { key: item.buttonText, className: classNames(index === 0 ? 'rounded-none rounded-tl-lg rounded-bl-lg border-l' : 'rounded-none', index === dataGroups.length - 1 ? 'rounded-none rounded-tr-lg rounded-br-lg' : 'rounded-none', type === 'active-button' && active === item.buttonText && current
|
|
25
37
|
? '!bg-gray-200 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !border-b-gray-300'
|
|
26
38
|
: '', '!ring-0 border-y border-r border-gray-300 leading-4 border-b-gray-400 hover:border-b-gray-300'), secondary: true, size: size, onClick: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AASrC,MAAM,UAAU,cAAc,CAAC,EAAuD;QAArD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1D,IAAA,KAAsB,QAAQ,CAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,IAAI,KAAK,eAAe,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;gBACjB,SAAS,CAAC,EAAE,CAAC,CAAA;aACd;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,KAAmB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA1B,IAAM,IAAI,mBAAA;YACb,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBAC1B,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAM;aACP;SACF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,6BAAK,SAAS,EAAE,8CAAuC,SAAS,CAAE,IAC/D,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,UAAU,CACnB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,cAAc,EAClF,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,cAAc,EAC7F,IAAI,KAAK,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,OAAO;YAC/D,CAAC,CAAC,iFAAiF;YACnF,CAAC,CAAC,EAAE,EACN,+FAA+F,CAChG,EACD,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,IAEA,IAAI,CAAC,UAAU,CACN,CACb,EAnBgC,CAmBhC,CAAC,CACE,CACP,CAAA;AACH,CAAC"}
|