@tecsinapse/react-web-kit 1.5.0 → 1.6.3

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 (131) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/dist/components/atoms/Accordion/Accordion.d.ts +9 -0
  3. package/dist/components/atoms/Accordion/Accordion.js +85 -0
  4. package/dist/components/atoms/Accordion/Accordion.js.map +1 -0
  5. package/dist/components/atoms/Accordion/animations.d.ts +41 -0
  6. package/dist/components/atoms/Accordion/animations.js +65 -0
  7. package/dist/components/atoms/Accordion/animations.js.map +1 -0
  8. package/dist/components/atoms/Accordion/index.d.ts +1 -0
  9. package/dist/components/atoms/Accordion/index.js +24 -0
  10. package/dist/components/atoms/Accordion/index.js.map +1 -0
  11. package/dist/components/atoms/Accordion/styled.d.ts +8 -0
  12. package/dist/components/atoms/Accordion/styled.js +53 -0
  13. package/dist/components/atoms/Accordion/styled.js.map +1 -0
  14. package/dist/components/atoms/Badge/index.js +2 -2
  15. package/dist/components/atoms/Button/index.js +2 -2
  16. package/dist/components/atoms/Button/styled.js +5 -3
  17. package/dist/components/atoms/Button/styled.js.map +1 -1
  18. package/dist/components/atoms/Input/index.js +2 -2
  19. package/dist/components/atoms/Modal/Modal.d.ts +8 -0
  20. package/dist/components/atoms/Modal/Modal.js +43 -0
  21. package/dist/components/atoms/Modal/Modal.js.map +1 -0
  22. package/dist/components/atoms/Modal/animations.d.ts +23 -0
  23. package/dist/components/atoms/Modal/animations.js +32 -0
  24. package/dist/components/atoms/Modal/animations.js.map +1 -0
  25. package/dist/components/atoms/Modal/index.d.ts +1 -0
  26. package/dist/components/atoms/Modal/index.js +24 -0
  27. package/dist/components/atoms/Modal/index.js.map +1 -0
  28. package/dist/components/atoms/Modal/styled.d.ts +2 -0
  29. package/dist/components/atoms/Modal/styled.js +39 -0
  30. package/dist/components/atoms/Modal/styled.js.map +1 -0
  31. package/dist/components/atoms/Overlay/Overlay.d.ts +10 -0
  32. package/dist/components/atoms/Overlay/Overlay.js +40 -0
  33. package/dist/components/atoms/Overlay/Overlay.js.map +1 -0
  34. package/dist/components/atoms/Overlay/animations.d.ts +18 -0
  35. package/dist/components/atoms/Overlay/animations.js +27 -0
  36. package/dist/components/atoms/Overlay/animations.js.map +1 -0
  37. package/dist/components/atoms/Overlay/index.d.ts +1 -0
  38. package/dist/components/atoms/Overlay/index.js +16 -0
  39. package/dist/components/atoms/Overlay/index.js.map +1 -0
  40. package/dist/components/atoms/Overlay/styled.d.ts +2 -0
  41. package/dist/components/atoms/Overlay/styled.js +36 -0
  42. package/dist/components/atoms/Overlay/styled.js.map +1 -0
  43. package/dist/components/atoms/Skeleton/index.js +2 -2
  44. package/dist/components/atoms/Table/Toolbar/index.js +2 -2
  45. package/dist/components/atoms/Tag/index.js +2 -2
  46. package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/index.js +2 -2
  47. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  48. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js +3 -3
  49. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
  50. package/dist/components/molecules/Breadcrumbs/index.d.ts +1 -1
  51. package/dist/components/molecules/Breadcrumbs/index.js +8 -2
  52. package/dist/components/molecules/Breadcrumbs/index.js.map +1 -1
  53. package/dist/components/molecules/Drawer/Drawer.js +8 -11
  54. package/dist/components/molecules/Drawer/Drawer.js.map +1 -1
  55. package/dist/components/molecules/Drawer/animations.d.ts +0 -18
  56. package/dist/components/molecules/Drawer/animations.js +1 -21
  57. package/dist/components/molecules/Drawer/animations.js.map +1 -1
  58. package/dist/components/molecules/Drawer/index.js +2 -2
  59. package/dist/components/molecules/Drawer/styled.d.ts +0 -1
  60. package/dist/components/molecules/Drawer/styled.js +2 -21
  61. package/dist/components/molecules/Drawer/styled.js.map +1 -1
  62. package/dist/components/molecules/InputPassword/InputPassword.js +2 -2
  63. package/dist/components/molecules/InputPassword/index.js +2 -2
  64. package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts +4 -3
  65. package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js +14 -5
  66. package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
  67. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts +1 -0
  68. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +6 -3
  69. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
  70. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts +1 -0
  71. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +4 -2
  72. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
  73. package/dist/components/molecules/Menubar/Menubar.d.ts +3 -2
  74. package/dist/components/molecules/Menubar/Menubar.js +26 -33
  75. package/dist/components/molecules/Menubar/Menubar.js.map +1 -1
  76. package/dist/components/molecules/Menubar/MostUsed/MostUsed.d.ts +3 -2
  77. package/dist/components/molecules/Menubar/MostUsed/MostUsed.js +6 -3
  78. package/dist/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
  79. package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.d.ts +1 -0
  80. package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +4 -2
  81. package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
  82. package/dist/components/molecules/Menubar/animations.d.ts +2 -2
  83. package/dist/components/molecules/Menubar/animations.js +14 -22
  84. package/dist/components/molecules/Menubar/animations.js.map +1 -1
  85. package/dist/components/molecules/Menubar/index.d.ts +1 -0
  86. package/dist/components/molecules/Menubar/index.js +26 -3
  87. package/dist/components/molecules/Menubar/index.js.map +1 -1
  88. package/dist/components/molecules/Menubar/styled.js +5 -2
  89. package/dist/components/molecules/Menubar/styled.js.map +1 -1
  90. package/dist/components/molecules/Menubar/types.js +4 -0
  91. package/dist/components/molecules/Select/index.js +2 -2
  92. package/dist/components/molecules/Snackbar/index.js +2 -2
  93. package/dist/components/molecules/Snackbar/styled.js +2 -2
  94. package/dist/components/organisms/DataGrid/index.js +2 -2
  95. package/dist/components/organisms/DataGrid/types.js +4 -0
  96. package/dist/index.d.ts +6 -3
  97. package/dist/index.js +99 -14
  98. package/dist/index.js.map +1 -1
  99. package/package.json +5 -5
  100. package/src/components/atoms/Accordion/Accordion.stories.tsx +35 -0
  101. package/src/components/atoms/Accordion/Accordion.tsx +99 -0
  102. package/src/components/atoms/Accordion/animations.ts +51 -0
  103. package/src/components/atoms/Accordion/index.ts +1 -0
  104. package/src/components/atoms/Accordion/styled.ts +35 -0
  105. package/src/components/atoms/Button/styled.ts +3 -1
  106. package/src/components/atoms/Modal/Modal.stories.tsx +55 -0
  107. package/src/components/atoms/Modal/Modal.tsx +34 -0
  108. package/src/components/atoms/Modal/animations.ts +12 -0
  109. package/src/components/atoms/Modal/index.ts +1 -0
  110. package/src/components/atoms/Modal/styled.ts +17 -0
  111. package/src/components/atoms/Overlay/Overlay.tsx +40 -0
  112. package/src/components/atoms/Overlay/animations.ts +11 -0
  113. package/src/components/atoms/Overlay/index.ts +1 -0
  114. package/src/components/atoms/Overlay/styled.ts +20 -0
  115. package/src/components/molecules/Breadcrumbs/Breadcrumbs.tsx +5 -5
  116. package/src/components/molecules/Breadcrumbs/index.ts +5 -1
  117. package/src/components/molecules/Drawer/Drawer.stories.tsx +10 -20
  118. package/src/components/molecules/Drawer/Drawer.tsx +3 -15
  119. package/src/components/molecules/Drawer/animations.ts +0 -11
  120. package/src/components/molecules/Drawer/styled.ts +1 -14
  121. package/src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx +38 -31
  122. package/src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx +4 -2
  123. package/src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.tsx +3 -2
  124. package/src/components/molecules/Menubar/Menubar.stories.tsx +19 -13
  125. package/src/components/molecules/Menubar/Menubar.tsx +48 -57
  126. package/src/components/molecules/Menubar/MostUsed/MostUsed.tsx +4 -2
  127. package/src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx +7 -2
  128. package/src/components/molecules/Menubar/animations.ts +14 -21
  129. package/src/components/molecules/Menubar/index.ts +5 -0
  130. package/src/components/molecules/Menubar/styled.ts +3 -2
  131. package/src/index.ts +16 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"names":["MostUsed","data","label","noTextDecoration","textDecoration","slice","map","title","category","Component","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAQA,MAAMA,QAAiC,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAD,KAAqB;AAC7D,QAAMC,gBAAgB,GAAG;AAAEC,IAAAA,cAAc,EAAE;AAAlB,GAAzB;AAEA,SACE,4DACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,KAAyBF,KAAzB,CADF,EAEE,6BAAC,2BAAD,QACGD,IAAI,CACFI,KADF,CACQ,CADR,EACW,CADX,EAEEC,GAFF,CAGG,CAAC;AACCC,IAAAA,KADD;AAECC,IAAAA,QAFD;AAGCC,IAAAA,SAAS,GAAG,GAHb;AAICC,IAAAA,KAAK,GAAG;AAJT,GAAD,KAME,6BAAC,SAAD,eACMA,KADN;AAEE,IAAA,KAAK,EAAEP,gBAFT;AAGE,IAAA,GAAG,EAAG,GAAEI,KAAM,IAAGC,QAAS;AAH5B,MAKE,6BAAC,kBAAD;AAAY,IAAA,QAAQ,MAApB;AAAqB,IAAA,GAAG,EAAG,GAAED,KAAM,IAAGC,QAAS;AAA/C,KACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC,MAAjB;AAAwB,IAAA,YAAY,EAAC;AAArC,KACGD,KADH,CADF,EAIE,6BAAC,eAAD;AACE,IAAA,UAAU,EAAC,MADb;AAEE,IAAA,YAAY,EAAC,WAFf;AAGE,IAAA,UAAU,EAAC;AAHb,KAKGC,QALH,CAJF,CALF,CATL,CADH,CAFF,CADF;AAoCD,CAvCD;;eAyCeR,Q","sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n data: MostUsedType[];\n label: string;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label }) => {\n const noTextDecoration = { textDecoration: 'none' };\n\n return (\n <>\n <Text fontWeight=\"bold\">{label}</Text>\n <StyledCardContainer>\n {data\n .slice(0, 4)\n .map(\n ({\n title,\n category,\n Component = 'a',\n props = {},\n }: MostUsedType) => (\n <Component\n {...props}\n style={noTextDecoration}\n key={`${title}-${category}`}\n >\n <StyledCard elevated key={`${title}-${category}`}>\n <Text fontWeight=\"bold\" colorVariant=\"primary\">\n {title}\n </Text>\n <Text\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n typography=\"label\"\n >\n {category}\n </Text>\n </StyledCard>\n </Component>\n )\n )}\n </StyledCardContainer>\n </>\n );\n};\n\nexport default MostUsed;\n"],"file":"MostUsed.js"}
1
+ {"version":3,"sources":["../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"names":["MostUsed","data","label","toggle","noTextDecoration","textDecoration","slice","map","title","category","Component","props","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AASA,MAAMA,QAAiC,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAA6B;AACrE,QAAMC,gBAAgB,GAAG;AAAEC,IAAAA,cAAc,EAAE;AAAlB,GAAzB;AAEA,SACE,4DACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,KAAyBH,KAAzB,CADF,EAEE,6BAAC,2BAAD,QACGD,IAAI,CACFK,KADF,CACQ,CADR,EACW,CADX,EAEEC,GAFF,CAGG,CAAC;AACCC,IAAAA,KADD;AAECC,IAAAA,QAFD;AAGCC,IAAAA,SAAS,GAAG,GAHb;AAICC,IAAAA,KAAK,GAAG;AAJT,GAAD,KAME,6BAAC,SAAD,eACMA,KADN;AAEE,IAAA,KAAK,EAAEP,gBAFT;AAGE,IAAA,GAAG,EAAG,GAAEI,KAAM,IAAGC,QAAS,EAH5B;AAIE,IAAA,OAAO,EAAEN;AAJX,MAME,6BAAC,kBAAD;AAAY,IAAA,QAAQ,MAApB;AAAqB,IAAA,GAAG,EAAG,GAAEK,KAAM,IAAGC,QAAS;AAA/C,KACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC,MAAjB;AAAwB,IAAA,YAAY,EAAC;AAArC,KACGD,KADH,CADF,EAIE,6BAAC,eAAD;AACE,IAAA,UAAU,EAAC,MADb;AAEE,IAAA,YAAY,EAAC,WAFf;AAGE,IAAA,UAAU,EAAC;AAHb,KAKGC,QALH,CAJF,CANF,CATL,CADH,CAFF,CADF;AAqCD,CAxCD;;eA0CeG,eAAMC,IAAN,CAAWb,QAAX,C","sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n data: MostUsedType[];\n label: string;\n toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n const noTextDecoration = { textDecoration: 'none' };\n\n return (\n <>\n <Text fontWeight=\"bold\">{label}</Text>\n <StyledCardContainer>\n {data\n .slice(0, 4)\n .map(\n ({\n title,\n category,\n Component = 'a',\n props = {},\n }: MostUsedType) => (\n <Component\n {...props}\n style={noTextDecoration}\n key={`${title}-${category}`}\n onClick={toggle}\n >\n <StyledCard elevated key={`${title}-${category}`}>\n <Text fontWeight=\"bold\" colorVariant=\"primary\">\n {title}\n </Text>\n <Text\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n typography=\"label\"\n >\n {category}\n </Text>\n </StyledCard>\n </Component>\n )\n )}\n </StyledCardContainer>\n </>\n );\n};\n\nexport default React.memo(MostUsed);\n"],"file":"MostUsed.js"}
@@ -3,6 +3,7 @@ import { MostUsedType } from '../types';
3
3
  interface SearchResultItem {
4
4
  data: MostUsedType;
5
5
  searchTerm: string;
6
+ toggle: () => void;
6
7
  }
7
8
  declare const SearchResultItem: React.FC<SearchResultItem>;
8
9
  export default SearchResultItem;
@@ -19,7 +19,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
19
19
 
20
20
  const SearchResultItem = ({
21
21
  data,
22
- searchTerm
22
+ searchTerm,
23
+ toggle
23
24
  }) => {
24
25
  const {
25
26
  title,
@@ -35,7 +36,8 @@ const SearchResultItem = ({
35
36
  fontWeight: 'bold'
36
37
  };
37
38
  return _react.default.createElement(Component, _extends({}, props, {
38
- style: noTextDecoration
39
+ style: noTextDecoration,
40
+ onClick: toggle
39
41
  }), _react.default.createElement(_styled.StyledSearchItemContainer, null, _react.default.createElement(_reactCore.Text, {
40
42
  typography: "base",
41
43
  colorVariant: "secondary",
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx"],"names":["SearchResultItem","data","searchTerm","title","category","Component","props","noTextDecoration","textDecoration","textProps","fontColor","fontWeight","HighlightText"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAOA,MAAMA,gBAA4C,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAD,KAA0B;AAC7E,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,SAAnB;AAA8BC,IAAAA;AAA9B,MAAwCL,IAA9C;AACA,QAAMM,gBAAgB,GAAG;AAAEC,IAAAA,cAAc,EAAE;AAAlB,GAAzB;AAEA,QAAMC,SAAoB,GAAG;AAAEC,IAAAA,SAAS,EAAE,QAAb;AAAuBC,IAAAA,UAAU,EAAE;AAAnC,GAA7B;AAEA,SACE,6BAAC,SAAD,eAAeL,KAAf;AAAsB,IAAA,KAAK,EAAEC;AAA7B,MACE,6BAAC,iCAAD,QACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC,MAAjB;AAAwB,IAAA,YAAY,EAAC,WAArC;AAAiD,IAAA,SAAS,EAAC;AAA3D,KACG,sBAAUL,UAAV,EAAsBC,KAAtB,EAA6BS,qBAA7B,EAA4CH,SAA5C,CADH,CADF,EAIE,6BAAC,eAAD;AACE,IAAA,UAAU,EAAC,KADb;AAEE,IAAA,UAAU,EAAC,MAFb;AAGE,IAAA,YAAY,EAAC,WAHf;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGL,QANH,CAJF,CADF,CADF;AAiBD,CAvBD;;eAyBeJ,gB","sourcesContent":["import React from 'react';\nimport { Text, TextProps } from '@tecsinapse/react-core';\nimport { MostUsedType } from '../types';\nimport { StyledSearchItemContainer, HighlightText } from './styled';\nimport { highlight } from './utils';\n\ninterface SearchResultItem {\n data: MostUsedType;\n searchTerm: string;\n}\n\nconst SearchResultItem: React.FC<SearchResultItem> = ({ data, searchTerm }) => {\n const { title, category, Component, props } = data;\n const noTextDecoration = { textDecoration: 'none' };\n\n const textProps: TextProps = { fontColor: 'orange', fontWeight: 'bold' };\n\n return (\n <Component {...props} style={noTextDecoration}>\n <StyledSearchItemContainer>\n <Text typography=\"base\" colorVariant=\"secondary\" colorTone=\"dark\">\n {highlight(searchTerm, title, HighlightText, textProps)}\n </Text>\n <Text\n typography=\"sub\"\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n colorTone=\"medium\"\n >\n {category}\n </Text>\n </StyledSearchItemContainer>\n </Component>\n );\n};\n\nexport default SearchResultItem;\n"],"file":"SearchResultItem.js"}
1
+ {"version":3,"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx"],"names":["SearchResultItem","data","searchTerm","toggle","title","category","Component","props","noTextDecoration","textDecoration","textProps","fontColor","fontWeight","HighlightText"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAQA,MAAMA,gBAA4C,GAAG,CAAC;AACpDC,EAAAA,IADoD;AAEpDC,EAAAA,UAFoD;AAGpDC,EAAAA;AAHoD,CAAD,KAI/C;AACJ,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,SAAnB;AAA8BC,IAAAA;AAA9B,MAAwCN,IAA9C;AACA,QAAMO,gBAAgB,GAAG;AAAEC,IAAAA,cAAc,EAAE;AAAlB,GAAzB;AAEA,QAAMC,SAAoB,GAAG;AAAEC,IAAAA,SAAS,EAAE,QAAb;AAAuBC,IAAAA,UAAU,EAAE;AAAnC,GAA7B;AAEA,SACE,6BAAC,SAAD,eAAeL,KAAf;AAAsB,IAAA,KAAK,EAAEC,gBAA7B;AAA+C,IAAA,OAAO,EAAEL;AAAxD,MACE,6BAAC,iCAAD,QACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC,MAAjB;AAAwB,IAAA,YAAY,EAAC,WAArC;AAAiD,IAAA,SAAS,EAAC;AAA3D,KACG,sBAAUD,UAAV,EAAsBE,KAAtB,EAA6BS,qBAA7B,EAA4CH,SAA5C,CADH,CADF,EAIE,6BAAC,eAAD;AACE,IAAA,UAAU,EAAC,KADb;AAEE,IAAA,UAAU,EAAC,MAFb;AAGE,IAAA,YAAY,EAAC,WAHf;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGL,QANH,CAJF,CADF,CADF;AAiBD,CA3BD;;eA6BeL,gB","sourcesContent":["import React from 'react';\nimport { Text, TextProps } from '@tecsinapse/react-core';\nimport { MostUsedType } from '../types';\nimport { StyledSearchItemContainer, HighlightText } from './styled';\nimport { highlight } from './utils';\n\ninterface SearchResultItem {\n data: MostUsedType;\n searchTerm: string;\n toggle: () => void;\n}\n\nconst SearchResultItem: React.FC<SearchResultItem> = ({\n data,\n searchTerm,\n toggle,\n}) => {\n const { title, category, Component, props } = data;\n const noTextDecoration = { textDecoration: 'none' };\n\n const textProps: TextProps = { fontColor: 'orange', fontWeight: 'bold' };\n\n return (\n <Component {...props} style={noTextDecoration} onClick={toggle}>\n <StyledSearchItemContainer>\n <Text typography=\"base\" colorVariant=\"secondary\" colorTone=\"dark\">\n {highlight(searchTerm, title, HighlightText, textProps)}\n </Text>\n <Text\n typography=\"sub\"\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n colorTone=\"medium\"\n >\n {category}\n </Text>\n </StyledSearchItemContainer>\n </Component>\n );\n};\n\nexport default SearchResultItem;\n"],"file":"SearchResultItem.js"}
@@ -1,4 +1,4 @@
1
1
  import { CSSProperties } from 'react';
2
2
  import { TransitionStatus } from 'react-transition-group';
3
- export declare const getInputContainerStyles: (state: TransitionStatus, theme: any) => CSSProperties;
4
- export declare const getContainerOpenMenuStyles: (state: TransitionStatus, theme: any) => CSSProperties;
3
+ export declare const getInputContainerStyles: (state: TransitionStatus) => CSSProperties;
4
+ export declare const getContainerOpenMenuStyles: (state: TransitionStatus) => CSSProperties;
@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getContainerOpenMenuStyles = exports.getInputContainerStyles = void 0;
7
-
8
- const getDefaultInputContainerStyles = theme => ({
9
- display: 'flex',
10
- flex: 1,
7
+ const getDefaultInputContainerStyles = {
11
8
  transitionDuration: '250ms',
12
9
  transitionProperty: 'opacity scale transform',
13
- transitionTimingFunction: 'ease-in-out',
14
- zIndex: theme.zIndex.default
15
- });
16
-
17
- const getDefaultContainerOpenMenuStyles = theme => ({
10
+ transitionTimingFunction: 'ease-in-out'
11
+ };
12
+ const getDefaultContainerOpenMenuStyles = {
18
13
  transitionDuration: '250ms',
19
14
  transitionProperty: 'opacity scale transform',
20
- transitionTimingFunction: 'ease-in-out',
21
- zIndex: theme.zIndex.default
22
- });
23
-
24
- const getInputContainerTransform = () => ({
15
+ transitionTimingFunction: 'ease-in-out'
16
+ };
17
+ const getInputContainerTransform = {
25
18
  entered: {
26
19
  transform: 'scale(1, 1) translateY(0px)'
27
20
  },
@@ -37,9 +30,8 @@ const getInputContainerTransform = () => ({
37
30
  opacity: 0.5,
38
31
  transform: 'scale(0.99, 0.99) translateY(-5px)'
39
32
  }
40
- });
41
-
42
- const getContainerOpenMenuTransform = () => ({
33
+ };
34
+ const getContainerOpenMenuTransform = {
43
35
  entered: {
44
36
  transform: 'scale(1, 1) translateY(0px) '
45
37
  },
@@ -55,16 +47,16 @@ const getContainerOpenMenuTransform = () => ({
55
47
  opacity: 0.95,
56
48
  transform: 'scale(0.99, 0.99) translateY(0px)'
57
49
  }
58
- });
50
+ };
59
51
 
60
- const getInputContainerStyles = (state, theme) => ({ ...getDefaultInputContainerStyles(theme),
61
- ...getInputContainerTransform()[state]
52
+ const getInputContainerStyles = state => ({ ...getDefaultInputContainerStyles,
53
+ ...getInputContainerTransform[state]
62
54
  });
63
55
 
64
56
  exports.getInputContainerStyles = getInputContainerStyles;
65
57
 
66
- const getContainerOpenMenuStyles = (state, theme) => ({ ...getDefaultContainerOpenMenuStyles(theme),
67
- ...getContainerOpenMenuTransform()[state]
58
+ const getContainerOpenMenuStyles = state => ({ ...getDefaultContainerOpenMenuStyles,
59
+ ...getContainerOpenMenuTransform[state]
68
60
  });
69
61
 
70
62
  exports.getContainerOpenMenuStyles = getContainerOpenMenuStyles;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Menubar/animations.ts"],"names":["getDefaultInputContainerStyles","theme","display","flex","transitionDuration","transitionProperty","transitionTimingFunction","zIndex","default","getDefaultContainerOpenMenuStyles","getInputContainerTransform","entered","transform","entering","opacity","exited","exiting","getContainerOpenMenuTransform","getInputContainerStyles","state","getContainerOpenMenuStyles"],"mappings":";;;;;;;AAIA,MAAMA,8BAA8B,GAAIC,KAAD,KAAuB;AAC5DC,EAAAA,OAAO,EAAE,MADmD;AAE5DC,EAAAA,IAAI,EAAE,CAFsD;AAG5DC,EAAAA,kBAAkB,EAAE,OAHwC;AAI5DC,EAAAA,kBAAkB,EAAE,yBAJwC;AAK5DC,EAAAA,wBAAwB,EAAE,aALkC;AAM5DC,EAAAA,MAAM,EAAEN,KAAK,CAACM,MAAN,CAAaC;AANuC,CAAvB,CAAvC;;AASA,MAAMC,iCAAiC,GAAIR,KAAD,KAAuB;AAC/DG,EAAAA,kBAAkB,EAAE,OAD2C;AAE/DC,EAAAA,kBAAkB,EAAE,yBAF2C;AAG/DC,EAAAA,wBAAwB,EAAE,aAHqC;AAI/DC,EAAAA,MAAM,EAAEN,KAAK,CAACM,MAAN,CAAaC;AAJ0C,CAAvB,CAA1C;;AAOA,MAAME,0BAA0B,GAAG,OAAO;AACxCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE;AADJ,GAD+B;AAIxCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE,GADD;AAERF,IAAAA,SAAS,EAAE;AAFH,GAJ8B;AAQxCG,EAAAA,MAAM,EAAE;AACND,IAAAA,OAAO,EAAE,CADH;AAENF,IAAAA,SAAS,EAAE;AAFL,GARgC;AAYxCI,EAAAA,OAAO,EAAE;AACPF,IAAAA,OAAO,EAAE,GADF;AAEPF,IAAAA,SAAS,EAAE;AAFJ;AAZ+B,CAAP,CAAnC;;AAkBA,MAAMK,6BAA6B,GAAG,OAAO;AAC3CN,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE;AADJ,GADkC;AAI3CC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE,IADD;AAERF,IAAAA,SAAS,EAAE;AAFH,GAJiC;AAQ3CG,EAAAA,MAAM,EAAE;AACND,IAAAA,OAAO,EAAE,CADH;AAENF,IAAAA,SAAS,EAAE;AAFL,GARmC;AAY3CI,EAAAA,OAAO,EAAE;AACPF,IAAAA,OAAO,EAAE,IADF;AAEPF,IAAAA,SAAS,EAAE;AAFJ;AAZkC,CAAP,CAAtC;;AAkBO,MAAMM,uBAAuB,GAAG,CACrCC,KADqC,EAErClB,KAFqC,MAGlB,EACnB,GAAGD,8BAA8B,CAACC,KAAD,CADd;AAEnB,KAAGS,0BAA0B,GAAGS,KAAH;AAFV,CAHkB,CAAhC;;;;AAQA,MAAMC,0BAA0B,GAAG,CACxCD,KADwC,EAExClB,KAFwC,MAGrB,EACnB,GAAGQ,iCAAiC,CAACR,KAAD,CADjB;AAEnB,KAAGgB,6BAA6B,GAAGE,KAAH;AAFb,CAHqB,CAAnC","sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\nimport { ThemeProp } from '@tecsinapse/react-core';\n\nconst getDefaultInputContainerStyles = (theme: ThemeProp) => ({\n display: 'flex',\n flex: 1,\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n zIndex: theme.zIndex.default,\n});\n\nconst getDefaultContainerOpenMenuStyles = (theme: ThemeProp) => ({\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n zIndex: theme.zIndex.default,\n});\n\nconst getInputContainerTransform = () => ({\n entered: {\n transform: 'scale(1, 1) translateY(0px)',\n },\n entering: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-50px)',\n },\n exiting: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n});\n\nconst getContainerOpenMenuTransform = () => ({\n entered: {\n transform: 'scale(1, 1) translateY(0px) ',\n },\n entering: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-600px)',\n },\n exiting: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n});\n\nexport const getInputContainerStyles = (\n state: TransitionStatus,\n theme: ThemeProp\n): CSSProperties => ({\n ...getDefaultInputContainerStyles(theme),\n ...getInputContainerTransform()[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n state: TransitionStatus,\n theme: ThemeProp\n): CSSProperties => ({\n ...getDefaultContainerOpenMenuStyles(theme),\n ...getContainerOpenMenuTransform()[state],\n});\n"],"file":"animations.js"}
1
+ {"version":3,"sources":["../../../../src/components/molecules/Menubar/animations.ts"],"names":["getDefaultInputContainerStyles","transitionDuration","transitionProperty","transitionTimingFunction","getDefaultContainerOpenMenuStyles","getInputContainerTransform","entered","transform","entering","opacity","exited","exiting","getContainerOpenMenuTransform","getInputContainerStyles","state","getContainerOpenMenuStyles"],"mappings":";;;;;;AAGA,MAAMA,8BAA8B,GAAG;AACrCC,EAAAA,kBAAkB,EAAE,OADiB;AAErCC,EAAAA,kBAAkB,EAAE,yBAFiB;AAGrCC,EAAAA,wBAAwB,EAAE;AAHW,CAAvC;AAMA,MAAMC,iCAAiC,GAAG;AACxCH,EAAAA,kBAAkB,EAAE,OADoB;AAExCC,EAAAA,kBAAkB,EAAE,yBAFoB;AAGxCC,EAAAA,wBAAwB,EAAE;AAHc,CAA1C;AAMA,MAAME,0BAA0B,GAAG;AACjCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE;AADJ,GADwB;AAIjCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE,GADD;AAERF,IAAAA,SAAS,EAAE;AAFH,GAJuB;AAQjCG,EAAAA,MAAM,EAAE;AACND,IAAAA,OAAO,EAAE,CADH;AAENF,IAAAA,SAAS,EAAE;AAFL,GARyB;AAYjCI,EAAAA,OAAO,EAAE;AACPF,IAAAA,OAAO,EAAE,GADF;AAEPF,IAAAA,SAAS,EAAE;AAFJ;AAZwB,CAAnC;AAkBA,MAAMK,6BAA6B,GAAG;AACpCN,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE;AADJ,GAD2B;AAIpCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE,IADD;AAERF,IAAAA,SAAS,EAAE;AAFH,GAJ0B;AAQpCG,EAAAA,MAAM,EAAE;AACND,IAAAA,OAAO,EAAE,CADH;AAENF,IAAAA,SAAS,EAAE;AAFL,GAR4B;AAYpCI,EAAAA,OAAO,EAAE;AACPF,IAAAA,OAAO,EAAE,IADF;AAEPF,IAAAA,SAAS,EAAE;AAFJ;AAZ2B,CAAtC;;AAkBO,MAAMM,uBAAuB,GAClCC,KADqC,KAElB,EACnB,GAAGd,8BADgB;AAEnB,KAAGK,0BAA0B,CAACS,KAAD;AAFV,CAFkB,CAAhC;;;;AAOA,MAAMC,0BAA0B,GACrCD,KADwC,KAErB,EACnB,GAAGV,iCADgB;AAEnB,KAAGQ,6BAA6B,CAACE,KAAD;AAFb,CAFqB,CAAnC","sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n entered: {\n transform: 'scale(1, 1) translateY(0px)',\n },\n entering: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-50px)',\n },\n exiting: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n};\n\nconst getContainerOpenMenuTransform = {\n entered: {\n transform: 'scale(1, 1) translateY(0px) ',\n },\n entering: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-600px)',\n },\n exiting: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n};\n\nexport const getInputContainerStyles = (\n state: TransitionStatus\n): CSSProperties => ({\n ...getDefaultInputContainerStyles,\n ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n state: TransitionStatus\n): CSSProperties => ({\n ...getDefaultContainerOpenMenuStyles,\n ...getContainerOpenMenuTransform[state],\n});\n"],"file":"animations.js"}
@@ -1,2 +1,3 @@
1
1
  export { default as Menubar } from './Menubar';
2
+ export { OptionsType as MenubarOptionsType, MostUsedType as MenubarMostUsedType, ItemsOptions as MenubarItemsOptions, } from './types';
2
3
  export * from './Menubar';
@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  var _exportNames = {
7
- Menubar: true
7
+ Menubar: true,
8
+ MenubarOptionsType: true,
9
+ MenubarMostUsedType: true,
10
+ MenubarItemsOptions: true
8
11
  };
9
12
  Object.defineProperty(exports, "Menubar", {
10
13
  enumerable: true,
@@ -12,6 +15,24 @@ Object.defineProperty(exports, "Menubar", {
12
15
  return _Menubar.default;
13
16
  }
14
17
  });
18
+ Object.defineProperty(exports, "MenubarOptionsType", {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _types.OptionsType;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "MenubarMostUsedType", {
25
+ enumerable: true,
26
+ get: function () {
27
+ return _types.MostUsedType;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "MenubarItemsOptions", {
31
+ enumerable: true,
32
+ get: function () {
33
+ return _types.ItemsOptions;
34
+ }
35
+ });
15
36
 
16
37
  var _Menubar = _interopRequireWildcard(require("./Menubar"));
17
38
 
@@ -27,7 +48,9 @@ Object.keys(_Menubar).forEach(function (key) {
27
48
  });
28
49
  });
29
50
 
30
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
51
+ var _types = require("./types");
52
+
53
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
54
 
32
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
55
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
56
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Menubar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default as Menubar } from './Menubar';\nexport * from './Menubar';\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../../src/components/molecules/Menubar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AALA","sourcesContent":["export { default as Menubar } from './Menubar';\nexport {\n OptionsType as MenubarOptionsType,\n MostUsedType as MenubarMostUsedType,\n ItemsOptions as MenubarItemsOptions,\n} from './types';\nexport * from './Menubar';\n"],"file":"index.js"}
@@ -36,7 +36,7 @@ const StyledMenuBar = (0, _styled.default)('div')`
36
36
  position: relative;
37
37
  z-index: ${({
38
38
  theme
39
- }) => theme.zIndex.absolute};
39
+ }) => theme.zIndex.header};
40
40
  background-color: ${({
41
41
  theme
42
42
  }) => theme.miscellaneous.surfaceColor};
@@ -97,6 +97,9 @@ const StyledContainerOpenMenu = (0, _styled.default)('div')`
97
97
  theme
98
98
  }) => theme.spacing.mega};
99
99
  position: absolute;
100
+ z-index: ${({
101
+ theme
102
+ }) => theme.zIndex.header - 1};
100
103
  width: -webkit-fill-available;
101
104
  width: -moz-available;
102
105
  `;
@@ -107,7 +110,7 @@ const StyledInput = (0, _native.default)(_Input.Input)`
107
110
  exports.StyledInput = StyledInput;
108
111
  const StyledInputContainer = (0, _styled.default)('div')`
109
112
  display: flex;
110
- flex: 1
113
+ flex: 1;
111
114
  `;
112
115
  exports.StyledInputContainer = StyledInputContainer;
113
116
  const StyledSearchResultsContainer = (0, _styled.default)('div')`
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"names":["StyledIconInput","theme","spacing","centi","StyledMenuBar","zIndex","absolute","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","StyledInput","Input","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"mappings":"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","sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: ${({ theme }) => theme.spacing.centi};\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n position: relative;\n z-index: ${({ theme }) => theme.zIndex.absolute};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.08)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n margin-right: ${({ theme }) => theme.spacing.kilo};\n & * {\n user-select: none;\n }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.08\n )}`};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.08)};\n padding-right: 8vw;\n padding-left: 8vw;\n padding-top: ${({ theme }) => theme.spacing.kilo};\n padding-bottom: ${({ theme }) => theme.spacing.mega};\n position: absolute;\n width: -webkit-fill-available;\n width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n display: flex;\n flex: 1\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"names":["StyledIconInput","theme","spacing","centi","StyledMenuBar","zIndex","header","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","StyledInput","Input","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"mappings":"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","sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: ${({ theme }) => theme.spacing.centi};\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n position: relative;\n z-index: ${({ theme }) => theme.zIndex.header};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.08)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n margin-right: ${({ theme }) => theme.spacing.kilo};\n & * {\n user-select: none;\n }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.08\n )}`};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.08)};\n padding-right: 8vw;\n padding-left: 8vw;\n padding-top: ${({ theme }) => theme.spacing.kilo};\n padding-bottom: ${({ theme }) => theme.spacing.mega};\n position: absolute;\n z-index: ${({ theme }) => theme.zIndex.header - 1};\n width: -webkit-fill-available;\n width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n display: flex;\n flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"file":"styled.js"}
@@ -1,2 +1,6 @@
1
1
  "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
2
6
  //# sourceMappingURL=types.js.map
@@ -18,7 +18,7 @@ Object.defineProperty(exports, "SelectProps", {
18
18
 
19
19
  var _Select = _interopRequireWildcard(require("./Select"));
20
20
 
21
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
21
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
22
 
23
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
24
  //# sourceMappingURL=index.js.map
@@ -18,7 +18,7 @@ Object.defineProperty(exports, "SnackbarWebProps", {
18
18
 
19
19
  var _Snackbar = _interopRequireWildcard(require("./Snackbar"));
20
20
 
21
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
21
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
22
 
23
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
24
  //# sourceMappingURL=index.js.map
@@ -9,9 +9,9 @@ var _native = _interopRequireWildcard(require("@emotion/native"));
9
9
 
10
10
  var _reactCore = require("@tecsinapse/react-core");
11
11
 
12
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
13
 
14
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
15
 
16
16
  const SnackbarStyled = (0, _native.default)(_reactCore.Snackbar)(() => [(0, _native.css)({
17
17
  left: '50%',
@@ -36,7 +36,7 @@ Object.keys(_types).forEach(function (key) {
36
36
  });
37
37
  });
38
38
 
39
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
39
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
40
40
 
41
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
41
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
42
42
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,6 @@
1
1
  "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
2
6
  //# sourceMappingURL=types.js.map
package/dist/index.d.ts CHANGED
@@ -4,10 +4,13 @@ export { Button, useMouseHover, WebButtonProps, } from './components/atoms/Butto
4
4
  export { Input, InputWebProps } from './components/atoms/Input';
5
5
  export { Tag, TagProps } from './components/atoms/Tag';
6
6
  export { InputPassword, InputPasswordWebProps, } from './components/molecules/InputPassword';
7
- export { Menubar, MenubarProps } from './components/molecules/Menubar';
7
+ export { Menubar, MenubarProps, MenubarOptionsType, MenubarItemsOptions, MenubarMostUsedType, } from './components/molecules/Menubar';
8
8
  export { Drawer, DrawerProps } from './components/molecules/Drawer';
9
9
  export { Select, SelectProps } from './components/molecules/Select';
10
10
  export { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';
11
- export { Breadcrumbs, BreadcrumbsProps, } from './components/molecules/Breadcrumbs';
12
- export * from './components/organisms/DataGrid';
11
+ export { Breadcrumbs, BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
12
+ export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
13
+ export { Accordion, AccordionProps } from './components/atoms/Accordion';
14
+ export { DataGrid, DataGridProps, HeadersType, } from './components/organisms/DataGrid';
15
+ export { Modal, ModalProps } from './components/atoms/Modal';
13
16
  export * from './hooks';
package/dist/index.js CHANGED
@@ -17,6 +17,9 @@ var _exportNames = {
17
17
  InputPasswordWebProps: true,
18
18
  Menubar: true,
19
19
  MenubarProps: true,
20
+ MenubarOptionsType: true,
21
+ MenubarItemsOptions: true,
22
+ MenubarMostUsedType: true,
20
23
  Drawer: true,
21
24
  DrawerProps: true,
22
25
  Select: true,
@@ -24,7 +27,17 @@ var _exportNames = {
24
27
  Snackbar: true,
25
28
  SnackbarWebProps: true,
26
29
  Breadcrumbs: true,
27
- BreadcrumbsProps: true
30
+ BreadcrumbsProps: true,
31
+ BreadcrumbType: true,
32
+ Skeleton: true,
33
+ SkeletonProps: true,
34
+ Accordion: true,
35
+ AccordionProps: true,
36
+ DataGrid: true,
37
+ DataGridProps: true,
38
+ HeadersType: true,
39
+ Modal: true,
40
+ ModalProps: true
28
41
  };
29
42
  Object.defineProperty(exports, "Badge", {
30
43
  enumerable: true,
@@ -104,6 +117,24 @@ Object.defineProperty(exports, "MenubarProps", {
104
117
  return _Menubar.MenubarProps;
105
118
  }
106
119
  });
120
+ Object.defineProperty(exports, "MenubarOptionsType", {
121
+ enumerable: true,
122
+ get: function () {
123
+ return _Menubar.MenubarOptionsType;
124
+ }
125
+ });
126
+ Object.defineProperty(exports, "MenubarItemsOptions", {
127
+ enumerable: true,
128
+ get: function () {
129
+ return _Menubar.MenubarItemsOptions;
130
+ }
131
+ });
132
+ Object.defineProperty(exports, "MenubarMostUsedType", {
133
+ enumerable: true,
134
+ get: function () {
135
+ return _Menubar.MenubarMostUsedType;
136
+ }
137
+ });
107
138
  Object.defineProperty(exports, "Drawer", {
108
139
  enumerable: true,
109
140
  get: function () {
@@ -152,6 +183,66 @@ Object.defineProperty(exports, "BreadcrumbsProps", {
152
183
  return _Breadcrumbs.BreadcrumbsProps;
153
184
  }
154
185
  });
186
+ Object.defineProperty(exports, "BreadcrumbType", {
187
+ enumerable: true,
188
+ get: function () {
189
+ return _Breadcrumbs.BreadcrumbType;
190
+ }
191
+ });
192
+ Object.defineProperty(exports, "Skeleton", {
193
+ enumerable: true,
194
+ get: function () {
195
+ return _Skeleton.Skeleton;
196
+ }
197
+ });
198
+ Object.defineProperty(exports, "SkeletonProps", {
199
+ enumerable: true,
200
+ get: function () {
201
+ return _Skeleton.SkeletonProps;
202
+ }
203
+ });
204
+ Object.defineProperty(exports, "Accordion", {
205
+ enumerable: true,
206
+ get: function () {
207
+ return _Accordion.Accordion;
208
+ }
209
+ });
210
+ Object.defineProperty(exports, "AccordionProps", {
211
+ enumerable: true,
212
+ get: function () {
213
+ return _Accordion.AccordionProps;
214
+ }
215
+ });
216
+ Object.defineProperty(exports, "DataGrid", {
217
+ enumerable: true,
218
+ get: function () {
219
+ return _DataGrid.DataGrid;
220
+ }
221
+ });
222
+ Object.defineProperty(exports, "DataGridProps", {
223
+ enumerable: true,
224
+ get: function () {
225
+ return _DataGrid.DataGridProps;
226
+ }
227
+ });
228
+ Object.defineProperty(exports, "HeadersType", {
229
+ enumerable: true,
230
+ get: function () {
231
+ return _DataGrid.HeadersType;
232
+ }
233
+ });
234
+ Object.defineProperty(exports, "Modal", {
235
+ enumerable: true,
236
+ get: function () {
237
+ return _Modal.Modal;
238
+ }
239
+ });
240
+ Object.defineProperty(exports, "ModalProps", {
241
+ enumerable: true,
242
+ get: function () {
243
+ return _Modal.ModalProps;
244
+ }
245
+ });
155
246
 
156
247
  var _reactCore = require("@tecsinapse/react-core");
157
248
 
@@ -187,19 +278,13 @@ var _Snackbar = require("./components/molecules/Snackbar");
187
278
 
188
279
  var _Breadcrumbs = require("./components/molecules/Breadcrumbs");
189
280
 
281
+ var _Skeleton = require("./components/atoms/Skeleton");
282
+
283
+ var _Accordion = require("./components/atoms/Accordion");
284
+
190
285
  var _DataGrid = require("./components/organisms/DataGrid");
191
286
 
192
- Object.keys(_DataGrid).forEach(function (key) {
193
- if (key === "default" || key === "__esModule") return;
194
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
195
- if (key in exports && exports[key] === _DataGrid[key]) return;
196
- Object.defineProperty(exports, key, {
197
- enumerable: true,
198
- get: function () {
199
- return _DataGrid[key];
200
- }
201
- });
202
- });
287
+ var _Modal = require("./components/atoms/Modal");
203
288
 
204
289
  var _hooks = require("./hooks");
205
290
 
@@ -215,7 +300,7 @@ Object.keys(_hooks).forEach(function (key) {
215
300
  });
216
301
  });
217
302
 
218
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
303
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
219
304
 
220
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
305
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
221
306
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAIA;;AAKA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from '@tecsinapse/react-core';\nexport {\n default as Badge,\n BadgeWebProps,\n} from './components/atoms/Badge/Badge';\nexport {\n Button,\n useMouseHover,\n WebButtonProps,\n} from './components/atoms/Button';\nexport { Input, InputWebProps } from './components/atoms/Input';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport {\n InputPassword,\n InputPasswordWebProps,\n} from './components/molecules/InputPassword';\nexport { Menubar, MenubarProps } from './components/molecules/Menubar';\nexport { Drawer, DrawerProps } from './components/molecules/Drawer';\nexport { Select, SelectProps } from './components/molecules/Select';\nexport { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';\nexport {\n Breadcrumbs,\n BreadcrumbsProps,\n} from './components/molecules/Breadcrumbs';\nexport * from './components/organisms/DataGrid';\nexport * from './hooks';\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAIA;;AAKA;;AACA;;AACA;;AAIA;;AAOA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from '@tecsinapse/react-core';\nexport {\n default as Badge,\n BadgeWebProps,\n} from './components/atoms/Badge/Badge';\nexport {\n Button,\n useMouseHover,\n WebButtonProps,\n} from './components/atoms/Button';\nexport { Input, InputWebProps } from './components/atoms/Input';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport {\n InputPassword,\n InputPasswordWebProps,\n} from './components/molecules/InputPassword';\nexport {\n Menubar,\n MenubarProps,\n MenubarOptionsType,\n MenubarItemsOptions,\n MenubarMostUsedType,\n} from './components/molecules/Menubar';\nexport { Drawer, DrawerProps } from './components/molecules/Drawer';\nexport { Select, SelectProps } from './components/molecules/Select';\nexport { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';\nexport {\n Breadcrumbs,\n BreadcrumbsProps,\n BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport { Skeleton, SkeletonProps } from './components/atoms/Skeleton';\nexport { Accordion, AccordionProps } from './components/atoms/Accordion';\nexport {\n DataGrid,\n DataGridProps,\n HeadersType,\n} from './components/organisms/DataGrid';\nexport { Modal, ModalProps } from './components/atoms/Modal';\nexport * from './hooks';\n"],"file":"index.js"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tecsinapse/react-web-kit",
3
3
  "description": "TecSinapse React components",
4
- "version": "1.5.0",
4
+ "version": "1.6.3",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "license": "MIT",
@@ -12,9 +12,9 @@
12
12
  },
13
13
  "dependencies": {
14
14
  "@emotion/native": "^11.0.0",
15
- "@emotion/react": "^11.4.0",
15
+ "@emotion/react": "^11.4.1",
16
16
  "@emotion/styled": "^11.3.0",
17
- "@tecsinapse/react-core": "^1.5.0",
17
+ "@tecsinapse/react-core": "^1.6.3",
18
18
  "react-native-vector-icons": "^8.1.0",
19
19
  "react-transition-group": "^4.4.2"
20
20
  },
@@ -30,7 +30,7 @@
30
30
  "peerDependencies": {
31
31
  "react": ">=16.8.0",
32
32
  "react-dom": ">=16.8.0",
33
- "react-native-web": "^0.15.0"
33
+ "react-native-web": "^0.17.1"
34
34
  },
35
- "gitHead": "aa821cfe5b5e9f375f41091dc6f35a2d5f2247e0"
35
+ "gitHead": "f7d8b7fc64df772a40219b18d79c3ea5e719baf4"
36
36
  }