react-responsive-select
Advanced tools
Comparing version
import * as React from 'react'; | ||
import RRS from '../../../ReactResponsiveSelect'; | ||
import { CaretIcon } from '../../components/CaretIcon'; | ||
import { CaretIcon } from '../../components/Icons'; | ||
export var Form = function (_a) { | ||
@@ -5,0 +5,0 @@ var brands = _a.brands, models = _a.models, colours = _a.colours, selectedBrand = _a.selectedBrand, selectedModel = _a.selectedModel, selectedColour = _a.selectedColour, _b = _a.functions, handleChangeBrand = _b.handleChangeBrand, handleChangeModel = _b.handleChangeModel, handleChangeColour = _b.handleChangeColour, handleSubmit = _b.handleSubmit; |
@@ -5,10 +5,10 @@ "use strict"; | ||
var ReactResponsiveSelect_1 = require("../../../ReactResponsiveSelect"); | ||
var CaretIcon_1 = require("../../components/CaretIcon"); | ||
var Icons_1 = require("../../components/Icons"); | ||
exports.Form = function (_a) { | ||
var brands = _a.brands, models = _a.models, colours = _a.colours, selectedBrand = _a.selectedBrand, selectedModel = _a.selectedModel, selectedColour = _a.selectedColour, _b = _a.functions, handleChangeBrand = _b.handleChangeBrand, handleChangeModel = _b.handleChangeModel, handleChangeColour = _b.handleChangeColour, handleSubmit = _b.handleSubmit; | ||
return (React.createElement("form", null, | ||
React.createElement(ReactResponsiveSelect_1.default, { name: "brand", key: "brands", options: brands, caretIcon: React.createElement(CaretIcon_1.CaretIcon, null), prefix: "Brand: ", selectedValue: selectedBrand, onChange: handleChangeBrand, onSubmit: handleSubmit }), | ||
React.createElement(ReactResponsiveSelect_1.default, { name: "models", key: "models_" + selectedBrand, options: models, disabled: selectedBrand === 'null', caretIcon: React.createElement(CaretIcon_1.CaretIcon, null), prefix: "Model: ", selectedValue: selectedModel, onChange: handleChangeModel, onSubmit: handleSubmit }), | ||
React.createElement(ReactResponsiveSelect_1.default, { name: "colour", key: "colours_" + selectedBrand + "_" + selectedModel, options: colours, disabled: selectedModel === 'null', caretIcon: React.createElement(CaretIcon_1.CaretIcon, null), prefix: "Colour: ", selectedValue: selectedColour, onChange: handleChangeColour, onSubmit: handleSubmit }))); | ||
React.createElement(ReactResponsiveSelect_1.default, { name: "brand", key: "brands", options: brands, caretIcon: React.createElement(Icons_1.CaretIcon, null), prefix: "Brand: ", selectedValue: selectedBrand, onChange: handleChangeBrand, onSubmit: handleSubmit }), | ||
React.createElement(ReactResponsiveSelect_1.default, { name: "models", key: "models_" + selectedBrand, options: models, disabled: selectedBrand === 'null', caretIcon: React.createElement(Icons_1.CaretIcon, null), prefix: "Model: ", selectedValue: selectedModel, onChange: handleChangeModel, onSubmit: handleSubmit }), | ||
React.createElement(ReactResponsiveSelect_1.default, { name: "colour", key: "colours_" + selectedBrand + "_" + selectedModel, options: colours, disabled: selectedModel === 'null', caretIcon: React.createElement(Icons_1.CaretIcon, null), prefix: "Colour: ", selectedValue: selectedColour, onChange: handleChangeColour, onSubmit: handleSubmit }))); | ||
}; | ||
//# sourceMappingURL=Form.js.map |
{ | ||
"name": "react-responsive-select", | ||
"version": "5.0.0-alpha-22", | ||
"version": "5.0.0-alpha-23", | ||
"description": "A React customisable, touchable, single-select / multi-select form component. Built with keyboard and screen reader accessibility in mind.", | ||
@@ -5,0 +5,0 @@ "main": "dist/ReactResponsiveSelect.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
831304
0.36%4900
0.22%