phx-react 1.3.375 → 1.3.377

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.
Files changed (71) hide show
  1. package/dist/cjs/components/Card/Card.js +1 -1
  2. package/dist/cjs/components/Card/Card.js.map +1 -1
  3. package/dist/cjs/components/Checkbox/Checkbox.d.ts +2 -0
  4. package/dist/cjs/components/Checkbox/Checkbox.js +9 -5
  5. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  6. package/dist/cjs/components/Checkbox/styles/StyleCheckbox.d.ts +3 -0
  7. package/dist/cjs/components/Checkbox/styles/StyleCheckbox.js +10 -0
  8. package/dist/cjs/components/Checkbox/styles/StyleCheckbox.js.map +1 -0
  9. package/dist/cjs/components/ChoiceList/ChoiceList.js +1 -1
  10. package/dist/cjs/components/ChoiceList/ChoiceList.js.map +1 -1
  11. package/dist/cjs/components/Dropdown/Dropdown.d.ts +1 -1
  12. package/dist/cjs/components/Dropdown/Dropdown.js +4 -2
  13. package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
  14. package/dist/cjs/components/MainWrap/appearance/Appearance.js +1 -1
  15. package/dist/cjs/components/MainWrap/appearance/Appearance.js.map +1 -1
  16. package/dist/cjs/components/Radio/Radio.js +2 -2
  17. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  18. package/dist/cjs/components/ResourceList/ResourceList.d.ts +35 -0
  19. package/dist/cjs/components/ResourceList/ResourceList.js +44 -0
  20. package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -0
  21. package/dist/cjs/components/ResourceList/component/bulkAction.d.ts +15 -0
  22. package/dist/cjs/components/ResourceList/component/bulkAction.js +23 -0
  23. package/dist/cjs/components/ResourceList/component/bulkAction.js.map +1 -0
  24. package/dist/cjs/components/ResourceList/component/list.d.ts +3 -0
  25. package/dist/cjs/components/ResourceList/component/list.js +38 -0
  26. package/dist/cjs/components/ResourceList/component/list.js.map +1 -0
  27. package/dist/cjs/components/ResourceList/component/searchResult.d.ts +3 -0
  28. package/dist/cjs/components/ResourceList/component/searchResult.js +14 -0
  29. package/dist/cjs/components/ResourceList/component/searchResult.js.map +1 -0
  30. package/dist/cjs/components/ResourceList/index.d.ts +1 -0
  31. package/dist/cjs/components/ResourceList/index.js +5 -0
  32. package/dist/cjs/components/ResourceList/index.js.map +1 -0
  33. package/dist/cjs/index.d.ts +2 -1
  34. package/dist/cjs/index.js +3 -1
  35. package/dist/cjs/index.js.map +1 -1
  36. package/dist/esm/components/Card/Card.js +1 -1
  37. package/dist/esm/components/Card/Card.js.map +1 -1
  38. package/dist/esm/components/Checkbox/Checkbox.d.ts +2 -0
  39. package/dist/esm/components/Checkbox/Checkbox.js +9 -5
  40. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  41. package/dist/esm/components/Checkbox/styles/StyleCheckbox.d.ts +3 -0
  42. package/dist/esm/components/Checkbox/styles/StyleCheckbox.js +7 -0
  43. package/dist/esm/components/Checkbox/styles/StyleCheckbox.js.map +1 -0
  44. package/dist/esm/components/ChoiceList/ChoiceList.js +1 -1
  45. package/dist/esm/components/ChoiceList/ChoiceList.js.map +1 -1
  46. package/dist/esm/components/Dropdown/Dropdown.d.ts +1 -1
  47. package/dist/esm/components/Dropdown/Dropdown.js +4 -2
  48. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  49. package/dist/esm/components/MainWrap/appearance/Appearance.js +1 -1
  50. package/dist/esm/components/MainWrap/appearance/Appearance.js.map +1 -1
  51. package/dist/esm/components/Radio/Radio.js +2 -2
  52. package/dist/esm/components/Radio/Radio.js.map +1 -1
  53. package/dist/esm/components/ResourceList/ResourceList.d.ts +35 -0
  54. package/dist/esm/components/ResourceList/ResourceList.js +39 -0
  55. package/dist/esm/components/ResourceList/ResourceList.js.map +1 -0
  56. package/dist/esm/components/ResourceList/component/bulkAction.d.ts +15 -0
  57. package/dist/esm/components/ResourceList/component/bulkAction.js +20 -0
  58. package/dist/esm/components/ResourceList/component/bulkAction.js.map +1 -0
  59. package/dist/esm/components/ResourceList/component/list.d.ts +3 -0
  60. package/dist/esm/components/ResourceList/component/list.js +36 -0
  61. package/dist/esm/components/ResourceList/component/list.js.map +1 -0
  62. package/dist/esm/components/ResourceList/component/searchResult.d.ts +3 -0
  63. package/dist/esm/components/ResourceList/component/searchResult.js +11 -0
  64. package/dist/esm/components/ResourceList/component/searchResult.js.map +1 -0
  65. package/dist/esm/components/ResourceList/index.d.ts +1 -0
  66. package/dist/esm/components/ResourceList/index.js +2 -0
  67. package/dist/esm/components/ResourceList/index.js.map +1 -0
  68. package/dist/esm/index.d.ts +2 -1
  69. package/dist/esm/index.js +2 -1
  70. package/dist/esm/index.js.map +1 -1
  71. package/package.json +1 -1
@@ -11,5 +11,7 @@ export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
11
11
  onChange?: any;
12
12
  error?: boolean;
13
13
  errorType?: 'required-field' | 'duplicate-field';
14
+ id?: string;
15
+ type?: 'default' | 'not-all';
14
16
  }
15
17
  export declare const PHXCheckbox: React.FC<CheckboxProps>;
@@ -1,9 +1,10 @@
1
1
  import { __assign, __rest } from "tslib";
2
2
  import React, { useEffect, useState } from 'react';
3
3
  import { classNames } from '../types';
4
+ import StyledCheckboxLayout from './styles/StyleCheckbox';
4
5
  export var PHXCheckbox = function (_a) {
5
- var children = _a.children, className = _a.className, helpText = _a.helpText, label = _a.label, title = _a.title, expanded = _a.expanded, register = _a.register, onChange = _a.onChange, error = _a.error, errorType = _a.errorType, rest = __rest(_a, ["children", "className", "helpText", "label", "title", "expanded", "register", "onChange", "error", "errorType"]);
6
- var _b = useState(false), show = _b[0], setShow = _b[1];
6
+ var children = _a.children, className = _a.className, helpText = _a.helpText, label = _a.label, title = _a.title, expanded = _a.expanded, register = _a.register, onChange = _a.onChange, error = _a.error, errorType = _a.errorType, _b = _a.id, id = _b === void 0 ? 'checkbox' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, rest = __rest(_a, ["children", "className", "helpText", "label", "title", "expanded", "register", "onChange", "error", "errorType", "id", "type"]);
7
+ var _d = useState(false), show = _d[0], setShow = _d[1];
7
8
  useEffect(function () {
8
9
  // @ts-ignore
9
10
  setShow(expanded);
@@ -15,11 +16,14 @@ export var PHXCheckbox = function (_a) {
15
16
  }
16
17
  };
17
18
  return (React.createElement("div", { className: className },
19
+ React.createElement(StyledCheckboxLayout, { id: id, type: type }),
18
20
  label && React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
19
21
  React.createElement("div", { className: 'flex items-center py-1' },
20
- React.createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
21
- React.createElement("input", __assign({}, register, rest, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent'), onChange: handleChange, type: 'checkbox' })),
22
- React.createElement("span", { className: 'ml-2' }, title))),
22
+ React.createElement("div", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
23
+ React.createElement("input", __assign({}, register, rest, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent hidden'), id: id, onChange: handleChange, type: 'checkbox' })),
24
+ React.createElement("label", { htmlFor: id, className: 'checkbox' },
25
+ React.createElement("span", { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent icon') }),
26
+ React.createElement("span", { className: 'ml-7 font-normal' }, title)))),
23
27
  helpText && show ? React.createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
24
28
  show && children ? React.createElement("div", { className: 'ml-7' }, children) : React.createElement(React.Fragment, null),
25
29
  error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAerC,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAYrC;IAXd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACN,IAAI,cAX4C,iHAYpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,SAAS,CAAC;QACR,aAAa;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,4HAA4H,CAC7H,EACD,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QACjG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK;QACjE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAiBzD,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAcrC;IAbd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAe,EAAf,EAAE,mBAAG,UAAU,KAAA,EACf,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,IAAI,cAb4C,+HAcpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,SAAS,CAAC;QACR,aAAa;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,oBAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI;QAC3C,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAC,oFAAoF;gBACjG,0CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,6HAA6H,CAC9H,EACD,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,UAAU;oBACtC,8BACE,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,iIAAiI,CAClI,GACD;oBACF,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ,CAC3C,CACJ,CACF;QACL,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QACjG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK;QACjE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const StyledCheckboxLayout: ({ id }: any) => React.JSX.Element;
3
+ export default StyledCheckboxLayout;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ var StyledCheckboxLayout = function (_a) {
3
+ var id = _a.id;
4
+ return (React.createElement("style", null, "\n .checkbox {\n display: inline-block;\n position: relative;\n font-weight: bold;\n cursor: pointer;\n }\n \n .checkbox:active .text {\n transform: scale(0.9);\n }\n \n .checkbox .icon {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n }\n \n .checkbox .icon::before,\n .checkbox .icon::after {\n content: '';\n display: block;\n position: absolute;\n }\n \n .checkbox .icon::before {\n height: 100%;\n width: 100%;\n /* border-radius: 100%; */\n background: transparent;\n transition: background 80ms cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n \n .checkbox .icon::after {\n border: 2px solid transparent;\n transition: height 80ms ease-in, width 80ms ease-out 80ms, border-color cubic-bezier(0.165, 0.84, 0.44, 1) 80ms 80ms;\n width: 0px;\n height: 0px;\n bottom: 7px;\n left: 1px;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 3px;\n transform-origin: bottom left;\n transform: rotate(45deg);\n }\n \n #".concat(id, ":checked + .checkbox .icon::after {\n width: 6px;\n height: 10px;\n border-right-color: white;\n border-bottom-color: white;\n transition: width 80ms ease-in, height 80ms ease-out 80ms, border-color cubic-bezier(0.165, 0.84, 0.44, 1) 80ms;\n }\n \n #").concat(id, ":checked + .checkbox .icon::before {\n background: #1a1a1a;\n }\n ")));
5
+ };
6
+ export default StyledCheckboxLayout;
7
+ //# sourceMappingURL=StyleCheckbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StyleCheckbox.js","sourceRoot":"","sources":["../../../../../src/components/Checkbox/styles/StyleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,oBAAoB,GAAG,UAAC,EAAW;QAAT,EAAE,QAAA;IAChC,OAAO,CACL,mCACG,w8CAgDM,EAAE,yVAQF,EAAE,oGAGJ,CACC,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
@@ -4,6 +4,6 @@ export function PHXChoiceList(_a) {
4
4
  var label = _a.label, list = _a.list;
5
5
  return (React.createElement(React.Fragment, null,
6
6
  label && React.createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
7
- list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked, disabled: item.disabled, onChange: item.onChange }, item.component)); })));
7
+ list.map(function (item, index) { return (React.createElement(PHXCheckbox, { id: "checkbox-".concat(index), key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked, disabled: item.disabled, onChange: item.onChange }, item.component)); })));
8
8
  }
9
9
  //# sourceMappingURL=ChoiceList.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,SAAS,CACH,CACf,EAdwB,CAcxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CACtC,oBAAC,WAAW,IACV,EAAE,EAAE,mBAAY,KAAK,CAAE,EACvB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,SAAS,CACH,CACf,EAfuC,CAevC,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}
@@ -15,7 +15,7 @@ export interface DropdownProps {
15
15
  onClick?(): void;
16
16
  }>;
17
17
  origin?: 'left' | 'right';
18
- type?: 'default' | 'icon-only' | 'date-picker';
18
+ type?: 'default' | 'icon-only' | 'date-picker' | 'ellipsis-icon';
19
19
  defaultDate?: string;
20
20
  max?: string;
21
21
  min?: string;
@@ -22,13 +22,15 @@ export function PHXDropdown(_a) {
22
22
  React.createElement("div", { className: classNames((type === 'default' || type === 'date-picker') && 'flex items-center gap-x-1 text-gray-900') },
23
23
  React.createElement("p", { className: classNames(type === 'icon-only' && 'sr-only') }, buttonContent),
24
24
  (type === 'default' || type === 'date-picker') && (React.createElement(ChevronDownIcon, { className: 'mt-0.5 h-4 w-4', "aria-hidden": 'true' })),
25
- type === 'icon-only' && React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))),
25
+ type === 'icon-only' && React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }),
26
+ type === 'ellipsis-icon' && (React.createElement("div", { className: 'p-1 hover:bg-gray-300 rounded-lg' },
27
+ React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))))),
26
28
  React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
27
29
  React.createElement(Menu.Items, { className: classNames(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', type === 'date-picker' ? '' : 'px-1 border', 'whitespace-nowrap absolute z-10 max-h-96 overflow-y-auto mt-1.5 min-w-[7.2rem] rounded-lg bg-white focus:outline-none shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)]') }, type === 'date-picker' ? (React.createElement(Calendar, { onChangeDate: onChangeDate, defaultDate: defaultDate, max: max, min: min, startDisabled: startDisabled, endDisabled: endDisabled, disabledDate: disabledDate })) : (React.createElement(React.Fragment, null,
28
30
  optionTitle && React.createElement("p", { className: 'px-2.5 pt-2 pb-1 text-xs font-semibold' }, optionTitle),
29
31
  React.createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (React.createElement(Menu.Item, { key: item.content }, function (_a) {
30
32
  var active = _a.active;
31
- return (React.createElement("p", { className: classNames(active ? 'bg-gray-100 text-gray-900 rounded-lg cursor-pointer' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'bg-gray-200 rounded-lg font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'text-red-800 font-semibold bg-red-200 rounded-lg'), onClick: item.onClick },
33
+ return (React.createElement("div", { className: classNames(active ? 'bg-gray-100 text-gray-900 rounded-lg cursor-pointer' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'bg-gray-200 rounded-lg font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'text-red-800 font-semibold bg-red-200 rounded-lg'), onClick: item.onClick },
32
34
  React.createElement("div", { className: classNames(item.icon && 'flex gap-x-2 items-center') },
33
35
  item.icon && React.createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
34
36
  item.content)));
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAA;AAC3D,OAAO,QAAQ,MAAM,mCAAmC,CAAA;AA2BxD,MAAM,UAAU,WAAW,CAAC,EAcZ;QAbd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,GAAG,SAAA,EACH,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA;IAEZ,IAAM,IAAI,GAAG,UAAC,EAAkC;YAAhC,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;QACvC,aAAa;QACb,IAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChE,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,IAAI,eAAe,CAAC,GAAI,CAAA;IAC9E,CAAC,CAAA;IACD,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,0CAAmC,SAAS,CAAE;YACtE;gBACE,oBAAC,IAAI,CAAC,MAAM,IACV,SAAS,EAAE,UAAU,CACnB,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,aAAa,CAAC;wBAC5C,iRAAiR,EACnR,IAAI,KAAK,WAAW;wBAClB,mLAAmL,CACtL;oBAED,6BACE,SAAS,EAAE,UAAU,CACnB,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,aAAa,CAAC,IAAI,yCAAyC,CAC5F;wBAED,2BAAG,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,WAAW,IAAI,SAAS,CAAC,IAAG,aAAa,CAAK;wBAC/E,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,aAAa,CAAC,IAAI,CACjD,oBAAC,eAAe,IAAC,SAAS,EAAC,gBAAgB,iBAAa,MAAM,GAAG,CAClE;wBACA,IAAI,KAAK,WAAW,IAAI,oBAAC,sBAAsB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG;wBACzF,IAAI,KAAK,eAAe,IAAI,CAC3B,6BAAK,SAAS,EAAC,kCAAkC;4BAC/C,oBAAC,sBAAsB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAC7D,CACP,CACG,CACM,CACV;YAEN,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;gBAEtC,oBAAC,IAAI,CAAC,KAAK,IACT,SAAS,EAAE,UAAU,CACnB,MAAM,KAAK,MAAM,IAAI,wBAAwB,EAC7C,MAAM,KAAK,OAAO,IAAI,0BAA0B,EAChD,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAC3C,kLAAkL,CACnL,IAEA,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,CACxB,oBAAC,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,CACF;oBACG,WAAW,IAAI,2BAAG,SAAS,EAAC,wCAAwC,IAAE,WAAW,CAAK;oBACvF,6BAAK,SAAS,EAAC,MAAM,IAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC3B,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,OAAO,IACzB,UAAC,EAAU;4BAAR,MAAM,YAAA;wBAAO,OAAA,CACf,6BACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,eAAe,EAChF,2BAA2B,EAC3B,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,oDAAoD,EACxF,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,+BAA+B,EACnE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,IAAI,kDAAkD,CACtF,EACD,OAAO,EAAE,IAAI,CAAC,OAAO;4BAErB,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,2BAA2B,CAAC;gCACjE,IAAI,CAAC,IAAI,IAAI,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;gCAC1F,IAAI,CAAC,OAAO,CACT,CACF,CACP;oBAhBgB,CAgBhB,CACS,CACb,EApB4B,CAoB5B,CAAC,CACE,CACL,CACJ,CACU,CACF,CACR,CACH,CACP,CAAA;AACH,CAAC"}
@@ -10,7 +10,7 @@ var StyledCustomeLayout = function (props) {
10
10
  var checkSetting = settingLocal || (settingLength === 0 ? settingDefault : settingQuery);
11
11
  return checkSetting;
12
12
  };
13
- return (React.createElement("style", null, "\n /* styled header */\n\n .header-loading-logo {\n background-color: ".concat(handleCheckLayoutSetting(local_color_loading_skeleton, df_color_loading_skeleton, color_loading_skeleton), "\n }\n\n .header-loading-avatar {\n background-color: ").concat(handleCheckLayoutSetting(local_color_loading_skeleton, df_color_loading_skeleton, color_loading_skeleton), "\n }\n\n .header-styled {\n background-color: ").concat(handleCheckLayoutSetting(local_header_bg_color, df_header_bg_color, header_bg_color), ";\n }\n\n .header-color-styled{\n border-color: ").concat(handleCheckLayoutSetting(local_header_bg_color, df_header_bg_color, header_bg_color), "\n }\n\n /* styled search box */\n .search-box-styled {\n background-color:").concat(handleCheckLayoutSetting(local_search_bg_color, df_search_bg_color, search_bg_color), ";\n border-color: ").concat(handleCheckLayoutSetting(local_search_border_color, df_search_border_color, search_border_color), "\n }\n\n /* m\u00E0u border trong search box khi hover */\n .search-box-styled:hover {\n border-color: ").concat(handleCheckLayoutSetting(local_search_border_hover_color, df_search_border_hover_color, search_border_hover_color), "\n }\n\n /* m\u00E0u ch\u1EEF trong search box */\n .search-text-styled {\n color: ").concat(handleCheckLayoutSetting(local_search_text_color, df_search_text_color, search_text_color), "\n }\n\n /* m\u00E0u icon trong search box */\n .search-icon-styled {\n color: ").concat(handleCheckLayoutSetting(local_search_icon_color, df_search_icon_color, search_icon_color), "\n }\n /* end styled search box */\n\n /* styled left menu */\n /* m\u00E0u background */\n .menu-styled {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_bg_color, df_menu_bg_color, menu_bg_color), ";\n border-color: ").concat(handleCheckLayoutSetting(local_menu_bg_color, df_menu_bg_color, menu_bg_color), "\n }\n /* m\u00E0u icon */\n .menu-icon-color-styled {\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_color, df_menu_icon_color, menu_icon_color), "\n }\n .menu-icon-color-styled:hover {\n color: ").concat(handleCheckLayoutSetting(local_menu_text_and_icon_hover_color, df_menu_text_and_icon_hover_color, menu_text_and_icon_hover_color), "\n }\n\n /* m\u00E0u background icon \u0111ang \u0111\u01B0\u1EE3c active */\n .menu-bg-color-icon-active-styled {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_bg_active, df_menu_bg_active, menu_bg_active), ";\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_active, df_menu_icon_active, menu_icon_active), "\n }\n \n /* m\u00E0u background khi hover */\n .menu-hover-bg:hover {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_hover_bg, df_menu_hover_bg, menu_hover_bg), "\n }\n\n /* m\u00E0u ch\u1EEF */\n .menu-text-color-styled {\n color : ").concat(handleCheckLayoutSetting(local_menu_text_color, df_menu_text_color, menu_text_color), "\n }\n\n\n /* m\u00E0u icon setting */\n .setting-icon-color {\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_color, df_menu_icon_color, menu_icon_color), "\n }\n\n /* m\u00E0u ch\u1EEF setting */\n .setting-text-color {\n color : ").concat(handleCheckLayoutSetting(local_menu_text_color, df_menu_text_color, menu_text_color), "\n }\n\n /* m\u00E0u background active setting */\n .setting-bg-icon-active {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_bg_active, df_menu_bg_active, menu_bg_active), ";\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_active, df_menu_icon_active, menu_icon_active), "\n }\n\n /* m\u00E0u background setting hover */\n .setting-hover-bg:hover {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_hover_bg, df_menu_hover_bg, menu_hover_bg), "\n }\n\n \n\n /* end styled menu */\n ")));
13
+ return (React.createElement("style", null, "\n /* styled header */\n\n .header-loading-logo {\n background-color: ".concat(handleCheckLayoutSetting(local_color_loading_skeleton, df_color_loading_skeleton, color_loading_skeleton), "\n }\n\n .header-loading-avatar {\n background-color: ").concat(handleCheckLayoutSetting(local_color_loading_skeleton, df_color_loading_skeleton, color_loading_skeleton), "\n }\n\n .header-styled {\n background-color: ").concat(handleCheckLayoutSetting(local_header_bg_color, df_header_bg_color, header_bg_color), ";\n }\n\n .header-color-styled{\n border-color: ").concat(handleCheckLayoutSetting(local_header_bg_color, df_header_bg_color, header_bg_color), "\n }\n\n /* styled search box */\n .search-box-styled {\n background-color:").concat(handleCheckLayoutSetting(local_search_bg_color, df_search_bg_color, search_bg_color), ";\n border-color: ").concat(handleCheckLayoutSetting(local_search_border_color, df_search_border_color, search_border_color), "\n }\n\n /* m\u00E0u border trong search box khi hover */\n .search-box-styled:hover {\n border-color: ").concat(handleCheckLayoutSetting(local_search_border_hover_color, df_search_border_hover_color, search_border_hover_color), "\n }\n\n /* m\u00E0u ch\u1EEF trong search box */\n .search-text-styled {\n color: ").concat(handleCheckLayoutSetting(local_search_text_color, df_search_text_color, search_text_color), "\n }\n\n /* m\u00E0u icon trong search box */\n .search-icon-styled {\n color: ").concat(handleCheckLayoutSetting(local_search_icon_color, df_search_icon_color, search_icon_color), "\n }\n /* end styled search box */\n\n /* styled left menu */\n /* m\u00E0u background */\n .menu-styled {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_bg_color, df_menu_bg_color, menu_bg_color), ";\n border-color: ").concat(handleCheckLayoutSetting(local_menu_bg_color, df_menu_bg_color, menu_bg_color), "\n }\n /* m\u00E0u icon */\n .menu-icon-color-styled {\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_color, df_menu_icon_color, menu_icon_color), "\n }\n .menu-icon-color-styled:hover {\n color: ").concat(handleCheckLayoutSetting(local_menu_text_and_icon_hover_color, df_menu_text_and_icon_hover_color, menu_text_and_icon_hover_color), "\n }\n\n /* m\u00E0u background icon \u0111ang \u0111\u01B0\u1EE3c active */\n .menu-bg-color-icon-active-styled {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_bg_active, df_menu_bg_active, menu_bg_active), ";\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_active, df_menu_icon_active, menu_icon_active), "\n }\n \n /* m\u00E0u background khi hover */\n .menu-hover-bg:hover {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_hover_bg, df_menu_hover_bg, menu_hover_bg), "\n }\n\n /* m\u00E0u ch\u1EEF */\n .menu-text-color-styled {\n color : ").concat(handleCheckLayoutSetting(local_menu_text_color, df_menu_text_color, menu_text_color), "\n }\n\n\n /* m\u00E0u icon setting */\n .setting-icon-color {\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_color, df_menu_icon_color, menu_icon_color), "\n }\n\n /* m\u00E0u ch\u1EEF setting */\n .setting-text-color {\n color : ").concat(handleCheckLayoutSetting(local_menu_text_color, df_menu_text_color, menu_text_color), "\n }\n\n /* m\u00E0u background active setting */\n .setting-bg-icon-active {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_bg_active, df_menu_bg_active, menu_bg_active), ";\n color: ").concat(handleCheckLayoutSetting(local_menu_icon_active, df_menu_icon_active, menu_icon_active), "\n }\n\n /* m\u00E0u background setting hover */\n .setting-hover-bg:hover {\n background-color: ").concat(handleCheckLayoutSetting(local_menu_hover_bg, df_menu_hover_bg, menu_hover_bg), "\n }\n\n /* css sub menu */\n .child-menu-active::before {\n content: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' fill='none'%3E%3Cpath fill='%23B5B5B5' d='M9 0h1.5v28H9z'/%3E%3C/svg%3E\");\n opacity: 1;\n position: absolute;\n left: 1.1rem;\n top: -0.2rem;\n }\n \n .child-menu-active::after {\n content: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='28' fill='none'%3E%3Cpath fill='%23B5B5B5' d='M19 14.25h.75v1.5H19v-1.5Zm-8.923-.888.668-.34-.668.34Zm1.311 1.311.34-.668-.34.668ZM10.5 0v10.2H9V0h1.5Zm4.05 14.25H19v1.5h-4.45v-1.5ZM10.5 10.2c0 .853 0 1.447.038 -1.09.037.453.107.714.207.912l-1.336.68c-.227-.444-.321-.924-.366-1.47C9 11.694 9 11.027 9 10.2h1.5Zm4.05 5.55c-.828 0-1.494 0-2.032-.043-.546-.045-1.026-.14-1.47-.366l.68-1.336c.198.1.459.17.913.207.462.037 1.056.038 1.909.038v1.5Zm-3.805-2.729c.216.424.56.768.984.984l-.681 1.336a3.75 3.75 0 0 1-1.64-1.638l1.337-.681Z'/%3E%3Cpath stroke='%23B5B5B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m17 12 3 3-3 3'/%3E%3C/svg%3E\");\n opacity: 1;\n position: absolute;\n left: 1.1rem;\n top: 0.15rem;\n }\n \n .child-menu-bef::before {\n content: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='28' fill='none'%3E%3Cpath fill='%23B5B5B5' d='M9 0h1.5v28H9z'/%3E%3C/svg%3E\");\n opacity: 1;\n position: absolute;\n left: 1.1rem;\n top: -0.2rem;\n }\n \n .child-menu-bef::after {\n content: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='28' fill='none'%3E%3Cpath fill='%23B5B5B5' d='M9 0h1.5v28H9z'/%3E%3C/svg%3E\");\n opacity: 1;\n position: absolute;\n left: 1.1rem;\n top: 0.6rem;\n }\n\n /* end styled menu */\n ")));
14
14
  };
15
15
  export default StyledCustomeLayout;
16
16
  //# sourceMappingURL=Appearance.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../../../src/components/MainWrap/appearance/Appearance.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../../../src/components/MainWrap/appearance/Appearance.tsx"],"names":[],"mappings":"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"}
@@ -6,8 +6,8 @@ export var PHXRadio = function (_a) {
6
6
  return (React.createElement("div", { className: className },
7
7
  React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
8
8
  React.createElement("div", { className: 'mt-1 flex items-center' },
9
- React.createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
10
- React.createElement("input", __assign({}, register, rest, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500'), type: 'radio' })),
9
+ React.createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
10
+ React.createElement("input", __assign({}, register, rest, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-900 focus:ring-indigo-900'), type: 'radio' })),
11
11
  React.createElement("span", { className: 'ml-2' }, title))),
12
12
  error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
13
13
  React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAPsC,iEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAPsC,iEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,oFAAoF;gBACnG,0CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+ import * as SolidIcons from '@heroicons/react/24/solid';
3
+ import * as OutlineIcons from '@heroicons/react/24/outline';
4
+ export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
5
+ export interface ResourceListProps {
6
+ list?: Array<{
7
+ id?: number;
8
+ name?: string;
9
+ location?: string;
10
+ avatar?: string;
11
+ }>;
12
+ readonly?: boolean;
13
+ bulkActions?: boolean;
14
+ searchResult?: boolean;
15
+ shortcutAction?(item: any): Array<{
16
+ content?: string;
17
+ icon?: IconName;
18
+ iconOutline?: boolean;
19
+ active?: boolean;
20
+ destructive?: boolean;
21
+ onClick?(): void;
22
+ }>;
23
+ sortOptions?: Array<{
24
+ content?: string;
25
+ icon?: IconName;
26
+ iconOutline?: boolean;
27
+ active?: boolean;
28
+ destructive?: boolean;
29
+ onClick?(): void;
30
+ }>;
31
+ sortContent?: string;
32
+ onClickItem?(item: any): void;
33
+ onBulkActions?(data: any): void;
34
+ }
35
+ export declare function PHXResourceList({ list, bulkActions, readonly, searchResult, shortcutAction, sortOptions, sortContent, onClickItem, onBulkActions, }: ResourceListProps): React.JSX.Element;
@@ -0,0 +1,39 @@
1
+ import React, { useEffect, useState } from 'react';
2
+ import { classNames } from '../types';
3
+ import BulkAction from './component/bulkAction';
4
+ import { PHXDropdown } from '../Dropdown';
5
+ import { PHXEmptyRecord } from '../EmptyRecord';
6
+ import SearchResult from './component/searchResult';
7
+ import List from './component/list';
8
+ export function PHXResourceList(_a) {
9
+ var list = _a.list, bulkActions = _a.bulkActions, _b = _a.readonly, readonly = _b === void 0 ? false : _b, _c = _a.searchResult, searchResult = _c === void 0 ? false : _c, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions;
10
+ var _d = useState([]), dataSelected = _d[0], setDataSelected = _d[1];
11
+ var _e = useState(''), query = _e[0], setQuery = _e[1];
12
+ var _f = useState([]), filteredItems = _f[0], setFilteredItems = _f[1];
13
+ useEffect(function () {
14
+ var queryItems = query === ''
15
+ ? list
16
+ : list === null || list === void 0 ? void 0 : list.filter(function (item) {
17
+ return item.name.toLowerCase().includes(query.toLowerCase());
18
+ });
19
+ setFilteredItems(queryItems);
20
+ }, [query]);
21
+ var bulkActionMarkup = bulkActions ? (React.createElement(BulkAction, { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
22
+ React.createElement(SearchResult, { setQuery: setQuery }))) : (React.createElement(React.Fragment, null));
23
+ var listMarkup = list && (React.createElement(List, { filteredItems: filteredItems, dataSelected: dataSelected, bulkActions: bulkActions, readonly: readonly, shortcutAction: shortcutAction, onClickItem: onClickItem, setDataSelected: setDataSelected }));
24
+ var sortActionMarkup = sortOptions && sortContent && (React.createElement(PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' }));
25
+ return (React.createElement("div", { className: 'w-5/6' },
26
+ React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
27
+ React.createElement("div", { className: classNames('rounded-lg bg-white border border-gray-200') },
28
+ bulkActions && searchResult && (React.createElement("div", { className: 'relative p-3 pb-0' },
29
+ React.createElement(SearchResult, { type: 'have-bulk-actions', setQuery: setQuery }))),
30
+ React.createElement("div", { className: classNames('flex border-b p-3 gap-x-4 items-center', !bulkActions && 'justify-end') },
31
+ bulkActionMarkup,
32
+ sortActionMarkup),
33
+ filteredItems.length === 0 && query !== '' ? (React.createElement(PHXEmptyRecord, { type: 'small' })) : (React.createElement(React.Fragment, null,
34
+ listMarkup,
35
+ dataSelected.length > 0 && (React.createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
36
+ dataSelected.length,
37
+ " selected"))))))));
38
+ }
39
+ //# sourceMappingURL=ResourceList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ interface BulkActionProps {
3
+ dataSelected: Array<any>;
4
+ list: Array<{
5
+ id?: number;
6
+ name?: string;
7
+ location?: string;
8
+ avatar?: string;
9
+ }>;
10
+ setDataSelected: any;
11
+ setFilteredItems: any;
12
+ onBulkActions?(data: any): void;
13
+ }
14
+ declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems }: BulkActionProps): React.JSX.Element;
15
+ export default BulkAction;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { PHXCheckbox } from '../../Checkbox';
3
+ import { PHXButton } from '../../Button';
4
+ function BulkAction(_a) {
5
+ var dataSelected = _a.dataSelected, list = _a.list, setDataSelected = _a.setDataSelected, onBulkActions = _a.onBulkActions, setFilteredItems = _a.setFilteredItems;
6
+ var handleSelectAll = function (e) {
7
+ e.target.checked ? setDataSelected(list) : setDataSelected([]);
8
+ setFilteredItems(list);
9
+ };
10
+ var handleBulkActions = function () {
11
+ if (onBulkActions) {
12
+ onBulkActions(dataSelected);
13
+ }
14
+ };
15
+ return (React.createElement("label", { className: 'flex flex-1 items-center gap-x-1.5 text-xs hover:cursor-pointer' },
16
+ React.createElement(PHXCheckbox, { checked: dataSelected.length === (list === null || list === void 0 ? void 0 : list.length), type: list && dataSelected.length === (list === null || list === void 0 ? void 0 : list.length) ? 'default' : 'not-all', onChange: function (e) { return handleSelectAll(e); } }),
17
+ dataSelected.length === 0 ? (React.createElement("p", { className: 'leading-7' }, "Ch\u1ECDn danh s\u00E1ch")) : (React.createElement(PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, "Ch\u1EC9nh s\u1EEDa"))));
18
+ }
19
+ export default BulkAction;
20
+ //# sourceMappingURL=bulkAction.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAUxC,SAAS,UAAU,CAAC,EAAyF;QAAvF,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,sBAAA;IACxF,IAAM,eAAe,GAAG,UAAC,CAAM;QAC7B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAA;QAC9D,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,YAAY,CAAC,CAAA;SAC5B;IACH,CAAC,CAAA;IAED,OAAO,CACL,+BAAO,SAAS,EAAC,iEAAiE;QAChF,oBAAC,WAAW,IACV,OAAO,EAAE,YAAY,CAAC,MAAM,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,EAC7C,IAAI,EAAE,IAAI,IAAI,YAAY,CAAC,MAAM,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC1E,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,EAAlB,CAAkB,GACxC;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,2BAAG,SAAS,EAAC,WAAW,+BAAmB,CAC5C,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,0BAEhD,CACb,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare function List({ filteredItems, dataSelected, bulkActions, readonly, shortcutAction, onClickItem, setDataSelected, }: any): React.JSX.Element;
3
+ export default List;
@@ -0,0 +1,36 @@
1
+ import { __spreadArray } from "tslib";
2
+ import React from 'react';
3
+ import { classNames } from '../../types';
4
+ import { PHXCheckbox } from '../../Checkbox';
5
+ import { PHXDropdown } from '../../Dropdown';
6
+ function List(_a) {
7
+ var filteredItems = _a.filteredItems, dataSelected = _a.dataSelected, bulkActions = _a.bulkActions, readonly = _a.readonly, shortcutAction = _a.shortcutAction, onClickItem = _a.onClickItem, setDataSelected = _a.setDataSelected;
8
+ var handleClick = function (item) {
9
+ if (onClickItem && !readonly) {
10
+ onClickItem(item);
11
+ }
12
+ else {
13
+ return;
14
+ }
15
+ };
16
+ var handleSelectOne = function (e, item) {
17
+ setDataSelected(e.target.checked
18
+ ? // @ts-ignore
19
+ __spreadArray(__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p !== item; }));
20
+ };
21
+ return (React.createElement(React.Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (React.createElement("div", { key: index, "aria-hidden": true, className: classNames('p-3', index < filteredItems.length - 1 && 'border-b', index === 0 && !bulkActions && 'rounded-t-lg', index === filteredItems.length - 1 && dataSelected.length === 0 && 'rounded-b-lg', dataSelected.includes(item) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer'), onClick: function () { return handleClick(item); } },
22
+ React.createElement("div", { className: 'flex gap-x-1.5 items-center' },
23
+ bulkActions && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
24
+ React.createElement(PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) {
25
+ handleSelectOne(e, item);
26
+ } }))),
27
+ React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
28
+ (item === null || item === void 0 ? void 0 : item.avatar) && React.createElement("img", { alt: 'avatar', className: 'h-8 w-8 rounded-full', src: item.avatar }),
29
+ React.createElement("div", { className: 'flex flex-col gap-y-0.5' },
30
+ (item === null || item === void 0 ? void 0 : item.name) && React.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
31
+ (item === null || item === void 0 ? void 0 : item.location) && React.createElement("p", { className: 'text-xs font-normal text-gray-600' }, item.location))),
32
+ shortcutAction && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
33
+ React.createElement(PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: shortcutAction(item) })))))); })));
34
+ }
35
+ export default List;
36
+ //# sourceMappingURL=list.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare function SearchResult({ setQuery, type }: any): React.JSX.Element;
3
+ export default SearchResult;
@@ -0,0 +1,11 @@
1
+ import { MagnifyingGlassIcon } from '@heroicons/react/20/solid';
2
+ import React from 'react';
3
+ import { classNames } from '../../types';
4
+ function SearchResult(_a) {
5
+ var setQuery = _a.setQuery, type = _a.type;
6
+ return (React.createElement(React.Fragment, null,
7
+ React.createElement("input", { className: 'block w-full rounded-lg border border-gray-500 px-3 py-1.5 pl-8 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', onChange: function (e) { return setQuery(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text' }),
8
+ React.createElement(MagnifyingGlassIcon, { className: classNames('h-4 w-4 text-gray-500 absolute ml-3', type === 'have-bulk-actions' ? 'top-5' : 'top-2') })));
9
+ }
10
+ export default SearchResult;
11
+ //# sourceMappingURL=searchResult.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"searchResult.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/searchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,SAAS,YAAY,CAAC,EAAuB;QAArB,QAAQ,cAAA,EAAE,IAAI,UAAA;IACpC,OAAO,CACL;QACE,+BACE,SAAS,EAAC,gPAAgP,EAC1P,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAC9C,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,GACX;QACF,oBAAC,mBAAmB,IAClB,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE,IAAI,KAAK,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAC9G,CACD,CACJ,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
@@ -0,0 +1 @@
1
+ export * from './ResourceList';
@@ -0,0 +1,2 @@
1
+ export * from './ResourceList';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
@@ -41,4 +41,5 @@ import { PHXDropdown } from './components/Dropdown';
41
41
  import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
42
42
  import PHXGetHttpLinkConfig from './components/Func/getHttpLinkConfig';
43
43
  import PHXUseDebounce from './components/Func/useDebounce';
44
- export { PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXGetHttpLinkConfig, PHXUseDebounce, };
44
+ import { PHXResourceList } from './components/ResourceList';
45
+ export { PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXGetHttpLinkConfig, PHXUseDebounce, PHXResourceList, };
package/dist/esm/index.js CHANGED
@@ -41,5 +41,6 @@ import { PHXDropdown } from './components/Dropdown';
41
41
  import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
42
42
  import PHXGetHttpLinkConfig from './components/Func/getHttpLinkConfig';
43
43
  import PHXUseDebounce from './components/Func/useDebounce';
44
- export { PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXGetHttpLinkConfig, PHXUseDebounce, };
44
+ import { PHXResourceList } from './components/ResourceList';
45
+ export { PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXGetHttpLinkConfig, PHXUseDebounce, PHXResourceList, };
45
46
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.375",
3
+ "version": "1.3.377",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",