@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.
- package/CHANGELOG.md +54 -0
- package/dist/components/atoms/Accordion/Accordion.d.ts +9 -0
- package/dist/components/atoms/Accordion/Accordion.js +85 -0
- package/dist/components/atoms/Accordion/Accordion.js.map +1 -0
- package/dist/components/atoms/Accordion/animations.d.ts +41 -0
- package/dist/components/atoms/Accordion/animations.js +65 -0
- package/dist/components/atoms/Accordion/animations.js.map +1 -0
- package/dist/components/atoms/Accordion/index.d.ts +1 -0
- package/dist/components/atoms/Accordion/index.js +24 -0
- package/dist/components/atoms/Accordion/index.js.map +1 -0
- package/dist/components/atoms/Accordion/styled.d.ts +8 -0
- package/dist/components/atoms/Accordion/styled.js +53 -0
- package/dist/components/atoms/Accordion/styled.js.map +1 -0
- package/dist/components/atoms/Badge/index.js +2 -2
- package/dist/components/atoms/Button/index.js +2 -2
- package/dist/components/atoms/Button/styled.js +5 -3
- package/dist/components/atoms/Button/styled.js.map +1 -1
- package/dist/components/atoms/Input/index.js +2 -2
- package/dist/components/atoms/Modal/Modal.d.ts +8 -0
- package/dist/components/atoms/Modal/Modal.js +43 -0
- package/dist/components/atoms/Modal/Modal.js.map +1 -0
- package/dist/components/atoms/Modal/animations.d.ts +23 -0
- package/dist/components/atoms/Modal/animations.js +32 -0
- package/dist/components/atoms/Modal/animations.js.map +1 -0
- package/dist/components/atoms/Modal/index.d.ts +1 -0
- package/dist/components/atoms/Modal/index.js +24 -0
- package/dist/components/atoms/Modal/index.js.map +1 -0
- package/dist/components/atoms/Modal/styled.d.ts +2 -0
- package/dist/components/atoms/Modal/styled.js +39 -0
- package/dist/components/atoms/Modal/styled.js.map +1 -0
- package/dist/components/atoms/Overlay/Overlay.d.ts +10 -0
- package/dist/components/atoms/Overlay/Overlay.js +40 -0
- package/dist/components/atoms/Overlay/Overlay.js.map +1 -0
- package/dist/components/atoms/Overlay/animations.d.ts +18 -0
- package/dist/components/atoms/Overlay/animations.js +27 -0
- package/dist/components/atoms/Overlay/animations.js.map +1 -0
- package/dist/components/atoms/Overlay/index.d.ts +1 -0
- package/dist/components/atoms/Overlay/index.js +16 -0
- package/dist/components/atoms/Overlay/index.js.map +1 -0
- package/dist/components/atoms/Overlay/styled.d.ts +2 -0
- package/dist/components/atoms/Overlay/styled.js +36 -0
- package/dist/components/atoms/Overlay/styled.js.map +1 -0
- package/dist/components/atoms/Skeleton/index.js +2 -2
- package/dist/components/atoms/Table/Toolbar/index.js +2 -2
- package/dist/components/atoms/Tag/index.js +2 -2
- package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/index.js +2 -2
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js +3 -3
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.d.ts +1 -1
- package/dist/components/molecules/Breadcrumbs/index.js +8 -2
- package/dist/components/molecules/Breadcrumbs/index.js.map +1 -1
- package/dist/components/molecules/Drawer/Drawer.js +8 -11
- package/dist/components/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/components/molecules/Drawer/animations.d.ts +0 -18
- package/dist/components/molecules/Drawer/animations.js +1 -21
- package/dist/components/molecules/Drawer/animations.js.map +1 -1
- package/dist/components/molecules/Drawer/index.js +2 -2
- package/dist/components/molecules/Drawer/styled.d.ts +0 -1
- package/dist/components/molecules/Drawer/styled.js +2 -21
- package/dist/components/molecules/Drawer/styled.js.map +1 -1
- package/dist/components/molecules/InputPassword/InputPassword.js +2 -2
- package/dist/components/molecules/InputPassword/index.js +2 -2
- package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts +4 -3
- package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js +14 -5
- package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts +1 -0
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +6 -3
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts +1 -0
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +4 -2
- package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
- package/dist/components/molecules/Menubar/Menubar.d.ts +3 -2
- package/dist/components/molecules/Menubar/Menubar.js +26 -33
- package/dist/components/molecules/Menubar/Menubar.js.map +1 -1
- package/dist/components/molecules/Menubar/MostUsed/MostUsed.d.ts +3 -2
- package/dist/components/molecules/Menubar/MostUsed/MostUsed.js +6 -3
- package/dist/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.d.ts +1 -0
- package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +4 -2
- package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
- package/dist/components/molecules/Menubar/animations.d.ts +2 -2
- package/dist/components/molecules/Menubar/animations.js +14 -22
- package/dist/components/molecules/Menubar/animations.js.map +1 -1
- package/dist/components/molecules/Menubar/index.d.ts +1 -0
- package/dist/components/molecules/Menubar/index.js +26 -3
- package/dist/components/molecules/Menubar/index.js.map +1 -1
- package/dist/components/molecules/Menubar/styled.js +5 -2
- package/dist/components/molecules/Menubar/styled.js.map +1 -1
- package/dist/components/molecules/Menubar/types.js +4 -0
- package/dist/components/molecules/Select/index.js +2 -2
- package/dist/components/molecules/Snackbar/index.js +2 -2
- package/dist/components/molecules/Snackbar/styled.js +2 -2
- package/dist/components/organisms/DataGrid/index.js +2 -2
- package/dist/components/organisms/DataGrid/types.js +4 -0
- package/dist/index.d.ts +6 -3
- package/dist/index.js +99 -14
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
- package/src/components/atoms/Accordion/Accordion.stories.tsx +35 -0
- package/src/components/atoms/Accordion/Accordion.tsx +99 -0
- package/src/components/atoms/Accordion/animations.ts +51 -0
- package/src/components/atoms/Accordion/index.ts +1 -0
- package/src/components/atoms/Accordion/styled.ts +35 -0
- package/src/components/atoms/Button/styled.ts +3 -1
- package/src/components/atoms/Modal/Modal.stories.tsx +55 -0
- package/src/components/atoms/Modal/Modal.tsx +34 -0
- package/src/components/atoms/Modal/animations.ts +12 -0
- package/src/components/atoms/Modal/index.ts +1 -0
- package/src/components/atoms/Modal/styled.ts +17 -0
- package/src/components/atoms/Overlay/Overlay.tsx +40 -0
- package/src/components/atoms/Overlay/animations.ts +11 -0
- package/src/components/atoms/Overlay/index.ts +1 -0
- package/src/components/atoms/Overlay/styled.ts +20 -0
- package/src/components/molecules/Breadcrumbs/Breadcrumbs.tsx +5 -5
- package/src/components/molecules/Breadcrumbs/index.ts +5 -1
- package/src/components/molecules/Drawer/Drawer.stories.tsx +10 -20
- package/src/components/molecules/Drawer/Drawer.tsx +3 -15
- package/src/components/molecules/Drawer/animations.ts +0 -11
- package/src/components/molecules/Drawer/styled.ts +1 -14
- package/src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx +38 -31
- package/src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx +4 -2
- package/src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.tsx +3 -2
- package/src/components/molecules/Menubar/Menubar.stories.tsx +19 -13
- package/src/components/molecules/Menubar/Menubar.tsx +48 -57
- package/src/components/molecules/Menubar/MostUsed/MostUsed.tsx +4 -2
- package/src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx +7 -2
- package/src/components/molecules/Menubar/animations.ts +14 -21
- package/src/components/molecules/Menubar/index.ts +5 -0
- package/src/components/molecules/Menubar/styled.ts +3 -2
- 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;;;;;;
|
|
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"}
|
|
@@ -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;;;;;;
|
|
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
|
|
4
|
-
export declare const getContainerOpenMenuStyles: (state: TransitionStatus
|
|
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
|
-
|
|
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
|
-
|
|
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 =
|
|
61
|
-
...getInputContainerTransform
|
|
52
|
+
const getInputContainerStyles = state => ({ ...getDefaultInputContainerStyles,
|
|
53
|
+
...getInputContainerTransform[state]
|
|
62
54
|
});
|
|
63
55
|
|
|
64
56
|
exports.getInputContainerStyles = getInputContainerStyles;
|
|
65
57
|
|
|
66
|
-
const getContainerOpenMenuStyles =
|
|
67
|
-
...getContainerOpenMenuTransform
|
|
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","
|
|
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"}
|
|
@@ -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
|
-
|
|
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":"
|
|
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.
|
|
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","
|
|
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"}
|
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
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
|
|
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
|
-
|
|
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
|
|
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":"
|
|
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.
|
|
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.
|
|
15
|
+
"@emotion/react": "^11.4.1",
|
|
16
16
|
"@emotion/styled": "^11.3.0",
|
|
17
|
-
"@tecsinapse/react-core": "^1.
|
|
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.
|
|
33
|
+
"react-native-web": "^0.17.1"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "f7d8b7fc64df772a40219b18d79c3ea5e719baf4"
|
|
36
36
|
}
|