Skip to content

Commit 5770b3a

Browse files
yceffortyceffort
authored
Merge pull request #5 from titicacadev/feature/triple-image-carousel
 💫triple-image-carousel 패키지 추가
2 parents a2d44a0 + cf504c9 commit 5770b3a

File tree

14 files changed

+89
-19
lines changed

14 files changed

+89
-19
lines changed

‎docs/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
"build": "build-storybook -s ./public"
99
},
1010
"dependencies": {
11-
"@titicaca/triple-author": "^1.0.0-alpha.1",
11+
"@titicaca/triple-author": "^1.0.0-alpha.2",
1212
"@titicaca/triple-design-system": "^1.0.0-alpha.0",
1313
"@titicaca/triple-document": "^1.0.0-alpha.0",
1414
"@titicaca/triple-poi": "^1.0.0-alpha.0"

‎lerna.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@
44
"docs",
55
"tests"
66
],
7-
"version": "1.0.0-alpha.1"
7+
"version": "1.0.0-alpha.2"
88
}

‎packages/triple-author/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@titicaca/triple-author",
3-
"version": "1.0.0-alpha.1",
3+
"version": "1.0.0-alpha.2",
44
"description": "Triple Author UI elements",
55
"homepage": "https://github.com/titicacadev/triple-frontend#readme",
66
"main": "lib/index.js",
@@ -15,6 +15,6 @@
1515
"url": "https://github.com/titicacadev/triple-frontend/issues"
1616
},
1717
"dependencies": {
18-
"@titicaca/triple-design-system": "^1.0.0-alpha.1"
18+
"@titicaca/triple-design-system": "^1.0.0-alpha.2"
1919
}
2020
}

‎packages/triple-design-system/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@titicaca/triple-design-system",
3-
"version": "1.0.0-alpha.1",
3+
"version": "1.0.0-alpha.2",
44
"description": "Triple Design System Library",
55
"main": "lib/index.js",
66
"types": "lib/index.d.ts",
@@ -23,7 +23,7 @@
2323
},
2424
"homepage": "https://github.com/titicacadev/triple-design-system#readme",
2525
"dependencies": {
26-
"@titicaca/triple-view-utilities": "^1.0.0-alpha.1",
26+
"@titicaca/triple-view-utilities": "^1.0.0-alpha.2",
2727
"nuka-carousel": "4.4.1",
2828
"react-addons-css-transition-group": "^15.6.2",
2929
"react-input-mask": "^2.0.4"

‎packages/triple-document/package.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@titicaca/triple-document",
3-
"version": "1.0.0-alpha.1",
3+
"version": "1.0.0-alpha.2",
44
"description": "TripleDocument: Formatted Content System",
55
"main": "lib/index.js",
66
"files": [
@@ -15,7 +15,7 @@
1515
},
1616
"homepage": "https://github.com/titicacadev/triple-frontend#readme",
1717
"dependencies": {
18-
"@titicaca/triple-design-system": "^1.0.0-alpha.1",
19-
"@titicaca/triple-poi": "^1.0.0-alpha.1"
18+
"@titicaca/triple-design-system": "^1.0.0-alpha.2",
19+
"@titicaca/triple-poi": "^1.0.0-alpha.2"
2020
}
2121
}

‎packages/triple-image-carousel/README.md

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# `triple-image-carousel`
2+
3+
[nuka-carousel](https://github.com/FormidableLabs/nuka-carousel)을 기반으로 제작된 이미지 캐러셀입니다.

‎packages/triple-image-carousel/package.json

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "@titicaca/triple-image-carousel",
3+
"version": "1.0.0-alpha.2",
4+
"description": "Triple Image Carousel",
5+
"main": "lib/index.js",
6+
"files": [
7+
"lib/"
8+
],
9+
"repository": {
10+
"type": "git",
11+
"url": "git+https://github.com/titicacadev/triple-frontend.git"
12+
},
13+
"bugs": {
14+
"url": "https://github.com/titicacadev/triple-frontend/issues"
15+
},
16+
"homepage": "https://github.com/titicacadev/triple-frontend#readme",
17+
"dependencies": {
18+
"@titicaca/triple-design-system": "^1.0.0-alpha.2",
19+
"nuka-carousel": "4.4.1"
20+
}
21+
}

‎packages/triple-document/src/image.tsx renamed to ‎packages/triple-image-carousel/src/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import * as React from 'react'
22
import styled from 'styled-components'
3+
import Pager from './pager'
34
import {
4-
Pager,
55
Image,
66
MarginPadding,
77
GlobalSizes,

‎packages/triple-image-carousel/src/pager.tsx

+35
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
import * as React from 'react'
2+
import PagerCarousel from 'nuka-carousel'
3+
import { Container, MarginPadding } from '@titicaca/triple-design-system'
4+
5+
const Pager = ({
6+
margin,
7+
borderRadius,
8+
currentPage,
9+
onPageChange,
10+
pageLabelComponent,
11+
children,
12+
}: {
13+
margin?: MarginPadding
14+
borderRadius?: number
15+
currentPage?: number
16+
onPageChange?: (e?: React.SyntheticEvent) => any
17+
pageLabelComponent?: React.ReactNode
18+
children?: React.ReactNode
19+
}) => (
20+
<Container margin={margin} borderRadius={borderRadius}>
21+
<PagerCarousel
22+
slideIndex={currentPage}
23+
afterSlide={onPageChange}
24+
speed={100}
25+
renderTopRightControls={pageLabelComponent}
26+
renderBottomCenterControls={null}
27+
renderCenterLeftControls={null}
28+
renderCenterRightControls={null}
29+
>
30+
{children}
31+
</PagerCarousel>
32+
</Container>
33+
)
34+
35+
export default Pager

‎packages/triple-image-carousel/tsconfig.json

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"extends": "../../tsconfig.base.json",
3+
"compilerOptions": {
4+
"outDir": "./lib",
5+
"baseUrl": ".",
6+
"rootDir": "src",
7+
"emitDeclarationOnly": true,
8+
},
9+
"include": ["./src"],
10+
"exclude": ["node_modules", "lib"]
11+
}

‎packages/triple-poi/package.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@titicaca/triple-poi",
3-
"version": "1.0.0-alpha.1",
3+
"version": "1.0.0-alpha.2",
44
"description": "Triple POI UI Elements",
55
"main": "lib/index.js",
66
"files": [
@@ -15,7 +15,7 @@
1515
},
1616
"homepage": "https://github.com/titicacadev/triple-frontend#readme",
1717
"dependencies": {
18-
"@titicaca/triple-design-system": "^1.0.0-alpha.1",
19-
"@titicaca/triple-view-utilities": "^1.0.0-alpha.1"
18+
"@titicaca/triple-design-system": "^1.0.0-alpha.2",
19+
"@titicaca/triple-view-utilities": "^1.0.0-alpha.2"
2020
}
2121
}

‎packages/triple-product/package.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@titicaca/triple-product",
3-
"version": "1.0.0-alpha.1",
3+
"version": "1.0.0-alpha.2",
44
"description": "Triple Product UI Elements",
55
"main": "lib/index.js",
66
"files": [
@@ -15,7 +15,7 @@
1515
},
1616
"homepage": "https://github.com/titicacadev/triple-frontend#readme",
1717
"dependencies": {
18-
"@titicaca/triple-design-system": "^1.0.0-alpha.1",
19-
"@titicaca/triple-view-utilities": "^1.0.0-alpha.1"
18+
"@titicaca/triple-design-system": "^1.0.0-alpha.2",
19+
"@titicaca/triple-view-utilities": "^1.0.0-alpha.2"
2020
}
2121
}

‎packages/triple-review/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@titicaca/triple-review",
3-
"version": "1.0.0-alpha.1",
3+
"version": "1.0.0-alpha.2",
44
"description": "UI Components for User Reviews from Triple Service",
55
"homepage": "https://github.com/titicacadev/triple-frontend#readme",
66
"main": "lib/index.js",
@@ -15,6 +15,6 @@
1515
"url": "https://github.com/titicacadev/triple-frontend/issues"
1616
},
1717
"dependencies": {
18-
"@titicaca/triple-design-system": "^1.0.0-alpha.1"
18+
"@titicaca/triple-design-system": "^1.0.0-alpha.2"
1919
}
2020
}

‎packages/triple-view-utilities/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@titicaca/triple-view-utilities",
3-
"version": "1.0.0-alpha.1",
3+
"version": "1.0.0-alpha.2",
44
"description": "Utilities for Triple view libraries and applications",
55
"main": "lib/index.js",
66
"files": [

0 commit comments

Comments
 (0)