@weareconceptstudio/account 0.7.0 → 0.7.2
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/dist/components/Sequence/Skeleton/index.js +3 -3
- package/dist/components/Sequence/Skeleton/index.js.map +1 -1
- package/dist/components/SkeletonModel/index.d.ts +11 -0
- package/dist/components/SkeletonModel/index.d.ts.map +1 -0
- package/dist/components/SkeletonModel/index.js +9 -0
- package/dist/components/SkeletonModel/index.js.map +1 -0
- package/dist/components/SkeletonModel/style.d.ts +3 -0
- package/dist/components/SkeletonModel/style.d.ts.map +1 -0
- package/dist/components/{SkeletonMaket → SkeletonModel}/style.js +2 -2
- package/dist/components/{SkeletonMaket → SkeletonModel}/style.js.map +1 -1
- package/dist/modules/address/SelectAddress/Skeleton/index.js +8 -8
- package/dist/modules/address/SelectAddress/Skeleton/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/components/SkeletonMaket/index.d.ts +0 -11
- package/dist/components/SkeletonMaket/index.d.ts.map +0 -1
- package/dist/components/SkeletonMaket/index.js +0 -9
- package/dist/components/SkeletonMaket/index.js.map +0 -1
- package/dist/components/SkeletonMaket/style.d.ts +0 -3
- package/dist/components/SkeletonMaket/style.d.ts.map +0 -1
|
@@ -3,13 +3,13 @@ import React from 'react';
|
|
|
3
3
|
import SequenceSkeletonStyle from './style';
|
|
4
4
|
import SequenceStyle from '../style';
|
|
5
5
|
//* Skeleton file
|
|
6
|
-
import
|
|
6
|
+
import SkeletonModel from '../../SkeletonModel';
|
|
7
7
|
const SequenceSkeleton = ({ className }) => {
|
|
8
8
|
return (React.createElement(SequenceStyle, null,
|
|
9
9
|
React.createElement(SequenceSkeletonStyle, { className: className || ' ' }, Array.from({ length: 4 }).map((_, i, arr) => {
|
|
10
10
|
return (React.createElement("div", { key: i, className: 'wrapper-item-line' },
|
|
11
|
-
React.createElement(
|
|
12
|
-
i < arr.length - 1 ? (React.createElement(
|
|
11
|
+
React.createElement(SkeletonModel, { className: 'line', height: `var(--heightCircleItem)`, fontSize: `var(--account_p3)`, lineHeight: `var(--account_lineHeight)`, textLength: 12 }),
|
|
12
|
+
i < arr.length - 1 ? (React.createElement(SkeletonModel, { className: 'item-sequence', height: `var(--heightLine)`, width: `var(--widthLine)` })) : null));
|
|
13
13
|
}))));
|
|
14
14
|
};
|
|
15
15
|
export default SequenceSkeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sequence/Skeleton/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU;AACV,OAAO,qBAAqB,MAAM,SAAS,CAAC;AAC5C,OAAO,aAAa,MAAM,UAAU,CAAC;AAErC,iBAAiB;AACjB,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sequence/Skeleton/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU;AACV,OAAO,qBAAqB,MAAM,SAAS,CAAC;AAC5C,OAAO,aAAa,MAAM,UAAU,CAAC;AAErC,iBAAiB;AACjB,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1C,OAAO,CACN,oBAAC,aAAa;QACb,oBAAC,qBAAqB,IAAC,SAAS,EAAE,SAAS,IAAI,GAAG,IAChD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;YAC5C,OAAO,CACN,6BACC,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,mBAAmB;gBAC7B,oBAAC,aAAa,IACb,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,yBAAyB,EACjC,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb;gBACD,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IACb,SAAS,EAAE,eAAe,EAC1B,MAAM,EAAE,mBAAmB,EAC3B,KAAK,EAAE,kBAAkB,GACxB,CACF,CAAC,CAAC,CAAC,IAAI,CACH,CACN,CAAC;QACH,CAAC,CAAC,CACqB,CACT,CAChB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export default SkeletonModel;
|
|
2
|
+
declare function SkeletonModel({ fontSize, lineHeight, width, className, height, textLength }: {
|
|
3
|
+
fontSize: any;
|
|
4
|
+
lineHeight: any;
|
|
5
|
+
width: any;
|
|
6
|
+
className: any;
|
|
7
|
+
height: any;
|
|
8
|
+
textLength: any;
|
|
9
|
+
}): React.JSX.Element;
|
|
10
|
+
import React from 'react';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkeletonModel/index.js"],"names":[],"mappings":";AAKA;;;;;;;sBAYC;kBAjBiB,OAAO"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
//* Styles
|
|
3
|
+
import SkeletonModelStyle from './style';
|
|
4
|
+
const SkeletonModel = ({ fontSize, lineHeight, width, className, height, textLength }) => {
|
|
5
|
+
return (React.createElement(SkeletonModelStyle, { "$$lineHeight": lineHeight, "$$fontSize": fontSize, "$$width": width, "$$heightVariable": height, "$$textLength": textLength, className: className },
|
|
6
|
+
React.createElement("div", { className: 'skeleton-container' })));
|
|
7
|
+
};
|
|
8
|
+
export default SkeletonModel;
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SkeletonModel/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU;AACV,OAAO,kBAAkB,MAAM,SAAS,CAAC;AAEzC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE;IACxF,OAAO,CACN,oBAAC,kBAAkB,oBACJ,UAAU,gBACZ,QAAQ,aACX,KAAK,sBACI,MAAM,kBACV,UAAU,EACxB,SAAS,EAAE,SAAS;QACpB,6BAAK,SAAS,EAAC,oBAAoB,GAAO,CACtB,CACrB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export default SkeletonModelStyle;
|
|
2
|
+
declare const SkeletonModelStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/SkeletonModel/style.js"],"names":[],"mappings":";AAEA,8PAYE"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
const
|
|
2
|
+
const SkeletonModelStyle = styled.div `
|
|
3
3
|
--initialColor: #eff1f2;
|
|
4
4
|
|
|
5
5
|
--averageCharWidth: 0.6;
|
|
@@ -12,5 +12,5 @@ const SkeletonInitialStyle = styled.div `
|
|
|
12
12
|
border-radius: var(--sp3x);
|
|
13
13
|
background-color: var(--initialColor);
|
|
14
14
|
`;
|
|
15
|
-
export default
|
|
15
|
+
export default SkeletonModelStyle;
|
|
16
16
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/SkeletonModel/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;mBAKlB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,kCAAkC,UAAU,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;WAEtK,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,OAAO,gBAAgB,IAAI,KAAK,UAAU,UAAU,IAAI,GAAG,MAAM,YAAY,IAAI,KAAK,IAAI;;;;;CAKxJ,CAAC;AACF,eAAe,kBAAkB,CAAC"}
|
|
@@ -3,19 +3,19 @@ import React from 'react';
|
|
|
3
3
|
import SkeletonAddressSelectStyle from './style';
|
|
4
4
|
import AddressItemStyle from '../../AddressItem/style';
|
|
5
5
|
//* Component
|
|
6
|
-
import
|
|
6
|
+
import SkeletonModel from '../../../../components/SkeletonModel';
|
|
7
7
|
const SkeletonAddressSelect = ({ className }) => {
|
|
8
8
|
return (React.createElement(AddressItemStyle, { className: 'full' },
|
|
9
9
|
React.createElement(SkeletonAddressSelectStyle, { className: className || ' ' },
|
|
10
10
|
React.createElement("div", { className: 'wrapper-title title' },
|
|
11
|
-
React.createElement(
|
|
12
|
-
React.createElement(
|
|
11
|
+
React.createElement(SkeletonModel, { fontSize: 'var(--account_p2)', lineHeight: 'var(--account_lineHeight)', textLength: 10 }),
|
|
12
|
+
React.createElement(SkeletonModel, { fontSize: 'var(--account_p3)', lineHeight: 'var(--account_lineHeight)', textLength: 10 })),
|
|
13
13
|
React.createElement("div", { className: 'item-internal-wrap' },
|
|
14
|
-
React.createElement(
|
|
15
|
-
React.createElement(
|
|
16
|
-
React.createElement(
|
|
17
|
-
React.createElement(
|
|
18
|
-
React.createElement(
|
|
14
|
+
React.createElement(SkeletonModel, { fontSize: 'var(--account_p3)', lineHeight: 'var(--account_lineHeight)', textLength: 18 }),
|
|
15
|
+
React.createElement(SkeletonModel, { className: 'item-address', fontSize: 'var(--account_p3)', lineHeight: 'var(--account_lineHeight)', textLength: 30 }),
|
|
16
|
+
React.createElement(SkeletonModel, { className: 'item-address', fontSize: 'var(--account_p3)', lineHeight: 'var(--account_lineHeight)', textLength: 24 }),
|
|
17
|
+
React.createElement(SkeletonModel, { className: 'item-address', fontSize: 'var(--account_p3)', lineHeight: 'var(--account_lineHeight)', textLength: 16 }),
|
|
18
|
+
React.createElement(SkeletonModel, { className: 'item-address-end', fontSize: 'var(--account_p3)', lineHeight: 'var(--account_lineHeight)', textLength: 27 })))));
|
|
19
19
|
};
|
|
20
20
|
export default SkeletonAddressSelect;
|
|
21
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/address/SelectAddress/Skeleton/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU;AACV,OAAO,0BAA0B,MAAM,SAAS,CAAC;AACjD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,aAAa;AACb,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/address/SelectAddress/Skeleton/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU;AACV,OAAO,0BAA0B,MAAM,SAAS,CAAC;AACjD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,aAAa;AACb,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,qBAAqB,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/C,OAAO,CACN,oBAAC,gBAAgB,IAAC,SAAS,EAAC,MAAM;QACjC,oBAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,IAAI,GAAG;YACtD,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,oBAAC,aAAa,IACb,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb;gBACF,oBAAC,aAAa,IACb,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb,CACG;YACN,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,oBAAC,aAAa,IACb,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb;gBACF,oBAAC,aAAa,IACb,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb;gBACF,oBAAC,aAAa,IACb,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb;gBACF,oBAAC,aAAa,IACb,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb;gBACF,oBAAC,aAAa,IACb,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,EAAE,GACb,CACG,CACsB,CACX,CACnB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weareconceptstudio/account",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.2",
|
|
4
4
|
"description": "Concept Studio Account",
|
|
5
5
|
"author": "Concept Studio",
|
|
6
6
|
"license": "ISC",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"watch": "tsc -m es6 --watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@weareconceptstudio/core": "
|
|
25
|
-
"@weareconceptstudio/form": "
|
|
24
|
+
"@weareconceptstudio/core": "0.3.7",
|
|
25
|
+
"@weareconceptstudio/form": "0.3.2",
|
|
26
26
|
"swiper": "11.1.14"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export default SkeletonInitial;
|
|
2
|
-
declare function SkeletonInitial({ fontSize, lineHeight, width, className, height, textLength }: {
|
|
3
|
-
fontSize: any;
|
|
4
|
-
lineHeight: any;
|
|
5
|
-
width: any;
|
|
6
|
-
className: any;
|
|
7
|
-
height: any;
|
|
8
|
-
textLength: any;
|
|
9
|
-
}): React.JSX.Element;
|
|
10
|
-
import React from 'react';
|
|
11
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkeletonMaket/index.js"],"names":[],"mappings":";AAKA;;;;;;;sBAYC;kBAjBiB,OAAO"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
//* Styles
|
|
3
|
-
import SkeletonInitialStyle from './style';
|
|
4
|
-
const SkeletonInitial = ({ fontSize, lineHeight, width, className, height, textLength }) => {
|
|
5
|
-
return (React.createElement(SkeletonInitialStyle, { "$$lineHeight": lineHeight, "$$fontSize": fontSize, "$$width": width, "$$heightVariable": height, "$$textLength": textLength, className: className },
|
|
6
|
-
React.createElement("div", { className: 'skeleton-container' })));
|
|
7
|
-
};
|
|
8
|
-
export default SkeletonInitial;
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SkeletonMaket/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU;AACV,OAAO,oBAAoB,MAAM,SAAS,CAAC;AAE3C,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE;IAC1F,OAAO,CACN,oBAAC,oBAAoB,oBACN,UAAU,gBACZ,QAAQ,aACX,KAAK,sBACI,MAAM,kBACV,UAAU,EACxB,SAAS,EAAE,SAAS;QACpB,6BAAK,SAAS,EAAC,oBAAoB,GAAO,CACpB,CACvB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export default SkeletonInitialStyle;
|
|
2
|
-
declare const SkeletonInitialStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
//# sourceMappingURL=style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/SkeletonMaket/style.js"],"names":[],"mappings":";AAEA,gQAYE"}
|