├── .DS_Store
├── .babelrc
├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── __tests__
├── RNColorPlalette-test.js
├── __snapshots__
│ ├── RNColorPlalette-test.js.snap
│ ├── color-picker-test.js.snap
│ └── index-test.js.snap
├── color-picker-test.js
└── index-test.js
├── assets
└── android-demo.gif
├── demo
├── .buckconfig
├── .eslintrc.js
├── .flowconfig
├── .gitattributes
├── .prettierrc.js
├── .watchmanconfig
├── App.js
├── README.md
├── __tests__
│ └── App-test.js
├── android
│ ├── app
│ │ ├── BUCK
│ │ ├── build.gradle
│ │ ├── build_defs.bzl
│ │ ├── debug.keystore
│ │ ├── proguard-rules.pro
│ │ └── src
│ │ │ ├── debug
│ │ │ └── AndroidManifest.xml
│ │ │ └── main
│ │ │ ├── AndroidManifest.xml
│ │ │ ├── java
│ │ │ └── com
│ │ │ │ └── rncolorpalette
│ │ │ │ ├── MainActivity.java
│ │ │ │ └── MainApplication.java
│ │ │ └── res
│ │ │ ├── mipmap-hdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ │ ├── mipmap-mdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ │ ├── mipmap-xhdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ │ ├── mipmap-xxhdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ │ ├── mipmap-xxxhdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ │ └── values
│ │ │ ├── strings.xml
│ │ │ └── styles.xml
│ ├── build.gradle
│ ├── gradle.properties
│ ├── gradle
│ │ └── wrapper
│ │ │ ├── gradle-wrapper.jar
│ │ │ └── gradle-wrapper.properties
│ ├── gradlew
│ ├── gradlew.bat
│ └── settings.gradle
├── app.json
├── babel.config.js
├── colors.js
├── index.js
├── ios
│ ├── Podfile
│ ├── Podfile.lock
│ ├── RNColorPalette-tvOS
│ │ └── Info.plist
│ ├── RNColorPalette-tvOSTests
│ │ └── Info.plist
│ ├── RNColorPalette.xcodeproj
│ │ ├── project.pbxproj
│ │ └── xcshareddata
│ │ │ └── xcschemes
│ │ │ ├── RNColorPalette-tvOS.xcscheme
│ │ │ └── RNColorPalette.xcscheme
│ ├── RNColorPalette.xcworkspace
│ │ ├── contents.xcworkspacedata
│ │ └── xcshareddata
│ │ │ └── IDEWorkspaceChecks.plist
│ ├── RNColorPalette
│ │ ├── AppDelegate.h
│ │ ├── AppDelegate.m
│ │ ├── Base.lproj
│ │ │ └── LaunchScreen.xib
│ │ ├── Images.xcassets
│ │ │ ├── AppIcon.appiconset
│ │ │ │ └── Contents.json
│ │ │ └── Contents.json
│ │ ├── Info.plist
│ │ └── main.m
│ └── RNColorPaletteTests
│ │ ├── Info.plist
│ │ └── RNColorPaletteTests.m
├── metro.config.js
├── package-lock.json
└── package.json
├── index.js
├── package-lock.json
├── package.json
└── src
├── RNColorPalette.js
├── color-picker.js
├── color-wheel-picker
├── color-wheel.png
├── colorsys.js
└── index.js
└── tick.png
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/.DS_Store
--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["module:metro-react-native-babel-preset"]
3 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | *.log
3 | npm-debug.log
4 |
5 | # Runtime data
6 | tmp
7 | build
8 | dist
9 |
10 | # Dependency directory
11 | node_modules
12 |
13 | #package
14 | *.tgz
15 |
16 | # OSX
17 | #
18 | .DS_Store
19 |
20 | !/react-native-color-picker/index.js
21 | # Xcode
22 | #
23 | demo/build/
24 | *.pbxuser
25 | !default.pbxuser
26 | *.mode1v3
27 | !default.mode1v3
28 | *.mode2v3
29 | !default.mode2v3
30 | *.perspectivev3
31 | !default.perspectivev3
32 | xcuserdata
33 | *.xccheckout
34 | *.moved-aside
35 | DerivedData
36 | *.hmap
37 | *.ipa
38 | *.xcuserstate
39 |
40 |
41 | demo
42 |
43 | # Android/IntelliJ
44 | #
45 | demo/build/
46 | .idea
47 | .gradle
48 | local.properties
49 | *.iml
50 |
51 | # node.js
52 | #
53 | demo/node_modules/
54 | npm-debug.log
55 | yarn-error.log
56 |
57 | # BUCK
58 | buck-out/
59 | \.buckd/
60 | *.keystore
61 | !debug.keystore
62 |
63 | # fastlane
64 | #
65 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
66 | # screenshots whenever they are needed.
67 | # For more information about the recommended setup visit:
68 | # https://docs.fastlane.tools/best-practices/source-control/
69 |
70 | */fastlane/report.xml
71 | */fastlane/Preview.html
72 | */fastlane/screenshots
73 |
74 | # Bundle artifact
75 | *.jsbundle
76 |
77 | # CocoaPods
78 | demo/ios/Pods/
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | *.log
3 | npm-debug.log
4 |
5 | # Dependency directory
6 | node_modules
7 |
8 | # Runtime data
9 | tmp
10 |
11 | # Demo
12 | demo
13 |
14 | #package
15 | *.tgz
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 IOMechs
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## RNColorPalette (Android & IOS)
2 | A color Picker for React Native Devs :)
3 |
4 | Below you will find some information on how to perform common tasks.
5 |
6 |
7 | ## Table of Contents
8 |
9 | - [What's new](#whats-new)
10 | - [Installation](#installation)
11 | - [Props](#props)
12 | - [Pull Requests](#pr)
13 | - [License](#license)
14 |
15 |
16 | ## Demo
17 | 
18 |
19 | ## Features
20 |
21 |
22 | ## Installation
23 |
24 | Install the package in your project's folder by using npm or yarn:
25 |
26 | ```shell
27 | npm install @iomechs/rn-color-palette
28 | ```
29 | or
30 | ```shell
31 | yarn add @iomechs/rn-color-palette
32 | ```
33 |
34 | ## Basic Usage
35 |
36 | Import RNColorPalette in your AppComponent as below:
37 |
38 | ```javascript
39 | import RNColorPalette from '@iomechs/rn-color-palette';
40 |
41 | class App extends React.Component {
42 | constructor(props) {
43 | super(props);
44 | this.state = {
45 | colorValue: 'orange',
46 | colors = ['orange', 'red', '#ffd655', '#abeb34', '#b4bec8', '#0acfae', '#ff6d01'];
47 | };
48 | }
49 |
50 | colorPicked = color => {
51 | this.setState({
52 | colorValue: color,
53 | });
54 | };
55 |
56 | AddColor = color => {
57 | this.setState({
58 | colors: [...this.state.colors, color],
59 | });
60 | };
61 | render() {
62 | const {colors, colorValue} = this.state;
63 | return (
64 | this.AddColor(color)}
69 | style={{
70 | backgroundColor: colorValue,
71 | width: 110,
72 | height: 30,
73 | }}>
74 |
75 | Default Palette
76 |
77 |
78 | );
79 | }
80 | }
81 | }
82 |
83 | ```
84 |
85 |
86 | ## Props
87 |
88 |
89 |
90 | ## Pull Requests
91 |
92 | Feel free to make Pull Requests for your feature/fix.
93 | To run the project, run
94 | ```shell
95 | npm install
96 | ```
97 | or
98 | ```shell
99 | yarn
100 | ```
101 | then
102 | ```shell
103 | npm start
104 | ```
105 | ## Props
106 |
107 | | Props | Type | isRequired | Example |
108 | | :----- | :----: | :--------: | :------------------------------------------------------------------------------------------------------------------------------------------------- |
109 | | value | string | Yes | `Provide value of color to mark as selected.` |
110 | | colorList | array | No | `Provide list of colors to show in palette.` |
111 | | style | object | No | `Style for component passed inside library.` |
112 | | paletteStyle | object | No | `Style for color palette container.` |
113 | | palettePosition | object | No | `It has 2 properties, increaseMargin to increase margin from your component and decreaseMargin to descrease margin.` |
114 | | colorContainerStyle | object | No | `Style color elements inside palette, by-default it's borderRadius: 100.` |
115 | | onItemSelect | function | No | `Return a color which is selected in palette.` |
116 | | AddPickedColor | function | No | `Return a color which is added new from picker and by-default it calls onItemSelect.` |
117 |
118 |
119 | ## License
120 | MIT © [IOMechs](https://github.com/IOmechs)
--------------------------------------------------------------------------------
/__tests__/RNColorPlalette-test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import 'react-native';
3 | import RNColorPalette from '../src/RNColorPalette';
4 | import renderer from 'react-test-renderer';
5 |
6 | test('RNColorPalette Component renders correctly', () => {
7 | const tree = renderer.create().toJSON();
8 | expect(tree).toMatchSnapshot();
9 | });
10 |
11 |
12 | it('should change the state of the color picker when we toggle the palette', () => {
13 | const RNColorPaletteComponent = renderer.create().getInstance();
14 | let test = !RNColorPaletteComponent.state.picker;
15 | RNColorPaletteComponent.togglePalette();
16 | expect(RNColorPaletteComponent.state.picker).toEqual(test);
17 | });
18 |
19 | it('should change the state of the selected color when we select a color', () => {
20 | const RNColorPaletteComponent = renderer.create().getInstance();
21 | let test = !RNColorPaletteComponent.state.openColorPicker;
22 | RNColorPaletteComponent.toggleColorPicker();
23 | expect(RNColorPaletteComponent.state.openColorPicker).toEqual(test);
24 | });
25 |
--------------------------------------------------------------------------------
/__tests__/__snapshots__/RNColorPlalette-test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`RNColorPalette Component renders correctly 1`] = `
4 |
5 |
9 |
15 |
33 |
49 |
58 |
59 |
67 |
94 |
105 | +
106 |
107 |
108 |
113 |
114 |
115 |
125 |
132 |
147 |
162 |
186 |
187 |
204 |
205 |
212 |
219 |
238 |
245 |
257 | Add Color
258 |
259 |
260 |
261 |
262 |
281 |
288 |
300 | Cancel
301 |
302 |
303 |
304 |
305 |
306 |
307 |
308 |
309 |
310 |
311 |
312 |
313 |
314 |
315 |
316 | `;
317 |
--------------------------------------------------------------------------------
/__tests__/__snapshots__/color-picker-test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`ColorPicker Component renders correctly 1`] = `
4 |
5 |
6 |
16 |
23 |
38 |
53 |
77 |
78 |
95 |
96 |
103 |
110 |
129 |
136 |
148 | Add Color
149 |
150 |
151 |
152 |
153 |
172 |
179 |
191 | Cancel
192 |
193 |
194 |
195 |
196 |
197 |
198 |
199 | `;
200 |
--------------------------------------------------------------------------------
/__tests__/__snapshots__/index-test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`ColorWheel Component renders correctly 1`] = `
4 |
11 |
23 |
38 |
62 |
63 |
80 |
81 | `;
82 |
--------------------------------------------------------------------------------
/__tests__/color-picker-test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import 'react-native';
3 | import ColorPicker from '../src/color-picker';
4 | import renderer from 'react-test-renderer';
5 |
6 |
7 | test('ColorPicker Component renders correctly', () => {
8 | const tree = renderer.create().toJSON();
9 | expect(tree).toMatchSnapshot();
10 | });
11 |
12 | it('ChangeColor', () => {
13 | let ColorPickerComponent = renderer.create().getInstance();
14 | ColorPickerComponent.changeColor('#db3232');
15 | expect(ColorPickerComponent.state.color).toEqual('#db3232');
16 | });
17 |
--------------------------------------------------------------------------------
/__tests__/index-test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import 'react-native';
3 | import ColorWheel from '../src/color-wheel-picker/index';
4 | import renderer from 'react-test-renderer';
5 |
6 | test('ColorWheel Component renders correctly', () => {
7 | const tree = renderer.create().toJSON();
8 | expect(tree).toMatchSnapshot();
9 | });
10 |
--------------------------------------------------------------------------------
/assets/android-demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/assets/android-demo.gif
--------------------------------------------------------------------------------
/demo/.buckconfig:
--------------------------------------------------------------------------------
1 |
2 | [android]
3 | target = Google Inc.:Google APIs:23
4 |
5 | [maven_repositories]
6 | central = https://repo1.maven.org/maven2
7 |
--------------------------------------------------------------------------------
/demo/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | extends: '@react-native-community',
4 | };
5 |
--------------------------------------------------------------------------------
/demo/.flowconfig:
--------------------------------------------------------------------------------
1 | [ignore]
2 | ; We fork some components by platform
3 | .*/*[.]android.js
4 |
5 | ; Ignore "BUCK" generated dirs
6 | /\.buckd/
7 |
8 | ; Ignore polyfills
9 | node_modules/react-native/Libraries/polyfills/.*
10 |
11 | ; These should not be required directly
12 | ; require from fbjs/lib instead: require('fbjs/lib/warning')
13 | node_modules/warning/.*
14 |
15 | ; Flow doesn't support platforms
16 | .*/Libraries/Utilities/LoadingView.js
17 |
18 | [untyped]
19 | .*/node_modules/@react-native-community/cli/.*/.*
20 |
21 | [include]
22 |
23 | [libs]
24 | node_modules/react-native/Libraries/react-native/react-native-interface.js
25 | node_modules/react-native/flow/
26 |
27 | [options]
28 | emoji=true
29 |
30 | esproposal.optional_chaining=enable
31 | esproposal.nullish_coalescing=enable
32 |
33 | module.file_ext=.js
34 | module.file_ext=.json
35 | module.file_ext=.ios.js
36 |
37 | munge_underscores=true
38 |
39 | module.name_mapper='^react-native$' -> '/node_modules/react-native/Libraries/react-native/react-native-implementation'
40 | module.name_mapper='^react-native/\(.*\)$' -> '/node_modules/react-native/\1'
41 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '/node_modules/react-native/Libraries/Image/RelativeImageStub'
42 |
43 | suppress_type=$FlowIssue
44 | suppress_type=$FlowFixMe
45 | suppress_type=$FlowFixMeProps
46 | suppress_type=$FlowFixMeState
47 |
48 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
49 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
50 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
51 |
52 | [lints]
53 | sketchy-null-number=warn
54 | sketchy-null-mixed=warn
55 | sketchy-number=warn
56 | untyped-type-import=warn
57 | nonstrict-import=warn
58 | deprecated-type=warn
59 | unsafe-getters-setters=warn
60 | inexact-spread=warn
61 | unnecessary-invariant=warn
62 | signature-verification-failure=warn
63 | deprecated-utility=error
64 |
65 | [strict]
66 | deprecated-type
67 | nonstrict-import
68 | sketchy-null
69 | unclear-type
70 | unsafe-getters-setters
71 | untyped-import
72 | untyped-type-import
73 |
74 | [version]
75 | ^0.105.0
76 |
--------------------------------------------------------------------------------
/demo/.gitattributes:
--------------------------------------------------------------------------------
1 | *.pbxproj -text
2 |
--------------------------------------------------------------------------------
/demo/.prettierrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | bracketSpacing: false,
3 | jsxBracketSameLine: true,
4 | singleQuote: true,
5 | trailingComma: 'all',
6 | };
7 |
--------------------------------------------------------------------------------
/demo/.watchmanconfig:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/App.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable react-native/no-inline-styles */
2 | /**
3 | * Sample React Native App
4 | * https://github.com/facebook/react-native
5 | *
6 | * @format
7 | * @flow
8 | */
9 |
10 | import React from 'react';
11 | import {View, Text, ScrollView} from 'react-native';
12 | import RNColorPalette from '@iomechs/rn-color-palette'
13 | import colorList from './colors';
14 |
15 | class App extends React.Component {
16 | constructor(props) {
17 | super(props);
18 | this.state = {
19 | pickedColor1: 'orange',
20 | pickedColor2: 'green',
21 | colors: colorList,
22 | };
23 | }
24 | colorPicked = color => {
25 | this.setState({
26 | pickedColor1: color,
27 | });
28 | };
29 | colorPicked2 = color => {
30 | this.setState({
31 | pickedColor2: color,
32 | });
33 | };
34 | AddColor = color => {
35 | this.setState({
36 | colors: [...this.state.colors, color],
37 | });
38 | };
39 | render() {
40 | const {pickedColor1, pickedColor2, colors} = this.state;
41 | return (
42 |
43 |
44 |
45 | Color Palette
46 |
47 |
52 | this.AddColor(colour)}
57 | style={{
58 | backgroundColor: pickedColor2,
59 | width: 110,
60 | height: 30,
61 | }}>
62 |
63 | Default Palette
64 |
65 |
66 | this.AddColor(colour)}
71 | style={{
72 | backgroundColor: pickedColor1,
73 | width: 110,
74 | height: 30,
75 | }}
76 | paletteStyle={{
77 | backgroundColor: '#000',
78 | borderRadius: 10,
79 | }}
80 | palettePosition={{
81 | increaseMargin: 5, // to increase margin from element
82 | // decreaseMargin: 20, to decrease default margin
83 | }}
84 | colorContainerStyle={{
85 | borderRadius: 5,
86 | }}>
87 |
88 | Custom Palette
89 |
90 |
91 |
92 |
93 | Color Palette
94 |
95 |
96 |
97 | );
98 | }
99 | }
100 |
101 | export default App;
102 |
103 | const styles = {
104 | container: {
105 | flex: 1
106 | },
107 | textContainer: {
108 | height: 500,
109 | backgroundColor: '#e6c1c1',
110 | justifyContent: 'center',
111 | alignItems: 'center',
112 | },
113 | textStyle: {
114 | fontSize: 20,
115 | fontWeight: 'bold',
116 | },
117 | paletteText: {
118 | flex: 1,
119 | justifyContent: 'center',
120 | alignItems: 'center'
121 | }
122 | };
123 |
--------------------------------------------------------------------------------
/demo/README.md:
--------------------------------------------------------------------------------
1 | # Step to run library for dev
2 |
3 | 1- go to root folder run `npm pack` it will create a rn-color-palette-1.0.0.tgz file
4 |
5 | 2- go to example folder run `npm i ../rn-color-palette-1.0.0.tgz` it will install current package in you project
--------------------------------------------------------------------------------
/demo/__tests__/App-test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @format
3 | */
4 |
5 | import 'react-native';
6 | import React from 'react';
7 | import App from '../App';
8 | import renderer from 'react-test-renderer';
9 |
10 | test('renders correctly', () => {
11 | const tree = renderer.create().toJSON();
12 | expect(tree).toMatchSnapshot();
13 | });
14 |
--------------------------------------------------------------------------------
/demo/android/app/BUCK:
--------------------------------------------------------------------------------
1 | # To learn about Buck see [Docs](https://buckbuild.com/).
2 | # To run your application with Buck:
3 | # - install Buck
4 | # - `npm start` - to start the packager
5 | # - `cd android`
6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
8 | # - `buck install -r android/app` - compile, install and run application
9 | #
10 |
11 | load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
12 |
13 | lib_deps = []
14 |
15 | create_aar_targets(glob(["libs/*.aar"]))
16 |
17 | create_jar_targets(glob(["libs/*.jar"]))
18 |
19 | android_library(
20 | name = "all-libs",
21 | exported_deps = lib_deps,
22 | )
23 |
24 | android_library(
25 | name = "app-code",
26 | srcs = glob([
27 | "src/main/java/**/*.java",
28 | ]),
29 | deps = [
30 | ":all-libs",
31 | ":build_config",
32 | ":res",
33 | ],
34 | )
35 |
36 | android_build_config(
37 | name = "build_config",
38 | package = "com.rncolorpalette",
39 | )
40 |
41 | android_resource(
42 | name = "res",
43 | package = "com.rncolorpalette",
44 | res = "src/main/res",
45 | )
46 |
47 | android_binary(
48 | name = "app",
49 | keystore = "//android/keystores:debug",
50 | manifest = "src/main/AndroidManifest.xml",
51 | package_type = "debug",
52 | deps = [
53 | ":app-code",
54 | ],
55 | )
56 |
--------------------------------------------------------------------------------
/demo/android/app/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: "com.android.application"
2 |
3 | import com.android.build.OutputFile
4 |
5 | /**
6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
7 | * and bundleReleaseJsAndAssets).
8 | * These basically call `react-native bundle` with the correct arguments during the Android build
9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
10 | * bundle directly from the development server. Below you can see all the possible configurations
11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the
12 | * `apply from: "../../node_modules/react-native/react.gradle"` line.
13 | *
14 | * project.ext.react = [
15 | * // the name of the generated asset file containing your JS bundle
16 | * bundleAssetName: "index.android.bundle",
17 | *
18 | * // the entry file for bundle generation
19 | * entryFile: "index.android.js",
20 | *
21 | * // https://facebook.github.io/react-native/docs/performance#enable-the-ram-format
22 | * bundleCommand: "ram-bundle",
23 | *
24 | * // whether to bundle JS and assets in debug mode
25 | * bundleInDebug: false,
26 | *
27 | * // whether to bundle JS and assets in release mode
28 | * bundleInRelease: true,
29 | *
30 | * // whether to bundle JS and assets in another build variant (if configured).
31 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
32 | * // The configuration property can be in the following formats
33 | * // 'bundleIn${productFlavor}${buildType}'
34 | * // 'bundleIn${buildType}'
35 | * // bundleInFreeDebug: true,
36 | * // bundleInPaidRelease: true,
37 | * // bundleInBeta: true,
38 | *
39 | * // whether to disable dev mode in custom build variants (by default only disabled in release)
40 | * // for example: to disable dev mode in the staging build type (if configured)
41 | * devDisabledInStaging: true,
42 | * // The configuration property can be in the following formats
43 | * // 'devDisabledIn${productFlavor}${buildType}'
44 | * // 'devDisabledIn${buildType}'
45 | *
46 | * // the root of your project, i.e. where "package.json" lives
47 | * root: "../../",
48 | *
49 | * // where to put the JS bundle asset in debug mode
50 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
51 | *
52 | * // where to put the JS bundle asset in release mode
53 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release",
54 | *
55 | * // where to put drawable resources / React Native assets, e.g. the ones you use via
56 | * // require('./image.png')), in debug mode
57 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
58 | *
59 | * // where to put drawable resources / React Native assets, e.g. the ones you use via
60 | * // require('./image.png')), in release mode
61 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
62 | *
63 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means
64 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
65 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle
66 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
67 | * // for example, you might want to remove it from here.
68 | * inputExcludes: ["android/**", "ios/**"],
69 | *
70 | * // override which node gets called and with what additional arguments
71 | * nodeExecutableAndArgs: ["node"],
72 | *
73 | * // supply additional arguments to the packager
74 | * extraPackagerArgs: []
75 | * ]
76 | */
77 |
78 | project.ext.react = [
79 | entryFile: "index.js",
80 | enableHermes: false, // clean and rebuild if changing
81 | ]
82 |
83 | apply from: "../../node_modules/react-native/react.gradle"
84 |
85 | /**
86 | * Set this to true to create two separate APKs instead of one:
87 | * - An APK that only works on ARM devices
88 | * - An APK that only works on x86 devices
89 | * The advantage is the size of the APK is reduced by about 4MB.
90 | * Upload all the APKs to the Play Store and people will download
91 | * the correct one based on the CPU architecture of their device.
92 | */
93 | def enableSeparateBuildPerCPUArchitecture = false
94 |
95 | /**
96 | * Run Proguard to shrink the Java bytecode in release builds.
97 | */
98 | def enableProguardInReleaseBuilds = false
99 |
100 | /**
101 | * The preferred build flavor of JavaScriptCore.
102 | *
103 | * For example, to use the international variant, you can use:
104 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
105 | *
106 | * The international variant includes ICU i18n library and necessary data
107 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
108 | * give correct results when using with locales other than en-US. Note that
109 | * this variant is about 6MiB larger per architecture than default.
110 | */
111 | def jscFlavor = 'org.webkit:android-jsc:+'
112 |
113 | /**
114 | * Whether to enable the Hermes VM.
115 | *
116 | * This should be set on project.ext.react and mirrored here. If it is not set
117 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
118 | * and the benefits of using Hermes will therefore be sharply reduced.
119 | */
120 | def enableHermes = project.ext.react.get("enableHermes", false);
121 |
122 | android {
123 | compileSdkVersion rootProject.ext.compileSdkVersion
124 |
125 | compileOptions {
126 | sourceCompatibility JavaVersion.VERSION_1_8
127 | targetCompatibility JavaVersion.VERSION_1_8
128 | }
129 |
130 | defaultConfig {
131 | applicationId "com.rncolorpalette"
132 | minSdkVersion rootProject.ext.minSdkVersion
133 | targetSdkVersion rootProject.ext.targetSdkVersion
134 | versionCode 1
135 | versionName "1.0"
136 | }
137 | splits {
138 | abi {
139 | reset()
140 | enable enableSeparateBuildPerCPUArchitecture
141 | universalApk false // If true, also generate a universal APK
142 | include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
143 | }
144 | }
145 | signingConfigs {
146 | debug {
147 | storeFile file('debug.keystore')
148 | storePassword 'android'
149 | keyAlias 'androiddebugkey'
150 | keyPassword 'android'
151 | }
152 | }
153 | buildTypes {
154 | debug {
155 | signingConfig signingConfigs.debug
156 | }
157 | release {
158 | // Caution! In production, you need to generate your own keystore file.
159 | // see https://facebook.github.io/react-native/docs/signed-apk-android.
160 | signingConfig signingConfigs.debug
161 | minifyEnabled enableProguardInReleaseBuilds
162 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
163 | }
164 | }
165 | // applicationVariants are e.g. debug, release
166 | applicationVariants.all { variant ->
167 | variant.outputs.each { output ->
168 | // For each separate APK per architecture, set a unique version code as described here:
169 | // https://developer.android.com/studio/build/configure-apk-splits.html
170 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
171 | def abi = output.getFilter(OutputFile.ABI)
172 | if (abi != null) { // null for the universal-debug, universal-release variants
173 | output.versionCodeOverride =
174 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
175 | }
176 |
177 | }
178 | }
179 | }
180 |
181 | dependencies {
182 | implementation fileTree(dir: "libs", include: ["*.jar"])
183 | implementation "com.facebook.react:react-native:+" // From node_modules
184 |
185 | if (enableHermes) {
186 | def hermesPath = "../../node_modules/hermes-engine/android/";
187 | debugImplementation files(hermesPath + "hermes-debug.aar")
188 | releaseImplementation files(hermesPath + "hermes-release.aar")
189 | } else {
190 | implementation jscFlavor
191 | }
192 | }
193 |
194 | // Run this once to be able to run the application with BUCK
195 | // puts all compile dependencies into folder libs for BUCK to use
196 | task copyDownloadableDepsToLibs(type: Copy) {
197 | from configurations.compile
198 | into 'libs'
199 | }
200 |
201 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
202 |
--------------------------------------------------------------------------------
/demo/android/app/build_defs.bzl:
--------------------------------------------------------------------------------
1 | """Helper definitions to glob .aar and .jar targets"""
2 |
3 | def create_aar_targets(aarfiles):
4 | for aarfile in aarfiles:
5 | name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
6 | lib_deps.append(":" + name)
7 | android_prebuilt_aar(
8 | name = name,
9 | aar = aarfile,
10 | )
11 |
12 | def create_jar_targets(jarfiles):
13 | for jarfile in jarfiles:
14 | name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
15 | lib_deps.append(":" + name)
16 | prebuilt_jar(
17 | name = name,
18 | binary_jar = jarfile,
19 | )
20 |
--------------------------------------------------------------------------------
/demo/android/app/debug.keystore:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/debug.keystore
--------------------------------------------------------------------------------
/demo/android/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # By default, the flags in this file are appended to flags specified
3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
4 | # You can edit the include path and order by changing the proguardFiles
5 | # directive in build.gradle.
6 | #
7 | # For more details, see
8 | # http://developer.android.com/guide/developing/tools/proguard.html
9 |
10 | # Add any project specific keep options here:
11 |
--------------------------------------------------------------------------------
/demo/android/app/src/debug/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/demo/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
13 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/demo/android/app/src/main/java/com/rncolorpalette/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.rncolorpalette;
2 |
3 | import com.facebook.react.ReactActivity;
4 |
5 | public class MainActivity extends ReactActivity {
6 |
7 | /**
8 | * Returns the name of the main component registered from JavaScript. This is used to schedule
9 | * rendering of the component.
10 | */
11 | @Override
12 | protected String getMainComponentName() {
13 | return "RNColorPalette";
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/demo/android/app/src/main/java/com/rncolorpalette/MainApplication.java:
--------------------------------------------------------------------------------
1 | package com.rncolorpalette;
2 |
3 | import android.app.Application;
4 | import android.content.Context;
5 | import com.facebook.react.PackageList;
6 | import com.facebook.react.ReactApplication;
7 | import com.facebook.react.ReactNativeHost;
8 | import com.facebook.react.ReactPackage;
9 | import com.facebook.soloader.SoLoader;
10 | import java.lang.reflect.InvocationTargetException;
11 | import java.util.List;
12 |
13 | public class MainApplication extends Application implements ReactApplication {
14 |
15 | private final ReactNativeHost mReactNativeHost =
16 | new ReactNativeHost(this) {
17 | @Override
18 | public boolean getUseDeveloperSupport() {
19 | return BuildConfig.DEBUG;
20 | }
21 |
22 | @Override
23 | protected List getPackages() {
24 | @SuppressWarnings("UnnecessaryLocalVariable")
25 | List packages = new PackageList(this).getPackages();
26 | // Packages that cannot be autolinked yet can be added manually here, for example:
27 | // packages.add(new MyReactNativePackage());
28 | return packages;
29 | }
30 |
31 | @Override
32 | protected String getJSMainModuleName() {
33 | return "index";
34 | }
35 | };
36 |
37 | @Override
38 | public ReactNativeHost getReactNativeHost() {
39 | return mReactNativeHost;
40 | }
41 |
42 | @Override
43 | public void onCreate() {
44 | super.onCreate();
45 | SoLoader.init(this, /* native exopackage */ false);
46 | initializeFlipper(this); // Remove this line if you don't want Flipper enabled
47 | }
48 |
49 | /**
50 | * Loads Flipper in React Native templates.
51 | *
52 | * @param context
53 | */
54 | private static void initializeFlipper(Context context) {
55 | if (BuildConfig.DEBUG) {
56 | try {
57 | /*
58 | We use reflection here to pick up the class that initializes Flipper,
59 | since Flipper library is not available in release mode
60 | */
61 | Class> aClass = Class.forName("com.facebook.flipper.ReactNativeFlipper");
62 | aClass.getMethod("initializeFlipper", Context.class).invoke(null, context);
63 | } catch (ClassNotFoundException e) {
64 | e.printStackTrace();
65 | } catch (NoSuchMethodException e) {
66 | e.printStackTrace();
67 | } catch (IllegalAccessException e) {
68 | e.printStackTrace();
69 | } catch (InvocationTargetException e) {
70 | e.printStackTrace();
71 | }
72 | }
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | RNColorPalette
3 |
4 |
--------------------------------------------------------------------------------
/demo/android/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/demo/android/build.gradle:
--------------------------------------------------------------------------------
1 | // Top-level build file where you can add configuration options common to all sub-projects/modules.
2 |
3 | buildscript {
4 | ext {
5 | buildToolsVersion = "28.0.3"
6 | minSdkVersion = 16
7 | compileSdkVersion = 28
8 | targetSdkVersion = 28
9 | }
10 | repositories {
11 | google()
12 | jcenter()
13 | }
14 | dependencies {
15 | classpath("com.android.tools.build:gradle:3.4.2")
16 |
17 | // NOTE: Do not place your application dependencies here; they belong
18 | // in the individual module build.gradle files
19 | }
20 | }
21 |
22 | allprojects {
23 | repositories {
24 | mavenLocal()
25 | maven {
26 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
27 | url("$rootDir/../node_modules/react-native/android")
28 | }
29 | maven {
30 | // Android JSC is installed from npm
31 | url("$rootDir/../node_modules/jsc-android/dist")
32 | }
33 |
34 | google()
35 | jcenter()
36 | maven { url 'https://jitpack.io' }
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/demo/android/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 |
3 | # IDE (e.g. Android Studio) users:
4 | # Gradle settings configured through the IDE *will override*
5 | # any settings specified in this file.
6 |
7 | # For more details on how to configure your build environment visit
8 | # http://www.gradle.org/docs/current/userguide/build_environment.html
9 |
10 | # Specifies the JVM arguments used for the daemon process.
11 | # The setting is particularly useful for tweaking memory settings.
12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m
13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
14 |
15 | # When configured, Gradle will run in incubating parallel mode.
16 | # This option should only be used with decoupled projects. More details, visit
17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
18 | # org.gradle.parallel=true
19 |
20 | android.useAndroidX=true
21 | android.enableJetifier=true
22 |
--------------------------------------------------------------------------------
/demo/android/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/demo/android/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/demo/android/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | distributionBase=GRADLE_USER_HOME
2 | distributionPath=wrapper/dists
3 | distributionUrl=https\://services.gradle.org/distributions/gradle-5.5-all.zip
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 |
--------------------------------------------------------------------------------
/demo/android/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | #
4 | # Copyright 2015 the original author or authors.
5 | #
6 | # Licensed under the Apache License, Version 2.0 (the "License");
7 | # you may not use this file except in compliance with the License.
8 | # You may obtain a copy of the License at
9 | #
10 | # http://www.apache.org/licenses/LICENSE-2.0
11 | #
12 | # Unless required by applicable law or agreed to in writing, software
13 | # distributed under the License is distributed on an "AS IS" BASIS,
14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 | # See the License for the specific language governing permissions and
16 | # limitations under the License.
17 | #
18 |
19 | ##############################################################################
20 | ##
21 | ## Gradle start up script for UN*X
22 | ##
23 | ##############################################################################
24 |
25 | # Attempt to set APP_HOME
26 | # Resolve links: $0 may be a link
27 | PRG="$0"
28 | # Need this for relative symlinks.
29 | while [ -h "$PRG" ] ; do
30 | ls=`ls -ld "$PRG"`
31 | link=`expr "$ls" : '.*-> \(.*\)$'`
32 | if expr "$link" : '/.*' > /dev/null; then
33 | PRG="$link"
34 | else
35 | PRG=`dirname "$PRG"`"/$link"
36 | fi
37 | done
38 | SAVED="`pwd`"
39 | cd "`dirname \"$PRG\"`/" >/dev/null
40 | APP_HOME="`pwd -P`"
41 | cd "$SAVED" >/dev/null
42 |
43 | APP_NAME="Gradle"
44 | APP_BASE_NAME=`basename "$0"`
45 |
46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
48 |
49 | # Use the maximum available, or set MAX_FD != -1 to use that value.
50 | MAX_FD="maximum"
51 |
52 | warn () {
53 | echo "$*"
54 | }
55 |
56 | die () {
57 | echo
58 | echo "$*"
59 | echo
60 | exit 1
61 | }
62 |
63 | # OS specific support (must be 'true' or 'false').
64 | cygwin=false
65 | msys=false
66 | darwin=false
67 | nonstop=false
68 | case "`uname`" in
69 | CYGWIN* )
70 | cygwin=true
71 | ;;
72 | Darwin* )
73 | darwin=true
74 | ;;
75 | MINGW* )
76 | msys=true
77 | ;;
78 | NONSTOP* )
79 | nonstop=true
80 | ;;
81 | esac
82 |
83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
84 |
85 | # Determine the Java command to use to start the JVM.
86 | if [ -n "$JAVA_HOME" ] ; then
87 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
88 | # IBM's JDK on AIX uses strange locations for the executables
89 | JAVACMD="$JAVA_HOME/jre/sh/java"
90 | else
91 | JAVACMD="$JAVA_HOME/bin/java"
92 | fi
93 | if [ ! -x "$JAVACMD" ] ; then
94 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
95 |
96 | Please set the JAVA_HOME variable in your environment to match the
97 | location of your Java installation."
98 | fi
99 | else
100 | JAVACMD="java"
101 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
102 |
103 | Please set the JAVA_HOME variable in your environment to match the
104 | location of your Java installation."
105 | fi
106 |
107 | # Increase the maximum file descriptors if we can.
108 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
109 | MAX_FD_LIMIT=`ulimit -H -n`
110 | if [ $? -eq 0 ] ; then
111 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
112 | MAX_FD="$MAX_FD_LIMIT"
113 | fi
114 | ulimit -n $MAX_FD
115 | if [ $? -ne 0 ] ; then
116 | warn "Could not set maximum file descriptor limit: $MAX_FD"
117 | fi
118 | else
119 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
120 | fi
121 | fi
122 |
123 | # For Darwin, add options to specify how the application appears in the dock
124 | if $darwin; then
125 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
126 | fi
127 |
128 | # For Cygwin, switch paths to Windows format before running java
129 | if $cygwin ; then
130 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
131 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
132 | JAVACMD=`cygpath --unix "$JAVACMD"`
133 |
134 | # We build the pattern for arguments to be converted via cygpath
135 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
136 | SEP=""
137 | for dir in $ROOTDIRSRAW ; do
138 | ROOTDIRS="$ROOTDIRS$SEP$dir"
139 | SEP="|"
140 | done
141 | OURCYGPATTERN="(^($ROOTDIRS))"
142 | # Add a user-defined pattern to the cygpath arguments
143 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
144 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
145 | fi
146 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
147 | i=0
148 | for arg in "$@" ; do
149 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
150 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
151 |
152 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
153 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
154 | else
155 | eval `echo args$i`="\"$arg\""
156 | fi
157 | i=$((i+1))
158 | done
159 | case $i in
160 | (0) set -- ;;
161 | (1) set -- "$args0" ;;
162 | (2) set -- "$args0" "$args1" ;;
163 | (3) set -- "$args0" "$args1" "$args2" ;;
164 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
165 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
166 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
167 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
168 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
169 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
170 | esac
171 | fi
172 |
173 | # Escape application args
174 | save () {
175 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
176 | echo " "
177 | }
178 | APP_ARGS=$(save "$@")
179 |
180 | # Collect all arguments for the java command, following the shell quoting and substitution rules
181 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
182 |
183 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
184 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
185 | cd "$(dirname "$0")"
186 | fi
187 |
188 | exec "$JAVACMD" "$@"
189 |
--------------------------------------------------------------------------------
/demo/android/gradlew.bat:
--------------------------------------------------------------------------------
1 | @rem
2 | @rem Copyright 2015 the original author or authors.
3 | @rem
4 | @rem Licensed under the Apache License, Version 2.0 (the "License");
5 | @rem you may not use this file except in compliance with the License.
6 | @rem You may obtain a copy of the License at
7 | @rem
8 | @rem http://www.apache.org/licenses/LICENSE-2.0
9 | @rem
10 | @rem Unless required by applicable law or agreed to in writing, software
11 | @rem distributed under the License is distributed on an "AS IS" BASIS,
12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | @rem See the License for the specific language governing permissions and
14 | @rem limitations under the License.
15 | @rem
16 |
17 | @if "%DEBUG%" == "" @echo off
18 | @rem ##########################################################################
19 | @rem
20 | @rem Gradle startup script for Windows
21 | @rem
22 | @rem ##########################################################################
23 |
24 | @rem Set local scope for the variables with windows NT shell
25 | if "%OS%"=="Windows_NT" setlocal
26 |
27 | set DIRNAME=%~dp0
28 | if "%DIRNAME%" == "" set DIRNAME=.
29 | set APP_BASE_NAME=%~n0
30 | set APP_HOME=%DIRNAME%
31 |
32 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
33 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
34 |
35 | @rem Find java.exe
36 | if defined JAVA_HOME goto findJavaFromJavaHome
37 |
38 | set JAVA_EXE=java.exe
39 | %JAVA_EXE% -version >NUL 2>&1
40 | if "%ERRORLEVEL%" == "0" goto init
41 |
42 | echo.
43 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
44 | echo.
45 | echo Please set the JAVA_HOME variable in your environment to match the
46 | echo location of your Java installation.
47 |
48 | goto fail
49 |
50 | :findJavaFromJavaHome
51 | set JAVA_HOME=%JAVA_HOME:"=%
52 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
53 |
54 | if exist "%JAVA_EXE%" goto init
55 |
56 | echo.
57 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
58 | echo.
59 | echo Please set the JAVA_HOME variable in your environment to match the
60 | echo location of your Java installation.
61 |
62 | goto fail
63 |
64 | :init
65 | @rem Get command-line arguments, handling Windows variants
66 |
67 | if not "%OS%" == "Windows_NT" goto win9xME_args
68 |
69 | :win9xME_args
70 | @rem Slurp the command line arguments.
71 | set CMD_LINE_ARGS=
72 | set _SKIP=2
73 |
74 | :win9xME_args_slurp
75 | if "x%~1" == "x" goto execute
76 |
77 | set CMD_LINE_ARGS=%*
78 |
79 | :execute
80 | @rem Setup the command line
81 |
82 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
83 |
84 | @rem Execute Gradle
85 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
86 |
87 | :end
88 | @rem End local scope for the variables with windows NT shell
89 | if "%ERRORLEVEL%"=="0" goto mainEnd
90 |
91 | :fail
92 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
93 | rem the _cmd.exe /c_ return code!
94 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
95 | exit /b 1
96 |
97 | :mainEnd
98 | if "%OS%"=="Windows_NT" endlocal
99 |
100 | :omega
101 |
--------------------------------------------------------------------------------
/demo/android/settings.gradle:
--------------------------------------------------------------------------------
1 | rootProject.name = 'RNColorPalette'
2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
3 | include ':app'
4 |
--------------------------------------------------------------------------------
/demo/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "RNColorPalette",
3 | "displayName": "RNColorPalette"
4 | }
--------------------------------------------------------------------------------
/demo/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: ['module:metro-react-native-babel-preset'],
3 | };
4 |
--------------------------------------------------------------------------------
/demo/colors.js:
--------------------------------------------------------------------------------
1 | export default [
2 | '#ffd655',
3 | '#abeb34',
4 | '#b4bec8',
5 | '#0acfae',
6 | '#ff6d01',
7 | '#8c34eb',
8 | '#00bef5',
9 | '#eb34e5',
10 | '#FF0001',
11 | '#963542'
12 | ];
13 |
--------------------------------------------------------------------------------
/demo/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @format
3 | */
4 |
5 | import {AppRegistry} from 'react-native';
6 | import App from './App';
7 | import {name as appName} from './app.json';
8 |
9 | AppRegistry.registerComponent(appName, () => App);
10 |
--------------------------------------------------------------------------------
/demo/ios/Podfile:
--------------------------------------------------------------------------------
1 | platform :ios, '9.0'
2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
3 |
4 | target 'RNColorPalette' do
5 | # Pods for RNColorPalette
6 | pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"
7 | pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"
8 | pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired"
9 | pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety"
10 | pod 'React', :path => '../node_modules/react-native/'
11 | pod 'React-Core', :path => '../node_modules/react-native/'
12 | pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules'
13 | pod 'React-Core/DevSupport', :path => '../node_modules/react-native/'
14 | pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'
15 | pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'
16 | pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'
17 | pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'
18 | pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'
19 | pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'
20 | pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'
21 | pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
22 | pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
23 | pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'
24 |
25 | pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
26 | pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
27 | pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
28 | pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
29 | pod 'ReactCommon/jscallinvoker', :path => "../node_modules/react-native/ReactCommon"
30 | pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"
31 | pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
32 |
33 | pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
34 | pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
35 | pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
36 |
37 | target 'RNColorPaletteTests' do
38 | inherit! :search_paths
39 | # Pods for testing
40 | end
41 |
42 | use_native_modules!
43 | end
44 |
45 | target 'RNColorPalette-tvOS' do
46 | # Pods for RNColorPalette-tvOS
47 |
48 | target 'RNColorPalette-tvOSTests' do
49 | inherit! :search_paths
50 | # Pods for testing
51 | end
52 |
53 | end
54 |
--------------------------------------------------------------------------------
/demo/ios/Podfile.lock:
--------------------------------------------------------------------------------
1 | PODS:
2 | - boost-for-react-native (1.63.0)
3 | - DoubleConversion (1.1.6)
4 | - FBLazyVector (0.61.5)
5 | - FBReactNativeSpec (0.61.5):
6 | - Folly (= 2018.10.22.00)
7 | - RCTRequired (= 0.61.5)
8 | - RCTTypeSafety (= 0.61.5)
9 | - React-Core (= 0.61.5)
10 | - React-jsi (= 0.61.5)
11 | - ReactCommon/turbomodule/core (= 0.61.5)
12 | - Folly (2018.10.22.00):
13 | - boost-for-react-native
14 | - DoubleConversion
15 | - Folly/Default (= 2018.10.22.00)
16 | - glog
17 | - Folly/Default (2018.10.22.00):
18 | - boost-for-react-native
19 | - DoubleConversion
20 | - glog
21 | - glog (0.3.5)
22 | - RCTRequired (0.61.5)
23 | - RCTTypeSafety (0.61.5):
24 | - FBLazyVector (= 0.61.5)
25 | - Folly (= 2018.10.22.00)
26 | - RCTRequired (= 0.61.5)
27 | - React-Core (= 0.61.5)
28 | - React (0.61.5):
29 | - React-Core (= 0.61.5)
30 | - React-Core/DevSupport (= 0.61.5)
31 | - React-Core/RCTWebSocket (= 0.61.5)
32 | - React-RCTActionSheet (= 0.61.5)
33 | - React-RCTAnimation (= 0.61.5)
34 | - React-RCTBlob (= 0.61.5)
35 | - React-RCTImage (= 0.61.5)
36 | - React-RCTLinking (= 0.61.5)
37 | - React-RCTNetwork (= 0.61.5)
38 | - React-RCTSettings (= 0.61.5)
39 | - React-RCTText (= 0.61.5)
40 | - React-RCTVibration (= 0.61.5)
41 | - React-Core (0.61.5):
42 | - Folly (= 2018.10.22.00)
43 | - glog
44 | - React-Core/Default (= 0.61.5)
45 | - React-cxxreact (= 0.61.5)
46 | - React-jsi (= 0.61.5)
47 | - React-jsiexecutor (= 0.61.5)
48 | - Yoga
49 | - React-Core/CoreModulesHeaders (0.61.5):
50 | - Folly (= 2018.10.22.00)
51 | - glog
52 | - React-Core/Default
53 | - React-cxxreact (= 0.61.5)
54 | - React-jsi (= 0.61.5)
55 | - React-jsiexecutor (= 0.61.5)
56 | - Yoga
57 | - React-Core/Default (0.61.5):
58 | - Folly (= 2018.10.22.00)
59 | - glog
60 | - React-cxxreact (= 0.61.5)
61 | - React-jsi (= 0.61.5)
62 | - React-jsiexecutor (= 0.61.5)
63 | - Yoga
64 | - React-Core/DevSupport (0.61.5):
65 | - Folly (= 2018.10.22.00)
66 | - glog
67 | - React-Core/Default (= 0.61.5)
68 | - React-Core/RCTWebSocket (= 0.61.5)
69 | - React-cxxreact (= 0.61.5)
70 | - React-jsi (= 0.61.5)
71 | - React-jsiexecutor (= 0.61.5)
72 | - React-jsinspector (= 0.61.5)
73 | - Yoga
74 | - React-Core/RCTActionSheetHeaders (0.61.5):
75 | - Folly (= 2018.10.22.00)
76 | - glog
77 | - React-Core/Default
78 | - React-cxxreact (= 0.61.5)
79 | - React-jsi (= 0.61.5)
80 | - React-jsiexecutor (= 0.61.5)
81 | - Yoga
82 | - React-Core/RCTAnimationHeaders (0.61.5):
83 | - Folly (= 2018.10.22.00)
84 | - glog
85 | - React-Core/Default
86 | - React-cxxreact (= 0.61.5)
87 | - React-jsi (= 0.61.5)
88 | - React-jsiexecutor (= 0.61.5)
89 | - Yoga
90 | - React-Core/RCTBlobHeaders (0.61.5):
91 | - Folly (= 2018.10.22.00)
92 | - glog
93 | - React-Core/Default
94 | - React-cxxreact (= 0.61.5)
95 | - React-jsi (= 0.61.5)
96 | - React-jsiexecutor (= 0.61.5)
97 | - Yoga
98 | - React-Core/RCTImageHeaders (0.61.5):
99 | - Folly (= 2018.10.22.00)
100 | - glog
101 | - React-Core/Default
102 | - React-cxxreact (= 0.61.5)
103 | - React-jsi (= 0.61.5)
104 | - React-jsiexecutor (= 0.61.5)
105 | - Yoga
106 | - React-Core/RCTLinkingHeaders (0.61.5):
107 | - Folly (= 2018.10.22.00)
108 | - glog
109 | - React-Core/Default
110 | - React-cxxreact (= 0.61.5)
111 | - React-jsi (= 0.61.5)
112 | - React-jsiexecutor (= 0.61.5)
113 | - Yoga
114 | - React-Core/RCTNetworkHeaders (0.61.5):
115 | - Folly (= 2018.10.22.00)
116 | - glog
117 | - React-Core/Default
118 | - React-cxxreact (= 0.61.5)
119 | - React-jsi (= 0.61.5)
120 | - React-jsiexecutor (= 0.61.5)
121 | - Yoga
122 | - React-Core/RCTSettingsHeaders (0.61.5):
123 | - Folly (= 2018.10.22.00)
124 | - glog
125 | - React-Core/Default
126 | - React-cxxreact (= 0.61.5)
127 | - React-jsi (= 0.61.5)
128 | - React-jsiexecutor (= 0.61.5)
129 | - Yoga
130 | - React-Core/RCTTextHeaders (0.61.5):
131 | - Folly (= 2018.10.22.00)
132 | - glog
133 | - React-Core/Default
134 | - React-cxxreact (= 0.61.5)
135 | - React-jsi (= 0.61.5)
136 | - React-jsiexecutor (= 0.61.5)
137 | - Yoga
138 | - React-Core/RCTVibrationHeaders (0.61.5):
139 | - Folly (= 2018.10.22.00)
140 | - glog
141 | - React-Core/Default
142 | - React-cxxreact (= 0.61.5)
143 | - React-jsi (= 0.61.5)
144 | - React-jsiexecutor (= 0.61.5)
145 | - Yoga
146 | - React-Core/RCTWebSocket (0.61.5):
147 | - Folly (= 2018.10.22.00)
148 | - glog
149 | - React-Core/Default (= 0.61.5)
150 | - React-cxxreact (= 0.61.5)
151 | - React-jsi (= 0.61.5)
152 | - React-jsiexecutor (= 0.61.5)
153 | - Yoga
154 | - React-CoreModules (0.61.5):
155 | - FBReactNativeSpec (= 0.61.5)
156 | - Folly (= 2018.10.22.00)
157 | - RCTTypeSafety (= 0.61.5)
158 | - React-Core/CoreModulesHeaders (= 0.61.5)
159 | - React-RCTImage (= 0.61.5)
160 | - ReactCommon/turbomodule/core (= 0.61.5)
161 | - React-cxxreact (0.61.5):
162 | - boost-for-react-native (= 1.63.0)
163 | - DoubleConversion
164 | - Folly (= 2018.10.22.00)
165 | - glog
166 | - React-jsinspector (= 0.61.5)
167 | - React-jsi (0.61.5):
168 | - boost-for-react-native (= 1.63.0)
169 | - DoubleConversion
170 | - Folly (= 2018.10.22.00)
171 | - glog
172 | - React-jsi/Default (= 0.61.5)
173 | - React-jsi/Default (0.61.5):
174 | - boost-for-react-native (= 1.63.0)
175 | - DoubleConversion
176 | - Folly (= 2018.10.22.00)
177 | - glog
178 | - React-jsiexecutor (0.61.5):
179 | - DoubleConversion
180 | - Folly (= 2018.10.22.00)
181 | - glog
182 | - React-cxxreact (= 0.61.5)
183 | - React-jsi (= 0.61.5)
184 | - React-jsinspector (0.61.5)
185 | - React-RCTActionSheet (0.61.5):
186 | - React-Core/RCTActionSheetHeaders (= 0.61.5)
187 | - React-RCTAnimation (0.61.5):
188 | - React-Core/RCTAnimationHeaders (= 0.61.5)
189 | - React-RCTBlob (0.61.5):
190 | - React-Core/RCTBlobHeaders (= 0.61.5)
191 | - React-Core/RCTWebSocket (= 0.61.5)
192 | - React-jsi (= 0.61.5)
193 | - React-RCTNetwork (= 0.61.5)
194 | - React-RCTImage (0.61.5):
195 | - React-Core/RCTImageHeaders (= 0.61.5)
196 | - React-RCTNetwork (= 0.61.5)
197 | - React-RCTLinking (0.61.5):
198 | - React-Core/RCTLinkingHeaders (= 0.61.5)
199 | - React-RCTNetwork (0.61.5):
200 | - React-Core/RCTNetworkHeaders (= 0.61.5)
201 | - React-RCTSettings (0.61.5):
202 | - React-Core/RCTSettingsHeaders (= 0.61.5)
203 | - React-RCTText (0.61.5):
204 | - React-Core/RCTTextHeaders (= 0.61.5)
205 | - React-RCTVibration (0.61.5):
206 | - React-Core/RCTVibrationHeaders (= 0.61.5)
207 | - ReactCommon/jscallinvoker (0.61.5):
208 | - DoubleConversion
209 | - Folly (= 2018.10.22.00)
210 | - glog
211 | - React-cxxreact (= 0.61.5)
212 | - ReactCommon/turbomodule/core (0.61.5):
213 | - DoubleConversion
214 | - Folly (= 2018.10.22.00)
215 | - glog
216 | - React-Core (= 0.61.5)
217 | - React-cxxreact (= 0.61.5)
218 | - React-jsi (= 0.61.5)
219 | - ReactCommon/jscallinvoker (= 0.61.5)
220 | - Yoga (1.14.0)
221 |
222 | DEPENDENCIES:
223 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
224 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
225 | - FBReactNativeSpec (from `../node_modules/react-native/Libraries/FBReactNativeSpec`)
226 | - Folly (from `../node_modules/react-native/third-party-podspecs/Folly.podspec`)
227 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
228 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`)
229 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`)
230 | - React (from `../node_modules/react-native/`)
231 | - React-Core (from `../node_modules/react-native/`)
232 | - React-Core/DevSupport (from `../node_modules/react-native/`)
233 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`)
234 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`)
235 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`)
236 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`)
237 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
238 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
239 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
240 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`)
241 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`)
242 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`)
243 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`)
244 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`)
245 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`)
246 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`)
247 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
248 | - ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
249 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
250 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
251 |
252 | SPEC REPOS:
253 | trunk:
254 | - boost-for-react-native
255 |
256 | EXTERNAL SOURCES:
257 | DoubleConversion:
258 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec"
259 | FBLazyVector:
260 | :path: "../node_modules/react-native/Libraries/FBLazyVector"
261 | FBReactNativeSpec:
262 | :path: "../node_modules/react-native/Libraries/FBReactNativeSpec"
263 | Folly:
264 | :podspec: "../node_modules/react-native/third-party-podspecs/Folly.podspec"
265 | glog:
266 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec"
267 | RCTRequired:
268 | :path: "../node_modules/react-native/Libraries/RCTRequired"
269 | RCTTypeSafety:
270 | :path: "../node_modules/react-native/Libraries/TypeSafety"
271 | React:
272 | :path: "../node_modules/react-native/"
273 | React-Core:
274 | :path: "../node_modules/react-native/"
275 | React-CoreModules:
276 | :path: "../node_modules/react-native/React/CoreModules"
277 | React-cxxreact:
278 | :path: "../node_modules/react-native/ReactCommon/cxxreact"
279 | React-jsi:
280 | :path: "../node_modules/react-native/ReactCommon/jsi"
281 | React-jsiexecutor:
282 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor"
283 | React-jsinspector:
284 | :path: "../node_modules/react-native/ReactCommon/jsinspector"
285 | React-RCTActionSheet:
286 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS"
287 | React-RCTAnimation:
288 | :path: "../node_modules/react-native/Libraries/NativeAnimation"
289 | React-RCTBlob:
290 | :path: "../node_modules/react-native/Libraries/Blob"
291 | React-RCTImage:
292 | :path: "../node_modules/react-native/Libraries/Image"
293 | React-RCTLinking:
294 | :path: "../node_modules/react-native/Libraries/LinkingIOS"
295 | React-RCTNetwork:
296 | :path: "../node_modules/react-native/Libraries/Network"
297 | React-RCTSettings:
298 | :path: "../node_modules/react-native/Libraries/Settings"
299 | React-RCTText:
300 | :path: "../node_modules/react-native/Libraries/Text"
301 | React-RCTVibration:
302 | :path: "../node_modules/react-native/Libraries/Vibration"
303 | ReactCommon:
304 | :path: "../node_modules/react-native/ReactCommon"
305 | Yoga:
306 | :path: "../node_modules/react-native/ReactCommon/yoga"
307 |
308 | SPEC CHECKSUMS:
309 | boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
310 | DoubleConversion: 5805e889d232975c086db112ece9ed034df7a0b2
311 | FBLazyVector: aaeaf388755e4f29cd74acbc9e3b8da6d807c37f
312 | FBReactNativeSpec: 118d0d177724c2d67f08a59136eb29ef5943ec75
313 | Folly: 30e7936e1c45c08d884aa59369ed951a8e68cf51
314 | glog: 1f3da668190260b06b429bb211bfbee5cd790c28
315 | RCTRequired: b153add4da6e7dbc44aebf93f3cf4fcae392ddf1
316 | RCTTypeSafety: 9aa1b91d7f9310fc6eadc3cf95126ffe818af320
317 | React: b6a59ef847b2b40bb6e0180a97d0ca716969ac78
318 | React-Core: 688b451f7d616cc1134ac95295b593d1b5158a04
319 | React-CoreModules: d04f8494c1a328b69ec11db9d1137d667f916dcb
320 | React-cxxreact: d0f7bcafa196ae410e5300736b424455e7fb7ba7
321 | React-jsi: cb2cd74d7ccf4cffb071a46833613edc79cdf8f7
322 | React-jsiexecutor: d5525f9ed5f782fdbacb64b9b01a43a9323d2386
323 | React-jsinspector: fa0ecc501688c3c4c34f28834a76302233e29dc0
324 | React-RCTActionSheet: 600b4d10e3aea0913b5a92256d2719c0cdd26d76
325 | React-RCTAnimation: 791a87558389c80908ed06cc5dfc5e7920dfa360
326 | React-RCTBlob: d89293cc0236d9cb0933d85e430b0bbe81ad1d72
327 | React-RCTImage: 6b8e8df449eb7c814c99a92d6b52de6fe39dea4e
328 | React-RCTLinking: 121bb231c7503cf9094f4d8461b96a130fabf4a5
329 | React-RCTNetwork: fb353640aafcee84ca8b78957297bd395f065c9a
330 | React-RCTSettings: 8db258ea2a5efee381fcf7a6d5044e2f8b68b640
331 | React-RCTText: 9ccc88273e9a3aacff5094d2175a605efa854dbe
332 | React-RCTVibration: a49a1f42bf8f5acf1c3e297097517c6b3af377ad
333 | ReactCommon: 198c7c8d3591f975e5431bec1b0b3b581aa1c5dd
334 | Yoga: f2a7cd4280bfe2cca5a7aed98ba0eb3d1310f18b
335 |
336 | PODFILE CHECKSUM: dfd39d6730d4d13c56363a6e0c10448eb6630b29
337 |
338 | COCOAPODS: 1.9.0
339 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette-tvOS/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | APPL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 | LSRequiresIPhoneOS
24 |
25 | NSAppTransportSecurity
26 |
27 | NSExceptionDomains
28 |
29 | localhost
30 |
31 | NSExceptionAllowsInsecureHTTPLoads
32 |
33 |
34 |
35 |
36 | NSLocationWhenInUseUsageDescription
37 |
38 | UILaunchStoryboardName
39 | LaunchScreen
40 | UIRequiredDeviceCapabilities
41 |
42 | armv7
43 |
44 | UISupportedInterfaceOrientations
45 |
46 | UIInterfaceOrientationPortrait
47 | UIInterfaceOrientationLandscapeLeft
48 | UIInterfaceOrientationLandscapeRight
49 |
50 | UIViewControllerBasedStatusBarAppearance
51 |
52 |
53 |
54 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette-tvOSTests/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | BNDL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 |
24 |
25 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette.xcodeproj/project.pbxproj:
--------------------------------------------------------------------------------
1 | // !$*UTF8*$!
2 | {
3 | archiveVersion = 1;
4 | classes = {
5 | };
6 | objectVersion = 46;
7 | objects = {
8 |
9 | /* Begin PBXBuildFile section */
10 | 00E356F31AD99517003FC87E /* RNColorPaletteTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* RNColorPaletteTests.m */; };
11 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
12 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
13 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
14 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
15 | 1EC33C512FBE3F9E58E0E3A4 /* libPods-RNColorPaletteTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = EC453817E2DFCDCF75CCECC6 /* libPods-RNColorPaletteTests.a */; };
16 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
17 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
18 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
19 | 2DCD954D1E0B4F2C00145EB5 /* RNColorPaletteTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* RNColorPaletteTests.m */; };
20 | 4B558F0F97E14B67DA15946F /* libPods-RNColorPalette-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D8C21C97676CACE32DFB5BF9 /* libPods-RNColorPalette-tvOS.a */; };
21 | C2C8D1EBDBD912EFCBB5E00C /* libPods-RNColorPalette-tvOSTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3738716D8DAC35FEF6CF251C /* libPods-RNColorPalette-tvOSTests.a */; };
22 | F7699FE39DED2FAC16F58CE5 /* libPods-RNColorPalette.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 349EFAEA94AAF0E2B6D56DE1 /* libPods-RNColorPalette.a */; };
23 | /* End PBXBuildFile section */
24 |
25 | /* Begin PBXContainerItemProxy section */
26 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
27 | isa = PBXContainerItemProxy;
28 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
29 | proxyType = 1;
30 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
31 | remoteInfo = RNColorPalette;
32 | };
33 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = {
34 | isa = PBXContainerItemProxy;
35 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
36 | proxyType = 1;
37 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7;
38 | remoteInfo = "RNColorPalette-tvOS";
39 | };
40 | /* End PBXContainerItemProxy section */
41 |
42 | /* Begin PBXFileReference section */
43 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; };
44 | 00E356EE1AD99517003FC87E /* RNColorPaletteTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNColorPaletteTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
45 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
46 | 00E356F21AD99517003FC87E /* RNColorPaletteTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNColorPaletteTests.m; sourceTree = ""; };
47 | 13B07F961A680F5B00A75B9A /* RNColorPalette.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = RNColorPalette.app; sourceTree = BUILT_PRODUCTS_DIR; };
48 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = RNColorPalette/AppDelegate.h; sourceTree = ""; };
49 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = RNColorPalette/AppDelegate.m; sourceTree = ""; };
50 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; };
51 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = RNColorPalette/Images.xcassets; sourceTree = ""; };
52 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = RNColorPalette/Info.plist; sourceTree = ""; };
53 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = RNColorPalette/main.m; sourceTree = ""; };
54 | 2D02E47B1E0B4A5D006451C7 /* RNColorPalette-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "RNColorPalette-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
55 | 2D02E4901E0B4A5D006451C7 /* RNColorPalette-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNColorPalette-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
56 | 349EFAEA94AAF0E2B6D56DE1 /* libPods-RNColorPalette.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNColorPalette.a"; sourceTree = BUILT_PRODUCTS_DIR; };
57 | 3738716D8DAC35FEF6CF251C /* libPods-RNColorPalette-tvOSTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNColorPalette-tvOSTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
58 | 55CEEE80EDFE28EE97B4F5C3 /* Pods-RNColorPaletteTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPaletteTests.release.xcconfig"; path = "Target Support Files/Pods-RNColorPaletteTests/Pods-RNColorPaletteTests.release.xcconfig"; sourceTree = ""; };
59 | 6B4AA7F7280561EB15D446BE /* Pods-RNColorPaletteTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPaletteTests.debug.xcconfig"; path = "Target Support Files/Pods-RNColorPaletteTests/Pods-RNColorPaletteTests.debug.xcconfig"; sourceTree = ""; };
60 | 6D59EDF96C3B74E653000370 /* Pods-RNColorPalette-tvOS.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPalette-tvOS.release.xcconfig"; path = "Target Support Files/Pods-RNColorPalette-tvOS/Pods-RNColorPalette-tvOS.release.xcconfig"; sourceTree = ""; };
61 | 72010F8CEFA817C0236A540C /* Pods-RNColorPalette.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPalette.release.xcconfig"; path = "Target Support Files/Pods-RNColorPalette/Pods-RNColorPalette.release.xcconfig"; sourceTree = ""; };
62 | 8FDDC09C1747CB92D991E957 /* Pods-RNColorPalette-tvOS.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPalette-tvOS.debug.xcconfig"; path = "Target Support Files/Pods-RNColorPalette-tvOS/Pods-RNColorPalette-tvOS.debug.xcconfig"; sourceTree = ""; };
63 | A87F63A783EAC3DC20E75F85 /* Pods-RNColorPalette-tvOSTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPalette-tvOSTests.debug.xcconfig"; path = "Target Support Files/Pods-RNColorPalette-tvOSTests/Pods-RNColorPalette-tvOSTests.debug.xcconfig"; sourceTree = ""; };
64 | D8C21C97676CACE32DFB5BF9 /* libPods-RNColorPalette-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNColorPalette-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
65 | DFE30A5A691A10BED8D9D64A /* Pods-RNColorPalette-tvOSTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPalette-tvOSTests.release.xcconfig"; path = "Target Support Files/Pods-RNColorPalette-tvOSTests/Pods-RNColorPalette-tvOSTests.release.xcconfig"; sourceTree = ""; };
66 | EC453817E2DFCDCF75CCECC6 /* libPods-RNColorPaletteTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNColorPaletteTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
67 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
68 | ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
69 | FCD8B6D7F18794330A59EBDA /* Pods-RNColorPalette.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNColorPalette.debug.xcconfig"; path = "Target Support Files/Pods-RNColorPalette/Pods-RNColorPalette.debug.xcconfig"; sourceTree = ""; };
70 | /* End PBXFileReference section */
71 |
72 | /* Begin PBXFrameworksBuildPhase section */
73 | 00E356EB1AD99517003FC87E /* Frameworks */ = {
74 | isa = PBXFrameworksBuildPhase;
75 | buildActionMask = 2147483647;
76 | files = (
77 | 1EC33C512FBE3F9E58E0E3A4 /* libPods-RNColorPaletteTests.a in Frameworks */,
78 | );
79 | runOnlyForDeploymentPostprocessing = 0;
80 | };
81 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
82 | isa = PBXFrameworksBuildPhase;
83 | buildActionMask = 2147483647;
84 | files = (
85 | F7699FE39DED2FAC16F58CE5 /* libPods-RNColorPalette.a in Frameworks */,
86 | );
87 | runOnlyForDeploymentPostprocessing = 0;
88 | };
89 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = {
90 | isa = PBXFrameworksBuildPhase;
91 | buildActionMask = 2147483647;
92 | files = (
93 | 4B558F0F97E14B67DA15946F /* libPods-RNColorPalette-tvOS.a in Frameworks */,
94 | );
95 | runOnlyForDeploymentPostprocessing = 0;
96 | };
97 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = {
98 | isa = PBXFrameworksBuildPhase;
99 | buildActionMask = 2147483647;
100 | files = (
101 | C2C8D1EBDBD912EFCBB5E00C /* libPods-RNColorPalette-tvOSTests.a in Frameworks */,
102 | );
103 | runOnlyForDeploymentPostprocessing = 0;
104 | };
105 | /* End PBXFrameworksBuildPhase section */
106 |
107 | /* Begin PBXGroup section */
108 | 00E356EF1AD99517003FC87E /* RNColorPaletteTests */ = {
109 | isa = PBXGroup;
110 | children = (
111 | 00E356F21AD99517003FC87E /* RNColorPaletteTests.m */,
112 | 00E356F01AD99517003FC87E /* Supporting Files */,
113 | );
114 | path = RNColorPaletteTests;
115 | sourceTree = "";
116 | };
117 | 00E356F01AD99517003FC87E /* Supporting Files */ = {
118 | isa = PBXGroup;
119 | children = (
120 | 00E356F11AD99517003FC87E /* Info.plist */,
121 | );
122 | name = "Supporting Files";
123 | sourceTree = "";
124 | };
125 | 13B07FAE1A68108700A75B9A /* RNColorPalette */ = {
126 | isa = PBXGroup;
127 | children = (
128 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */,
129 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */,
130 | 13B07FB01A68108700A75B9A /* AppDelegate.m */,
131 | 13B07FB51A68108700A75B9A /* Images.xcassets */,
132 | 13B07FB61A68108700A75B9A /* Info.plist */,
133 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
134 | 13B07FB71A68108700A75B9A /* main.m */,
135 | );
136 | name = RNColorPalette;
137 | sourceTree = "";
138 | };
139 | 1AC1B6CCEF80CF9471F1A21A /* Pods */ = {
140 | isa = PBXGroup;
141 | children = (
142 | FCD8B6D7F18794330A59EBDA /* Pods-RNColorPalette.debug.xcconfig */,
143 | 72010F8CEFA817C0236A540C /* Pods-RNColorPalette.release.xcconfig */,
144 | 8FDDC09C1747CB92D991E957 /* Pods-RNColorPalette-tvOS.debug.xcconfig */,
145 | 6D59EDF96C3B74E653000370 /* Pods-RNColorPalette-tvOS.release.xcconfig */,
146 | A87F63A783EAC3DC20E75F85 /* Pods-RNColorPalette-tvOSTests.debug.xcconfig */,
147 | DFE30A5A691A10BED8D9D64A /* Pods-RNColorPalette-tvOSTests.release.xcconfig */,
148 | 6B4AA7F7280561EB15D446BE /* Pods-RNColorPaletteTests.debug.xcconfig */,
149 | 55CEEE80EDFE28EE97B4F5C3 /* Pods-RNColorPaletteTests.release.xcconfig */,
150 | );
151 | name = Pods;
152 | path = Pods;
153 | sourceTree = "";
154 | };
155 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
156 | isa = PBXGroup;
157 | children = (
158 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
159 | ED2971642150620600B7C4FE /* JavaScriptCore.framework */,
160 | 349EFAEA94AAF0E2B6D56DE1 /* libPods-RNColorPalette.a */,
161 | D8C21C97676CACE32DFB5BF9 /* libPods-RNColorPalette-tvOS.a */,
162 | 3738716D8DAC35FEF6CF251C /* libPods-RNColorPalette-tvOSTests.a */,
163 | EC453817E2DFCDCF75CCECC6 /* libPods-RNColorPaletteTests.a */,
164 | );
165 | name = Frameworks;
166 | sourceTree = "";
167 | };
168 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = {
169 | isa = PBXGroup;
170 | children = (
171 | );
172 | name = Libraries;
173 | sourceTree = "";
174 | };
175 | 83CBB9F61A601CBA00E9B192 = {
176 | isa = PBXGroup;
177 | children = (
178 | 13B07FAE1A68108700A75B9A /* RNColorPalette */,
179 | 832341AE1AAA6A7D00B99B32 /* Libraries */,
180 | 00E356EF1AD99517003FC87E /* RNColorPaletteTests */,
181 | 83CBBA001A601CBA00E9B192 /* Products */,
182 | 2D16E6871FA4F8E400B85C8A /* Frameworks */,
183 | 1AC1B6CCEF80CF9471F1A21A /* Pods */,
184 | );
185 | indentWidth = 2;
186 | sourceTree = "";
187 | tabWidth = 2;
188 | usesTabs = 0;
189 | };
190 | 83CBBA001A601CBA00E9B192 /* Products */ = {
191 | isa = PBXGroup;
192 | children = (
193 | 13B07F961A680F5B00A75B9A /* RNColorPalette.app */,
194 | 00E356EE1AD99517003FC87E /* RNColorPaletteTests.xctest */,
195 | 2D02E47B1E0B4A5D006451C7 /* RNColorPalette-tvOS.app */,
196 | 2D02E4901E0B4A5D006451C7 /* RNColorPalette-tvOSTests.xctest */,
197 | );
198 | name = Products;
199 | sourceTree = "";
200 | };
201 | /* End PBXGroup section */
202 |
203 | /* Begin PBXNativeTarget section */
204 | 00E356ED1AD99517003FC87E /* RNColorPaletteTests */ = {
205 | isa = PBXNativeTarget;
206 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "RNColorPaletteTests" */;
207 | buildPhases = (
208 | 36581B7B62471EF02293685A /* [CP] Check Pods Manifest.lock */,
209 | 00E356EA1AD99517003FC87E /* Sources */,
210 | 00E356EB1AD99517003FC87E /* Frameworks */,
211 | 00E356EC1AD99517003FC87E /* Resources */,
212 | );
213 | buildRules = (
214 | );
215 | dependencies = (
216 | 00E356F51AD99517003FC87E /* PBXTargetDependency */,
217 | );
218 | name = RNColorPaletteTests;
219 | productName = RNColorPaletteTests;
220 | productReference = 00E356EE1AD99517003FC87E /* RNColorPaletteTests.xctest */;
221 | productType = "com.apple.product-type.bundle.unit-test";
222 | };
223 | 13B07F861A680F5B00A75B9A /* RNColorPalette */ = {
224 | isa = PBXNativeTarget;
225 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNColorPalette" */;
226 | buildPhases = (
227 | 47E8B257763DF621C22C7193 /* [CP] Check Pods Manifest.lock */,
228 | FD10A7F022414F080027D42C /* Start Packager */,
229 | 13B07F871A680F5B00A75B9A /* Sources */,
230 | 13B07F8C1A680F5B00A75B9A /* Frameworks */,
231 | 13B07F8E1A680F5B00A75B9A /* Resources */,
232 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
233 | );
234 | buildRules = (
235 | );
236 | dependencies = (
237 | );
238 | name = RNColorPalette;
239 | productName = RNColorPalette;
240 | productReference = 13B07F961A680F5B00A75B9A /* RNColorPalette.app */;
241 | productType = "com.apple.product-type.application";
242 | };
243 | 2D02E47A1E0B4A5D006451C7 /* RNColorPalette-tvOS */ = {
244 | isa = PBXNativeTarget;
245 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "RNColorPalette-tvOS" */;
246 | buildPhases = (
247 | FB93990797A3CBD8F48AA2F3 /* [CP] Check Pods Manifest.lock */,
248 | FD10A7F122414F3F0027D42C /* Start Packager */,
249 | 2D02E4771E0B4A5D006451C7 /* Sources */,
250 | 2D02E4781E0B4A5D006451C7 /* Frameworks */,
251 | 2D02E4791E0B4A5D006451C7 /* Resources */,
252 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */,
253 | );
254 | buildRules = (
255 | );
256 | dependencies = (
257 | );
258 | name = "RNColorPalette-tvOS";
259 | productName = "RNColorPalette-tvOS";
260 | productReference = 2D02E47B1E0B4A5D006451C7 /* RNColorPalette-tvOS.app */;
261 | productType = "com.apple.product-type.application";
262 | };
263 | 2D02E48F1E0B4A5D006451C7 /* RNColorPalette-tvOSTests */ = {
264 | isa = PBXNativeTarget;
265 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "RNColorPalette-tvOSTests" */;
266 | buildPhases = (
267 | 31E1CD04DFA3D87D403A22E8 /* [CP] Check Pods Manifest.lock */,
268 | 2D02E48C1E0B4A5D006451C7 /* Sources */,
269 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */,
270 | 2D02E48E1E0B4A5D006451C7 /* Resources */,
271 | );
272 | buildRules = (
273 | );
274 | dependencies = (
275 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */,
276 | );
277 | name = "RNColorPalette-tvOSTests";
278 | productName = "RNColorPalette-tvOSTests";
279 | productReference = 2D02E4901E0B4A5D006451C7 /* RNColorPalette-tvOSTests.xctest */;
280 | productType = "com.apple.product-type.bundle.unit-test";
281 | };
282 | /* End PBXNativeTarget section */
283 |
284 | /* Begin PBXProject section */
285 | 83CBB9F71A601CBA00E9B192 /* Project object */ = {
286 | isa = PBXProject;
287 | attributes = {
288 | LastUpgradeCheck = 0940;
289 | ORGANIZATIONNAME = Facebook;
290 | TargetAttributes = {
291 | 00E356ED1AD99517003FC87E = {
292 | CreatedOnToolsVersion = 6.2;
293 | TestTargetID = 13B07F861A680F5B00A75B9A;
294 | };
295 | 2D02E47A1E0B4A5D006451C7 = {
296 | CreatedOnToolsVersion = 8.2.1;
297 | ProvisioningStyle = Automatic;
298 | };
299 | 2D02E48F1E0B4A5D006451C7 = {
300 | CreatedOnToolsVersion = 8.2.1;
301 | ProvisioningStyle = Automatic;
302 | TestTargetID = 2D02E47A1E0B4A5D006451C7;
303 | };
304 | };
305 | };
306 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNColorPalette" */;
307 | compatibilityVersion = "Xcode 3.2";
308 | developmentRegion = English;
309 | hasScannedForEncodings = 0;
310 | knownRegions = (
311 | en,
312 | Base,
313 | );
314 | mainGroup = 83CBB9F61A601CBA00E9B192;
315 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
316 | projectDirPath = "";
317 | projectRoot = "";
318 | targets = (
319 | 13B07F861A680F5B00A75B9A /* RNColorPalette */,
320 | 00E356ED1AD99517003FC87E /* RNColorPaletteTests */,
321 | 2D02E47A1E0B4A5D006451C7 /* RNColorPalette-tvOS */,
322 | 2D02E48F1E0B4A5D006451C7 /* RNColorPalette-tvOSTests */,
323 | );
324 | };
325 | /* End PBXProject section */
326 |
327 | /* Begin PBXResourcesBuildPhase section */
328 | 00E356EC1AD99517003FC87E /* Resources */ = {
329 | isa = PBXResourcesBuildPhase;
330 | buildActionMask = 2147483647;
331 | files = (
332 | );
333 | runOnlyForDeploymentPostprocessing = 0;
334 | };
335 | 13B07F8E1A680F5B00A75B9A /* Resources */ = {
336 | isa = PBXResourcesBuildPhase;
337 | buildActionMask = 2147483647;
338 | files = (
339 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
340 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
341 | );
342 | runOnlyForDeploymentPostprocessing = 0;
343 | };
344 | 2D02E4791E0B4A5D006451C7 /* Resources */ = {
345 | isa = PBXResourcesBuildPhase;
346 | buildActionMask = 2147483647;
347 | files = (
348 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */,
349 | );
350 | runOnlyForDeploymentPostprocessing = 0;
351 | };
352 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = {
353 | isa = PBXResourcesBuildPhase;
354 | buildActionMask = 2147483647;
355 | files = (
356 | );
357 | runOnlyForDeploymentPostprocessing = 0;
358 | };
359 | /* End PBXResourcesBuildPhase section */
360 |
361 | /* Begin PBXShellScriptBuildPhase section */
362 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
363 | isa = PBXShellScriptBuildPhase;
364 | buildActionMask = 2147483647;
365 | files = (
366 | );
367 | inputPaths = (
368 | );
369 | name = "Bundle React Native code and images";
370 | outputPaths = (
371 | );
372 | runOnlyForDeploymentPostprocessing = 0;
373 | shellPath = /bin/sh;
374 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
375 | };
376 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {
377 | isa = PBXShellScriptBuildPhase;
378 | buildActionMask = 2147483647;
379 | files = (
380 | );
381 | inputPaths = (
382 | );
383 | name = "Bundle React Native Code And Images";
384 | outputPaths = (
385 | );
386 | runOnlyForDeploymentPostprocessing = 0;
387 | shellPath = /bin/sh;
388 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
389 | };
390 | 31E1CD04DFA3D87D403A22E8 /* [CP] Check Pods Manifest.lock */ = {
391 | isa = PBXShellScriptBuildPhase;
392 | buildActionMask = 2147483647;
393 | files = (
394 | );
395 | inputFileListPaths = (
396 | );
397 | inputPaths = (
398 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
399 | "${PODS_ROOT}/Manifest.lock",
400 | );
401 | name = "[CP] Check Pods Manifest.lock";
402 | outputFileListPaths = (
403 | );
404 | outputPaths = (
405 | "$(DERIVED_FILE_DIR)/Pods-RNColorPalette-tvOSTests-checkManifestLockResult.txt",
406 | );
407 | runOnlyForDeploymentPostprocessing = 0;
408 | shellPath = /bin/sh;
409 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
410 | showEnvVarsInLog = 0;
411 | };
412 | 36581B7B62471EF02293685A /* [CP] Check Pods Manifest.lock */ = {
413 | isa = PBXShellScriptBuildPhase;
414 | buildActionMask = 2147483647;
415 | files = (
416 | );
417 | inputFileListPaths = (
418 | );
419 | inputPaths = (
420 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
421 | "${PODS_ROOT}/Manifest.lock",
422 | );
423 | name = "[CP] Check Pods Manifest.lock";
424 | outputFileListPaths = (
425 | );
426 | outputPaths = (
427 | "$(DERIVED_FILE_DIR)/Pods-RNColorPaletteTests-checkManifestLockResult.txt",
428 | );
429 | runOnlyForDeploymentPostprocessing = 0;
430 | shellPath = /bin/sh;
431 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
432 | showEnvVarsInLog = 0;
433 | };
434 | 47E8B257763DF621C22C7193 /* [CP] Check Pods Manifest.lock */ = {
435 | isa = PBXShellScriptBuildPhase;
436 | buildActionMask = 2147483647;
437 | files = (
438 | );
439 | inputFileListPaths = (
440 | );
441 | inputPaths = (
442 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
443 | "${PODS_ROOT}/Manifest.lock",
444 | );
445 | name = "[CP] Check Pods Manifest.lock";
446 | outputFileListPaths = (
447 | );
448 | outputPaths = (
449 | "$(DERIVED_FILE_DIR)/Pods-RNColorPalette-checkManifestLockResult.txt",
450 | );
451 | runOnlyForDeploymentPostprocessing = 0;
452 | shellPath = /bin/sh;
453 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
454 | showEnvVarsInLog = 0;
455 | };
456 | FB93990797A3CBD8F48AA2F3 /* [CP] Check Pods Manifest.lock */ = {
457 | isa = PBXShellScriptBuildPhase;
458 | buildActionMask = 2147483647;
459 | files = (
460 | );
461 | inputFileListPaths = (
462 | );
463 | inputPaths = (
464 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
465 | "${PODS_ROOT}/Manifest.lock",
466 | );
467 | name = "[CP] Check Pods Manifest.lock";
468 | outputFileListPaths = (
469 | );
470 | outputPaths = (
471 | "$(DERIVED_FILE_DIR)/Pods-RNColorPalette-tvOS-checkManifestLockResult.txt",
472 | );
473 | runOnlyForDeploymentPostprocessing = 0;
474 | shellPath = /bin/sh;
475 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
476 | showEnvVarsInLog = 0;
477 | };
478 | FD10A7F022414F080027D42C /* Start Packager */ = {
479 | isa = PBXShellScriptBuildPhase;
480 | buildActionMask = 2147483647;
481 | files = (
482 | );
483 | inputFileListPaths = (
484 | );
485 | inputPaths = (
486 | );
487 | name = "Start Packager";
488 | outputFileListPaths = (
489 | );
490 | outputPaths = (
491 | );
492 | runOnlyForDeploymentPostprocessing = 0;
493 | shellPath = /bin/sh;
494 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n";
495 | showEnvVarsInLog = 0;
496 | };
497 | FD10A7F122414F3F0027D42C /* Start Packager */ = {
498 | isa = PBXShellScriptBuildPhase;
499 | buildActionMask = 2147483647;
500 | files = (
501 | );
502 | inputFileListPaths = (
503 | );
504 | inputPaths = (
505 | );
506 | name = "Start Packager";
507 | outputFileListPaths = (
508 | );
509 | outputPaths = (
510 | );
511 | runOnlyForDeploymentPostprocessing = 0;
512 | shellPath = /bin/sh;
513 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n";
514 | showEnvVarsInLog = 0;
515 | };
516 | /* End PBXShellScriptBuildPhase section */
517 |
518 | /* Begin PBXSourcesBuildPhase section */
519 | 00E356EA1AD99517003FC87E /* Sources */ = {
520 | isa = PBXSourcesBuildPhase;
521 | buildActionMask = 2147483647;
522 | files = (
523 | 00E356F31AD99517003FC87E /* RNColorPaletteTests.m in Sources */,
524 | );
525 | runOnlyForDeploymentPostprocessing = 0;
526 | };
527 | 13B07F871A680F5B00A75B9A /* Sources */ = {
528 | isa = PBXSourcesBuildPhase;
529 | buildActionMask = 2147483647;
530 | files = (
531 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
532 | 13B07FC11A68108700A75B9A /* main.m in Sources */,
533 | );
534 | runOnlyForDeploymentPostprocessing = 0;
535 | };
536 | 2D02E4771E0B4A5D006451C7 /* Sources */ = {
537 | isa = PBXSourcesBuildPhase;
538 | buildActionMask = 2147483647;
539 | files = (
540 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */,
541 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */,
542 | );
543 | runOnlyForDeploymentPostprocessing = 0;
544 | };
545 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = {
546 | isa = PBXSourcesBuildPhase;
547 | buildActionMask = 2147483647;
548 | files = (
549 | 2DCD954D1E0B4F2C00145EB5 /* RNColorPaletteTests.m in Sources */,
550 | );
551 | runOnlyForDeploymentPostprocessing = 0;
552 | };
553 | /* End PBXSourcesBuildPhase section */
554 |
555 | /* Begin PBXTargetDependency section */
556 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
557 | isa = PBXTargetDependency;
558 | target = 13B07F861A680F5B00A75B9A /* RNColorPalette */;
559 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
560 | };
561 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = {
562 | isa = PBXTargetDependency;
563 | target = 2D02E47A1E0B4A5D006451C7 /* RNColorPalette-tvOS */;
564 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */;
565 | };
566 | /* End PBXTargetDependency section */
567 |
568 | /* Begin PBXVariantGroup section */
569 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
570 | isa = PBXVariantGroup;
571 | children = (
572 | 13B07FB21A68108700A75B9A /* Base */,
573 | );
574 | name = LaunchScreen.xib;
575 | path = RNColorPalette;
576 | sourceTree = "";
577 | };
578 | /* End PBXVariantGroup section */
579 |
580 | /* Begin XCBuildConfiguration section */
581 | 00E356F61AD99517003FC87E /* Debug */ = {
582 | isa = XCBuildConfiguration;
583 | baseConfigurationReference = 6B4AA7F7280561EB15D446BE /* Pods-RNColorPaletteTests.debug.xcconfig */;
584 | buildSettings = {
585 | BUNDLE_LOADER = "$(TEST_HOST)";
586 | GCC_PREPROCESSOR_DEFINITIONS = (
587 | "DEBUG=1",
588 | "$(inherited)",
589 | );
590 | INFOPLIST_FILE = RNColorPaletteTests/Info.plist;
591 | IPHONEOS_DEPLOYMENT_TARGET = 9.0;
592 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
593 | OTHER_LDFLAGS = (
594 | "-ObjC",
595 | "-lc++",
596 | "$(inherited)",
597 | );
598 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
599 | PRODUCT_NAME = "$(TARGET_NAME)";
600 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNColorPalette.app/RNColorPalette";
601 | };
602 | name = Debug;
603 | };
604 | 00E356F71AD99517003FC87E /* Release */ = {
605 | isa = XCBuildConfiguration;
606 | baseConfigurationReference = 55CEEE80EDFE28EE97B4F5C3 /* Pods-RNColorPaletteTests.release.xcconfig */;
607 | buildSettings = {
608 | BUNDLE_LOADER = "$(TEST_HOST)";
609 | COPY_PHASE_STRIP = NO;
610 | INFOPLIST_FILE = RNColorPaletteTests/Info.plist;
611 | IPHONEOS_DEPLOYMENT_TARGET = 9.0;
612 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
613 | OTHER_LDFLAGS = (
614 | "-ObjC",
615 | "-lc++",
616 | "$(inherited)",
617 | );
618 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
619 | PRODUCT_NAME = "$(TARGET_NAME)";
620 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNColorPalette.app/RNColorPalette";
621 | };
622 | name = Release;
623 | };
624 | 13B07F941A680F5B00A75B9A /* Debug */ = {
625 | isa = XCBuildConfiguration;
626 | baseConfigurationReference = FCD8B6D7F18794330A59EBDA /* Pods-RNColorPalette.debug.xcconfig */;
627 | buildSettings = {
628 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
629 | CURRENT_PROJECT_VERSION = 1;
630 | DEAD_CODE_STRIPPING = NO;
631 | INFOPLIST_FILE = RNColorPalette/Info.plist;
632 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
633 | OTHER_LDFLAGS = (
634 | "$(inherited)",
635 | "-ObjC",
636 | "-lc++",
637 | );
638 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
639 | PRODUCT_NAME = RNColorPalette;
640 | VERSIONING_SYSTEM = "apple-generic";
641 | };
642 | name = Debug;
643 | };
644 | 13B07F951A680F5B00A75B9A /* Release */ = {
645 | isa = XCBuildConfiguration;
646 | baseConfigurationReference = 72010F8CEFA817C0236A540C /* Pods-RNColorPalette.release.xcconfig */;
647 | buildSettings = {
648 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
649 | CURRENT_PROJECT_VERSION = 1;
650 | INFOPLIST_FILE = RNColorPalette/Info.plist;
651 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
652 | OTHER_LDFLAGS = (
653 | "$(inherited)",
654 | "-ObjC",
655 | "-lc++",
656 | );
657 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
658 | PRODUCT_NAME = RNColorPalette;
659 | VERSIONING_SYSTEM = "apple-generic";
660 | };
661 | name = Release;
662 | };
663 | 2D02E4971E0B4A5E006451C7 /* Debug */ = {
664 | isa = XCBuildConfiguration;
665 | baseConfigurationReference = 8FDDC09C1747CB92D991E957 /* Pods-RNColorPalette-tvOS.debug.xcconfig */;
666 | buildSettings = {
667 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
668 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
669 | CLANG_ANALYZER_NONNULL = YES;
670 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
671 | CLANG_WARN_INFINITE_RECURSION = YES;
672 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
673 | DEBUG_INFORMATION_FORMAT = dwarf;
674 | ENABLE_TESTABILITY = YES;
675 | GCC_NO_COMMON_BLOCKS = YES;
676 | INFOPLIST_FILE = "RNColorPalette-tvOS/Info.plist";
677 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
678 | OTHER_LDFLAGS = (
679 | "$(inherited)",
680 | "-ObjC",
681 | "-lc++",
682 | );
683 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNColorPalette-tvOS";
684 | PRODUCT_NAME = "$(TARGET_NAME)";
685 | SDKROOT = appletvos;
686 | TARGETED_DEVICE_FAMILY = 3;
687 | TVOS_DEPLOYMENT_TARGET = 9.2;
688 | };
689 | name = Debug;
690 | };
691 | 2D02E4981E0B4A5E006451C7 /* Release */ = {
692 | isa = XCBuildConfiguration;
693 | baseConfigurationReference = 6D59EDF96C3B74E653000370 /* Pods-RNColorPalette-tvOS.release.xcconfig */;
694 | buildSettings = {
695 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
696 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
697 | CLANG_ANALYZER_NONNULL = YES;
698 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
699 | CLANG_WARN_INFINITE_RECURSION = YES;
700 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
701 | COPY_PHASE_STRIP = NO;
702 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
703 | GCC_NO_COMMON_BLOCKS = YES;
704 | INFOPLIST_FILE = "RNColorPalette-tvOS/Info.plist";
705 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
706 | OTHER_LDFLAGS = (
707 | "$(inherited)",
708 | "-ObjC",
709 | "-lc++",
710 | );
711 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNColorPalette-tvOS";
712 | PRODUCT_NAME = "$(TARGET_NAME)";
713 | SDKROOT = appletvos;
714 | TARGETED_DEVICE_FAMILY = 3;
715 | TVOS_DEPLOYMENT_TARGET = 9.2;
716 | };
717 | name = Release;
718 | };
719 | 2D02E4991E0B4A5E006451C7 /* Debug */ = {
720 | isa = XCBuildConfiguration;
721 | baseConfigurationReference = A87F63A783EAC3DC20E75F85 /* Pods-RNColorPalette-tvOSTests.debug.xcconfig */;
722 | buildSettings = {
723 | BUNDLE_LOADER = "$(TEST_HOST)";
724 | CLANG_ANALYZER_NONNULL = YES;
725 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
726 | CLANG_WARN_INFINITE_RECURSION = YES;
727 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
728 | DEBUG_INFORMATION_FORMAT = dwarf;
729 | ENABLE_TESTABILITY = YES;
730 | GCC_NO_COMMON_BLOCKS = YES;
731 | INFOPLIST_FILE = "RNColorPalette-tvOSTests/Info.plist";
732 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
733 | OTHER_LDFLAGS = (
734 | "$(inherited)",
735 | "-ObjC",
736 | "-lc++",
737 | );
738 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNColorPalette-tvOSTests";
739 | PRODUCT_NAME = "$(TARGET_NAME)";
740 | SDKROOT = appletvos;
741 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNColorPalette-tvOS.app/RNColorPalette-tvOS";
742 | TVOS_DEPLOYMENT_TARGET = 10.1;
743 | };
744 | name = Debug;
745 | };
746 | 2D02E49A1E0B4A5E006451C7 /* Release */ = {
747 | isa = XCBuildConfiguration;
748 | baseConfigurationReference = DFE30A5A691A10BED8D9D64A /* Pods-RNColorPalette-tvOSTests.release.xcconfig */;
749 | buildSettings = {
750 | BUNDLE_LOADER = "$(TEST_HOST)";
751 | CLANG_ANALYZER_NONNULL = YES;
752 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
753 | CLANG_WARN_INFINITE_RECURSION = YES;
754 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
755 | COPY_PHASE_STRIP = NO;
756 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
757 | GCC_NO_COMMON_BLOCKS = YES;
758 | INFOPLIST_FILE = "RNColorPalette-tvOSTests/Info.plist";
759 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
760 | OTHER_LDFLAGS = (
761 | "$(inherited)",
762 | "-ObjC",
763 | "-lc++",
764 | );
765 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNColorPalette-tvOSTests";
766 | PRODUCT_NAME = "$(TARGET_NAME)";
767 | SDKROOT = appletvos;
768 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNColorPalette-tvOS.app/RNColorPalette-tvOS";
769 | TVOS_DEPLOYMENT_TARGET = 10.1;
770 | };
771 | name = Release;
772 | };
773 | 83CBBA201A601CBA00E9B192 /* Debug */ = {
774 | isa = XCBuildConfiguration;
775 | buildSettings = {
776 | ALWAYS_SEARCH_USER_PATHS = NO;
777 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
778 | CLANG_CXX_LIBRARY = "libc++";
779 | CLANG_ENABLE_MODULES = YES;
780 | CLANG_ENABLE_OBJC_ARC = YES;
781 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
782 | CLANG_WARN_BOOL_CONVERSION = YES;
783 | CLANG_WARN_COMMA = YES;
784 | CLANG_WARN_CONSTANT_CONVERSION = YES;
785 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
786 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
787 | CLANG_WARN_EMPTY_BODY = YES;
788 | CLANG_WARN_ENUM_CONVERSION = YES;
789 | CLANG_WARN_INFINITE_RECURSION = YES;
790 | CLANG_WARN_INT_CONVERSION = YES;
791 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
792 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
793 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
794 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
795 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
796 | CLANG_WARN_STRICT_PROTOTYPES = YES;
797 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
798 | CLANG_WARN_UNREACHABLE_CODE = YES;
799 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
800 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
801 | COPY_PHASE_STRIP = NO;
802 | ENABLE_STRICT_OBJC_MSGSEND = YES;
803 | ENABLE_TESTABILITY = YES;
804 | GCC_C_LANGUAGE_STANDARD = gnu99;
805 | GCC_DYNAMIC_NO_PIC = NO;
806 | GCC_NO_COMMON_BLOCKS = YES;
807 | GCC_OPTIMIZATION_LEVEL = 0;
808 | GCC_PREPROCESSOR_DEFINITIONS = (
809 | "DEBUG=1",
810 | "$(inherited)",
811 | );
812 | GCC_SYMBOLS_PRIVATE_EXTERN = NO;
813 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
814 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
815 | GCC_WARN_UNDECLARED_SELECTOR = YES;
816 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
817 | GCC_WARN_UNUSED_FUNCTION = YES;
818 | GCC_WARN_UNUSED_VARIABLE = YES;
819 | IPHONEOS_DEPLOYMENT_TARGET = 9.0;
820 | MTL_ENABLE_DEBUG_INFO = YES;
821 | ONLY_ACTIVE_ARCH = YES;
822 | SDKROOT = iphoneos;
823 | };
824 | name = Debug;
825 | };
826 | 83CBBA211A601CBA00E9B192 /* Release */ = {
827 | isa = XCBuildConfiguration;
828 | buildSettings = {
829 | ALWAYS_SEARCH_USER_PATHS = NO;
830 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
831 | CLANG_CXX_LIBRARY = "libc++";
832 | CLANG_ENABLE_MODULES = YES;
833 | CLANG_ENABLE_OBJC_ARC = YES;
834 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
835 | CLANG_WARN_BOOL_CONVERSION = YES;
836 | CLANG_WARN_COMMA = YES;
837 | CLANG_WARN_CONSTANT_CONVERSION = YES;
838 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
839 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
840 | CLANG_WARN_EMPTY_BODY = YES;
841 | CLANG_WARN_ENUM_CONVERSION = YES;
842 | CLANG_WARN_INFINITE_RECURSION = YES;
843 | CLANG_WARN_INT_CONVERSION = YES;
844 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
845 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
846 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
847 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
848 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
849 | CLANG_WARN_STRICT_PROTOTYPES = YES;
850 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
851 | CLANG_WARN_UNREACHABLE_CODE = YES;
852 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
853 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
854 | COPY_PHASE_STRIP = YES;
855 | ENABLE_NS_ASSERTIONS = NO;
856 | ENABLE_STRICT_OBJC_MSGSEND = YES;
857 | GCC_C_LANGUAGE_STANDARD = gnu99;
858 | GCC_NO_COMMON_BLOCKS = YES;
859 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
860 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
861 | GCC_WARN_UNDECLARED_SELECTOR = YES;
862 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
863 | GCC_WARN_UNUSED_FUNCTION = YES;
864 | GCC_WARN_UNUSED_VARIABLE = YES;
865 | IPHONEOS_DEPLOYMENT_TARGET = 9.0;
866 | MTL_ENABLE_DEBUG_INFO = NO;
867 | SDKROOT = iphoneos;
868 | VALIDATE_PRODUCT = YES;
869 | };
870 | name = Release;
871 | };
872 | /* End XCBuildConfiguration section */
873 |
874 | /* Begin XCConfigurationList section */
875 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "RNColorPaletteTests" */ = {
876 | isa = XCConfigurationList;
877 | buildConfigurations = (
878 | 00E356F61AD99517003FC87E /* Debug */,
879 | 00E356F71AD99517003FC87E /* Release */,
880 | );
881 | defaultConfigurationIsVisible = 0;
882 | defaultConfigurationName = Release;
883 | };
884 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNColorPalette" */ = {
885 | isa = XCConfigurationList;
886 | buildConfigurations = (
887 | 13B07F941A680F5B00A75B9A /* Debug */,
888 | 13B07F951A680F5B00A75B9A /* Release */,
889 | );
890 | defaultConfigurationIsVisible = 0;
891 | defaultConfigurationName = Release;
892 | };
893 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "RNColorPalette-tvOS" */ = {
894 | isa = XCConfigurationList;
895 | buildConfigurations = (
896 | 2D02E4971E0B4A5E006451C7 /* Debug */,
897 | 2D02E4981E0B4A5E006451C7 /* Release */,
898 | );
899 | defaultConfigurationIsVisible = 0;
900 | defaultConfigurationName = Release;
901 | };
902 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "RNColorPalette-tvOSTests" */ = {
903 | isa = XCConfigurationList;
904 | buildConfigurations = (
905 | 2D02E4991E0B4A5E006451C7 /* Debug */,
906 | 2D02E49A1E0B4A5E006451C7 /* Release */,
907 | );
908 | defaultConfigurationIsVisible = 0;
909 | defaultConfigurationName = Release;
910 | };
911 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNColorPalette" */ = {
912 | isa = XCConfigurationList;
913 | buildConfigurations = (
914 | 83CBBA201A601CBA00E9B192 /* Debug */,
915 | 83CBBA211A601CBA00E9B192 /* Release */,
916 | );
917 | defaultConfigurationIsVisible = 0;
918 | defaultConfigurationName = Release;
919 | };
920 | /* End XCConfigurationList section */
921 | };
922 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
923 | }
924 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette.xcodeproj/xcshareddata/xcschemes/RNColorPalette-tvOS.xcscheme:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 |
15 |
21 |
22 |
23 |
29 |
35 |
36 |
37 |
43 |
49 |
50 |
51 |
52 |
53 |
58 |
59 |
61 |
67 |
68 |
69 |
70 |
71 |
77 |
78 |
79 |
80 |
81 |
82 |
92 |
94 |
100 |
101 |
102 |
103 |
104 |
105 |
111 |
113 |
119 |
120 |
121 |
122 |
124 |
125 |
128 |
129 |
130 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette.xcodeproj/xcshareddata/xcschemes/RNColorPalette.xcscheme:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 |
15 |
21 |
22 |
23 |
29 |
35 |
36 |
37 |
43 |
49 |
50 |
51 |
52 |
53 |
58 |
59 |
61 |
67 |
68 |
69 |
70 |
71 |
77 |
78 |
79 |
80 |
81 |
82 |
92 |
94 |
100 |
101 |
102 |
103 |
104 |
105 |
111 |
113 |
119 |
120 |
121 |
122 |
124 |
125 |
128 |
129 |
130 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | IDEDidComputeMac32BitWarning
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette/AppDelegate.h:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Facebook, Inc. and its affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | #import
9 | #import
10 |
11 | @interface AppDelegate : UIResponder
12 |
13 | @property (nonatomic, strong) UIWindow *window;
14 |
15 | @end
16 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette/AppDelegate.m:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Facebook, Inc. and its affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | #import "AppDelegate.h"
9 |
10 | #import
11 | #import
12 | #import
13 |
14 | @implementation AppDelegate
15 |
16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
17 | {
18 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
19 | RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
20 | moduleName:@"RNColorPalette"
21 | initialProperties:nil];
22 |
23 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
24 |
25 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
26 | UIViewController *rootViewController = [UIViewController new];
27 | rootViewController.view = rootView;
28 | self.window.rootViewController = rootViewController;
29 | [self.window makeKeyAndVisible];
30 | return YES;
31 | }
32 |
33 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
34 | {
35 | #if DEBUG
36 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
37 | #else
38 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
39 | #endif
40 | }
41 |
42 | @end
43 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette/Base.lproj/LaunchScreen.xib:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
21 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette/Images.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "iphone",
5 | "size" : "29x29",
6 | "scale" : "2x"
7 | },
8 | {
9 | "idiom" : "iphone",
10 | "size" : "29x29",
11 | "scale" : "3x"
12 | },
13 | {
14 | "idiom" : "iphone",
15 | "size" : "40x40",
16 | "scale" : "2x"
17 | },
18 | {
19 | "idiom" : "iphone",
20 | "size" : "40x40",
21 | "scale" : "3x"
22 | },
23 | {
24 | "idiom" : "iphone",
25 | "size" : "60x60",
26 | "scale" : "2x"
27 | },
28 | {
29 | "idiom" : "iphone",
30 | "size" : "60x60",
31 | "scale" : "3x"
32 | }
33 | ],
34 | "info" : {
35 | "version" : 1,
36 | "author" : "xcode"
37 | }
38 | }
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette/Images.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "info" : {
3 | "version" : 1,
4 | "author" : "xcode"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleDisplayName
8 | RNColorPalette
9 | CFBundleExecutable
10 | $(EXECUTABLE_NAME)
11 | CFBundleIdentifier
12 | $(PRODUCT_BUNDLE_IDENTIFIER)
13 | CFBundleInfoDictionaryVersion
14 | 6.0
15 | CFBundleName
16 | $(PRODUCT_NAME)
17 | CFBundlePackageType
18 | APPL
19 | CFBundleShortVersionString
20 | 1.0
21 | CFBundleSignature
22 | ????
23 | CFBundleVersion
24 | 1
25 | LSRequiresIPhoneOS
26 |
27 | NSAppTransportSecurity
28 |
29 | NSAllowsArbitraryLoads
30 |
31 | NSExceptionDomains
32 |
33 | localhost
34 |
35 | NSExceptionAllowsInsecureHTTPLoads
36 |
37 |
38 |
39 |
40 | NSLocationWhenInUseUsageDescription
41 |
42 | UILaunchStoryboardName
43 | LaunchScreen
44 | UIRequiredDeviceCapabilities
45 |
46 | armv7
47 |
48 | UISupportedInterfaceOrientations
49 |
50 | UIInterfaceOrientationPortrait
51 | UIInterfaceOrientationLandscapeLeft
52 | UIInterfaceOrientationLandscapeRight
53 |
54 | UIViewControllerBasedStatusBarAppearance
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPalette/main.m:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Facebook, Inc. and its affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | #import
9 |
10 | #import "AppDelegate.h"
11 |
12 | int main(int argc, char * argv[]) {
13 | @autoreleasepool {
14 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPaletteTests/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | BNDL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 |
24 |
25 |
--------------------------------------------------------------------------------
/demo/ios/RNColorPaletteTests/RNColorPaletteTests.m:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Facebook, Inc. and its affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | #import
9 | #import
10 |
11 | #import
12 | #import
13 |
14 | #define TIMEOUT_SECONDS 600
15 | #define TEXT_TO_LOOK_FOR @"Welcome to React"
16 |
17 | @interface RNColorPaletteTests : XCTestCase
18 |
19 | @end
20 |
21 | @implementation RNColorPaletteTests
22 |
23 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
24 | {
25 | if (test(view)) {
26 | return YES;
27 | }
28 | for (UIView *subview in [view subviews]) {
29 | if ([self findSubviewInView:subview matching:test]) {
30 | return YES;
31 | }
32 | }
33 | return NO;
34 | }
35 |
36 | - (void)testRendersWelcomeScreen
37 | {
38 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
39 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
40 | BOOL foundElement = NO;
41 |
42 | __block NSString *redboxError = nil;
43 | #ifdef DEBUG
44 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
45 | if (level >= RCTLogLevelError) {
46 | redboxError = message;
47 | }
48 | });
49 | #endif
50 |
51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
54 |
55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
57 | return YES;
58 | }
59 | return NO;
60 | }];
61 | }
62 |
63 | #ifdef DEBUG
64 | RCTSetLogFunction(RCTDefaultLogFunction);
65 | #endif
66 |
67 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
68 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
69 | }
70 |
71 |
72 | @end
73 |
--------------------------------------------------------------------------------
/demo/metro.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Metro configuration for React Native
3 | * https://github.com/facebook/react-native
4 | *
5 | * @format
6 | */
7 |
8 | module.exports = {
9 | transformer: {
10 | getTransformOptions: async () => ({
11 | transform: {
12 | experimentalImportSupport: false,
13 | inlineRequires: false,
14 | },
15 | }),
16 | },
17 | };
18 |
--------------------------------------------------------------------------------
/demo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "RNColorPalette",
3 | "version": "0.0.1",
4 | "private": true,
5 | "scripts": {
6 | "android": "react-native run-android",
7 | "clean": "cd android && gradlew clean && cd ./..",
8 | "ios": "react-native run-ios",
9 | "start": "react-native start",
10 | "test": "jest",
11 | "lint": "eslint ."
12 | },
13 | "dependencies": {
14 | "@iomechs/rn-color-palette": "0.0.3",
15 | "react": "16.9.0",
16 | "react-native": "0.61.5"
17 | },
18 | "devDependencies": {
19 | "@babel/core": "^7.6.2",
20 | "@babel/runtime": "^7.6.2",
21 | "@react-native-community/eslint-config": "^0.0.5",
22 | "babel-jest": "^24.9.0",
23 | "eslint": "^6.5.1",
24 | "jest": "^24.9.0",
25 | "metro-react-native-babel-preset": "^0.56.0",
26 | "react-test-renderer": "16.9.0"
27 | },
28 | "jest": {
29 | "preset": "react-native",
30 | "transform": {
31 | "^.+\\.js$": "/node_modules/react-native/jest/preprocessor.js"
32 | },
33 | "transformIgnorePatterns": [
34 | "node_modules/(?!(jest-)?react-native|react-(native|universal|navigation)-(.*)|@react-native-community/(.*)|@react-navigation/(.*)|bs-platform)"
35 | ]
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | import RNColorPalette from './src/RNColorPalette'
2 |
3 | export default RNColorPalette;
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@iomechs/rn-color-palette",
3 | "version": "0.0.4",
4 | "description": "A color Picker for RN Devs :)",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "node_modules/.bin/jest --coverage",
8 | "publish:lib": "npm publish --access public"
9 | },
10 | "repository": {
11 | "type": "git",
12 | "url": "git+https://github.com/IOMechs/RNColorPalette.git"
13 | },
14 | "keywords": [
15 | "palette",
16 | "color-picker",
17 | "rn-color-palette",
18 | "react-native-color-palette",
19 | "color-palette",
20 | "react-native",
21 | "color",
22 | "ios",
23 | "android",
24 | "iomechs"
25 | ],
26 | "author": "Syed Saad Qamar",
27 | "license": "MIT",
28 | "bugs": {
29 | "url": "https://github.com/IOMechs/RNColorPalette/issues"
30 | },
31 | "homepage": "https://github.com/IOMechs/RNColorPalette#readme",
32 | "devDependencies": {
33 | "jest": "24.1.0",
34 | "metro-react-native-babel-preset": "^0.58.0",
35 | "react": "16.9.0",
36 | "react-native": "0.61.5",
37 | "react-test-renderer": "^16.8.6"
38 | },
39 | "jest": {
40 | "preset": "react-native",
41 | "transform": {
42 | "^.+\\.js$": "/node_modules/react-native/jest/preprocessor.js"
43 | },
44 | "testPathIgnorePatterns": [
45 | "/demo/__tests__/App-test.js"
46 | ]
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/RNColorPalette.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable react-native/no-inline-styles */
2 | /**
3 | * Sample React Native App
4 | * https://github.com/facebook/react-native
5 | *
6 | * @format
7 | * @flow
8 | */
9 |
10 | import React, {Component} from 'react';
11 | import {
12 | StyleSheet,
13 | ScrollView,
14 | View,
15 | TouchableOpacity,
16 | Image,
17 | Modal,
18 | Dimensions,
19 | Text,
20 | Platform
21 | } from 'react-native';
22 | import tick from './tick.png';
23 | import ColorPicker from './color-picker';
24 |
25 | export default class RNColorPalette extends Component {
26 | constructor(props) {
27 | super(props);
28 | this.state = {
29 | picker: false,
30 | screenWidth: Dimensions.get('screen').width,
31 | screenHeight: Dimensions.get('screen').height,
32 | positions: {},
33 | openAtTop: null,
34 | openColorPicker: false,
35 | };
36 | }
37 |
38 | togglePalette = () => {
39 | this.setState({
40 | picker: !this.state.picker,
41 | });
42 | };
43 | toggleColorPicker = () => {
44 | this.setState({
45 | openColorPicker: !this.state.openColorPicker,
46 | });
47 | };
48 | checkElementPosition = event => {
49 | this.togglePalette();
50 | const {screenWidth, screenHeight} = this.state;
51 | const {pageY: y, pageX: x, locationY} = event;
52 | if (screenWidth / 2 < x) {
53 | if (screenHeight / 2 < y) {
54 | this.setState({
55 | openAtTop: true,
56 | positions: {
57 | right: 5,
58 | top: y - locationY - 60,
59 | },
60 | });
61 | } else {
62 | this.setState({
63 | openAtTop: false,
64 | positions: {
65 | right: 5,
66 | top: y - locationY + 40,
67 | },
68 | });
69 | }
70 | } else {
71 | if (screenHeight / 2 < y) {
72 | this.setState({
73 | openAtTop: true,
74 | positions: {
75 | left: 5,
76 | top: y - locationY - 60,
77 | },
78 | });
79 | } else {
80 | this.setState({
81 | openAtTop: false,
82 | positions: {
83 | left: 5,
84 | top: y - locationY + 40,
85 | },
86 | });
87 | }
88 | }
89 | };
90 | render() {
91 | const {screenWidth, picker, openAtTop, openColorPicker} = this.state;
92 | let {positions} = this.state;
93 | const {value, colorContainerStyle} = this.props;
94 | if (this.props.palettePosition) {
95 | let {increaseMargin, decreaseMargin} = this.props.palettePosition;
96 | if (openAtTop === false) {
97 | if (increaseMargin) {
98 | increaseMargin = increaseMargin * -1;
99 | }
100 | if (decreaseMargin) {
101 | decreaseMargin = decreaseMargin * -1;
102 | }
103 | }
104 | positions = {
105 | ...positions,
106 | top: increaseMargin
107 | ? positions.top - increaseMargin
108 | : decreaseMargin
109 | ? positions.top + decreaseMargin
110 | : positions.top,
111 | };
112 | }
113 | return (
114 |
115 | this.checkElementPosition(e.nativeEvent)}>
118 | {this.props.children}
119 |
120 | this.togglePalette()}>
124 | this.togglePalette()}>
127 |
135 |
141 | {this.props.colorList &&
142 | this.props.colorList.length !== 0 &&
143 | this.props.colorList.map((color, index) => (
144 | {
148 | this.props.onItemSelect(color);
149 | this.togglePalette();
150 | }}
151 | activeOpacity={1}>
152 | {value === color ? (
153 |
158 |
159 |
160 | ) : (
161 |
167 | )}
168 |
169 | ))}
170 |
171 |
174 |
175 | +
176 |
177 |
178 | this.toggleColorPicker()}>
181 | {
184 | this.props.AddPickedColor(colour);
185 | this.props.onItemSelect(colour);
186 | this.toggleColorPicker();
187 | this.togglePalette();
188 | }}
189 | />
190 |
191 |
192 |
193 |
194 |
195 |
196 |
197 | );
198 | }
199 | }
200 |
201 | const styles = StyleSheet.create({
202 | modalMainContainer: {
203 | flex: 1,
204 | },
205 | modalContainer: screenWidth => ({
206 | width: screenWidth - 30,
207 | height: 50,
208 | position: 'absolute',
209 | overflow: 'hidden',
210 | }),
211 | colorContent: {
212 | justifyContent: 'center',
213 | alignItems: 'center',
214 | },
215 | assignColor: color => {
216 | return {
217 | height: 30,
218 | width: 30,
219 | borderRadius: 100,
220 | marginLeft: 8,
221 | backgroundColor: color,
222 | };
223 | },
224 | tickImage: {
225 | width: 20,
226 | height: 20,
227 | padding: 10,
228 | opacity: 0.7,
229 | marginLeft: 5,
230 | marginTop: 5,
231 | },
232 | addButton: {
233 | borderWidth: 1.5,
234 | borderColor: '#6f7370',
235 | borderRadius: 100,
236 | width: 30,
237 | height: 30,
238 | justifyContent: 'center',
239 | alignItems: 'center',
240 | lineHeight: 30,
241 | backgroundColor: '#fff',
242 | marginLeft: 8
243 | },
244 | addButtonText: {
245 | fontSize: 28,
246 | color: '#6f7370',
247 | marginBottom: 3,
248 | ...Platform.select({
249 | ios: {
250 | position: 'relative',
251 | bottom: 4
252 | }
253 | })
254 | }
255 | });
256 |
--------------------------------------------------------------------------------
/src/color-picker.js:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react';
2 | import {View, Dimensions, Button, StyleSheet, ScrollView} from 'react-native';
3 | import ColorWheel from './color-wheel-picker/index';
4 |
5 | export default class ColorPicker extends Component {
6 | constructor(props) {
7 | super(props);
8 | this.state = {
9 | color: '#db3232',
10 | };
11 | }
12 | changeColor = color => this.setState({color});
13 | render() {
14 | const {color} = this.state;
15 | return (
16 |
17 |
18 | this.changeColor(colorValue)}
21 | style={{
22 | width: Dimensions.get('window').width - 40,
23 | height: Dimensions.get('window').width - 40,
24 | }}
25 | thumbStyle={styles.thumbStyle}
26 | />
27 |
28 |
29 |
34 |
35 |
36 |
37 |
38 | );
39 | }
40 | }
41 | const styles = StyleSheet.create({
42 | main: {
43 | flex: 1,
44 | alignItems: 'center',
45 | justifyContent: 'space-around',
46 | paddingVertical: 30,
47 | },
48 | thumbStyle: {height: 30, width: 30, borderRadius: 30},
49 | buttonContainer: {flexDirection: 'row'},
50 | addButton: {marginRight: 20},
51 | });
52 |
--------------------------------------------------------------------------------
/src/color-wheel-picker/color-wheel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/src/color-wheel-picker/color-wheel.png
--------------------------------------------------------------------------------
/src/color-wheel-picker/colorsys.js:
--------------------------------------------------------------------------------
1 | const RGB_MAX = 255;
2 | const HUE_MAX = 360;
3 | const SV_MAX = 100;
4 |
5 | let colorsys = (module.exports = {});
6 |
7 | colorsys.rgb2Hsl = function(r, g, b) {
8 | if (typeof r === 'object') {
9 | const args = r;
10 | r = args.r;
11 | g = args.g;
12 | b = args.b;
13 | }
14 | // It converts [0,255] format, to [0,1]
15 | r = r === RGB_MAX ? 1 : (r % RGB_MAX) / parseFloat(RGB_MAX);
16 | g = g === RGB_MAX ? 1 : (g % RGB_MAX) / parseFloat(RGB_MAX);
17 | b = b === RGB_MAX ? 1 : (b % RGB_MAX) / parseFloat(RGB_MAX);
18 |
19 | var max = Math.max(r, g, b);
20 | var min = Math.min(r, g, b);
21 | var h,
22 | s,
23 | l = (max + min) / 2;
24 |
25 | if (max === min) {
26 | h = s = 0; // achromatic
27 | } else {
28 | var d = max - min;
29 | s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
30 | switch (max) {
31 | case r:
32 | h = (g - b) / d + (g < b ? 6 : 0);
33 | break;
34 | case g:
35 | h = (b - r) / d + 2;
36 | break;
37 | case b:
38 | h = (r - g) / d + 4;
39 | break;
40 | }
41 | h /= 6;
42 | }
43 |
44 | return {
45 | h: Math.round(h * HUE_MAX),
46 | s: Math.round(s * SV_MAX),
47 | l: Math.round(l * SV_MAX),
48 | };
49 | };
50 |
51 | colorsys.rgb_to_hsl = colorsys.rgbToHsl = colorsys.rgb2Hsl;
52 |
53 | colorsys.rgb2Hsv = function(r, g, b) {
54 | try {
55 | if (typeof r === 'object') {
56 | const args = r;
57 | r = args.r;
58 | g = args.g;
59 | b = args.b;
60 | }
61 |
62 | // It converts [0,255] format, to [0,1]
63 | r = r === RGB_MAX ? 1 : (r % RGB_MAX) / parseFloat(RGB_MAX);
64 | g = g === RGB_MAX ? 1 : (g % RGB_MAX) / parseFloat(RGB_MAX);
65 | b = b === RGB_MAX ? 1 : (b % RGB_MAX) / parseFloat(RGB_MAX);
66 |
67 | var max = Math.max(r, g, b);
68 | var min = Math.min(r, g, b);
69 | var h,
70 | s,
71 | v = max;
72 |
73 | var d = max - min;
74 |
75 | s = max === 0 ? 0 : d / max;
76 |
77 | if (max === min) {
78 | h = 0; // achromatic
79 | } else {
80 | switch (max) {
81 | case r:
82 | h = (g - b) / d + (g < b ? 6 : 0);
83 | break;
84 | case g:
85 | h = (b - r) / d + 2;
86 | break;
87 | case b:
88 | h = (r - g) / d + 4;
89 | break;
90 | }
91 | h /= 6;
92 | }
93 |
94 | return {
95 | h: Math.round(h * HUE_MAX),
96 | s: Math.round(s * SV_MAX),
97 | v: Math.round(v * SV_MAX),
98 | };
99 | }
100 | catch (err) {
101 | console.log(err);
102 | }
103 | };
104 |
105 | colorsys.rgb_to_hsv = colorsys.rgbToHsv = colorsys.rgb2Hsv;
106 |
107 | colorsys.hsl2Rgb = function(h, s, l) {
108 | if (typeof h === 'object') {
109 | const args = h;
110 | h = args.h;
111 | s = args.s;
112 | l = args.l;
113 | }
114 |
115 | var r, g, b;
116 |
117 | h = _normalizeAngle(h);
118 | h = h === HUE_MAX ? 1 : (h % HUE_MAX) / parseFloat(HUE_MAX);
119 | s = s === SV_MAX ? 1 : (s % SV_MAX) / parseFloat(SV_MAX);
120 | l = l === SV_MAX ? 1 : (l % SV_MAX) / parseFloat(SV_MAX);
121 |
122 | if (s === 0) {
123 | r = g = b = l; // achromatic
124 | } else {
125 | var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
126 | var p = 2 * l - q;
127 | r = _hue2Rgb(p, q, h + 1 / 3);
128 | g = _hue2Rgb(p, q, h);
129 | b = _hue2Rgb(p, q, h - 1 / 3);
130 | }
131 |
132 | return {
133 | r: Math.round(r * RGB_MAX),
134 | g: Math.round(g * RGB_MAX),
135 | b: Math.round(b * RGB_MAX),
136 | };
137 | };
138 |
139 | colorsys.hsl_to_rgb = colorsys.hslToRgb = colorsys.hsl2Rgb;
140 |
141 | colorsys.hsv2Rgb = function(h, s, v) {
142 | if (typeof h === 'object') {
143 | const args = h;
144 | h = args.h;
145 | s = args.s;
146 | v = args.v;
147 | }
148 |
149 | h = _normalizeAngle(h);
150 | h = h === HUE_MAX ? 1 : ((h % HUE_MAX) / parseFloat(HUE_MAX)) * 6;
151 | s = s === SV_MAX ? 1 : (s % SV_MAX) / parseFloat(SV_MAX);
152 | v = v === SV_MAX ? 1 : (v % SV_MAX) / parseFloat(SV_MAX);
153 |
154 | var i = Math.floor(h);
155 | var f = h - i;
156 | var p = v * (1 - s);
157 | var q = v * (1 - f * s);
158 | var t = v * (1 - (1 - f) * s);
159 | var mod = i % 6;
160 | var r = [v, q, p, p, t, v][mod];
161 | var g = [t, v, v, q, p, p][mod];
162 | var b = [p, p, t, v, v, q][mod];
163 |
164 | return {
165 | r: Math.floor(r * RGB_MAX),
166 | g: Math.floor(g * RGB_MAX),
167 | b: Math.floor(b * RGB_MAX),
168 | };
169 | };
170 |
171 | colorsys.hsv_to_rgb = colorsys.hsv2Rgb;
172 | colorsys.hsvToRgb = colorsys.hsv2Rgb;
173 |
174 | colorsys.rgb2Hex = function(r, g, b) {
175 | if (typeof r === 'object') {
176 | const args = r;
177 | r = args.r;
178 | g = args.g;
179 | b = args.b;
180 | }
181 | r = Math.round(r).toString(16);
182 | g = Math.round(g).toString(16);
183 | b = Math.round(b).toString(16);
184 |
185 | r = r.length === 1 ? '0' + r : r;
186 | g = g.length === 1 ? '0' + g : g;
187 | b = b.length === 1 ? '0' + b : b;
188 |
189 | return '#' + r + g + b;
190 | };
191 |
192 | colorsys.rgb_to_hex = colorsys.rgbToHex = colorsys.rgb2Hex;
193 |
194 | colorsys.hex2Rgb = function(hex) {
195 | var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
196 | return result
197 | ? {
198 | r: parseInt(result[1], 16),
199 | g: parseInt(result[2], 16),
200 | b: parseInt(result[3], 16),
201 | }
202 | : null;
203 | };
204 |
205 | colorsys.hex_to_rgb = colorsys.hexToRgb = colorsys.hex2Rgb;
206 |
207 | colorsys.hsv2Hex = function(h, s, v) {
208 | try {
209 | var rgb = colorsys.hsv2Rgb(h, s, v);
210 | return colorsys.rgb2Hex(rgb.r, rgb.g, rgb.b);
211 | } catch(err) {
212 | console.log(err);
213 | }
214 | };
215 |
216 | colorsys.hsv_to_hex = colorsys.hsv2Hex;
217 | colorsys.hsvToHex = colorsys.hsv2Hex;
218 |
219 | colorsys.hex2Hsv = function(hex) {
220 | try {
221 | var rgb = colorsys.hex2Rgb(hex);
222 | return colorsys.rgb2Hsv(rgb.r, rgb.g, rgb.b);
223 | } catch(err) {
224 | console.log(err);
225 | }
226 | };
227 |
228 | colorsys.hex_to_hsv = colorsys.hexToHsv = colorsys.hex2Hsv;
229 |
230 | colorsys.hsl2Hex = function(h, s, l) {
231 | try {
232 | var rgb = colorsys.hsl2Rgb(h, s, l);
233 | return colorsys.rgb2Hex(rgb.r, rgb.g, rgb.b);
234 | } catch(err) {
235 | console.log(err);
236 | }
237 | };
238 |
239 | colorsys.hsl_to_hex = colorsys.hslToHex = colorsys.hsl2Hex;
240 |
241 | colorsys.hex2Hsl = function(hex) {
242 | try {
243 | var rgb = colorsys.hex2Rgb(hex);
244 | return colorsys.rgb2Hsl(rgb.r, rgb.g, rgb.b);
245 | } catch(err) {
246 | console.log(err);
247 | }
248 | };
249 |
250 | colorsys.hex_to_hsl = colorsys.hexToHsl = colorsys.hex2Hsl;
251 |
252 | colorsys.rgb2Cmyk = function(r, g, b) {
253 | if (typeof r === 'object') {
254 | const args = r;
255 | r = args.r;
256 | g = args.g;
257 | b = args.b;
258 | }
259 |
260 | var rprim = r / 255;
261 | var gprim = g / 255;
262 | var bprim = b / 255;
263 |
264 | var k = 1 - Math.max(rprim, gprim, bprim);
265 |
266 | var c = (1 - rprim - k) / (1 - k);
267 | var m = (1 - gprim - k) / (1 - k);
268 | var y = (1 - bprim - k) / (1 - k);
269 |
270 | return {
271 | c: c.toFixed(3),
272 | m: m.toFixed(3),
273 | y: y.toFixed(3),
274 | k: k.toFixed(3),
275 | };
276 | };
277 |
278 | colorsys.rgb_to_cmyk = colorsys.rgbToCmyk = colorsys.rgb2Cmyk;
279 |
280 | colorsys.cmyk2Rgb = function(c, m, y, k) {
281 | if (typeof c === 'object') {
282 | const args = c;
283 | c = args.c;
284 | m = args.m;
285 | y = args.y;
286 | k = args.k;
287 | }
288 |
289 | var r = 255 * (1 - c) * (1 - k);
290 | var g = 255 * (1 - m) * (1 - k);
291 | var b = 255 * (1 - y) * (1 - k);
292 |
293 | return {
294 | r: Math.floor(r),
295 | g: Math.floor(g),
296 | b: Math.floor(b),
297 | };
298 | };
299 |
300 | colorsys.cmyk_to_rgb = colorsys.cmykToRgb = colorsys.cmyk2Rgb;
301 |
302 | colorsys.hsv2Hsl = function(h, s, v) {
303 | if (typeof h === 'object') {
304 | const args = h;
305 | h = args.h;
306 | s = args.s;
307 | v = args.v;
308 | }
309 |
310 | var l = ((2 - s) * v) / 2;
311 |
312 | if (l !== 0) {
313 | if (l === SV_MAX) {
314 | s = 0;
315 | } else if (l < SV_MAX / 2) {
316 | s = (s * v) / (l * 2);
317 | } else {
318 | s = (s * v) / (2 - l * 2);
319 | }
320 | }
321 |
322 | return {h: h, s: s, l: l};
323 | };
324 |
325 | colorsys.hsv_to_hsl = colorsys.hsvToHsl = colorsys.hsv2Hsl;
326 |
327 | colorsys.hsl2Hsv = function(h, s, l) {
328 | if (typeof h === 'object') {
329 | const args = h;
330 | h = args.h;
331 | s = args.s;
332 | l = args.l;
333 | }
334 |
335 | s = s * (l < 50 ? l : 100 - l);
336 |
337 | return {
338 | h: h,
339 | s: Math.floor((2 * s) / (l + s)),
340 | v: Math.floor(l + s),
341 | };
342 | };
343 |
344 | colorsys.hsl_to_hsv = colorsys.hslToHsv = colorsys.hsl2Hsv;
345 |
346 | /**
347 | * Parses values from a string into a javascript object
348 | * e.g: hsla(140, 30%, 40%, .5) => { h: 140, s: 30, l: 40, alpha: 0.5}
349 | */
350 | colorsys.parseCss = function(cssString) {
351 | if (cssString.indexOf('#') > -1) {
352 | return colorsys.hex2Rgb(cssString);
353 | }
354 |
355 | const prefix = cssString.split('(')[0];
356 | const args = cssString
357 | .split('(')[1]
358 | .split(')')[0]
359 | .split(',');
360 |
361 | // Use the prefix as an array [r, g, b, a] to parse the colours
362 | return prefix.split('').reduce(function(color, param, idx) {
363 | const nextColor = color;
364 | nextColor[param] = parseFloat(args[idx]);
365 | return nextColor;
366 | }, {});
367 | };
368 |
369 | colorsys.parse_css = colorsys.parseCss;
370 |
371 | colorsys.stringify = function(obj) {
372 | const prefix = Object.keys(obj).join('');
373 | const values = Object.keys(obj).map(function(key) {
374 | var val = obj[key];
375 | if (key === 's' || key === 'v' || key === 'l') {
376 | val = val + '%';
377 | }
378 | return val;
379 | });
380 | return prefix + '(' + values.join(', ') + ')';
381 | };
382 |
383 | // Google Assistant API uses this format in SmartHome Apps. Example => 'spectrumRGB': 16711680
384 | colorsys.hex_to_decimal = colorsys.hexToDecimal = colorsys.hex2Decimal;
385 |
386 | colorsys.hex2Decimal = function(hexColor) {
387 | return parseInt(hexColor.replace('#', ''), 16);
388 | };
389 |
390 | colorsys.decimal_to_hex = colorsys.decimalToHex = colorsys.decimal2Hex;
391 |
392 | colorsys.decimal2Hex = function(decimalColor) {
393 | const hexInBase16 = parseInt(decimalColor).toString(16);
394 | return `#${padWithZeros(hexInBase16)}`;
395 | };
396 |
397 | // Will return a random hex colour
398 | colorsys.random = function() {
399 | const base = '000000';
400 | const number = Math.floor(Math.random() * 16777215).toString(16);
401 | return '#' + (base + number).substr(-6);
402 | };
403 |
404 | colorsys.rotateHue = function(hue, amount) {
405 | if (amount === void 0) {
406 | amount = 0;
407 | }
408 | const aux =
409 | typeof hue === 'object' ? (hue.h + amount) % 360 : (hue + amount) % 360;
410 |
411 | const nextHue = aux < 0 ? 360 + aux : aux;
412 | return typeof hue === 'object' ? Object.assign(hue, {h: nextHue}) : nextHue;
413 | };
414 |
415 | colorsys.getColorEncoding = function(color) {
416 | if (typeof color === 'string') {
417 | try {
418 | colorsys.hex2Rgb(color);
419 | return 'hex';
420 | } catch (err) {
421 | /* Silent catch */
422 | }
423 | }
424 |
425 | if (typeof color !== 'object') {
426 | return 'unknown';
427 | }
428 |
429 | // Now check that the sum of the components is still a number
430 | // And different than NaN (for that the boolean check)
431 | const c = color;
432 |
433 | if (c.r + c.g + c.b && typeof (c.r + c.g + c.b) === 'number') {
434 | return 'rgb';
435 | }
436 |
437 | if (c.h + c.s + c.v && typeof (c.h + c.s + c.v) === 'number') {
438 | return 'hsv';
439 | }
440 |
441 | if (c.h + c.s + c.l && typeof (c.h + c.s + c.l) === 'number') {
442 | return 'hsl';
443 | }
444 |
445 | if (c.c + c.m + c.y + c.k && typeof (c.c + c.m + c.y + c.k) === 'number') {
446 | return 'cmyk';
447 | }
448 |
449 | return 'unknown';
450 | };
451 |
452 | function _normalizeAngle(degrees) {
453 | return ((degrees % 360) + 360) % 360;
454 | }
455 |
456 | function _hue2Rgb(p, q, t) {
457 | if (t < 0) {
458 | t += 1;
459 | }
460 | if (t > 1) {
461 | t -= 1;
462 | }
463 | if (t < 1 / 6) {
464 | return p + (q - p) * 6 * t;
465 | }
466 | if (t < 1 / 2) {
467 | return q;
468 | }
469 | if (t < 2 / 3) {
470 | return p + (q - p) * (2 / 3 - t) * 6;
471 | }
472 | return p;
473 | }
474 |
475 | function padWithZeros(num) {
476 | var s = String(num);
477 | while (s.length < 6) {
478 | s = '0' + s;
479 | }
480 | return s;
481 | }
482 |
483 | // It's easier to change luminosity in HSL
484 | colorsys.any2Hsl = function(color) {
485 | const colorEncoding = colorsys.getColorEncoding(color);
486 |
487 | switch (colorEncoding) {
488 | case 'hsl':
489 | return color;
490 | case 'rgb':
491 | return colorsys.rgb2Hsl(color);
492 | case 'hex':
493 | return colorsys.hex2Hsl(color);
494 | case 'hsv':
495 | return colorsys.hsv2Hsl(color);
496 | case 'cmyk':
497 | return colorsys.rgb2Hsl(colorsys.cmyk2Rgb(color));
498 | default:
499 | return 'unknown';
500 | }
501 | };
502 |
503 | // Aliases
504 | colorsys.any_to_hsl = colorsys.anyToHsl = colorsys.any2Hsl;
505 |
506 | // Will return the transforming to encode function
507 | // or undefined
508 | colorsys.getTransformEncodingFunction = function(color, desiredEncoding) {
509 | const originalEncoding = colorsys.getColorEncoding(color);
510 | return colorsys[originalEncoding + '_to_' + desiredEncoding];
511 | };
512 |
513 | // TODO:
514 | // Create darken / lighten methods with same input/output format
515 | colorsys.darken = function(color, percentage) {
516 | const encoding = colorsys.getColorEncoding(color);
517 |
518 | if (encoding === 'unknown') {
519 | return color;
520 | }
521 |
522 | // Missing transformation function between hsl and cmyk
523 | // Also, this algo is simple and precise
524 | if (encoding === 'cmyk') {
525 | const nextCmyk = color;
526 | nextCmyk.k = Math.min(100, 100 * percentage + nextCmyk.k);
527 | return nextCmyk;
528 | }
529 |
530 | const hsl = colorsys.any2Hsl(color);
531 | const nextHsl = {h: hsl.h, s: hsl.s, l: Math.round(hsl.l * (1 - percentage))};
532 |
533 | const transformFn =
534 | encoding === 'hsl'
535 | ? c => c // If HSL return as incame
536 | : colorsys.getTransformEncodingFunction(nextHsl, encoding);
537 |
538 | if (typeof transformFn !== 'function') {
539 | return color;
540 | }
541 |
542 | return transformFn(nextHsl);
543 | };
544 |
545 | export default colorsys;
546 |
--------------------------------------------------------------------------------
/src/color-wheel-picker/index.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import React, {Component} from 'react';
4 | import {
5 | Animated,
6 | Image,
7 | Dimensions,
8 | PanResponder,
9 | StyleSheet,
10 | View,
11 | TextInput,
12 | } from 'react-native';
13 | import colorsys from './colorsys';
14 | import wheelImage from './color-wheel.png';
15 |
16 | export default class ColorWheel extends Component {
17 | static defaultProps = {
18 | thumbSize: 50,
19 | initialColor: '#ffffff',
20 | onColorChange: () => {},
21 | precision: 0,
22 | };
23 |
24 | constructor(props) {
25 | super(props);
26 | this.state = {
27 | offset: {x: 0, y: 0},
28 | currentColor: props.initialColor,
29 | inputText: props.initialColor,
30 | pan: new Animated.ValueXY(),
31 | };
32 | }
33 |
34 | componentDidMount = () => {
35 | this._panResponder = PanResponder.create({
36 | onStartShouldSetPanResponderCapture: ({nativeEvent}) => {
37 | if (this.outBounds(nativeEvent)) {
38 | return;
39 | }
40 | this.updateColor({nativeEvent});
41 | this.setState({panHandlerReady: true});
42 |
43 | this.state.pan.setValue({
44 | x: -this.state.left + nativeEvent.pageX - this.props.thumbSize / 2,
45 | y: -this.state.top + nativeEvent.pageY - this.props.thumbSize / 2,
46 | });
47 | return true;
48 | },
49 | onStartShouldSetPanResponder: () => true,
50 | onMoveShouldSetPanResponderCapture: () => true,
51 | onPanResponderGrant: () => true,
52 | onPanResponderMove: (event, gestureState) => {
53 | if (this.outBounds(gestureState)) {
54 | return;
55 | }
56 |
57 | this.resetPanHandler();
58 | return Animated.event(
59 | [
60 | null,
61 | {
62 | dx: this.state.pan.x,
63 | dy: this.state.pan.y,
64 | },
65 | ],
66 | {listener: this.updateColor},
67 | )(event, gestureState);
68 | },
69 | onMoveShouldSetPanResponder: () => true,
70 | onPanResponderRelease: ({nativeEvent}) => {
71 | this.setState({panHandlerReady: true});
72 | this.state.pan.flattenOffset();
73 | const {radius} = this.calcPolar(nativeEvent);
74 | if (radius < 0.1) {
75 | this.forceUpdate('#ffffff');
76 | }
77 | },
78 | });
79 | };
80 |
81 | onLayout() {
82 | this.measureOffset();
83 | }
84 |
85 | measureOffset() {
86 | /*
87 | * const {x, y, width, height} = nativeEvent.layout
88 | * onlayout values are different than measureInWindow
89 | * x and y are the distances to its previous element
90 | * but in measureInWindow they are relative to the window
91 | */
92 | this.self.measureInWindow((x, y, width, height) => {
93 | const window = Dimensions.get('window');
94 | const absX = x % width;
95 | const radius = Math.min(width, height) / 2;
96 | const offset = {
97 | x: absX + width / 2,
98 | y: (y % window.height) + height / 2,
99 | };
100 |
101 | this.setState({
102 | offset,
103 | radius,
104 | height,
105 | width,
106 | top: y % window.height,
107 | left: absX,
108 | });
109 | this.forceUpdate(this.state.currentColor);
110 | });
111 | }
112 |
113 | calcPolar(gestureState) {
114 | const {pageX, pageY, moveX, moveY} = gestureState;
115 | const [x, y] = [pageX || moveX, pageY || moveY];
116 | const [dx, dy] = [x - this.state.offset.x, y - this.state.offset.y];
117 | return {
118 | deg: Math.atan2(dy, dx) * (-180 / Math.PI),
119 | // pitagoras r^2 = x^2 + y^2 normalized
120 | radius: Math.sqrt(dy * dy + dx * dx) / this.state.radius,
121 | };
122 | }
123 |
124 | outBounds(gestureState) {
125 | const {radius} = this.calcPolar(gestureState);
126 | return radius > 1;
127 | }
128 |
129 | resetPanHandler() {
130 | if (!this.state.panHandlerReady) {
131 | return;
132 | }
133 |
134 | this.setState({panHandlerReady: false});
135 | this.state.pan.setOffset({
136 | x: this.state.pan.x._value,
137 | y: this.state.pan.y._value,
138 | });
139 | this.state.pan.setValue({x: 0, y: 0});
140 | }
141 |
142 | calcCartesian(deg, radius) {
143 | const r = radius * this.state.radius; // was normalized
144 | const rad = (Math.PI * deg) / 180;
145 | const x = r * Math.cos(rad);
146 | const y = r * Math.sin(rad);
147 | return {
148 | left: this.state.width / 2 + x,
149 | top: this.state.height / 2 - y,
150 | };
151 | }
152 |
153 | updateColor = ({nativeEvent}) => {
154 | const {deg, radius} = this.calcPolar(nativeEvent);
155 | const currentColor = colorsys.hsv2Hex({h: deg, s: 100 * radius, v: 100});
156 | this.setState({currentColor, inputText: currentColor});
157 | this.props.onColorChange(currentColor);
158 | };
159 |
160 | forceUpdate = color => {
161 | try {
162 | const {h, s, v} = colorsys.hex2Hsv(color);
163 | const {left, top} = this.calcCartesian(h, s / 100);
164 | this.setState({currentColor: color, inputText: color});
165 | this.props.onColorChange(color);
166 | this.state.pan.setValue({
167 | x: left - this.props.thumbSize / 2,
168 | y: top - this.props.thumbSize / 2,
169 | });
170 | }
171 | catch (err) {
172 | console.log(err);
173 | }
174 | };
175 |
176 | changeInput = color => {
177 | try {
178 | if (color[0] === '#' && color.length === 7) {
179 | this.forceUpdate(color);
180 | } else {
181 | this.setState({inputText: color});
182 | }
183 | } catch (err) {
184 | console.log(err);
185 | }
186 | };
187 | render() {
188 | const {radius, inputText} = this.state;
189 | const thumbStyle = [
190 | styles.circle,
191 | this.props.thumbStyle,
192 | {
193 | width: this.props.thumbSize,
194 | height: this.props.thumbSize,
195 | borderRadius: this.props.thumbSize / 2,
196 | backgroundColor: this.state.currentColor,
197 | opacity: this.state.offset.x === 0 ? 0 : 1,
198 | },
199 | ];
200 |
201 | const panHandlers =
202 | (this._panResponder && this._panResponder.panHandlers) || {};
203 |
204 | return (
205 |
206 | {
208 | this.self = node;
209 | }}
210 | {...panHandlers}
211 | onLayout={nativeEvent => this.onLayout(nativeEvent)}
212 | style={[styles.coverResponder, this.props.style]}>
213 |
222 |
223 |
224 | this.changeInput(text)}
227 | value={inputText}
228 | />
229 |
230 | );
231 | }
232 | }
233 |
234 | const styles = StyleSheet.create({
235 | mainContainer: {alignItems: 'center'},
236 | coverResponder: {
237 | alignItems: 'center',
238 | justifyContent: 'center',
239 | },
240 | img: {
241 | alignSelf: 'center',
242 | },
243 | circle: {
244 | position: 'absolute',
245 | backgroundColor: '#EEEEEE',
246 | borderWidth: 3,
247 | borderColor: '#EEEEEE',
248 | elevation: 3,
249 | shadowColor: 'rgb(46, 48, 58)',
250 | shadowOffset: {width: 0, height: 2},
251 | shadowOpacity: 0.8,
252 | shadowRadius: 2,
253 | },
254 | inputStyle: {
255 | height: 40,
256 | width: 80,
257 | borderColor: 'gray',
258 | borderWidth: 1,
259 | textAlign: 'center',
260 | marginVertical: 25,
261 | },
262 | });
263 |
--------------------------------------------------------------------------------
/src/tick.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IOMechs/RNColorPalette/212a02bf7ae54e756afb432ef7929ebdd1029899/src/tick.png
--------------------------------------------------------------------------------