@qoretechnologies/reqore 0.25.10 → 0.26.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.
Files changed (121) hide show
  1. package/.gitpod.yml +2 -2
  2. package/__tests__/effect.test.tsx +70 -0
  3. package/dist/components/Button/index.d.ts +3 -2
  4. package/dist/components/Button/index.d.ts.map +1 -1
  5. package/dist/components/Button/index.js +19 -14
  6. package/dist/components/Button/index.js.map +1 -1
  7. package/dist/components/ControlGroup/index.d.ts.map +1 -1
  8. package/dist/components/ControlGroup/index.js +4 -1
  9. package/dist/components/ControlGroup/index.js.map +1 -1
  10. package/dist/components/Effect/index.d.ts +29 -0
  11. package/dist/components/Effect/index.d.ts.map +1 -0
  12. package/dist/components/Effect/index.js +118 -0
  13. package/dist/components/Effect/index.js.map +1 -0
  14. package/dist/components/Header/index.d.ts +14 -8
  15. package/dist/components/Header/index.d.ts.map +1 -1
  16. package/dist/components/Header/index.js +52 -33
  17. package/dist/components/Header/index.js.map +1 -1
  18. package/dist/components/Input/index.d.ts +3 -2
  19. package/dist/components/Input/index.d.ts.map +1 -1
  20. package/dist/components/Input/index.js +8 -7
  21. package/dist/components/Input/index.js.map +1 -1
  22. package/dist/components/Menu/index.js +1 -1
  23. package/dist/components/Menu/index.js.map +1 -1
  24. package/dist/components/Menu/item.d.ts +5 -11
  25. package/dist/components/Menu/item.d.ts.map +1 -1
  26. package/dist/components/Menu/item.js +4 -4
  27. package/dist/components/Menu/item.js.map +1 -1
  28. package/dist/components/Message/index.d.ts +3 -6
  29. package/dist/components/Message/index.d.ts.map +1 -1
  30. package/dist/components/Message/index.js +2 -1
  31. package/dist/components/Message/index.js.map +1 -1
  32. package/dist/components/Notifications/notification.d.ts +3 -2
  33. package/dist/components/Notifications/notification.d.ts.map +1 -1
  34. package/dist/components/Notifications/notification.js +3 -2
  35. package/dist/components/Notifications/notification.js.map +1 -1
  36. package/dist/components/Panel/index.d.ts +3 -1
  37. package/dist/components/Panel/index.d.ts.map +1 -1
  38. package/dist/components/Panel/index.js +17 -16
  39. package/dist/components/Panel/index.js.map +1 -1
  40. package/dist/components/Popover/index.d.ts.map +1 -1
  41. package/dist/components/Popover/index.js +0 -2
  42. package/dist/components/Popover/index.js.map +1 -1
  43. package/dist/components/Tabs/item.d.ts +1 -1
  44. package/dist/components/Tabs/item.d.ts.map +1 -1
  45. package/dist/components/Tabs/item.js +6 -5
  46. package/dist/components/Tabs/item.js.map +1 -1
  47. package/dist/components/Tag/index.d.ts +2 -2
  48. package/dist/components/Tag/index.d.ts.map +1 -1
  49. package/dist/components/Tag/index.js +6 -4
  50. package/dist/components/Tag/index.js.map +1 -1
  51. package/dist/components/Textarea/index.d.ts +2 -2
  52. package/dist/components/Textarea/index.d.ts.map +1 -1
  53. package/dist/components/Textarea/index.js +8 -7
  54. package/dist/components/Textarea/index.js.map +1 -1
  55. package/dist/components/Tree/index.d.ts +1 -0
  56. package/dist/components/Tree/index.d.ts.map +1 -1
  57. package/dist/components/Tree/index.js +4 -3
  58. package/dist/components/Tree/index.js.map +1 -1
  59. package/dist/constants/sizes.d.ts +7 -0
  60. package/dist/constants/sizes.d.ts.map +1 -1
  61. package/dist/constants/sizes.js +8 -1
  62. package/dist/constants/sizes.js.map +1 -1
  63. package/dist/constants/theme.d.ts +1 -0
  64. package/dist/constants/theme.d.ts.map +1 -1
  65. package/dist/constants/theme.js.map +1 -1
  66. package/dist/containers/ReqoreProvider.d.ts +2 -2
  67. package/dist/containers/ReqoreProvider.d.ts.map +1 -1
  68. package/dist/containers/ReqoreProvider.js +6 -5
  69. package/dist/containers/ReqoreProvider.js.map +1 -1
  70. package/dist/containers/UIProvider.d.ts +9 -3
  71. package/dist/containers/UIProvider.d.ts.map +1 -1
  72. package/dist/containers/UIProvider.js +2 -2
  73. package/dist/containers/UIProvider.js.map +1 -1
  74. package/dist/context/ReqoreContext.d.ts +2 -0
  75. package/dist/context/ReqoreContext.d.ts.map +1 -1
  76. package/dist/context/ReqoreContext.js +4 -1
  77. package/dist/context/ReqoreContext.js.map +1 -1
  78. package/dist/helpers/colors.js +1 -1
  79. package/dist/helpers/colors.js.map +1 -1
  80. package/dist/index.d.ts +2 -1
  81. package/dist/index.d.ts.map +1 -1
  82. package/dist/index.js +6 -2
  83. package/dist/index.js.map +1 -1
  84. package/dist/types/global.d.ts +13 -0
  85. package/dist/types/global.d.ts.map +1 -1
  86. package/package.json +2 -1
  87. package/src/components/Button/index.tsx +41 -25
  88. package/src/components/ControlGroup/index.tsx +1 -0
  89. package/src/components/Effect/index.tsx +137 -0
  90. package/src/components/Header/index.tsx +33 -28
  91. package/src/components/Input/index.tsx +15 -7
  92. package/src/components/Menu/index.tsx +1 -1
  93. package/src/components/Menu/item.tsx +8 -17
  94. package/src/components/Message/index.tsx +13 -5
  95. package/src/components/Notifications/notification.tsx +7 -4
  96. package/src/components/Panel/index.tsx +29 -26
  97. package/src/components/Popover/index.tsx +0 -13
  98. package/src/components/Tabs/item.tsx +92 -79
  99. package/src/components/Tag/index.tsx +16 -7
  100. package/src/components/Textarea/index.tsx +14 -7
  101. package/src/components/Tree/index.tsx +6 -2
  102. package/src/constants/sizes.ts +8 -0
  103. package/src/constants/theme.ts +1 -0
  104. package/src/containers/ReqoreProvider.tsx +14 -8
  105. package/src/containers/UIProvider.tsx +13 -13
  106. package/src/context/ReqoreContext.tsx +5 -0
  107. package/src/helpers/colors.ts +1 -1
  108. package/src/index.tsx +10 -1
  109. package/src/mock/collectionData.tsx +55 -2
  110. package/src/stories/Button/Button.stories.tsx +18 -2
  111. package/src/stories/Header/Header.stories.tsx +71 -0
  112. package/src/stories/Input/Input.stories.tsx +12 -0
  113. package/src/stories/Menu/Menu.stories.tsx +14 -0
  114. package/src/stories/Message/Message.stories.tsx +13 -0
  115. package/src/stories/Notifications/Notification.stories.tsx +7 -2
  116. package/src/stories/Panel/Panel.stories.tsx +37 -1
  117. package/src/stories/Tabs/Tabs.stories.tsx +23 -23
  118. package/src/stories/Tag/Tag.stories.tsx +16 -0
  119. package/src/stories/TextArea/TextArea.stories.tsx +18 -0
  120. package/src/types/global.ts +14 -0
  121. package/tests.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA2B,WAAA,uBAAG,qHAAA,0CAGjD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHtC,CAIxD,CAAC;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,wEAAuC;AAEvC,+CAAwD;AAExD,oCAA6C;AAahC,QAAA,YAAY,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,oHAAA,0CAGzC,EAC6E,KACvF,KAFU,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IACvB,OAAA,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAApF,CAAoF,EACtF;AAEK,IAAM,aAAa,GAAG,UAAC,EAAiD;IAA/C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACtD,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC;QAChC,OAAO,WAAI,IAAI,CAA6C,CAAC;IAC/D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uBAAC,oBAAY,aAAC,EAAE,EAAE,iBAAiB,IAAM,KAAK,cAC3C,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEK,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE"}
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import { TSizes } from '../../constants/sizes';
3
3
  import { IReqoreTheme } from '../../constants/theme';
4
- import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme } from '../../types/global';
4
+ import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreEffect } from '../../types/global';
5
5
  import { IReqoreIconName } from '../../types/icons';
6
- export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme {
6
+ export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect {
7
7
  autoFocus?: boolean;
8
8
  tooltip?: string;
9
9
  width?: number;
@@ -17,6 +17,7 @@ export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement
17
17
  icon?: IReqoreIconName;
18
18
  flat?: boolean;
19
19
  rounded?: boolean;
20
+ type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
20
21
  }
21
22
  export interface IReqoreInputStyle extends IReqoreInputProps {
22
23
  theme: IReqoreTheme;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,eAAe,EACf,eAAe,EACf,aAAa,EACb,sBAAsB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAS9B,CAAC;AAWF,eAAO,MAAM,WAAW,KAyDvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAoEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,eAAe,EACf,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;CACjE;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAS9B,CAAC;AAWF,eAAO,MAAM,WAAW,KA4DvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAqEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -63,6 +63,7 @@ var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
63
63
  var useTheme_1 = require("../../hooks/useTheme");
64
64
  var useTooltip_1 = require("../../hooks/useTooltip");
65
65
  var styles_1 = require("../../styles");
66
+ var Effect_1 = require("../Effect");
66
67
  var Icon_1 = __importDefault(require("../Icon"));
67
68
  var InputClearButton_1 = __importDefault(require("../InputClearButton"));
68
69
  exports.StyledInputWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", "px;\n width: ", ";\n flex: ", ";\n font-size: ", "px;\n position: relative;\n overflow: hidden;\n border-radius: ", "px;\n"], ["\n height: ", "px;\n width: ", ";\n flex: ", ";\n font-size: ", "px;\n position: relative;\n overflow: hidden;\n border-radius: ", "px;\n"])), function (_a) {
@@ -88,7 +89,7 @@ var StyledIconWrapper = styled_components_1["default"].div(templateObject_2 || (
88
89
  var _size = _a._size;
89
90
  return sizes_1.SIZE_TO_PX[_size];
90
91
  });
91
- exports.StyledInput = styled_components_1["default"].input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n flex: 1;\n margin: 0;\n padding: 0 7px;\n padding-right: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n transition: all 0.2s ease-out;\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"], ["\n height: 100%;\n width: 100%;\n flex: 1;\n margin: 0;\n padding: 0 7px;\n padding-right: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n transition: all 0.2s ease-out;\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"])), function (_a) {
92
+ exports.StyledInput = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n flex: 1;\n margin: 0;\n padding: 0 7px;\n padding-right: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n transition: all 0.2s ease-out;\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"], ["\n height: 100%;\n width: 100%;\n flex: 1;\n margin: 0;\n padding: 0 7px;\n padding-right: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n transition: all 0.2s ease-out;\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"])), function (_a) {
92
93
  var clearable = _a.clearable, _size = _a._size;
93
94
  return (clearable ? sizes_1.SIZE_TO_PX[_size] : 7);
94
95
  }, function (_a) {
@@ -115,19 +116,19 @@ exports.StyledInput = styled_components_1["default"].input(templateObject_4 || (
115
116
  }) : undefined;
116
117
  }, function (_a) {
117
118
  var theme = _a.theme, minimal = _a.minimal;
118
- return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.3);
119
+ return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.1);
119
120
  }, function (_a) {
120
121
  var theme = _a.theme;
121
- return (0, colors_1.getReadableColor)(theme);
122
+ return (0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain);
122
123
  }, function (_a) {
123
124
  var theme = _a.theme, minimal = _a.minimal;
124
- return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.5);
125
+ return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.15);
125
126
  }, function (_a) {
126
127
  var theme = _a.theme;
127
- return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
128
+ return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.3);
128
129
  }, function (_a) {
129
130
  var theme = _a.theme;
130
- return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.5);
131
+ return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.5);
131
132
  }, function (_a) {
132
133
  var readOnly = _a.readOnly;
133
134
  return readOnly && styles_1.ReadOnlyElement;
@@ -137,7 +138,7 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
137
138
  var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
138
139
  var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
139
140
  (0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
140
- return ((0, jsx_runtime_1.jsxs)(exports.StyledInputWrapper, __assign({ className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, minimal: minimal, _size: size, ref: targetRef, readOnly: readOnly, disabled: rest.disabled }, { children: [icon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, __assign({ _size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: icon }) }))), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({}, rest, { theme: theme, _size: size, minimal: minimal, flat: flat, rounded: rounded, hasIcon: !!icon, clearable: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), className: "".concat(className || '', " reqore-control reqore-input"), readOnly: readOnly })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !readOnly && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), onClick: onClearClick, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false })] })));
141
+ return ((0, jsx_runtime_1.jsxs)(exports.StyledInputWrapper, __assign({ className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, minimal: minimal, _size: size, ref: targetRef, readOnly: readOnly, disabled: rest.disabled }, { children: [icon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, __assign({ _size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: icon }) }))), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({}, rest, { as: 'input', theme: theme, _size: size, minimal: minimal, flat: flat, rounded: rounded, hasIcon: !!icon, clearable: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), className: "".concat(className || '', " reqore-control reqore-input"), readOnly: readOnly })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !readOnly && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), onClick: onClearClick, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false })] })));
141
142
  });
142
143
  exports["default"] = ReqoreInput;
143
144
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA0C;AAC1C,qEAAgD;AAChD,+CAA6F;AAE7F,+CAAyE;AACzE,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;AACpD,uCAAgE;AAShE,oCAAyC;AACzC,iDAAiC;AACjC,yEAAyD;AAgC5C,QAAA,kBAAkB,GAAG,8BAAM,CAAC,GAAG,qNAAmB,cACnD,EAAgC,gBACjC,EAA8C,aAC/C,EAA0E,kBACrE,EAAoC,oEAGhC,EACkC,OACpD,KARW,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,kBAAU,CAAC,KAAK,CAAC;AAAjB,CAAiB,EACjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAA/B,CAA+B,EAC/C,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;AAApD,CAAoD,EACrE,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,sBAAc,CAAC,KAAK,CAAC;AAArB,CAAqB,EAGhC,UAAC,EAA2B;QAAzB,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACzC,OAAA,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,KAAK,CAAC;AAAjD,CAAiD,EACnD;AAEF,IAAM,iBAAiB,GAAG,8BAAM,CAAC,GAAG,yMAAmB,qCAE3C,EAAgC,gBACjC,EAAgC,6EAI1C,KALW,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,kBAAU,CAAC,KAAK,CAAC;AAAjB,CAAiB,EACjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,kBAAU,CAAC,KAAK,CAAC;AAAjB,CAAiB,CAI1C,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,+pBAAmB,mGAM/C,EAA6D,uBAC9D,EAAyD,oBAC5D,EAAoC,0DAEhC,EACkC,iBACzC,EACgE,sBACzD,EACkE,SAEjF,EAUa,0BAEK,EAC6B,cACxC,EACgE,2FAMnD,EAC8B,+EAKzC,EAC2E,4DAKzE,EAC2E,qBAItF,EAA6C,2BAG3C,EAAe,UAEpB,KAtDkB,UAAC,EAAoB;QAAlB,SAAS,eAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAAnC,CAAmC,EAC9D,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAAjC,CAAiC,EAC5D,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,sBAAc,CAAC,KAAK,CAAC;AAArB,CAAqB,EAEhC,UAAC,EAA2B;QAAzB,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACzC,OAAA,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,KAAK,CAAC;AAAjD,CAAiD,EACzC,UAAC,EAAwB;QAAtB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC/B,OAAA,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAa,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC;AAAxE,CAAwE,EACzD,UAAC,EAAwB;QAAtB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACtC,OAAA,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAe,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAE,CAAC,CAAC,CAAC,SAAS;AAAjF,CAAiF,EAEjF,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACrB,OAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ;QACpB,CAAC,KAAC,uBAAG,wNAAA,wHAKiB,EAA+C,0BAElE,KAFmB,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC;QAAhC,CAAgC,EAGrE,CAAC,CAAC,SAAS;AATb,CASa,EAEK,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,OAAO,aAAA;IACnC,OAAA,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,eAAI,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC;AAA/C,CAA+C,EACxC,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACf,OAAA,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;AAAvE,CAAuE,EAMnD,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,OAAO,aAAA;IACnC,OAAA,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,eAAI,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;AAAhD,CAAgD,EAKzC,UAAC,EAAS;QAAP,KAAK,WAAA;IACf,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC;AAAlF,CAAkF,EAKzE,UAAC,EAAS;QAAP,KAAK,WAAA;IACf,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC;AAAlF,CAAkF,EAItF,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,wBAAe;AAA3B,CAA2B,EAG3C,wBAAe,EAEnB;AAEF,IAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,UACE,EAiBoB,EACpB,GAAG;IAjBD,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACH,IAAI,cAhBT,kKAiBC,CADQ;IAID,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IAC3C,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,IAAA,uBAAU,EAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,0BAAkB,aACjB,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,iBAEtB,IAAI,IAAI,CACP,uBAAC,iBAAiB,aAAC,KAAK,EAAE,IAAI,gBAC5B,uBAAC,iBAAU,IAAC,IAAI,EAAE,UAAG,sBAAc,CAAC,IAAI,CAAC,OAAI,EAAE,IAAI,EAAE,IAAI,GAAI,IAC3C,CACrB,EACD,uBAAC,mBAAW,eACN,IAAI,IACR,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,CAAC,IAAI,EACf,SAAS,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,CAAC,CAAC,YAAY,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,CAAC,EAChE,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,iCAA8B,EAC3D,QAAQ,EAAE,QAAQ,IAClB,EACF,uBAAC,6BAAsB,IACrB,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,CAAC,CAAC,YAAY,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,CAAC,EAC3E,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GACrD,KACiB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,WAAW,CAAC"}
@@ -85,7 +85,7 @@ var ReqoreMenu = (0, react_1.forwardRef)(function (_a, ref) {
85
85
  _insidePopover: _insidePopover,
86
86
  _popoverId: _popoverId,
87
87
  customTheme: theme,
88
- wrapText: wrapText
88
+ wrap: wrapText
89
89
  })
90
90
  : null;
91
91
  }) })) })));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAEtD,gDAA2D;AAgB3D,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,+RAAkB,aAC1C,EAAiC,kBAC7B,EAA4C,oCAE3C,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,QAEC,EAAwB,qDAG3B,KAtBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAC7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAA7B,CAA6B,EAE3C,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,EAEC,uCAAwB,CAG3B,CAAC;AAEF,IAAM,UAAU,GAA+B,IAAA,kBAAU,EACvD,UACE,EAA0F,EAC1F,GAAQ;IADN,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxF,6FAA0F,CAAF;IAGxF,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBACnE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAA,KAAK;oBACH,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;4BACV,WAAW,EAAE,KAAK;4BAClB,QAAQ,UAAA;yBACT,CAAC;oBACJ,CAAC,CAAC,IAAI;YARR,CAQQ,CACT,IACgB,IACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAEtD,gDAA2D;AAgB3D,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,+RAAkB,aAC1C,EAAiC,kBAC7B,EAA4C,oCAE3C,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,QAEC,EAAwB,qDAG3B,KAtBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAC7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAA7B,CAA6B,EAE3C,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,EAEC,uCAAwB,CAG3B,CAAC;AAEF,IAAM,UAAU,GAA+B,IAAA,kBAAU,EACvD,UACE,EAA0F,EAC1F,GAAQ;IADN,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxF,6FAA0F,CAAF;IAGxF,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBACnE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAA,KAAK;oBACH,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;4BACV,WAAW,EAAE,KAAK;4BAClB,IAAI,EAAE,QAAQ;yBACf,CAAC;oBACJ,CAAC,CAAC,IAAI;YARR,CAQQ,CACT,IACgB,IACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}
@@ -1,20 +1,14 @@
1
1
  import React from 'react';
2
2
  import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
3
- import { IReqoreComponent, IWithReqoreCustomTheme, TReqoreTooltipProp } from '../../types/global';
4
- import { IReqoreIconName } from '../../types/icons';
5
- export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttributes<HTMLElement>, IWithReqoreCustomTheme {
6
- children?: string;
3
+ import { IReqoreComponent } from '../../types/global';
4
+ import { IReqoreButtonProps } from '../Button';
5
+ export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttributes<HTMLElement>, IReqoreButtonProps {
7
6
  label?: string | number;
8
- icon?: IReqoreIconName;
9
- rightIcon?: IReqoreIconName;
10
7
  as?: JSX.Element | React.ElementType | never;
11
8
  selected?: boolean;
12
- disabled?: boolean;
13
- onClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
9
+ itemId?: string;
14
10
  onRightIconClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
15
- tooltip?: TReqoreTooltipProp;
16
- intent?: TReqoreIntent;
17
- wrapText?: boolean;
11
+ onClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
18
12
  }
19
13
  export interface IReqoreMenuItemStyle {
20
14
  theme: IReqoreTheme;
@@ -1 +1 @@
1
- {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,sBAAsB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3E,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuFlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoFlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -32,12 +32,12 @@ var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
32
32
  var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
33
33
  var useTooltip_1 = require("../../hooks/useTooltip");
34
34
  var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
35
- var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, id = _a.id, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, wrapText = _a.wrapText, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "id", "_insidePopover", "_popoverId", "tooltip", "intent", "wrapText"]);
35
+ var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, itemId = _a.itemId, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "itemId", "_insidePopover", "_popoverId", "tooltip", "intent"]);
36
36
  var removePopover = (0, react_1.useContext)(PopoverContext_1["default"]).removePopover;
37
37
  var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
38
38
  var handleClick = function (event) {
39
39
  event.persist();
40
- onClick === null || onClick === void 0 ? void 0 : onClick(id, event);
40
+ onClick === null || onClick === void 0 ? void 0 : onClick(itemId, event);
41
41
  if (_insidePopover && _popoverId) {
42
42
  removePopover(_popoverId);
43
43
  }
@@ -46,7 +46,7 @@ var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
46
46
  event.persist();
47
47
  event.stopPropagation();
48
48
  if (onRightIconClick) {
49
- onRightIconClick(id, event);
49
+ onRightIconClick(itemId, event);
50
50
  if (_insidePopover && _popoverId) {
51
51
  removePopover(_popoverId);
52
52
  }
@@ -57,7 +57,7 @@ var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
57
57
  //@ts-ignore
58
58
  , __assign({
59
59
  //@ts-ignore
60
- as: as }, rest, { flat: true, className: 'reqore-menu-item', fluid: true, onClick: handleClick, active: selected, ref: targetRef, disabled: disabled, intent: intent, icon: icon, wrap: wrapText }, { children: label || children })), rightIcon && ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, { icon: rightIcon, flat: true, fixed: true, minimal: !onRightIconClick, customTheme: rest.customTheme, className: 'reqore-menu-item-right-icon', onClick: handleRightIconClick, readOnly: !onRightIconClick, intent: intent, active: selected && !!onRightIconClick, wrap: wrapText }))] })));
60
+ as: as }, rest, { flat: true, className: 'reqore-menu-item', fluid: true, onClick: handleClick, active: selected, ref: targetRef, disabled: disabled, intent: intent, icon: icon }, { children: label || children })), rightIcon && ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, { icon: rightIcon, flat: true, fixed: true, minimal: !onRightIconClick, customTheme: rest.customTheme, className: 'reqore-menu-item-right-icon', onClick: handleRightIconClick, readOnly: !onRightIconClick, intent: intent, active: selected && !!onRightIconClick }))] })));
61
61
  });
62
62
  exports["default"] = ReqoreMenuItem;
63
63
  //# sourceMappingURL=item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsD;AACtD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AAC9D,qDAAoD;AAoCpD,IAAM,cAAc,GAAmC,IAAA,kBAAU,EAC/D,UACE,EAiBC,EACD,GAAQ;IAjBN,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACL,IAAI,cAhBT,8KAiBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IAC7C,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IAE3C,IAAM,WAAW,GAAG,UAAC,KAA0C;QAC7D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,EAAE,KAAK,CAAC,CAAC;QAErB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YAE5B,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,uBAAU,EAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,sBAAkB,aAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,KAAK,uBAClD,uBAAC,gBAAY;YACX,YAAY;;gBAAZ,YAAY;gBACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,IAAI,QACJ,SAAS,EAAC,kBAAkB,EAC5B,KAAK,QACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,gBAEb,KAAK,IAAI,QAAQ,IACL,EACd,SAAS,IAAI,CACZ,uBAAC,gBAAY,IACX,IAAI,EAAE,SAAS,EACf,IAAI,QACJ,KAAK,QACL,OAAO,EAAE,CAAC,gBAAgB,EAC1B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,gBAAgB,EACtC,IAAI,EAAE,QAAQ,GACd,CACH,KACkB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsD;AACtD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AAC9D,qDAAoD;AA8BpD,IAAM,cAAc,GAAmC,IAAA,kBAAU,EAC/D,UACE,EAgBC,EACD,GAAQ;IAhBN,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACH,IAAI,cAfT,sKAgBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IAC7C,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IAE3C,IAAM,WAAW,GAAG,UAAC,KAA0C;QAC7D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAEzB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAEhC,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,uBAAU,EAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,sBAAkB,aAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,KAAK,uBAClD,uBAAC,gBAAY;YACX,YAAY;;gBAAZ,YAAY;gBACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,IAAI,QACJ,SAAS,EAAC,kBAAkB,EAC5B,KAAK,QACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,gBAET,KAAK,IAAI,QAAQ,IACL,EACd,SAAS,IAAI,CACZ,uBAAC,gBAAY,IACX,IAAI,EAAE,SAAS,EACf,IAAI,QACJ,KAAK,QACL,OAAO,EAAE,CAAC,gBAAgB,EAC1B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,gBAAgB,GACtC,CACH,KACkB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}
@@ -1,10 +1,8 @@
1
1
  import React from 'react';
2
- import { TSizes } from '../../constants/sizes';
3
- import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
4
- import { IWithReqoreCustomTheme } from '../../types/global';
2
+ import { IReqoreTheme } from '../../constants/theme';
3
+ import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreSize } from '../../types/global';
5
4
  import { IReqoreIconName } from '../../types/icons';
6
- export interface IReqoreMessageProps extends IWithReqoreCustomTheme, React.HTMLAttributes<HTMLDivElement> {
7
- intent?: TReqoreIntent;
5
+ export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreSize, IReqoreIntent, React.HTMLAttributes<HTMLDivElement> {
8
6
  title?: string;
9
7
  children: any;
10
8
  icon?: IReqoreIconName;
@@ -14,7 +12,6 @@ export interface IReqoreMessageProps extends IWithReqoreCustomTheme, React.HTMLA
14
12
  onFinish?: () => any;
15
13
  flat?: boolean;
16
14
  inverted?: boolean;
17
- size?: TSizes;
18
15
  }
19
16
  export interface IReqoreNotificationStyle extends IReqoreMessageProps {
20
17
  theme: IReqoreTheme;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwGhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyGhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
27
27
  exports.__esModule = true;
28
28
  var jsx_runtime_1 = require("react/jsx-runtime");
29
29
  var react_1 = require("react");
30
+ var web_1 = require("@react-spring/web");
30
31
  var react_2 = require("react");
31
32
  var react_use_1 = require("react-use");
32
33
  var sizes_1 = require("../../constants/sizes");
@@ -59,7 +60,7 @@ var ReqoreMessage = (0, react_2.forwardRef)(function (_a, ref) {
59
60
  }
60
61
  });
61
62
  var leftIcon = (0, react_2.useMemo)(function () { return icon || (intent ? notification_1.typeToIcon[intent] : undefined); }, [icon, intent]);
62
- return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, react_1.createElement)(notification_1.StyledReqoreNotification, __assign({}, rest, { key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, asMessage: true, fluid: true, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-message"), ref: ref, size: size, theme: theme }),
63
+ return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, react_1.createElement)(notification_1.StyledReqoreNotification, __assign({}, rest, { as: web_1.animated.div, key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, asMessage: true, fluid: true, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-message"), ref: ref, size: size, theme: theme }),
63
64
  leftIcon ? ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size, theme: theme }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: leftIcon, margin: flat && inverted ? undefined : 'left', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null,
64
65
  (0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [title && (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationTitle, __assign({ theme: theme }, { children: title })), (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationContent, __assign({ theme: theme }, { children: children }))] })),
65
66
  onClose && ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ theme: theme, size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: function (event) {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +1,14 @@
1
1
  import React from 'react';
2
2
  import { TSizes } from '../../constants/sizes';
3
3
  import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
4
+ import { IWithReqoreEffect } from '../../types/global';
4
5
  import { IReqoreIconName } from '../../types/icons';
5
6
  export declare type IReqoreNotificationType = TReqoreIntent;
6
- export interface IReqoreNotificationProps {
7
+ export interface IReqoreNotificationProps extends IWithReqoreEffect {
7
8
  type?: IReqoreNotificationType;
8
9
  intent?: TReqoreIntent;
9
10
  title?: string;
10
- content: string;
11
+ content: string | React.ReactNode;
11
12
  icon?: IReqoreIconName;
12
13
  onClose?: () => any;
13
14
  onClick?: () => any;
@@ -1 +1 @@
1
- {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAsD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,wBAAwB,KA0EpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmG1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAsD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,wBAAwB,KA0EpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoG1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -53,9 +53,10 @@ var sizes_1 = require("../../constants/sizes");
53
53
  var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
54
54
  var animations_2 = require("../../helpers/animations");
55
55
  var colors_1 = require("../../helpers/colors");
56
+ var Effect_1 = require("../Effect");
56
57
  var Icon_1 = __importDefault(require("../Icon"));
57
58
  var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"], ["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"])));
58
- exports.StyledReqoreNotification = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", ";\n\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"], ["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", ";\n\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"])), function (_a) {
59
+ exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 0 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", ";\n\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"], ["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 0 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", ";\n\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"])), function (_a) {
59
60
  var fluid = _a.fluid;
60
61
  return (!fluid ? '200px' : undefined);
61
62
  }, function (_a) {
@@ -137,7 +138,7 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
137
138
  clearTimeout(internalTimeout);
138
139
  });
139
140
  return transitions(function (styles, item) {
140
- return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, className: 'reqore-notification', ref: ref, style: styles, size: size }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(exports.StyledNotificationTitle, { children: title }), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, { children: content })] })), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
141
+ return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ as: web_1.animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, className: 'reqore-notification', ref: ref, style: styles, size: size }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(exports.StyledNotificationTitle, { children: title }), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, { children: content })] })), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
141
142
  event.stopPropagation();
142
143
  onClose && onClose();
143
144
  } }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))] }), "".concat(duration).concat(type || intent).concat(title).concat(content)) })) : null;
@@ -1 +1 @@
1
- {"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
@@ -5,6 +5,7 @@ import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreSize
5
5
  import { IReqoreIconName } from '../../types/icons';
6
6
  import { IReqoreButtonProps } from '../Button';
7
7
  import { IReqoreDropdownItem } from '../Dropdown/list';
8
+ import { IReqoreEffect } from '../Effect';
8
9
  export interface IReqorePanelAction extends IReqoreButtonProps, IWithReqoreTooltip, IReqoreIntent {
9
10
  label?: string | number;
10
11
  onClick?: () => void;
@@ -37,6 +38,8 @@ export interface IReqorePanelProps extends IWithReqoreSize, IWithReqoreCustomThe
37
38
  minimal?: boolean;
38
39
  headerSize?: 1 | 2 | 3 | 4 | 5 | 6;
39
40
  contentSize?: TSizes;
41
+ contentEffect?: IReqoreEffect;
42
+ headerEffect?: IReqoreEffect;
40
43
  }
41
44
  export interface IStyledPanel extends IReqorePanelProps {
42
45
  theme: IReqoreTheme;
@@ -46,7 +49,6 @@ export declare const StyledPanel: any;
46
49
  export declare const StyledPanelTitle: any;
47
50
  export declare const StyledPanelBottomActions: any;
48
51
  export declare const StyledPanelContent: any;
49
- export declare const StyledPanelTitleLabel: any;
50
52
  export declare const StyledPanelTitleHeader: any;
51
53
  export declare const ReqorePanel: import("react").ForwardRefExoticComponent<IReqorePanelProps & import("react").RefAttributes<unknown>>;
52
54
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAGjF,OAAO,EAIL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,kBAAkB,EAAE,aAAa;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;CAAG;AAEvC,MAAM,WAAW,iBACf,SAAQ,eAAe,EACrB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC;IACxD,aAAa,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC3C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,KA8CvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KA0B5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAOpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAe9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAKjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGAqOvB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAGjF,OAAO,EAIL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAgB,MAAM,WAAW,CAAC;AAIxD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,kBAAkB,EAAE,aAAa;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;CAAG;AAEvC,MAAM,WAAW,iBACf,SAAQ,eAAe,EACrB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IAEnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC;IACxD,aAAa,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC3C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,KA8CvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KA4B5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAOpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAe9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAMlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGA4OvB,CAAC"}
@@ -52,7 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
52
52
  return (mod && mod.__esModule) ? mod : { "default": mod };
53
53
  };
54
54
  exports.__esModule = true;
55
- exports.ReqorePanel = exports.StyledPanelTitleHeader = exports.StyledPanelTitleLabel = exports.StyledPanelContent = exports.StyledPanelBottomActions = exports.StyledPanelTitle = exports.StyledPanel = void 0;
55
+ exports.ReqorePanel = exports.StyledPanelTitleHeader = exports.StyledPanelContent = exports.StyledPanelBottomActions = exports.StyledPanelTitle = exports.StyledPanel = void 0;
56
56
  var react_1 = require("react");
57
57
  var jsx_runtime_1 = require("react/jsx-runtime");
58
58
  var lodash_1 = require("lodash");
@@ -69,8 +69,10 @@ var Button_1 = __importDefault(require("../Button"));
69
69
  var item_1 = require("../Collection/item");
70
70
  var ControlGroup_1 = __importDefault(require("../ControlGroup"));
71
71
  var Dropdown_1 = __importDefault(require("../Dropdown"));
72
+ var Effect_1 = require("../Effect");
73
+ var Header_1 = require("../Header");
72
74
  var Icon_1 = __importDefault(require("../Icon"));
73
- exports.StyledPanel = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n transition: 0.3s ease-in-out;\n flex: auto;\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n transition: 0.3s ease-in-out;\n flex: auto;\n\n ", "\n\n ", "\n"])), function (_a) {
75
+ exports.StyledPanel = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n transition: 0.3s ease-in-out;\n flex: auto;\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n transition: 0.3s ease-in-out;\n flex: auto;\n\n ", "\n\n ", "\n"])), function (_a) {
74
76
  var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
75
77
  return (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity);
76
78
  }, function (_a) {
@@ -100,8 +102,8 @@ exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_5 |
100
102
  var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
101
103
  return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.07), opacity);
102
104
  }, function (_a) {
103
- var noHorizontalPadding = _a.noHorizontalPadding;
104
- return "0 5px 0 ".concat(noHorizontalPadding ? 0 : '15px');
105
+ var noHorizontalPadding = _a.noHorizontalPadding, contentSize = _a.contentSize;
106
+ return "0 ".concat(noHorizontalPadding ? 0 : '5px', " 0 ").concat(noHorizontalPadding ? 0 : "".concat(sizes_1.TEXT_FROM_SIZE[contentSize], "px"));
105
107
  }, function (_a) {
106
108
  var theme = _a.theme, isCollapsed = _a.isCollapsed, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
107
109
  return !isCollapsed && !flat
@@ -114,7 +116,10 @@ exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_5 |
114
116
  return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.1), opacity);
115
117
  });
116
118
  });
117
- exports.StyledPanelBottomActions = (0, styled_components_1["default"])(exports.StyledPanelTitle)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding-left: 5px;\n border-bottom: 0;\n border-top: ", ";\n"], ["\n padding-left: 5px;\n border-bottom: 0;\n border-top: ", ";\n"])), function (_a) {
119
+ exports.StyledPanelBottomActions = (0, styled_components_1["default"])(exports.StyledPanelTitle)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding: ", ";\n border-bottom: 0;\n border-top: ", ";\n"], ["\n padding: ", ";\n border-bottom: 0;\n border-top: ", ";\n"])), function (_a) {
120
+ var noHorizontalPadding = _a.noHorizontalPadding;
121
+ return "0 ".concat(noHorizontalPadding ? 0 : '5px');
122
+ }, function (_a) {
118
123
  var theme = _a.theme, flat = _a.flat, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
119
124
  return !flat
120
125
  ? "1px solid ".concat((0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.2), opacity))
@@ -140,12 +145,11 @@ exports.StyledPanelContent = styled_components_1["default"].div(templateObject_7
140
145
  var contentSize = _a.contentSize;
141
146
  return sizes_1.TEXT_FROM_SIZE[contentSize];
142
147
  });
143
- exports.StyledPanelTitleLabel = styled_components_1["default"].span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n margin: 0;\n"], ["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n margin: 0;\n"])));
144
- exports.StyledPanelTitleHeader = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n padding-right: 5px;\n\n ", " {\n font-weight: 600;\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n padding-right: 5px;\n\n ", " {\n font-weight: 600;\n }\n"])), exports.StyledPanelTitleLabel);
148
+ exports.StyledPanelTitleHeader = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n padding-right: 5px;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n padding-right: 5px;\n"])));
145
149
  exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
146
150
  var _b, _c;
147
- var children = _a.children, label = _a.label, collapsible = _a.collapsible, onClose = _a.onClose, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, intent = _a.intent, className = _a.className, flat = _a.flat, _g = _a.unMountContentOnCollapse, unMountContentOnCollapse = _g === void 0 ? true : _g, onCollapseChange = _a.onCollapseChange, _h = _a.padded, padded = _h === void 0 ? true : _h, contentStyle = _a.contentStyle, _j = _a.headerSize, headerSize = _j === void 0 ? 4 : _j, _k = _a.contentSize, contentSize = _k === void 0 ? 'normal' : _k, minimal = _a.minimal, tooltip = _a.tooltip, rest = __rest(_a, ["children", "label", "collapsible", "onClose", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "icon", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "contentStyle", "headerSize", "contentSize", "minimal", "tooltip"]);
148
- var _l = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _l[0], setIsCollapsed = _l[1];
151
+ var children = _a.children, label = _a.label, collapsible = _a.collapsible, onClose = _a.onClose, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, intent = _a.intent, className = _a.className, flat = _a.flat, _g = _a.unMountContentOnCollapse, unMountContentOnCollapse = _g === void 0 ? true : _g, onCollapseChange = _a.onCollapseChange, _h = _a.padded, padded = _h === void 0 ? true : _h, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _j = _a.headerEffect, headerEffect = _j === void 0 ? {} : _j, _k = _a.headerSize, headerSize = _k === void 0 ? 4 : _k, _l = _a.contentSize, contentSize = _l === void 0 ? 'normal' : _l, minimal = _a.minimal, tooltip = _a.tooltip, rest = __rest(_a, ["children", "label", "collapsible", "onClose", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "icon", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "contentStyle", "contentEffect", "headerEffect", "headerSize", "contentSize", "minimal", "tooltip"]);
152
+ var _m = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _m[0], setIsCollapsed = _m[1];
149
153
  var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
150
154
  var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
151
155
  (0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
@@ -170,7 +174,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
170
174
  var hasBottomActions = (0, react_2.useMemo)(function () { return !!((0, lodash_1.size)(leftBottomActions) || (0, lodash_1.size)(rightBottomActions)); }, [leftBottomActions, rightBottomActions]);
171
175
  var renderActions = (0, react_2.useCallback)(function (actionOrActions, index) {
172
176
  if (Array.isArray(actionOrActions)) {
173
- return ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ stack: true, minimal: true }, { children: actionOrActions.map(renderActions) })));
177
+ return ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ stack: true }, { children: actionOrActions.map(renderActions) })));
174
178
  }
175
179
  var id = actionOrActions.id, actions = actionOrActions.actions, label = actionOrActions.label, intent = actionOrActions.intent, className = actionOrActions.className, customContent = actionOrActions.customContent, rest = __rest(actionOrActions, ["id", "actions", "label", "intent", "className", "customContent"]);
176
180
  if ((0, lodash_1.size)(actions)) {
@@ -187,18 +191,15 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
187
191
  }
188
192
  : undefined }), label));
189
193
  }, [actions, theme]);
190
- var HTMLheaderElement = (0, react_2.useMemo)(function () {
191
- return "h".concat(headerSize);
192
- }, [headerSize]);
193
194
  var interactive = !!(rest.onClick ||
194
195
  rest.onMouseOver ||
195
196
  rest.onMouseEnter ||
196
197
  rest.onDoubleClick ||
197
198
  rest.onContextMenu);
198
- return ((0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { as: rest.as || 'div', ref: targetRef, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, className: "".concat(className || '', " reqore-panel"), interactive: interactive, theme: theme }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, opacity: (_b = rest.opacity) !== null && _b !== void 0 ? _b : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[headerSize], "px"), icon: icon, margin: 'right' })), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelTitleLabel, __assign({ as: HTMLheaderElement }, { children: label }))) : (label)] }), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ minimal: true }, { children: [actions.map(renderActions), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' })), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: 'CloseLine', onClick: function (e) {
199
+ return ((0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { as: rest.as || 'div', ref: targetRef, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, className: "".concat(className || '', " reqore-panel"), interactive: interactive, theme: theme, effect: contentEffect }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, contentSize: contentSize, opacity: (_b = rest.opacity) !== null && _b !== void 0 ? _b : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[headerSize], "px"), icon: icon, margin: 'right' })), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: headerSize, effect: __assign({ noWrap: true }, headerEffect) }, { children: label }))) : (label)] }), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], { children: [actions.map(renderActions), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' })), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: 'CloseLine', onClick: function (e) {
199
200
  e.stopPropagation();
200
201
  onClose === null || onClose === void 0 ? void 0 : onClose();
201
- } }))] }))] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ className: 'reqore-panel-content', hasLabel: !!label, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal, contentSize: contentSize, noHorizontalPadding: rest.opacity === 0 }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, opacity: (_c = rest.opacity) !== null && _c !== void 0 ? _c : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: leftBottomActions.map(renderActions) })), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: true }, { children: rightBottomActions.map(renderActions) }))] }))) : null] })));
202
+ } }))] })] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ as: 'div', className: 'reqore-panel-content', hasLabel: !!label, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal, contentSize: contentSize, noHorizontalPadding: rest.opacity === 0 }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, opacity: (_c = rest.opacity) !== null && _c !== void 0 ? _c : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsx)(ControlGroup_1["default"], { children: leftBottomActions.map(renderActions) }), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], { children: rightBottomActions.map(renderActions) })] }))) : null] })));
202
203
  });
203
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
204
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
204
205
  //# sourceMappingURL=index.js.map