linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.17

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 (147) hide show
  1. package/lib/alerts/index.d.ts +3 -3
  2. package/lib/alerts/index.js +2 -1
  3. package/lib/buttons/DefaultButton.js +1 -1
  4. package/lib/buttons/index.d.ts +1 -1
  5. package/lib/buttons/index.js +1 -0
  6. package/lib/calendar/base/helpers.js +27 -84
  7. package/lib/calendar/base/helpers.js.map +1 -1
  8. package/lib/calendar/base/index.js +29 -33
  9. package/lib/calendar/base/index.js.map +1 -1
  10. package/lib/checkbox/index.js +31 -44
  11. package/lib/checkbox/index.js.map +1 -1
  12. package/lib/dialog/Alert.js +10 -12
  13. package/lib/dialog/Alert.js.map +1 -1
  14. package/lib/dialog/Custom.js +2 -3
  15. package/lib/dialog/Custom.js.map +1 -1
  16. package/lib/dialog/Error.js +9 -11
  17. package/lib/dialog/Error.js.map +1 -1
  18. package/lib/dialog/Information.js +8 -10
  19. package/lib/dialog/Information.js.map +1 -1
  20. package/lib/dialog/Question.js +4 -4
  21. package/lib/dialog/Warning.js +11 -13
  22. package/lib/dialog/Warning.js.map +1 -1
  23. package/lib/dialog/base/index.d.ts +4 -0
  24. package/lib/dialog/base/index.js +78 -72
  25. package/lib/dialog/base/index.js.map +1 -1
  26. package/lib/dialog/form/index.js +3 -7
  27. package/lib/dialog/form/index.js.map +1 -1
  28. package/lib/drawer/Drawer.js +4 -5
  29. package/lib/drawer/Drawer.js.map +1 -1
  30. package/lib/dropdown/Popup.js.map +1 -1
  31. package/lib/dropdown/index.d.ts +3 -0
  32. package/lib/dropdown/index.js +6 -0
  33. package/lib/dropdown/index.js.map +1 -0
  34. package/lib/dropdown/withDropdown.js +1 -1
  35. package/lib/fieldset/index.js +17 -18
  36. package/lib/fieldset/index.js.map +1 -1
  37. package/lib/form/FieldArray.js +18 -20
  38. package/lib/form/FieldArray.js.map +1 -1
  39. package/lib/form/helpers.js +16 -17
  40. package/lib/form/helpers.js.map +1 -1
  41. package/lib/form/index.js +46 -52
  42. package/lib/form/index.js.map +1 -1
  43. package/lib/index.js +20 -23
  44. package/lib/index.js.map +1 -1
  45. package/lib/inputs/base/InputTextBase.js +1 -1
  46. package/lib/inputs/color/index.js +22 -25
  47. package/lib/inputs/color/index.js.map +1 -1
  48. package/lib/inputs/date/index.js +15 -19
  49. package/lib/inputs/date/index.js.map +1 -1
  50. package/lib/inputs/file/DefaultFile.js +1 -1
  51. package/lib/inputs/file/DragDropFile.js +3 -4
  52. package/lib/inputs/file/DragDropFile.js.map +1 -1
  53. package/lib/inputs/file/File.js +9 -11
  54. package/lib/inputs/file/File.js.map +1 -1
  55. package/lib/inputs/file/FileButtonSettings.js +1 -1
  56. package/lib/inputs/index.d.ts +14 -0
  57. package/lib/inputs/index.js +40 -0
  58. package/lib/inputs/index.js.map +1 -0
  59. package/lib/inputs/inputHOC.js +0 -1
  60. package/lib/inputs/inputHOC.js.map +1 -1
  61. package/lib/inputs/multiSelect/ActionButtons.js +16 -19
  62. package/lib/inputs/multiSelect/ActionButtons.js.map +1 -1
  63. package/lib/inputs/number/format_number.js +6 -7
  64. package/lib/inputs/number/format_number.js.map +1 -1
  65. package/lib/inputs/period/helper.js +19 -27
  66. package/lib/inputs/period/helper.js.map +1 -1
  67. package/lib/inputs/period/index.js +4 -5
  68. package/lib/inputs/period/index.js.map +1 -1
  69. package/lib/inputs/search/index.js +1 -1
  70. package/lib/inputs/select/helper.js +22 -23
  71. package/lib/inputs/select/helper.js.map +1 -1
  72. package/lib/inputs/select/index.js +7 -8
  73. package/lib/inputs/select/index.js.map +1 -1
  74. package/lib/inputs2/checkboxfield/index.js +1 -2
  75. package/lib/inputs2/checkboxfield/index.js.map +1 -1
  76. package/lib/inputs2/colorfield/index.js +1 -4
  77. package/lib/inputs2/colorfield/index.js.map +1 -1
  78. package/lib/inputs2/date/datefield/calendarbox.js +1 -4
  79. package/lib/inputs2/date/datefield/calendarbox.js.map +1 -1
  80. package/lib/inputs2/date/datefield/index.js +0 -1
  81. package/lib/inputs2/date/datefield/index.js.map +1 -1
  82. package/lib/inputs2/date/dateperiodfield/calendarbox.js +16 -19
  83. package/lib/inputs2/date/dateperiodfield/calendarbox.js.map +1 -1
  84. package/lib/inputs2/date/dateperiodfield/index.js +0 -1
  85. package/lib/inputs2/date/dateperiodfield/index.js.map +1 -1
  86. package/lib/inputs2/date/dateperiodfield/triggers.js +14 -18
  87. package/lib/inputs2/date/dateperiodfield/triggers.js.map +1 -1
  88. package/lib/inputs2/date/helpers.js +19 -30
  89. package/lib/inputs2/date/helpers.js.map +1 -1
  90. package/lib/inputs2/filefield/index.js +17 -20
  91. package/lib/inputs2/filefield/index.js.map +1 -1
  92. package/lib/inputs2/index.js +18 -18
  93. package/lib/inputs2/numberfield/currency.js +6 -11
  94. package/lib/inputs2/numberfield/currency.js.map +1 -1
  95. package/lib/inputs2/numberfield/decimal.js +9 -14
  96. package/lib/inputs2/numberfield/decimal.js.map +1 -1
  97. package/lib/inputs2/numberfield/index.js +12 -17
  98. package/lib/inputs2/numberfield/index.js.map +1 -1
  99. package/lib/inputs2/radiofield/index.js +1 -2
  100. package/lib/inputs2/radiofield/index.js.map +1 -1
  101. package/lib/inputs2/selectfield/index.js +4 -5
  102. package/lib/inputs2/selectfield/index.js.map +1 -1
  103. package/lib/inputs2/textareafield/index.js +4 -5
  104. package/lib/inputs2/textareafield/index.js.map +1 -1
  105. package/lib/inputs2/textfield/index.js +4 -5
  106. package/lib/inputs2/textfield/index.js.map +1 -1
  107. package/lib/internals/constants.js +3 -4
  108. package/lib/internals/constants.js.map +1 -1
  109. package/lib/labels/DefaultLabel.js +1 -1
  110. package/lib/labels/index.d.ts +1 -1
  111. package/lib/labels/index.js +5 -4
  112. package/lib/list/helpers.js +4 -6
  113. package/lib/list/helpers.js.map +1 -1
  114. package/lib/menus/float/index.js +1 -1
  115. package/lib/menus/sidenav/NavMenuItem.js +1 -1
  116. package/lib/menus/sidenav/NavSubMenuItem.js +1 -1
  117. package/lib/panel/Default.js +14 -15
  118. package/lib/panel/Default.js.map +1 -1
  119. package/lib/popover/index.js +1 -1
  120. package/lib/radio/index.js +1 -1
  121. package/lib/skeleton/index.js +13 -14
  122. package/lib/skeleton/index.js.map +1 -1
  123. package/lib/spinner/index.d.ts +2 -0
  124. package/lib/spinner/index.js +1 -0
  125. package/lib/spinner/index.js.map +1 -1
  126. package/lib/table/Body.js +23 -26
  127. package/lib/table/Body.js.map +1 -1
  128. package/lib/tabs/DropdownTabs.js +31 -40
  129. package/lib/tabs/DropdownTabs.js.map +1 -1
  130. package/lib/tabs/MenuTabs.js +16 -19
  131. package/lib/tabs/MenuTabs.js.map +1 -1
  132. package/lib/tabs/context.js +3 -3
  133. package/lib/treetable/Body.js +18 -24
  134. package/lib/treetable/Body.js.map +1 -1
  135. package/lib/treetable/Header.js +9 -12
  136. package/lib/treetable/Header.js.map +1 -1
  137. package/lib/treetable/Row.js +37 -40
  138. package/lib/treetable/Row.js.map +1 -1
  139. package/lib/uitour/index.js +3 -5
  140. package/lib/uitour/index.js.map +1 -1
  141. package/package.json +277 -34
  142. package/lib/buttons/ButtonGroups.js +0 -13
  143. package/lib/buttons/ButtonGroups.js.map +0 -1
  144. package/lib/dropdown/helper.js +0 -9
  145. package/lib/dropdown/helper.js.map +0 -1
  146. package/lib/panel/ToolBar.js +0 -20
  147. package/lib/panel/ToolBar.js.map +0 -1
@@ -1,33 +1,32 @@
1
1
  import { jsx as T, jsxs as y } from "react/jsx-runtime";
2
2
  import { c as A } from "../_virtual/compiler-runtime.js";
3
3
  import { useState as S } from "react";
4
- import '../assets/styles/gridlayout.css';/* empty css */
5
4
  import G from "../gridlayout/GridCol.js";
6
5
  import H from "./Header.js";
7
6
  import V from "./helpers.js";
8
- import { OPTIONS_ON_DENIED as k, actionsOnPermissionDenied as q } from "../permissionValidations.js";
9
- const Q = (E) => {
7
+ import { actionsOnPermissionDenied as k, OPTIONS_ON_DENIED as q } from "../permissionValidations.js";
8
+ const M = (E) => {
10
9
  const e = A.c(37);
11
- let s, t, i, l, r, d, c, p, u, n, a;
10
+ let s, t, i, l, r, d, c, u, h, n, a;
12
11
  e[0] !== E ? ({
13
- startOpened: p,
12
+ startOpened: u,
14
13
  toggleable: a,
15
14
  customClass: i,
16
15
  children: s,
17
16
  title: n,
18
17
  gridCols: l,
19
18
  onEndReached: r,
20
- onEndReachedThreshold: u,
19
+ onEndReachedThreshold: h,
21
20
  permissionAttr: d,
22
21
  colorStyle: t,
23
22
  ...c
24
- } = E, e[0] = E, e[1] = s, e[2] = t, e[3] = i, e[4] = l, e[5] = r, e[6] = d, e[7] = c, e[8] = p, e[9] = u, e[10] = n, e[11] = a) : (s = e[1], t = e[2], i = e[3], l = e[4], r = e[5], d = e[6], c = e[7], p = e[8], u = e[9], n = e[10], a = e[11]);
25
- const $ = p === void 0 ? !0 : p, P = u === void 0 ? 0.1 : u, [h, j] = S($), {
23
+ } = E, e[0] = E, e[1] = s, e[2] = t, e[3] = i, e[4] = l, e[5] = r, e[6] = d, e[7] = c, e[8] = u, e[9] = h, e[10] = n, e[11] = a) : (s = e[1], t = e[2], i = e[3], l = e[4], r = e[5], d = e[6], c = e[7], u = e[8], h = e[9], n = e[10], a = e[11]);
24
+ const $ = u === void 0 ? !0 : u, P = h === void 0 ? 0.1 : h, [p, j] = S($), {
26
25
  hideContent: I,
27
26
  unvisible: _
28
- } = k;
27
+ } = q;
29
28
  let C;
30
- e[12] !== d ? (C = q([I, _], d), e[12] = d, e[13] = C) : C = e[13];
29
+ e[12] !== d ? (C = k([I, _], d), e[12] = d, e[13] = C) : C = e[13];
31
30
  const [o] = S(C);
32
31
  let v;
33
32
  e[14] !== t || e[15] !== i ? (v = () => {
@@ -42,17 +41,17 @@ const Q = (E) => {
42
41
  ] }), e[17] = s, e[18] = D, e[19] = c, e[20] = n, e[21] = b) : b = e[21];
43
42
  const O = b;
44
43
  let g;
45
- e[22] !== o.hideContent || e[23] !== o.unvisible || e[24] !== r || e[25] !== P || e[26] !== h || e[27] !== a ? (g = () => ({
44
+ e[22] !== o.hideContent || e[23] !== o.unvisible || e[24] !== r || e[25] !== P || e[26] !== p || e[27] !== a ? (g = () => ({
46
45
  toggleable: a,
47
46
  handlerToggleable: () => {
48
- j(!h);
47
+ j(!p);
49
48
  },
50
- opened: h,
49
+ opened: p,
51
50
  onEndReached: r,
52
51
  onEndReachedThreshold: P,
53
52
  hideContent: o.hideContent,
54
53
  unvisible: o.unvisible
55
- }), e[22] = o.hideContent, e[23] = o.unvisible, e[24] = r, e[25] = P, e[26] = h, e[27] = a, e[28] = g) : g = e[28];
54
+ }), e[22] = o.hideContent, e[23] = o.unvisible, e[24] = r, e[25] = P, e[26] = p, e[27] = a, e[28] = g) : g = e[28];
56
55
  const N = g;
57
56
  if (o.unvisible)
58
57
  return null;
@@ -64,6 +63,6 @@ const Q = (E) => {
64
63
  return e[34] !== m || e[35] !== f ? (x = /* @__PURE__ */ T(V.Provider, { value: m, children: f }), e[34] = m, e[35] = f, e[36] = x) : x = e[36], x;
65
64
  };
66
65
  export {
67
- Q as default
66
+ M as default
68
67
  };
69
68
  //# sourceMappingURL=Default.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n onEndReachedThreshold = 0.1, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n const [opened, setOpened] = useState(startOpened);\n const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n const [onDenied] =\n useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n const getCssClass = () => {\n let cssClass = `panel-component ${customClass}`;\n cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n return cssClass;\n };\n\n const renderContent = () => (\n <div className={getCssClass()} {...rest}>\n {title && <Header title={title} />}\n {children}\n </div>\n );\n\n const contextValues = () => ({\n toggleable,\n handlerToggleable: () => { setOpened(!opened); },\n opened,\n onEndReached,\n onEndReachedThreshold,\n hideContent: onDenied.hideContent,\n unvisible: onDenied.unvisible,\n }) as ContextProps;\n\n if (onDenied.unvisible) return null;\n\n return (\n <PanelContext.Provider value={contextValues()}>\n { gridCols\n ? (\n <Grid cols={gridCols}>{renderContent()}</Grid>\n )\n : (\n renderContent()\n )}\n </PanelContext.Provider>\n );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","jsxs","jsx","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9","PanelContext"],"mappings":";;;;;;;;AAQA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAZ,SAAAD,KAAC;AAAA,IAAAc,aAAAJ;AAAAA,IAAAG,YAAAA;AAAAA,IAAAR,aAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAAS,OAAAA;AAAAA,IAAAN,UAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAQ,uBAAAJ;AAAAA,IAAAH,gBAAAA;AAAAA,IAAAJ,YAAAA;AAAAA,IAAA,GAAAK;AAAAA,EAAAA,IAAAT,GAGRC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,QAAAW,GAAAX,QAAAY,MAAAV,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,EAAA,GAAAY,IAAAZ,EAAA,EAAA;AAFZ,QAAAa,IAAAJ,MAAAM,SAAA,KAAAN,GACAK,IAAAJ,MAAAK,SAAA,MAAAL,GAEA,CAAAM,GAAAC,CAAA,IAA4BC,EAASL,CAAW,GAChD;AAAA,IAAAM,aAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAmCC;AAAkB,MAAAC;AAAA,EAAAtB,UAAAO,KAEhCe,IAAAC,EAA0B,CAACJ,GAAaC,CAAS,GAAGb,CAAc,GAACP,QAAAO,GAAAP,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AADxF,QAAA,CAAAwB,CAAA,IACEN,EAAmBI,CAAmE;AAAE,MAAAG;AAAA,EAAAzB,EAAA,EAAA,MAAAG,KAAAH,UAAAI,KAEtEqB,IAAAA,MAAA;AAClB,QAAAC,IAAe,mBAAmBtB,CAAW;AAC7CsB,WAAAA,IAAAA,KAAYvB,MAAe,KAAf,KAAyBA,CAAU,KAAnC,KACLuB;AAAAA,EAAQ,GAChB1B,QAAAG,GAAAH,QAAAI,GAAAJ,QAAAyB,KAAAA,IAAAzB,EAAA,EAAA;AAJD,QAAA2B,IAAoBF;AAIlB,MAAAG;AAAA,EAAA5B,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAA2B,KAAA3B,EAAA,EAAA,MAAAQ,KAAAR,UAAAW,KAEoBiB,IAAAA,MACpB,gBAAAC,EAAA,OAAA,EAAgB,WAAAF,EAAAA,GAAa,GAAMnB,GAChCG,UAAAA;AAAAA,IAAAA,KAAS,gBAAAmB,EAACC,KAAcpB,OAAAA,EAAAA,CAAK;AAAA,IAC7BT;AAAAA,EAAAA,GACH,GACDF,QAAAE,GAAAF,QAAA2B,GAAA3B,QAAAQ,GAAAR,QAAAW,GAAAX,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA;AALD,QAAAgC,IAAsBJ;AAKpB,MAAAK;AAAA,EAAAjC,EAAA,EAAA,MAAAwB,EAAAL,eAAAnB,EAAA,EAAA,MAAAwB,EAAAJ,aAAApB,UAAAM,KAAAN,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAY,KAEoBqB,IAAAA,OAAO;AAAA,IAAArB,YAAAA;AAAAA,IAAAsB,mBAERA,MAAA;AAAQjB,MAAAA,EAAU,CAACD,CAAM;AAAA,IAAC;AAAA,IAAGA,QAAAA;AAAAA,IAAAV,cAAAA;AAAAA,IAAAQ,uBAAAA;AAAAA,IAAAK,aAInCK,EAAQL;AAAAA,IAAYC,WACtBI,EAAQJ;AAAAA,EAAAA,IACHpB,EAAA,EAAA,IAAAwB,EAAAL,aAAAnB,EAAA,EAAA,IAAAwB,EAAAJ,WAAApB,QAAAM,GAAAN,QAAAc,GAAAd,QAAAgB,GAAAhB,QAAAY,GAAAZ,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA;AARlB,QAAAmC,IAAsBF;AAUtB,MAAIT,EAAQJ;AAAU,WAAS;AAAK,MAAAgB;AAAA,EAAApC,UAAAmC,KAGJC,IAAAD,EAAAA,GAAenC,QAAAmC,GAAAnC,QAAAoC,KAAAA,IAAApC,EAAA,EAAA;AAAA,MAAAqC;AAAA,EAAArC,EAAA,EAAA,MAAAK,KAAAL,UAAAgC,KACzCK,IAAAhC,sBAEGiC,GAAA,EAAWjC,MAAAA,GAAW2B,UAAAA,IAAc,CAAE,IAGrCA,EAAAA,GACDhC,QAAAK,GAAAL,QAAAgC,GAAAhC,QAAAqC,KAAAA,IAAArC,EAAA,EAAA;AAAA,MAAAuC;AAAA,SAAAvC,EAAA,EAAA,MAAAoC,KAAApC,UAAAqC,KAPPE,sBAAAC,EAAA,UAAA,EAA8B,OAAAJ,GAC1BC,UAAAA,GAOJ,GAAwBrC,QAAAoC,GAAApC,QAAAqC,GAAArC,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA,GARxBuC;AAQwB;"}
1
+ {"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n onEndReachedThreshold = 0.1, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n const [opened, setOpened] = useState(startOpened);\n const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n const [onDenied] =\n useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n const getCssClass = () => {\n let cssClass = `panel-component ${customClass}`;\n cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n return cssClass;\n };\n\n const renderContent = () => (\n <div className={getCssClass()} {...rest}>\n {title && <Header title={title} />}\n {children}\n </div>\n );\n\n const contextValues = () => ({\n toggleable,\n handlerToggleable: () => { setOpened(!opened); },\n opened,\n onEndReached,\n onEndReachedThreshold,\n hideContent: onDenied.hideContent,\n unvisible: onDenied.unvisible,\n }) as ContextProps;\n\n if (onDenied.unvisible) return null;\n\n return (\n <PanelContext.Provider value={contextValues()}>\n { gridCols\n ? (\n <Grid cols={gridCols}>{renderContent()}</Grid>\n )\n : (\n renderContent()\n )}\n </PanelContext.Provider>\n );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","jsxs","jsx","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9","PanelContext"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  import { jsx as w } from "react/jsx-runtime";
2
2
  import { c as z } from "../_virtual/compiler-runtime.js";
3
3
  import I from "../buttons/Button.js";
4
- import P from "../icons/index.js";
5
4
  import '../assets/styles/popover.css';import '../assets/styles/button.css';/* empty css */
5
+ import P from "../icons/index.js";
6
6
  import { default as _ } from "./PopoverText.js";
7
7
  import { default as F } from "./PopoverTitle.js";
8
8
  /* empty css */
@@ -2,7 +2,7 @@ import { jsx as b, jsxs as H } from "react/jsx-runtime";
2
2
  import { c as de } from "../_virtual/compiler-runtime.js";
3
3
  import { useState as ie, useEffect as ce } from "react";
4
4
  import '../assets/styles/radio.css';/* empty css */
5
- import { OPTIONS_ON_DENIED as se, actionsOnPermissionDenied as re } from "../permissionValidations.js";
5
+ import { actionsOnPermissionDenied as re, OPTIONS_ON_DENIED as se } from "../permissionValidations.js";
6
6
  import me from "../popover/index.js";
7
7
  import oe from "../textContent/index.js";
8
8
  const fe = (le) => {
@@ -1,22 +1,21 @@
1
1
  import { jsx as C } from "react/jsx-runtime";
2
2
  import { c as v } from "../_virtual/compiler-runtime.js";
3
- import '../assets/styles/skeleton.css';import '../assets/styles/gridlayout.css';/* empty css */
4
3
  import S from "../gridlayout/GridCol.js";
5
- import { default as G } from "./SkeletonContainer.js";
6
- /* empty css */
7
- const z = ($) => {
4
+ import { default as E } from "./SkeletonContainer.js";
5
+ import '../assets/styles/skeleton.css';/* empty css */
6
+ const w = ($) => {
8
7
  const t = v.c(15), {
9
8
  customClass: u,
10
9
  style: m,
11
10
  width: a,
12
11
  height: d,
13
- round: o,
12
+ round: e,
14
13
  color: f,
15
14
  size: p,
16
15
  gridLayout: n
17
- } = $, l = u === void 0 ? "" : u, e = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
16
+ } = $, l = u === void 0 ? "" : u, o = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
18
17
  let i, r;
19
- if (t[0] !== e || t[1] !== l || t[2] !== n || t[3] !== d || t[4] !== o || t[5] !== s || t[6] !== m || t[7] !== a) {
18
+ if (t[0] !== o || t[1] !== l || t[2] !== n || t[3] !== d || t[4] !== e || t[5] !== s || t[6] !== m || t[7] !== a) {
20
19
  r = Symbol.for("react.early_return_sentinel");
21
20
  t: {
22
21
  const h = {
@@ -24,10 +23,10 @@ const z = ($) => {
24
23
  height: d
25
24
  };
26
25
  let c;
27
- t[10] !== e || t[11] !== l || t[12] !== o || t[13] !== s ? (c = () => `skeleton-component ${l}
28
- ${e && `-${e}`}
29
- ${o && "-round"}
30
- ${o && s && `-${s}`}`, t[10] = e, t[11] = l, t[12] = o, t[13] = s, t[14] = c) : c = t[14];
26
+ t[10] !== o || t[11] !== l || t[12] !== e || t[13] !== s ? (c = () => `skeleton-component ${l}
27
+ ${o && `-${o}`}
28
+ ${e && "-round"}
29
+ ${e && s && `-${s}`}`, t[10] = o, t[11] = l, t[12] = e, t[13] = s, t[14] = c) : c = t[14];
31
30
  const k = c, y = () => /* @__PURE__ */ C("div", { className: k(), style: {
32
31
  ...h,
33
32
  ...m
@@ -38,13 +37,13 @@ const z = ($) => {
38
37
  }
39
38
  i = y();
40
39
  }
41
- t[0] = e, t[1] = l, t[2] = n, t[3] = d, t[4] = o, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
40
+ t[0] = o, t[1] = l, t[2] = n, t[3] = d, t[4] = e, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
42
41
  } else
43
42
  i = t[8], r = t[9];
44
43
  return r !== Symbol.for("react.early_return_sentinel") ? r : i;
45
44
  };
46
45
  export {
47
- G as SkeletonContainer,
48
- z as default
46
+ E as SkeletonContainer,
47
+ w as default
49
48
  };
50
49
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n const {\n customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n } = props;\n const customStyles = { width, height };\n\n const getClass = () => (\n `skeleton-component ${customClass}\n ${color && `-${color}`}\n ${round && '-round'}\n ${round && size && `-${size}`}`\n );\n\n const renderContent = () => (\n <div className={getClass()} style={{ ...customStyles, ...style }} />\n );\n\n if (gridLayout !== undefined) {\n return (\n <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n {renderContent()}\n </Grid>\n );\n }\n\n return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"names":["Skeleton","props","$","_c","customClass","t0","style","width","height","round","color","t1","size","t2","gridLayout","undefined","t3","t4","Symbol","for","bb0","customStyles","t5","getClass","renderContent","jsx","Grid"],"mappings":";;;;;;AAKA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACf;AAAA,IAAAC,aAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAEIb,GADFG,IAAAC,MAAAU,SAAA,KAAAV,GAA+CK,IAAAC,MAAAI,SAAA,YAAAJ,GAAmBC,IAAAC,MAAAE,SAAA,WAAAF;AAAe,MAAAG,GAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,GAAA;AAiB/EU,IAAAA,IAAAC,OAEOC,IAFP,6BAEM;AAACC,IAAAA,GAAA;AAjBX,YAAAC,IAAqB;AAAA,QAAAd,OAAAA;AAAAA,QAAAC,QAAAA;AAAAA,MAAAA;AAAkB,UAAAc;AAAA,MAAApB,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAO,KAAAP,UAAAU,KAEtBU,IAAAA,MACf,sBAAsBlB,CAAW;AAAA,MAC/BM,KAAA,IAAaA,CAAK,EAAE;AAAA,MACpBD,KAAA,QAAiB;AAAA,MACjBA,KAAAG,KAAA,IAAqBA,CAAI,EAAE,IAC9BV,QAAAQ,GAAAR,QAAAE,GAAAF,QAAAO,GAAAP,QAAAU,GAAAV,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AALD,YAAAqB,IAAiBD,GAOjBE,IAAsBA,MACpB,gBAAAC,WAAgB,WAAAF,EAAAA,GAAmB,OAAA;AAAA,QAAA,GAAKF;AAAAA,QAAY,GAAKf;AAAAA,MAAAA,GAAO;AAGlE,UAAIQ,MAAeC,QAAS;AAExBE,QAAAA,sBAACS,GAAA,EAAiB,aAAA,iBAAsBZ,MAAAA,GACrCU,eACH;AAFA,cAAAJ;AAAAA,MAEO;AAIJJ,MAAAA,IAAAQ,EAAAA;AAAAA,IAAe;AAAAtB,IAAAA,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAY,GAAAZ,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU,GAAAV,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAc,GAAAd,OAAAe;AAAAA,EAAA;AAAAD,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,CAAA;AAAA,SAAAe,MAAAC,OAAAC,IAAA,6BAAA,IAAAF,IAAfD;AAAe;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n const {\n customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n } = props;\n const customStyles = { width, height };\n\n const getClass = () => (\n `skeleton-component ${customClass}\n ${color && `-${color}`}\n ${round && '-round'}\n ${round && size && `-${size}`}`\n );\n\n const renderContent = () => (\n <div className={getClass()} style={{ ...customStyles, ...style }} />\n );\n\n if (gridLayout !== undefined) {\n return (\n <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n {renderContent()}\n </Grid>\n );\n }\n\n return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"names":["Skeleton","props","$","_c","customClass","t0","style","width","height","round","color","t1","size","t2","gridLayout","undefined","t3","t4","Symbol","for","bb0","customStyles","t5","getClass","renderContent","jsx","Grid"],"mappings":";;;;;AAKA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACf;AAAA,IAAAC,aAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAEIb,GADFG,IAAAC,MAAAU,SAAA,KAAAV,GAA+CK,IAAAC,MAAAI,SAAA,YAAAJ,GAAmBC,IAAAC,MAAAE,SAAA,WAAAF;AAAe,MAAAG,GAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,GAAA;AAiB/EU,IAAAA,IAAAC,OAEOC,IAFP,6BAEM;AAACC,IAAAA,GAAA;AAjBX,YAAAC,IAAqB;AAAA,QAAAd,OAAAA;AAAAA,QAAAC,QAAAA;AAAAA,MAAAA;AAAkB,UAAAc;AAAA,MAAApB,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAO,KAAAP,UAAAU,KAEtBU,IAAAA,MACf,sBAAsBlB,CAAW;AAAA,MAC/BM,KAAA,IAAaA,CAAK,EAAE;AAAA,MACpBD,KAAA,QAAiB;AAAA,MACjBA,KAAAG,KAAA,IAAqBA,CAAI,EAAE,IAC9BV,QAAAQ,GAAAR,QAAAE,GAAAF,QAAAO,GAAAP,QAAAU,GAAAV,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AALD,YAAAqB,IAAiBD,GAOjBE,IAAsBA,MACpB,gBAAAC,WAAgB,WAAAF,EAAAA,GAAmB,OAAA;AAAA,QAAA,GAAKF;AAAAA,QAAY,GAAKf;AAAAA,MAAAA,GAAO;AAGlE,UAAIQ,MAAeC,QAAS;AAExBE,QAAAA,sBAACS,GAAA,EAAiB,aAAA,iBAAsBZ,MAAAA,GACrCU,eACH;AAFA,cAAAJ;AAAAA,MAEO;AAIJJ,MAAAA,IAAAQ,EAAAA;AAAAA,IAAe;AAAAtB,IAAAA,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAY,GAAAZ,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU,GAAAV,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAc,GAAAd,OAAAe;AAAAA,EAAA;AAAAD,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,CAAA;AAAA,SAAAe,MAAAC,OAAAC,IAAA,6BAAA,IAAAF,IAAfD;AAAe;"}
@@ -1,3 +1,5 @@
1
+ import { default as SpinnerLoading } from './SpinnerLoading';
1
2
  import { ISpinnerProps } from './types';
2
3
  declare const Spinner: (props: ISpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
3
4
  export default Spinner;
5
+ export { SpinnerLoading };
@@ -48,6 +48,7 @@ const J = (z) => {
48
48
  return e[17] !== o || e[18] !== i ? (f = /* @__PURE__ */ C(j, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = f) : f = e[19], f;
49
49
  };
50
50
  export {
51
+ j as SpinnerLoading,
51
52
  J as default
52
53
  };
53
54
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/lib/spinner/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport SpinnerLoading from './SpinnerLoading';\nimport '../assets/styles/spinner.scss';\nimport { ISpinnerProps } from './types';\n\nconst Spinner = (props: ISpinnerProps) => {\n const {\n align = 'center',\n customClass,\n style,\n text,\n visible = true,\n delayTime = 1000,\n heightAuto,\n color = '#3B3B3B',\n size = '50px',\n } = props;\n const [delay, setDelay] = useState(!!delayTime);\n const delayTimeout = useRef<NodeJS.Timeout | null>(null);\n\n useEffect(() => {\n if (delayTime) {\n delayTimeout.current = setTimeout(() => {\n setDelay(false);\n }, delayTime);\n }\n\n return () => {\n if (delayTimeout.current) {\n clearTimeout(delayTimeout.current);\n }\n };\n }, []);\n\n const getCssClass = () => {\n let css = `spinner-component -${align} ${customClass} `;\n if (heightAuto) css = `${css} -heightauto`;\n return css;\n };\n\n if (delay) return null;\n if (!visible) return null;\n if (align !== 'none') {\n return (\n <div\n style={style}\n className={getCssClass()} >\n {align === 'right' && text}\n <SpinnerLoading color={color} size={size} />\n {align === 'left' && text}\n {align === 'center' && text}\n </div>\n );\n }\n\n return <SpinnerLoading color={color} size={size} />;\n};\n\nexport default Spinner;\n"],"names":["Spinner","props","$","_c","align","t0","customClass","style","text","visible","t1","delayTime","t2","heightAuto","color","t3","size","t4","undefined","delay","setDelay","useState","delayTimeout","useRef","t5","current","setTimeout","clearTimeout","t6","Symbol","for","useEffect","t7","css","getCssClass","t8","t9","t10","jsx","SpinnerLoading","t11","t12","t13","jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/lib/spinner/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport SpinnerLoading from './SpinnerLoading';\nimport '../assets/styles/spinner.scss';\nimport { ISpinnerProps } from './types';\n\nconst Spinner = (props: ISpinnerProps) => {\n const {\n align = 'center',\n customClass,\n style,\n text,\n visible = true,\n delayTime = 1000,\n heightAuto,\n color = '#3B3B3B',\n size = '50px',\n } = props;\n const [delay, setDelay] = useState(!!delayTime);\n const delayTimeout = useRef<NodeJS.Timeout | null>(null);\n\n useEffect(() => {\n if (delayTime) {\n delayTimeout.current = setTimeout(() => {\n setDelay(false);\n }, delayTime);\n }\n\n return () => {\n if (delayTimeout.current) {\n clearTimeout(delayTimeout.current);\n }\n };\n }, []);\n\n const getCssClass = () => {\n let css = `spinner-component -${align} ${customClass} `;\n if (heightAuto) css = `${css} -heightauto`;\n return css;\n };\n\n if (delay) return null;\n if (!visible) return null;\n if (align !== 'none') {\n return (\n <div\n style={style}\n className={getCssClass()} >\n {align === 'right' && text}\n <SpinnerLoading color={color} size={size} />\n {align === 'left' && text}\n {align === 'center' && text}\n </div>\n );\n }\n\n return <SpinnerLoading color={color} size={size} />;\n};\n\nexport default Spinner;\nexport { SpinnerLoading };\n"],"names":["Spinner","props","$","_c","align","t0","customClass","style","text","visible","t1","delayTime","t2","heightAuto","color","t3","size","t4","undefined","delay","setDelay","useState","delayTimeout","useRef","t5","current","setTimeout","clearTimeout","t6","Symbol","for","useEffect","t7","css","getCssClass","t8","t9","t10","jsx","SpinnerLoading","t11","t12","t13","jsxs"],"mappings":"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"}
package/lib/table/Body.js CHANGED
@@ -5,45 +5,42 @@ import C, { getArrayFromNumber as h } from "./helpers.js";
5
5
  import w from "../skeleton/index.js";
6
6
  import "../_virtual/lodash.js";
7
7
  import x from "./Row.js";
8
- import '../assets/styles/table.css';import '../assets/styles/tooltip.css';import '../assets/styles/icon.css';/* empty css */
9
- import "react-dom";
10
- /* empty css */
11
8
  import R from "./RowColumn.js";
12
- /* empty css */
9
+ import '../assets/styles/table.css';/* empty css */
13
10
  const f = (p, {
14
- columnsCount: t,
15
- vertical: r,
16
- skeletonize: n,
17
- skeletonInRows: e = 10,
11
+ columnsCount: e,
12
+ vertical: n,
13
+ skeletonize: r,
14
+ skeletonInRows: t = 10,
18
15
  skeletonHeight: s = 16,
19
16
  columnsWidth: l
20
17
  }) => {
21
- if (n && !r && t && e) {
22
- const y = h(e), i = h(t);
23
- return y.map((b) => /* @__PURE__ */ o(x, { customClass: "row-skeleton", children: i.map((m) => /* @__PURE__ */ o(R, { style: {
24
- width: l?.[m - 1]
25
- }, children: /* @__PURE__ */ o(w, { height: s }) }, m)) }, b));
18
+ if (r && !n && e && t) {
19
+ const y = h(t), c = h(e);
20
+ return y.map((b) => /* @__PURE__ */ o(x, { customClass: "row-skeleton", children: c.map((a) => /* @__PURE__ */ o(R, { style: {
21
+ width: l?.[a - 1]
22
+ }, children: /* @__PURE__ */ o(w, { height: s }) }, a)) }, b));
26
23
  }
27
24
  return p;
28
- }, q = (p) => {
29
- const t = u.c(8), {
30
- children: r,
31
- customClass: n
32
- } = p, e = k(C), {
25
+ }, B = (p) => {
26
+ const e = u.c(8), {
27
+ children: n,
28
+ customClass: r
29
+ } = p, t = k(C), {
33
30
  bodyScrollable: s,
34
31
  bodyContainerRef: l,
35
32
  skeletonize: y,
36
- skeletonInRows: i,
37
- strict: c,
33
+ skeletonInRows: c,
34
+ strict: i,
38
35
  vertical: b,
39
- columnsCount: m
40
- } = e, a = !!(y && !b && (i === void 0 ? 10 : i) && m);
36
+ columnsCount: a
37
+ } = t, m = !!(y && !b && (c === void 0 ? 10 : c) && a);
41
38
  let d;
42
- return t[0] !== l || t[1] !== s || t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== a || t[6] !== c ? (d = s ? /* @__PURE__ */ o("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o("table", { className: "innertable", style: {
43
- contain: c ? "strict" : "size layout style"
44
- }, children: /* @__PURE__ */ o("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${n}`, children: f(r, e) }) }) }) : /* @__PURE__ */ o("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${n}`, children: f(r, e) }), t[0] = l, t[1] = s, t[2] = r, t[3] = e, t[4] = n, t[5] = a, t[6] = c, t[7] = d) : d = t[7], d;
39
+ return e[0] !== l || e[1] !== s || e[2] !== n || e[3] !== t || e[4] !== r || e[5] !== m || e[6] !== i ? (d = s ? /* @__PURE__ */ o("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o("table", { className: "innertable", style: {
40
+ contain: i ? "strict" : "size layout style"
41
+ }, children: /* @__PURE__ */ o("tbody", { className: `tbody ${m ? "skeleton-transparency" : ""} ${r}`, children: f(n, t) }) }) }) : /* @__PURE__ */ o("tbody", { className: `tbody ${m ? "skeleton-transparency" : ""} ${r}`, children: f(n, t) }), e[0] = l, e[1] = s, e[2] = n, e[3] = t, e[4] = r, e[5] = m, e[6] = i, e[7] = d) : d = e[7], d;
45
42
  };
46
43
  export {
47
- q as default
44
+ B as default
48
45
  };
49
46
  //# sourceMappingURL=Body.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Body.js","sources":["../../src/lib/table/Body.tsx"],"sourcesContent":["import { ReactNode, useContext } from 'react';\nimport TableContext, { getArrayFromNumber } from './helpers';\nimport Skeleton from '../skeleton';\nimport { TRow, Td } from './index';\nimport { ITableBodyProps, ITableContext } from './types';\n\nconst renderChildren = (\n children: ReactNode,\n {\n columnsCount, vertical, skeletonize, skeletonInRows = 10, skeletonHeight = 16,\n columnsWidth,\n }: ITableContext,\n) => {\n if (skeletonize && !vertical && columnsCount && skeletonInRows) {\n const rows = getArrayFromNumber(skeletonInRows);\n const columns = getArrayFromNumber(columnsCount);\n const skeletonChildrens =\n rows.map((index: number) => (\n <TRow customClass=\"row-skeleton\" key={index}>\n {columns.map((id: number) => (\n <Td style={{ width: columnsWidth?.[id - 1] }} key={id}>\n <Skeleton height={skeletonHeight} />\n </Td>\n ))}\n </TRow>\n ));\n return skeletonChildrens;\n }\n return children;\n};\n\nconst TableBody = ({ children, customClass }: ITableBodyProps) => {\n const context = useContext(TableContext);\n const {\n bodyScrollable,\n bodyContainerRef,\n skeletonize,\n skeletonInRows = 10,\n strict,\n vertical,\n columnsCount,\n } = context;\n const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);\n\n return (\n bodyScrollable\n ? (\n <div\n className=\"bodycontainer\"\n ref={bodyContainerRef}>\n <table\n className=\"innertable\"\n style={{\n contain: strict ? 'strict' : 'size layout style',\n }}>\n <tbody\n className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n {renderChildren(children, context)}\n </tbody>\n </table>\n </div>\n )\n : (\n <tbody className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n {renderChildren(children, context)}\n </tbody>\n )\n );\n};\n\nexport default TableBody;\n"],"names":["renderChildren","children","columnsCount","vertical","skeletonize","skeletonInRows","skeletonHeight","columnsWidth","rows","getArrayFromNumber","columns","map","index","jsx","TRow","id","Td","width","Skeleton","TableBody","t0","$","_c","customClass","context","useContext","TableContext","bodyScrollable","bodyContainerRef","t1","strict","isSkeletonized","undefined","t2","contain"],"mappings":";;;;;;;;;;;;AAMA,MAAMA,IAAiBA,CACrBC,GACA;AAAA,EACEC,cAAAA;AAAAA,EAAcC,UAAAA;AAAAA,EAAUC,aAAAA;AAAAA,EAAaC,gBAAAA,IAAiB;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAC3EC,cAAAA;AACa,MACZ;AACH,MAAIH,KAAe,CAACD,KAAYD,KAAgBG,GAAgB;AAC9D,UAAMG,IAAOC,EAAmBJ,CAAc,GACxCK,IAAUD,EAAmBP,CAAY;AAW/C,WATEM,EAAKG,IAAI,CAACC,MACR,gBAAAC,EAACC,GAAA,EAAK,aAAY,gBACfJ,YAAQC,IAAI,CAACI,MACZ,gBAAAF,EAACG,KAAG,OAAO;AAAA,MAAEC,OAAOV,IAAeQ,IAAK,CAAC;AAAA,IAAA,GACvC,UAAA,gBAAAF,EAACK,GAAA,EAAS,QAAQZ,GAAe,KADgBS,CAEnD,CACD,EAAA,GALmCH,CAMtC,CACD;AAAA,EAEL;AACA,SAAOX;AACT,GAEMkB,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAArB,UAAAA;AAAAA,IAAAsB,aAAAA;AAAAA,EAAAA,IAAAH,GACjBI,IAAgBC,EAAWC,CAAY,GACvC;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAxB,aAAAA;AAAAA,IAAAC,gBAAAwB;AAAAA,IAAAC,QAAAA;AAAAA,IAAA3B,UAAAA;AAAAA,IAAAD,cAAAA;AAAAA,EAAAA,IAQIsB,GACJO,IAAuB,CAAC,EAAE3B,KAAA,CAAgBD,MALxC0B,MAAAG,SAAA,KAAAH,MAKwB3B;AAA4D,MAAA+B;AAAA,SAAAZ,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAApB,KAAAoB,SAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAS,KAGpFG,IAAAN,IAEI,gBAAAd,EAAA,OAAA,EACY,WAAA,iBACLe,KAAAA,GACL,UAAA,gBAAAf,EAAA,SAAA,EACY,WAAA,cACH,OAAA;AAAA,IAAAqB,SACIJ,IAAA,WAAA;AAAA,EAAA,GAEX,UAAA,gBAAAjB,EAAA,SAAA,EACa,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IAC/EvB,UAAAA,EAAeC,GAAUuB,CAAO,EAAA,CACnC,EAAA,CACF,EAAA,CACF,IAGA,gBAAAX,EAAA,SAAA,EAAkB,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IACpFvB,UAAAA,EAAeC,GAAUuB,CAAO,GACnC,GACCH,OAAAO,GAAAP,OAAAM,GAAAN,OAAApB,GAAAoB,OAAAG,GAAAH,OAAAE,GAAAF,OAAAU,GAAAV,OAAAS,GAAAT,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GArBLY;AAqBK;"}
1
+ {"version":3,"file":"Body.js","sources":["../../src/lib/table/Body.tsx"],"sourcesContent":["import { ReactNode, useContext } from 'react';\nimport TableContext, { getArrayFromNumber } from './helpers';\nimport Skeleton from '../skeleton';\nimport { TRow, Td } from './index';\nimport { ITableBodyProps, ITableContext } from './types';\n\nconst renderChildren = (\n children: ReactNode,\n {\n columnsCount, vertical, skeletonize, skeletonInRows = 10, skeletonHeight = 16,\n columnsWidth,\n }: ITableContext,\n) => {\n if (skeletonize && !vertical && columnsCount && skeletonInRows) {\n const rows = getArrayFromNumber(skeletonInRows);\n const columns = getArrayFromNumber(columnsCount);\n const skeletonChildrens =\n rows.map((index: number) => (\n <TRow customClass=\"row-skeleton\" key={index}>\n {columns.map((id: number) => (\n <Td style={{ width: columnsWidth?.[id - 1] }} key={id}>\n <Skeleton height={skeletonHeight} />\n </Td>\n ))}\n </TRow>\n ));\n return skeletonChildrens;\n }\n return children;\n};\n\nconst TableBody = ({ children, customClass }: ITableBodyProps) => {\n const context = useContext(TableContext);\n const {\n bodyScrollable,\n bodyContainerRef,\n skeletonize,\n skeletonInRows = 10,\n strict,\n vertical,\n columnsCount,\n } = context;\n const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);\n\n return (\n bodyScrollable\n ? (\n <div\n className=\"bodycontainer\"\n ref={bodyContainerRef}>\n <table\n className=\"innertable\"\n style={{\n contain: strict ? 'strict' : 'size layout style',\n }}>\n <tbody\n className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n {renderChildren(children, context)}\n </tbody>\n </table>\n </div>\n )\n : (\n <tbody className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n {renderChildren(children, context)}\n </tbody>\n )\n );\n};\n\nexport default TableBody;\n"],"names":["renderChildren","children","columnsCount","vertical","skeletonize","skeletonInRows","skeletonHeight","columnsWidth","rows","getArrayFromNumber","columns","map","index","jsx","TRow","id","Td","width","Skeleton","TableBody","t0","$","_c","customClass","context","useContext","TableContext","bodyScrollable","bodyContainerRef","t1","strict","isSkeletonized","undefined","t2","contain"],"mappings":";;;;;;;;;AAMA,MAAMA,IAAiBA,CACrBC,GACA;AAAA,EACEC,cAAAA;AAAAA,EAAcC,UAAAA;AAAAA,EAAUC,aAAAA;AAAAA,EAAaC,gBAAAA,IAAiB;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAC3EC,cAAAA;AACa,MACZ;AACH,MAAIH,KAAe,CAACD,KAAYD,KAAgBG,GAAgB;AAC9D,UAAMG,IAAOC,EAAmBJ,CAAc,GACxCK,IAAUD,EAAmBP,CAAY;AAW/C,WATEM,EAAKG,IAAI,CAACC,MACR,gBAAAC,EAACC,GAAA,EAAK,aAAY,gBACfJ,YAAQC,IAAI,CAACI,MACZ,gBAAAF,EAACG,KAAG,OAAO;AAAA,MAAEC,OAAOV,IAAeQ,IAAK,CAAC;AAAA,IAAA,GACvC,UAAA,gBAAAF,EAACK,GAAA,EAAS,QAAQZ,GAAe,KADgBS,CAEnD,CACD,EAAA,GALmCH,CAMtC,CACD;AAAA,EAEL;AACA,SAAOX;AACT,GAEMkB,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAArB,UAAAA;AAAAA,IAAAsB,aAAAA;AAAAA,EAAAA,IAAAH,GACjBI,IAAgBC,EAAWC,CAAY,GACvC;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAxB,aAAAA;AAAAA,IAAAC,gBAAAwB;AAAAA,IAAAC,QAAAA;AAAAA,IAAA3B,UAAAA;AAAAA,IAAAD,cAAAA;AAAAA,EAAAA,IAQIsB,GACJO,IAAuB,CAAC,EAAE3B,KAAA,CAAgBD,MALxC0B,MAAAG,SAAA,KAAAH,MAKwB3B;AAA4D,MAAA+B;AAAA,SAAAZ,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAApB,KAAAoB,SAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAS,KAGpFG,IAAAN,IAEI,gBAAAd,EAAA,OAAA,EACY,WAAA,iBACLe,KAAAA,GACL,UAAA,gBAAAf,EAAA,SAAA,EACY,WAAA,cACH,OAAA;AAAA,IAAAqB,SACIJ,IAAA,WAAA;AAAA,EAAA,GAEX,UAAA,gBAAAjB,EAAA,SAAA,EACa,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IAC/EvB,UAAAA,EAAeC,GAAUuB,CAAO,EAAA,CACnC,EAAA,CACF,EAAA,CACF,IAGA,gBAAAX,EAAA,SAAA,EAAkB,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IACpFvB,UAAAA,EAAeC,GAAUuB,CAAO,GACnC,GACCH,OAAAO,GAAAP,OAAAM,GAAAN,OAAApB,GAAAoB,OAAAG,GAAAH,OAAAE,GAAAF,OAAAU,GAAAV,OAAAS,GAAAT,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GArBLY;AAqBK;"}
@@ -1,35 +1,26 @@
1
- import { jsx as m, jsxs as $ } from "react/jsx-runtime";
1
+ import { jsx as a, jsxs as $ } from "react/jsx-runtime";
2
2
  import { c as C } from "../_virtual/compiler-runtime.js";
3
3
  import A from "../_virtual/lodash.js";
4
4
  import D from "../buttons/Button.js";
5
- import M from "../icons/index.js";
6
- import '../assets/styles/tabs.css';import '../assets/styles/toolbar.css';import '../assets/styles/label.css';import '../assets/styles/tooltip.css';import '../assets/styles/panel.css';import '../assets/styles/noPermission.css';import '../assets/styles/gridlayout.css';import '../assets/styles/button.css';/* empty css */
7
- import j from "../list/index.js";
5
+ import '../assets/styles/tabs.css';import '../assets/styles/label.css';import '../assets/styles/toolbar.css';import '../assets/styles/panel.css';import '../assets/styles/button.css';/* empty css */
6
+ import M from "../list/index.js";
8
7
  import { useTabs as I } from "./useTabs.js";
9
- import "react";
10
- /* empty css */
11
- import "../panel/helpers.js";
12
- /* empty css */
13
8
  /* empty css */
14
- import "../toolbar/helpers.js";
15
- import "react-dom";
16
9
  /* empty css */
17
10
  /* empty css */
18
- /* empty css */
11
+ import j from "../icons/index.js";
19
12
  import "../radio/index.js";
20
13
  /* empty css */
21
- import "./MenuTabs.js";
22
- import "./tabHelpers.js";
23
- import "./context.js";
14
+ import "react";
24
15
  import "../dialog/base/index.js";
25
16
  import q from "../list/Item.js";
26
17
  const y = (z) => {
27
18
  const t = C.c(25), {
28
19
  id: e,
29
20
  title: b,
30
- closeable: a,
31
- iconAlign: p,
32
- icon: d,
21
+ closeable: m,
22
+ iconAlign: d,
23
+ icon: p,
33
24
  iconName: s,
34
25
  disabled: T,
35
26
  tabMenuSize: f
@@ -38,47 +29,47 @@ const y = (z) => {
38
29
  removeTab: u,
39
30
  selectedTabId: g
40
31
  } = I();
41
- let i;
42
- t[0] !== e || t[1] !== w ? (i = () => w(e), t[0] = e, t[1] = w, t[2] = i) : i = t[2];
43
32
  let n;
44
- t[3] !== e || t[4] !== g ? (n = g === e ? /* @__PURE__ */ m(M, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ m("div", { style: {
33
+ t[0] !== e || t[1] !== w ? (n = () => w(e), t[0] = e, t[1] = w, t[2] = n) : n = t[2];
34
+ let i;
35
+ t[3] !== e || t[4] !== g ? (i = g === e ? /* @__PURE__ */ a(j, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ a("div", { style: {
45
36
  width: 16,
46
37
  height: 16
47
- } }), t[3] = e, t[4] = g, t[5] = n) : n = t[5];
48
- let r;
49
- t[6] !== T || t[7] !== d || t[8] !== p || t[9] !== s || t[10] !== f || t[11] !== b ? (r = /* @__PURE__ */ m(D, { className: "btn menubutton", boxShadow: !1, iconAlign: p, iconName: s, icon: d, disabled: T, label: b, size: f, transparent: !0 }), t[6] = T, t[7] = d, t[8] = p, t[9] = s, t[10] = f, t[11] = b, t[12] = r) : r = t[12];
38
+ } }), t[3] = e, t[4] = g, t[5] = i) : i = t[5];
50
39
  let l;
51
- t[13] !== a || t[14] !== e || t[15] !== u ? (l = a && /* @__PURE__ */ m("button", { className: "closepanel", onClick: () => u(e) }), t[13] = a, t[14] = e, t[15] = u, t[16] = l) : l = t[16];
40
+ t[6] !== T || t[7] !== p || t[8] !== d || t[9] !== s || t[10] !== f || t[11] !== b ? (l = /* @__PURE__ */ a(D, { className: "btn menubutton", boxShadow: !1, iconAlign: d, iconName: s, icon: p, disabled: T, label: b, size: f, transparent: !0 }), t[6] = T, t[7] = p, t[8] = d, t[9] = s, t[10] = f, t[11] = b, t[12] = l) : l = t[12];
41
+ let r;
42
+ t[13] !== m || t[14] !== e || t[15] !== u ? (r = m && /* @__PURE__ */ a("button", { className: "closepanel", onClick: () => u(e) }), t[13] = m, t[14] = e, t[15] = u, t[16] = r) : r = t[16];
52
43
  let o;
53
- t[17] !== n || t[18] !== r || t[19] !== l ? (o = /* @__PURE__ */ $("div", { className: "menuitem", children: [
54
- n,
55
- r,
56
- l
57
- ] }), t[17] = n, t[18] = r, t[19] = l, t[20] = o) : o = t[20];
44
+ t[17] !== i || t[18] !== l || t[19] !== r ? (o = /* @__PURE__ */ $("div", { className: "menuitem", children: [
45
+ i,
46
+ l,
47
+ r
48
+ ] }), t[17] = i, t[18] = l, t[19] = r, t[20] = o) : o = t[20];
58
49
  let c;
59
- return t[21] !== e || t[22] !== i || t[23] !== o ? (c = /* @__PURE__ */ m(q, { onClick: i, children: o }, e), t[21] = e, t[22] = i, t[23] = o, t[24] = c) : c = t[24], c;
60
- }, rt = (z) => {
50
+ return t[21] !== e || t[22] !== n || t[23] !== o ? (c = /* @__PURE__ */ a(q, { onClick: n, children: o }, e), t[21] = e, t[22] = n, t[23] = o, t[24] = c) : c = t[24], c;
51
+ }, Y = (z) => {
61
52
  const t = C.c(11), {
62
53
  tabs: e,
63
54
  tabMenuSize: b
64
- } = z, a = e === void 0 ? [] : e, p = b === void 0 ? "medium" : b, {
65
- selectedTabId: d
55
+ } = z, m = e === void 0 ? [] : e, d = b === void 0 ? "medium" : b, {
56
+ selectedTabId: p
66
57
  } = I();
67
58
  let s;
68
- t[0] !== d ? (s = (v) => v.id === d, t[0] = d, t[1] = s) : s = t[1];
69
- const T = a.some(s), f = a.length > 0, w = A.uniqBy(a, "id");
59
+ t[0] !== p ? (s = (v) => v.id === p, t[0] = p, t[1] = s) : s = t[1];
60
+ const T = m.some(s), f = m.length > 0, w = A.uniqBy(m, "id");
70
61
  if (!f)
71
62
  return null;
72
- const u = D, g = !0, i = "right", n = !0, r = !1, l = "large", o = `dropdownbutton ${f ? "show" : ""} ${T ? "has-selected" : ""}`, c = j, N = "dropdown-hide-tabs";
63
+ const u = D, g = !0, n = "right", i = !0, l = !1, r = "large", o = `dropdownbutton ${f ? "show" : ""} ${T ? "has-selected" : ""}`, c = M, N = "dropdown-hide-tabs";
73
64
  let x;
74
- t[2] !== p ? (x = (v) => /* @__PURE__ */ m(y, { tabMenuSize: p, ...v }, v.id), t[2] = p, t[3] = x) : x = t[3];
65
+ t[2] !== d ? (x = (v) => /* @__PURE__ */ a(y, { tabMenuSize: d, ...v }, v.id), t[2] = d, t[3] = x) : x = t[3];
75
66
  const k = w.map(x);
76
67
  let h;
77
- t[4] !== c || t[5] !== k ? (h = /* @__PURE__ */ m(c, { customClass: N, children: k }), t[4] = c, t[5] = k, t[6] = h) : h = t[6];
68
+ t[4] !== c || t[5] !== k ? (h = /* @__PURE__ */ a(c, { customClass: N, children: k }), t[4] = c, t[5] = k, t[6] = h) : h = t[6];
78
69
  let S;
79
- return t[7] !== u || t[8] !== h || t[9] !== o ? (S = /* @__PURE__ */ m(u, { dropdown: g, dropdownAlign: i, transparent: n, boxShadow: r, size: l, customClass: o, children: h }), t[7] = u, t[8] = h, t[9] = o, t[10] = S) : S = t[10], S;
70
+ return t[7] !== u || t[8] !== h || t[9] !== o ? (S = /* @__PURE__ */ a(u, { dropdown: g, dropdownAlign: n, transparent: i, boxShadow: l, size: r, customClass: o, children: h }), t[7] = u, t[8] = h, t[9] = o, t[10] = S) : S = t[10], S;
80
71
  };
81
72
  export {
82
- rt as default
73
+ Y as default
83
74
  };
84
75
  //# sourceMappingURL=DropdownTabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownTabs.js","sources":["../../src/lib/tabs/DropdownTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport Button from '../buttons';\nimport List, { ListItem } from '../list';\nimport { DropdownProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\nimport { Icon } from '..';\n\nconst DropdownTab = ({\n id,\n title,\n closeable,\n iconAlign,\n icon,\n iconName,\n disabled,\n tabMenuSize,\n}: TabProps) => {\n const { selectTab, removeTab, selectedTabId } = useTabs();\n\n return (\n <ListItem key={id} onClick={() => selectTab(id)}>\n <div className=\"menuitem\">\n {selectedTabId === id\n ? (\n <Icon name='checkmark' color='#A10D0D' />\n )\n : (\n <div style={{ width: 16, height: 16 }} />\n )}\n <Button\n className=\"btn menubutton\"\n boxShadow={false}\n iconAlign={iconAlign}\n iconName={iconName}\n icon={icon}\n disabled={disabled}\n label={title}\n size={tabMenuSize}\n transparent />\n {closeable &&\n <button\n className=\"closepanel\"\n onClick={() => removeTab(id)} />}\n </div>\n </ListItem>\n );\n};\n\nconst DropdownTabs = ({\n tabs = [],\n tabMenuSize = 'medium',\n}: DropdownProps) => {\n const { selectedTabId } = useTabs();\n const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);\n const hasTabs = tabs.length > 0;\n const uniqueTabs = _.uniqBy(tabs, 'id');\n\n if (!hasTabs) return null;\n return (\n <Button \n dropdown \n dropdownAlign=\"right\" \n transparent \n boxShadow={false} \n size=\"large\"\n customClass={`dropdownbutton ${hasTabs ? 'show' : ''} ${hasSelectedTab ? 'has-selected' : ''}`}>\n <List customClass=\"dropdown-hide-tabs\">\n {uniqueTabs.map(tab => (\n <DropdownTab key={tab.id} tabMenuSize={tabMenuSize} {...tab} />\n ))}\n </List>\n </Button>\n );\n};\n\nexport default DropdownTabs;\n"],"names":["DropdownTab","t0","$","_c","id","title","closeable","iconAlign","icon","iconName","disabled","tabMenuSize","selectTab","removeTab","selectedTabId","useTabs","t1","t2","jsx","Icon","width","height","t3","Button","t4","t5","t6","ListItem","DropdownTabs","tabs","undefined","tab","hasSelectedTab","some","hasTabs","length","uniqueTabs","_","uniqBy","T0","t7","t8","t9","T1","List","t10","t11","tab_0","t12","map","t13","t14"],"mappings":"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"}
1
+ {"version":3,"file":"DropdownTabs.js","sources":["../../src/lib/tabs/DropdownTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport Button from '../buttons';\nimport List, { ListItem } from '../list';\nimport { DropdownProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\nimport { Icon } from '..';\n\nconst DropdownTab = ({\n id,\n title,\n closeable,\n iconAlign,\n icon,\n iconName,\n disabled,\n tabMenuSize,\n}: TabProps) => {\n const { selectTab, removeTab, selectedTabId } = useTabs();\n\n return (\n <ListItem key={id} onClick={() => selectTab(id)}>\n <div className=\"menuitem\">\n {selectedTabId === id\n ? (\n <Icon name='checkmark' color='#A10D0D' />\n )\n : (\n <div style={{ width: 16, height: 16 }} />\n )}\n <Button\n className=\"btn menubutton\"\n boxShadow={false}\n iconAlign={iconAlign}\n iconName={iconName}\n icon={icon}\n disabled={disabled}\n label={title}\n size={tabMenuSize}\n transparent />\n {closeable &&\n <button\n className=\"closepanel\"\n onClick={() => removeTab(id)} />}\n </div>\n </ListItem>\n );\n};\n\nconst DropdownTabs = ({\n tabs = [],\n tabMenuSize = 'medium',\n}: DropdownProps) => {\n const { selectedTabId } = useTabs();\n const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);\n const hasTabs = tabs.length > 0;\n const uniqueTabs = _.uniqBy(tabs, 'id');\n\n if (!hasTabs) return null;\n return (\n <Button \n dropdown \n dropdownAlign=\"right\" \n transparent \n boxShadow={false} \n size=\"large\"\n customClass={`dropdownbutton ${hasTabs ? 'show' : ''} ${hasSelectedTab ? 'has-selected' : ''}`}>\n <List customClass=\"dropdown-hide-tabs\">\n {uniqueTabs.map(tab => (\n <DropdownTab key={tab.id} tabMenuSize={tabMenuSize} {...tab} />\n ))}\n </List>\n </Button>\n );\n};\n\nexport default DropdownTabs;\n"],"names":["DropdownTab","t0","$","_c","id","title","closeable","iconAlign","icon","iconName","disabled","tabMenuSize","selectTab","removeTab","selectedTabId","useTabs","t1","t2","jsx","Icon","width","height","t3","Button","t4","t5","t6","ListItem","DropdownTabs","tabs","undefined","tab","hasSelectedTab","some","hasTabs","length","uniqueTabs","_","uniqBy","T0","t7","t8","t9","T1","List","t10","t11","tab_0","t12","map","t13","t14"],"mappings":"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"}
@@ -3,10 +3,7 @@ import { c as $ } from "../_virtual/compiler-runtime.js";
3
3
  import S from "../_virtual/lodash.js";
4
4
  import { forwardRef as B } from "react";
5
5
  import C from "../buttons/Button.js";
6
- import '../assets/styles/button.css';import '../assets/styles/tooltip.css';import '../assets/styles/icon.css';/* empty css */
7
- import "react-dom";
8
- /* empty css */
9
- /* empty css */
6
+ import '../assets/styles/button.css';/* empty css */
10
7
  import { menuStyles as E, onDeniedOptions as O } from "./tabHelpers.js";
11
8
  import { actionsOnPermissionDenied as g } from "../permissionValidations.js";
12
9
  import { useTabs as z } from "./useTabs.js";
@@ -15,8 +12,8 @@ const k = (w) => {
15
12
  id: e,
16
13
  title: l,
17
14
  tabWidth: u,
18
- iconAlign: p,
19
- iconName: f,
15
+ iconAlign: f,
16
+ iconName: p,
20
17
  icon: h,
21
18
  disabled: a,
22
19
  permissionAttr: T,
@@ -27,10 +24,10 @@ const k = (w) => {
27
24
  closeable: v,
28
25
  tabsWithError: y
29
26
  } = w, {
30
- selectedTabId: m,
27
+ selectedTabId: b,
31
28
  selectTab: o,
32
29
  removeTab: n,
33
- tabsCount: b
30
+ tabsCount: m
34
31
  } = z();
35
32
  let s;
36
33
  t[0] !== T ? (s = g(O, T), t[0] = T, t[1] = s) : s = t[1];
@@ -39,34 +36,34 @@ const k = (w) => {
39
36
  t[2] !== e || t[3] !== y ? (x = y?.includes(e), t[2] = e, t[3] = y, t[4] = x) : x = t[4];
40
37
  const I = x;
41
38
  let N;
42
- return t[5] !== v || t[6] !== a || t[7] !== h || t[8] !== p || t[9] !== f || t[10] !== e || t[11] !== i.disabled || t[12] !== i.unvisible || t[13] !== n || t[14] !== o || t[15] !== m || t[16] !== r || t[17] !== u || t[18] !== b || t[19] !== l || t[20] !== d || t[21] !== c || t[22] !== M || t[23] !== I ? (N = i.unvisible ? null : /* @__PURE__ */ A("li", { style: {
39
+ return t[5] !== v || t[6] !== a || t[7] !== h || t[8] !== f || t[9] !== p || t[10] !== e || t[11] !== i.disabled || t[12] !== i.unvisible || t[13] !== n || t[14] !== o || t[15] !== b || t[16] !== r || t[17] !== u || t[18] !== m || t[19] !== l || t[20] !== d || t[21] !== c || t[22] !== M || t[23] !== I ? (N = i.unvisible ? null : /* @__PURE__ */ A("li", { style: {
43
40
  width: u
44
41
  }, className: `
45
42
  menuitem
46
- ${m === e && "selected"}
43
+ ${b === e && "selected"}
47
44
  ${I && "witherrorcontent"}
48
45
  `, children: [
49
- /* @__PURE__ */ W(C, { className: "btn menubutton", boxShadow: !1, onClick: () => o(e), iconAlign: p, iconName: f, icon: h, disabled: a || !!i.disabled, label: l, size: r, tooltip: d || l, tooltipPosition: c, tooltipWidth: M }),
50
- v && b > 1 && /* @__PURE__ */ W("button", { className: "closepanel", onClick: () => n(e) })
51
- ] }, e), t[5] = v, t[6] = a, t[7] = h, t[8] = p, t[9] = f, t[10] = e, t[11] = i.disabled, t[12] = i.unvisible, t[13] = n, t[14] = o, t[15] = m, t[16] = r, t[17] = u, t[18] = b, t[19] = l, t[20] = d, t[21] = c, t[22] = M, t[23] = I, t[24] = N) : N = t[24], N;
46
+ /* @__PURE__ */ W(C, { className: "btn menubutton", boxShadow: !1, onClick: () => o(e), iconAlign: f, iconName: p, icon: h, disabled: a || !!i.disabled, label: l, size: r, tooltip: d || l, tooltipPosition: c, tooltipWidth: M }),
47
+ v && m > 1 && /* @__PURE__ */ W("button", { className: "closepanel", onClick: () => n(e) })
48
+ ] }, e), t[5] = v, t[6] = a, t[7] = h, t[8] = f, t[9] = p, t[10] = e, t[11] = i.disabled, t[12] = i.unvisible, t[13] = n, t[14] = o, t[15] = b, t[16] = r, t[17] = u, t[18] = m, t[19] = l, t[20] = d, t[21] = c, t[22] = M, t[23] = I, t[24] = N) : N = t[24], N;
52
49
  }, q = B((w, t) => {
53
50
  const e = $.c(11), {
54
51
  tabs: l,
55
52
  tabWidth: u,
56
- tabMenuSize: p,
57
- tabMenuAlign: f,
53
+ tabMenuSize: f,
54
+ tabMenuAlign: p,
58
55
  firstTabIdent: h,
59
56
  tabsWithError: a
60
- } = w, T = l === void 0 ? [] : l, r = u === void 0 ? "auto" : u, d = p === void 0 ? "medium" : p, c = f === void 0 ? "left" : f, M = h === void 0 ? !1 : h, {
57
+ } = w, T = l === void 0 ? [] : l, r = u === void 0 ? "auto" : u, d = f === void 0 ? "medium" : f, c = p === void 0 ? "left" : p, M = h === void 0 ? !1 : h, {
61
58
  keepPanelsInOrder: v
62
- } = z(), y = v ? S.sortBy(S.uniqBy(T, "id"), (i) => v.indexOf(i.id)) : S.uniqBy(T, "id"), m = `menu ${M && "-firsttabident"}`;
59
+ } = z(), y = v ? S.sortBy(S.uniqBy(T, "id"), (i) => v.indexOf(i.id)) : S.uniqBy(T, "id"), b = `menu ${M && "-firsttabident"}`;
63
60
  let o;
64
61
  e[0] !== c ? (o = E(c), e[0] = c, e[1] = o) : o = e[1];
65
62
  let n;
66
63
  e[2] !== d || e[3] !== r || e[4] !== a ? (n = (i) => /* @__PURE__ */ W(k, { tabMenuSize: d, tabWidth: r, tabsWithError: a, ...i }, i.id), e[2] = d, e[3] = r, e[4] = a, e[5] = n) : n = e[5];
67
- const b = y.map(n);
64
+ const m = y.map(n);
68
65
  let s;
69
- return e[6] !== t || e[7] !== m || e[8] !== o || e[9] !== b ? (s = /* @__PURE__ */ W("ul", { className: m, style: o, ref: t, children: b }), e[6] = t, e[7] = m, e[8] = o, e[9] = b, e[10] = s) : s = e[10], s;
66
+ return e[6] !== t || e[7] !== b || e[8] !== o || e[9] !== m ? (s = /* @__PURE__ */ W("ul", { className: b, style: o, ref: t, children: m }), e[6] = t, e[7] = b, e[8] = o, e[9] = m, e[10] = s) : s = e[10], s;
70
67
  });
71
68
  q.displayName = "MenuTabs";
72
69
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"MenuTabs.js","sources":["../../src/lib/tabs/MenuTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { forwardRef } from 'react';\nimport Button from '../buttons';\nimport * as helpers from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { MenuProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst MenuTab = ({\n id,\n title,\n tabWidth,\n iconAlign,\n iconName,\n icon,\n disabled,\n permissionAttr,\n tabMenuSize,\n tooltip,\n tooltipPosition,\n tooltipWidth,\n closeable,\n tabsWithError,\n}: TabProps) => {\n const { selectedTabId, selectTab, removeTab, tabsCount } = useTabs();\n const onDenied: OnDenied = actionsOnPermissionDenied(helpers.onDeniedOptions, permissionAttr);\n const withErrorInContent = tabsWithError?.includes(id);\n\n return (\n onDenied.unvisible ?\n null :\n <li\n key={id}\n style={{ width: tabWidth }}\n className={`\n menuitem \n ${selectedTabId === id && 'selected'} \n ${withErrorInContent && 'witherrorcontent'}\n `}>\n <Button\n className=\"btn menubutton\"\n boxShadow={false}\n onClick={() => selectTab(id)}\n iconAlign={iconAlign}\n iconName={iconName}\n icon={icon}\n disabled={disabled || !!onDenied.disabled}\n label={title}\n size={tabMenuSize}\n tooltip={tooltip || title}\n tooltipPosition={tooltipPosition}\n tooltipWidth={tooltipWidth} />\n {closeable && tabsCount > 1 && (\n <button\n className=\"closepanel\"\n onClick={() => removeTab(id)} />\n )}\n </li>\n );\n};\n\nconst MenuTabs = forwardRef<HTMLUListElement, MenuProps>(({\n tabs = [],\n tabWidth = 'auto',\n tabMenuSize = 'medium',\n tabMenuAlign = 'left',\n firstTabIdent = false,\n tabsWithError,\n}, ref) => {\n const { keepPanelsInOrder } = useTabs();\n\n const uniqueTabs = keepPanelsInOrder ?\n _.sortBy(_.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id))\n : _.uniqBy(tabs, 'id');\n\n return (\n <ul\n className={`menu ${firstTabIdent && '-firsttabident'}`}\n style={helpers.menuStyles(tabMenuAlign)}\n ref={ref}>\n {uniqueTabs.map(tab => (\n <MenuTab\n key={tab.id}\n tabMenuSize={tabMenuSize}\n tabWidth={tabWidth}\n tabsWithError={tabsWithError}\n {...tab} />\n ))}\n </ul>\n );\n});\n\nMenuTabs.displayName = 'MenuTabs';\n\nexport default MenuTabs;\n"],"names":["MenuTab","t0","$","_c","id","title","tabWidth","iconAlign","iconName","icon","disabled","permissionAttr","tabMenuSize","tooltip","tooltipPosition","tooltipWidth","closeable","tabsWithError","selectedTabId","selectTab","removeTab","tabsCount","useTabs","t1","actionsOnPermissionDenied","helpers","onDenied","t2","includes","withErrorInContent","t3","unvisible","jsxs","width","jsx","Button","MenuTabs","forwardRef","ref","tabs","tabMenuAlign","t4","firstTabIdent","t5","undefined","keepPanelsInOrder","uniqueTabs","_","sortBy","uniqBy","tabPanel","indexOf","t6","t7","t8","tab","t9","map","t10","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"MenuTabs.js","sources":["../../src/lib/tabs/MenuTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { forwardRef } from 'react';\nimport Button from '../buttons';\nimport * as helpers from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { MenuProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst MenuTab = ({\n id,\n title,\n tabWidth,\n iconAlign,\n iconName,\n icon,\n disabled,\n permissionAttr,\n tabMenuSize,\n tooltip,\n tooltipPosition,\n tooltipWidth,\n closeable,\n tabsWithError,\n}: TabProps) => {\n const { selectedTabId, selectTab, removeTab, tabsCount } = useTabs();\n const onDenied: OnDenied = actionsOnPermissionDenied(helpers.onDeniedOptions, permissionAttr);\n const withErrorInContent = tabsWithError?.includes(id);\n\n return (\n onDenied.unvisible ?\n null :\n <li\n key={id}\n style={{ width: tabWidth }}\n className={`\n menuitem \n ${selectedTabId === id && 'selected'} \n ${withErrorInContent && 'witherrorcontent'}\n `}>\n <Button\n className=\"btn menubutton\"\n boxShadow={false}\n onClick={() => selectTab(id)}\n iconAlign={iconAlign}\n iconName={iconName}\n icon={icon}\n disabled={disabled || !!onDenied.disabled}\n label={title}\n size={tabMenuSize}\n tooltip={tooltip || title}\n tooltipPosition={tooltipPosition}\n tooltipWidth={tooltipWidth} />\n {closeable && tabsCount > 1 && (\n <button\n className=\"closepanel\"\n onClick={() => removeTab(id)} />\n )}\n </li>\n );\n};\n\nconst MenuTabs = forwardRef<HTMLUListElement, MenuProps>(({\n tabs = [],\n tabWidth = 'auto',\n tabMenuSize = 'medium',\n tabMenuAlign = 'left',\n firstTabIdent = false,\n tabsWithError,\n}, ref) => {\n const { keepPanelsInOrder } = useTabs();\n\n const uniqueTabs = keepPanelsInOrder ?\n _.sortBy(_.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id))\n : _.uniqBy(tabs, 'id');\n\n return (\n <ul\n className={`menu ${firstTabIdent && '-firsttabident'}`}\n style={helpers.menuStyles(tabMenuAlign)}\n ref={ref}>\n {uniqueTabs.map(tab => (\n <MenuTab\n key={tab.id}\n tabMenuSize={tabMenuSize}\n tabWidth={tabWidth}\n tabsWithError={tabsWithError}\n {...tab} />\n ))}\n </ul>\n );\n});\n\nMenuTabs.displayName = 'MenuTabs';\n\nexport default MenuTabs;\n"],"names":["MenuTab","t0","$","_c","id","title","tabWidth","iconAlign","iconName","icon","disabled","permissionAttr","tabMenuSize","tooltip","tooltipPosition","tooltipWidth","closeable","tabsWithError","selectedTabId","selectTab","removeTab","tabsCount","useTabs","t1","actionsOnPermissionDenied","helpers","onDenied","t2","includes","withErrorInContent","t3","unvisible","jsxs","width","jsx","Button","MenuTabs","forwardRef","ref","tabs","tabMenuAlign","t4","firstTabIdent","t5","undefined","keepPanelsInOrder","uniqueTabs","_","sortBy","uniqBy","tabPanel","indexOf","t6","t7","t8","tab","t9","map","t10","displayName"],"mappings":"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"}