@panneau/fields 1.0.1-alpha.0 → 1.0.3-alpha.1

package/assets/css/styles.css

@@ -0,0 +1 @@
+.panneau-field-autocomplete-container .panneau-field-autocomplete-list{margin-top:5px;max-height:150px;overflow-y:auto;position:absolute;width:300px;z-index:1}.panneau-field-autocomplete-container .panneau-field-autocomplete-btn:active,.panneau-field-autocomplete-container .panneau-field-autocomplete-btn:hover{border-color:transparent;text-decoration:underline}.panneau-field-autocomplete-container .panneau-field-autocomplete-item{padding:5px 10px}.panneau-field-autocomplete-container .panneau-field-autocomplete-item button{text-align:left;width:100%}.panneau-field-date-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panneau-field-date-container .react-datepicker-popper{z-index:4}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:8px solid transparent;-webkit-box-sizing:content-box;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:#aeaeae;border-width:8px;content:"";left:-8px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{margin-bottom:10px}.react-datepicker-popper[data-placement^=right]{margin-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{margin-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding-top:8px;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{background:none;border:.45rem solid transparent;cursor:pointer;height:10px;line-height:1.7rem;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:10px;width:0;width:10px;z-index:1}.react-datepicker__navigation--previous{border-right-color:#ccc;left:10px}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{border-left-color:#ccc;right:10px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:95px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{border-top-color:#ccc;top:4px}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{border-bottom-color:#ccc;top:-4px}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:85px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:#ccc;border-width:.45rem;float:right;margin-left:20px;position:relative;top:8px}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{-ms-flex-pack:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:rgba(0,0,0,.8);display:-webkit-flex;display:-ms-flexbox;display:flex;height:100vh;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media(max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.quill{background-color:#fff;border-radius:.25rem;color:#212529}.ql-toolbar{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.ql-container{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.panneau-field-input-group-container{margin:0}.panneau-field-number-container{position:relative}.panneau-field-number-container input{-moz-appearance:textfield;padding-right:20px}.panneau-field-number-container input::-webkit-inner-spin-button,.panneau-field-number-container input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.panneau-field-number-container .panneau-field-number-arrow{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20px}.panneau-field-number-container .panneau-field-number-arrowIcon{font-size:10px;margin:auto}.panneau-field-number-container .panneau-field-number-dataListItems{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:4px;left:0;list-style-type:none;padding:0;position:absolute;top:100%;width:100%;z-index:2}.panneau-field-number-container .panneau-field-number-dataListItem{width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton{background-color:rgba(0,0,0,0);border:0;text-align:left;width:100%}.panneau-field-number-container .panneau-field-number-dataListItemButton:hover{background-color:rgba(0,0,0,.1)}.panneau-field-text-inputElement[type=search]::-webkit-search-cancel-button,.panneau-field-text-inputElement[type=search]::-webkit-search-decoration,.panneau-field-text-inputElement[type=search]::-webkit-search-results-button,.panneau-field-text-inputElement[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.panneau-field-toggle-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panneau-field-toggle-container .rc-switch{background-color:#ccc;border:1px solid #ccc;border-radius:20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:22px;line-height:20px;padding:0;position:relative;-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);-o-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1);vertical-align:middle;width:44px}.panneau-field-toggle-container .rc-switch-inner{color:#fff;font-size:12px;left:24px;position:absolute;top:0}.panneau-field-toggle-container .rc-switch:after{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:rcSwitchOff;animation-name:rcSwitchOff;-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1);background-color:#fff;border-radius:50% 50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);content:" ";cursor:pointer;height:18px;left:2px;position:absolute;top:1px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:left .3s cubic-bezier(.35,0,.25,1);-o-transition:left .3s cubic-bezier(.35,0,.25,1);transition:left .3s cubic-bezier(.35,0,.25,1);width:18px}.panneau-field-toggle-container .rc-switch:hover:after{-webkit-animation-name:rcSwitchOn;animation-name:rcSwitchOn;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.panneau-field-toggle-container .rc-switch:focus{-webkit-box-shadow:0 0 0 2px #d5f1fd;box-shadow:0 0 0 2px #d5f1fd;outline:none}.panneau-field-toggle-container .rc-switch-checked{background-color:#87d068;border:1px solid #87d068}.panneau-field-toggle-container .rc-switch-checked .rc-switch-inner{left:6px}.panneau-field-toggle-container .rc-switch-checked:after{left:22px}.panneau-field-toggle-container .rc-switch-disabled{background:#ccc;border-color:#ccc;cursor:no-drop}.panneau-field-toggle-container .rc-switch-disabled:after{-webkit-animation-name:none;animation-name:none;background:#9e9e9e;cursor:no-drop}.panneau-field-toggle-container .rc-switch-disabled:hover:after{-webkit-animation-name:none;animation-name:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.panneau-field-toggle-container .rc-switch-label{display:inline-block;font-size:14px;line-height:20px;padding-left:10px;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:normal}@-webkit-keyframes panneau-field-toggle-rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes panneau-field-toggle-rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes panneau-field-toggle-rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes panneau-field-toggle-rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.panneau-field-toggles-container label{cursor:pointer}

package/es/index.js

@@ -1,17 +1,90 @@
-import Text, { TextLocale, Textarea, Email, Number, Password } from '@panneau/field-text';
-import Editor, { EditorLocale } from '@panneau/field-editor';
-import Code from '@panneau/field-code';
-import Select from '@panneau/field-select';
-import Color from '@panneau/field-color';
-import Date, { DateRange } from '@panneau/field-date';
-import Slider from '@panneau/field-slider';
-import Toggle from '@panneau/field-toggle';
-import Items from '@panneau/field-items';
-import Item from '@panneau/field-item';
-import Page from '@panneau/field-page';
-import Autosuggest from '@panneau/field-autosuggest';
-import Blocks from '@panneau/field-blocks';
-import Link, { Links, LinkLocale, LinksLocale } from '@panneau/field-links';
-import Url, { UrlLocale } from '@panneau/field-url';
-import Media, { Audio, Audios, Document, Documents, Picture, Pictures, Video, Videos } from '@panneau/field-media';
-export { Audio, Audios, Autosuggest, Blocks, Code, Color, Date, DateRange, Document, Documents, Editor, EditorLocale, Email, Item, Items, Link, Links, LinkLocale, LinksLocale, Media, Number, Page, Password, Picture, Pictures, Select, Slider, Text, Textarea, TextLocale, Toggle, Url, UrlLocale, Video, Videos };
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { FieldsProvider as FieldsProvider$1, ComponentsProvider, FIELDS_NAMESPACE } from '@panneau/core/contexts';
+import PropTypes from 'prop-types';
+import React from 'react';
+import fieldAutocomplete, { definition } from '@panneau/field-autocomplete';
+import fieldCheckboxes, { definition as definition$1 } from '@panneau/field-checkboxes';
+import fieldColor, { definition as definition$2 } from '@panneau/field-color';
+import fieldDate, { DateTime, Time, definition as definition$3 } from '@panneau/field-date';
+import fieldEmbed, { definition as definition$4 } from '@panneau/field-embed';
+import fieldFields, { definition as definition$5 } from '@panneau/field-fields';
+import fieldHtml, { definition as definition$6 } from '@panneau/field-html';
+import fieldInputGroup, { definition as definition$7 } from '@panneau/field-input-group';
+import fieldItem, { definition as definition$8 } from '@panneau/field-item';
+import fieldItems, { definition as definition$9 } from '@panneau/field-items';
+import fieldLocalized, { definition as definition$a } from '@panneau/field-localized';
+import fieldNumber, { definition as definition$b } from '@panneau/field-number';
+import fieldRadios, { definition as definition$c } from '@panneau/field-radios';
+import fieldSelect, { definition as definition$d } from '@panneau/field-select';
+import fieldText, { Email, Password, Telephone, Textarea, definition as definition$e } from '@panneau/field-text';
+import fieldToggle, { definition as definition$f } from '@panneau/field-toggle';
+import fieldToggles, { definition as definition$g } from '@panneau/field-toggles';
+import fieldUpload, { AudioField, VideoField, ImageField, definition as definition$h } from '@panneau/field-upload';
+import fieldUrl, { definition as definition$i } from '@panneau/field-url';
+import isArray from 'lodash/isArray';
+
+var components = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Autocomplete: fieldAutocomplete,
+    Checkboxes: fieldCheckboxes,
+    Color: fieldColor,
+    DateTime: DateTime,
+    Date: fieldDate,
+    Time: Time,
+    Embed: fieldEmbed,
+    Fields: fieldFields,
+    Html: fieldHtml,
+    InputGroup: fieldInputGroup,
+    Item: fieldItem,
+    Items: fieldItems,
+    Localized: fieldLocalized,
+    Number: fieldNumber,
+    Radios: fieldRadios,
+    Select: fieldSelect,
+    Text: fieldText,
+    Email: Email,
+    Password: Password,
+    Telephone: Telephone,
+    Textarea: Textarea,
+    Toggle: fieldToggle,
+    Toggles: fieldToggles,
+    Upload: fieldUpload,
+    Audio: AudioField,
+    Video: VideoField,
+    Image: ImageField,
+    Url: fieldUrl
+});
+
+var definitions = [definition, definition$1, definition$2, definition$3, definition$4, definition$5, definition$6, definition$7, definition$8, definition$9, definition$a, definition$b, definition$c, definition$d, definition$e, definition$f, definition$g, definition$h, definition$i].reduce(function (allFields, definition) {
+  return [].concat(_toConsumableArray(allFields), _toConsumableArray(isArray(definition) ? definition : [definition]));
+}, []);
+
+var propTypes = {
+  definitions: PropTypes.array,
+  // eslint-disable-line
+  components: PropTypes.object,
+  // eslint-disable-line
+  children: PropTypes.node.isRequired
+};
+var defaultProps = {
+  definitions: [],
+  components: {}
+};
+
+var FieldsProvider = function FieldsProvider(_ref) {
+  var injectedDefinitions = _ref.definitions,
+      injectedComponents = _ref.components,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement(FieldsProvider$1, {
+    fields: [].concat(_toConsumableArray(definitions), _toConsumableArray(injectedDefinitions))
+  }, /*#__PURE__*/React.createElement(ComponentsProvider, {
+    namespace: FIELDS_NAMESPACE,
+    components: _objectSpread(_objectSpread({}, components), injectedComponents)
+  }, children));
+};
+
+FieldsProvider.propTypes = propTypes;
+FieldsProvider.defaultProps = defaultProps;
+
+export { FieldsProvider as default };

package/lib/index.js

@@ -1,251 +1,121 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function get() {
-    return _fieldText["default"];
-  }
-});
-Object.defineProperty(exports, "TextLocale", {
-  enumerable: true,
-  get: function get() {
-    return _fieldText.TextLocale;
-  }
-});
-Object.defineProperty(exports, "Textarea", {
-  enumerable: true,
-  get: function get() {
-    return _fieldText.Textarea;
-  }
-});
-Object.defineProperty(exports, "Email", {
-  enumerable: true,
-  get: function get() {
-    return _fieldText.Email;
-  }
-});
-Object.defineProperty(exports, "Number", {
-  enumerable: true,
-  get: function get() {
-    return _fieldText.Number;
-  }
-});
-Object.defineProperty(exports, "Password", {
-  enumerable: true,
-  get: function get() {
-    return _fieldText.Password;
-  }
-});
-Object.defineProperty(exports, "Editor", {
-  enumerable: true,
-  get: function get() {
-    return _fieldEditor["default"];
-  }
-});
-Object.defineProperty(exports, "EditorLocale", {
-  enumerable: true,
-  get: function get() {
-    return _fieldEditor.EditorLocale;
-  }
-});
-Object.defineProperty(exports, "Code", {
-  enumerable: true,
-  get: function get() {
-    return _fieldCode["default"];
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function get() {
-    return _fieldSelect["default"];
-  }
-});
-Object.defineProperty(exports, "Color", {
-  enumerable: true,
-  get: function get() {
-    return _fieldColor["default"];
-  }
-});
-Object.defineProperty(exports, "Date", {
-  enumerable: true,
-  get: function get() {
-    return _fieldDate["default"];
-  }
-});
-Object.defineProperty(exports, "DateRange", {
-  enumerable: true,
-  get: function get() {
-    return _fieldDate.DateRange;
-  }
-});
-Object.defineProperty(exports, "Slider", {
-  enumerable: true,
-  get: function get() {
-    return _fieldSlider["default"];
-  }
-});
-Object.defineProperty(exports, "Toggle", {
-  enumerable: true,
-  get: function get() {
-    return _fieldToggle["default"];
-  }
-});
-Object.defineProperty(exports, "Items", {
-  enumerable: true,
-  get: function get() {
-    return _fieldItems["default"];
-  }
-});
-Object.defineProperty(exports, "Item", {
-  enumerable: true,
-  get: function get() {
-    return _fieldItem["default"];
-  }
-});
-Object.defineProperty(exports, "Page", {
-  enumerable: true,
-  get: function get() {
-    return _fieldPage["default"];
-  }
-});
-Object.defineProperty(exports, "Autosuggest", {
-  enumerable: true,
-  get: function get() {
-    return _fieldAutosuggest["default"];
-  }
-});
-Object.defineProperty(exports, "Blocks", {
-  enumerable: true,
-  get: function get() {
-    return _fieldBlocks["default"];
-  }
-});
-Object.defineProperty(exports, "Link", {
-  enumerable: true,
-  get: function get() {
-    return _fieldLinks["default"];
-  }
-});
-Object.defineProperty(exports, "Links", {
-  enumerable: true,
-  get: function get() {
-    return _fieldLinks.Links;
-  }
-});
-Object.defineProperty(exports, "LinkLocale", {
-  enumerable: true,
-  get: function get() {
-    return _fieldLinks.LinkLocale;
-  }
-});
-Object.defineProperty(exports, "LinksLocale", {
-  enumerable: true,
-  get: function get() {
-    return _fieldLinks.LinksLocale;
-  }
-});
-Object.defineProperty(exports, "Url", {
-  enumerable: true,
-  get: function get() {
-    return _fieldUrl["default"];
-  }
-});
-Object.defineProperty(exports, "UrlLocale", {
-  enumerable: true,
-  get: function get() {
-    return _fieldUrl.UrlLocale;
-  }
-});
-Object.defineProperty(exports, "Media", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia["default"];
-  }
-});
-Object.defineProperty(exports, "Audio", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Audio;
-  }
-});
-Object.defineProperty(exports, "Audios", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Audios;
-  }
-});
-Object.defineProperty(exports, "Document", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Document;
-  }
-});
-Object.defineProperty(exports, "Documents", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Documents;
-  }
-});
-Object.defineProperty(exports, "Picture", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Picture;
-  }
-});
-Object.defineProperty(exports, "Pictures", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Pictures;
-  }
-});
-Object.defineProperty(exports, "Video", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Video;
-  }
-});
-Object.defineProperty(exports, "Videos", {
-  enumerable: true,
-  get: function get() {
-    return _fieldMedia.Videos;
-  }
-});
-
-var _fieldText = _interopRequireWildcard(require("@panneau/field-text"));
-
-var _fieldEditor = _interopRequireWildcard(require("@panneau/field-editor"));
-
-var _fieldCode = _interopRequireDefault(require("@panneau/field-code"));
-
-var _fieldSelect = _interopRequireDefault(require("@panneau/field-select"));
-
-var _fieldColor = _interopRequireDefault(require("@panneau/field-color"));
-
-var _fieldDate = _interopRequireWildcard(require("@panneau/field-date"));
-
-var _fieldSlider = _interopRequireDefault(require("@panneau/field-slider"));
-
-var _fieldToggle = _interopRequireDefault(require("@panneau/field-toggle"));
-
-var _fieldItems = _interopRequireDefault(require("@panneau/field-items"));
-
-var _fieldItem = _interopRequireDefault(require("@panneau/field-item"));
-
-var _fieldPage = _interopRequireDefault(require("@panneau/field-page"));
-
-var _fieldAutosuggest = _interopRequireDefault(require("@panneau/field-autosuggest"));
-
-var _fieldBlocks = _interopRequireDefault(require("@panneau/field-blocks"));
-
-var _fieldLinks = _interopRequireWildcard(require("@panneau/field-links"));
-
-var _fieldUrl = _interopRequireWildcard(require("@panneau/field-url"));
-
-var _fieldMedia = _interopRequireWildcard(require("@panneau/field-media"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var contexts = require('@panneau/core/contexts');
+var PropTypes = require('prop-types');
+var React = require('react');
+var fieldAutocomplete = require('@panneau/field-autocomplete');
+var fieldCheckboxes = require('@panneau/field-checkboxes');
+var fieldColor = require('@panneau/field-color');
+var fieldDate = require('@panneau/field-date');
+var fieldEmbed = require('@panneau/field-embed');
+var fieldFields = require('@panneau/field-fields');
+var fieldHtml = require('@panneau/field-html');
+var fieldInputGroup = require('@panneau/field-input-group');
+var fieldItem = require('@panneau/field-item');
+var fieldItems = require('@panneau/field-items');
+var fieldLocalized = require('@panneau/field-localized');
+var fieldNumber = require('@panneau/field-number');
+var fieldRadios = require('@panneau/field-radios');
+var fieldSelect = require('@panneau/field-select');
+var fieldText = require('@panneau/field-text');
+var fieldToggle = require('@panneau/field-toggle');
+var fieldToggles = require('@panneau/field-toggles');
+var fieldUpload = require('@panneau/field-upload');
+var fieldUrl = require('@panneau/field-url');
+var isArray = require('lodash/isArray');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var fieldAutocomplete__default = /*#__PURE__*/_interopDefaultLegacy(fieldAutocomplete);
+var fieldCheckboxes__default = /*#__PURE__*/_interopDefaultLegacy(fieldCheckboxes);
+var fieldColor__default = /*#__PURE__*/_interopDefaultLegacy(fieldColor);
+var fieldDate__default = /*#__PURE__*/_interopDefaultLegacy(fieldDate);
+var fieldEmbed__default = /*#__PURE__*/_interopDefaultLegacy(fieldEmbed);
+var fieldFields__default = /*#__PURE__*/_interopDefaultLegacy(fieldFields);
+var fieldHtml__default = /*#__PURE__*/_interopDefaultLegacy(fieldHtml);
+var fieldInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(fieldInputGroup);
+var fieldItem__default = /*#__PURE__*/_interopDefaultLegacy(fieldItem);
+var fieldItems__default = /*#__PURE__*/_interopDefaultLegacy(fieldItems);
+var fieldLocalized__default = /*#__PURE__*/_interopDefaultLegacy(fieldLocalized);
+var fieldNumber__default = /*#__PURE__*/_interopDefaultLegacy(fieldNumber);
+var fieldRadios__default = /*#__PURE__*/_interopDefaultLegacy(fieldRadios);
+var fieldSelect__default = /*#__PURE__*/_interopDefaultLegacy(fieldSelect);
+var fieldText__default = /*#__PURE__*/_interopDefaultLegacy(fieldText);
+var fieldToggle__default = /*#__PURE__*/_interopDefaultLegacy(fieldToggle);
+var fieldToggles__default = /*#__PURE__*/_interopDefaultLegacy(fieldToggles);
+var fieldUpload__default = /*#__PURE__*/_interopDefaultLegacy(fieldUpload);
+var fieldUrl__default = /*#__PURE__*/_interopDefaultLegacy(fieldUrl);
+var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
+
+var components = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Autocomplete: fieldAutocomplete__default["default"],
+    Checkboxes: fieldCheckboxes__default["default"],
+    Color: fieldColor__default["default"],
+    DateTime: fieldDate.DateTime,
+    Date: fieldDate__default["default"],
+    Time: fieldDate.Time,
+    Embed: fieldEmbed__default["default"],
+    Fields: fieldFields__default["default"],
+    Html: fieldHtml__default["default"],
+    InputGroup: fieldInputGroup__default["default"],
+    Item: fieldItem__default["default"],
+    Items: fieldItems__default["default"],
+    Localized: fieldLocalized__default["default"],
+    Number: fieldNumber__default["default"],
+    Radios: fieldRadios__default["default"],
+    Select: fieldSelect__default["default"],
+    Text: fieldText__default["default"],
+    Email: fieldText.Email,
+    Password: fieldText.Password,
+    Telephone: fieldText.Telephone,
+    Textarea: fieldText.Textarea,
+    Toggle: fieldToggle__default["default"],
+    Toggles: fieldToggles__default["default"],
+    Upload: fieldUpload__default["default"],
+    Audio: fieldUpload.AudioField,
+    Video: fieldUpload.VideoField,
+    Image: fieldUpload.ImageField,
+    Url: fieldUrl__default["default"]
+});
+
+var definitions = [fieldAutocomplete.definition, fieldCheckboxes.definition, fieldColor.definition, fieldDate.definition, fieldEmbed.definition, fieldFields.definition, fieldHtml.definition, fieldInputGroup.definition, fieldItem.definition, fieldItems.definition, fieldLocalized.definition, fieldNumber.definition, fieldRadios.definition, fieldSelect.definition, fieldText.definition, fieldToggle.definition, fieldToggles.definition, fieldUpload.definition, fieldUrl.definition].reduce(function (allFields, definition) {
+  return [].concat(_toConsumableArray__default["default"](allFields), _toConsumableArray__default["default"](isArray__default["default"](definition) ? definition : [definition]));
+}, []);
+
+var propTypes = {
+  definitions: PropTypes__default["default"].array,
+  // eslint-disable-line
+  components: PropTypes__default["default"].object,
+  // eslint-disable-line
+  children: PropTypes__default["default"].node.isRequired
+};
+var defaultProps = {
+  definitions: [],
+  components: {}
+};
+
+var FieldsProvider = function FieldsProvider(_ref) {
+  var injectedDefinitions = _ref.definitions,
+      injectedComponents = _ref.components,
+      children = _ref.children;
+  return /*#__PURE__*/React__default["default"].createElement(contexts.FieldsProvider, {
+    fields: [].concat(_toConsumableArray__default["default"](definitions), _toConsumableArray__default["default"](injectedDefinitions))
+  }, /*#__PURE__*/React__default["default"].createElement(contexts.ComponentsProvider, {
+    namespace: contexts.FIELDS_NAMESPACE,
+    components: _objectSpread__default["default"](_objectSpread__default["default"]({}, components), injectedComponents)
+  }, children));
+};
+
+FieldsProvider.propTypes = propTypes;
+FieldsProvider.defaultProps = defaultProps;
+
+exports["default"] = FieldsProvider;

package/package.json

@@ -1,14 +1,11 @@
 {
     "name": "@panneau/fields",
-    "version": "1.0.1-alpha.0",
-    "description": "Fields group for Panneau",
+    "version": "1.0.3-alpha.1",
+    "description": "",
     "keywords": [
-        "react",
-        "javascript",
-        "form",
-        "dashboard"
+        "javascript"
     ],
-    "homepage": "https://github.com/folkloreinc/panneau-js/tree/master/fields/fields",
+    "homepage": "https://github.com/folkloreinc/panneau-js",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/folkloreinc/panneau-js.git"
@@ -25,58 +22,71 @@
         {
             "name": "Nicolas Roy-Bourdages",
             "email": "nrb@folklore.email"
+        },
+        {
+            "name": "Julien Carignan",
+            "email": "jc@folklore.email"
+        },
+        {
+            "name": "Théo Gjini",
+            "email": "tg@folklore.email"
         }
     ],
+    "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": "./lib/index.js",
+        "./scss/styles": "./scss/styles.scss",
+        "./scss/styles.scss": "./scss/styles.scss",
+        "./assets/css/styles.css": "./assets/css/styles.css"
+    },
     "files": [
         "lib",
         "es",
-        "dist"
+        "assets",
+        "scss"
     ],
     "scripts": {
-        "storybook": "../../node_modules/.bin/start-storybook -p 9008 -c ../../.storybook-package",
-        "clean": "rm -rf dist && rm -rf lib && rm -rf es",
-        "webpack:dist": "../../node_modules/.bin/webpack --config ./webpack.config.js --progress --colors",
-        "webpack": "npm run webpack:dist",
-        "babel:es": "BABEL_ENV=es ../../node_modules/.bin/babel src --out-dir es --ignore src/**/*.story.jsx,src/**/*.test.jsx",
-        "babel:cjs": "BABEL_ENV=cjs ../../node_modules/.bin/babel src --out-dir lib --ignore src/**/*.story.jsx,src/**/*.test.jsx",
-        "babel": "npm run babel:es && npm run babel:cjs",
-        "build": "npm run babel",
-        "prepare": "npm run clean && npm run build",
-        "start": "npm run storybook"
-    },
-    "dependencies": {
-        "@babel/runtime": "^7.5.5",
-        "@panneau/core": "^1.0.1-alpha.0",
-        "@panneau/field": "^1.0.1-alpha.0",
-        "@panneau/field-autosuggest": "^1.0.1-alpha.0",
-        "@panneau/field-blocks": "^1.0.1-alpha.0",
-        "@panneau/field-code": "^1.0.1-alpha.0",
-        "@panneau/field-color": "^1.0.1-alpha.0",
-        "@panneau/field-date": "^1.0.1-alpha.0",
-        "@panneau/field-editor": "^1.0.1-alpha.0",
-        "@panneau/field-item": "^1.0.1-alpha.0",
-        "@panneau/field-items": "^1.0.1-alpha.0",
-        "@panneau/field-links": "^1.0.1-alpha.0",
-        "@panneau/field-media": "^1.0.1-alpha.0",
-        "@panneau/field-page": "^1.0.1-alpha.0",
-        "@panneau/field-select": "^1.0.1-alpha.0",
-        "@panneau/field-slider": "^1.0.1-alpha.0",
-        "@panneau/field-text": "^1.0.1-alpha.0",
-        "@panneau/field-toggle": "^1.0.1-alpha.0",
-        "@panneau/field-url": "^1.0.1-alpha.0",
-        "invariant": "^2.2.2",
-        "lodash": "^4.17.4",
-        "prop-types": "^15.7.0"
+        "scss": "../../scripts/build-packages-styles.js --pattern='@panneau/field-*' ./src/styles.scss.ejs ./scss/styles.scss",
+        "css": "../../scripts/build-sass.js ./scss/styles.scss ./assets/css/styles.css",
+        "prepare": "../../scripts/prepare-package.sh && npm run scss && npm run css"
     },
     "devDependencies": {
-        "react": "^16.9.0",
-        "react-dom": "^16.9.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@panneau/core": "^1.0.3-alpha.1",
+        "@panneau/field-autocomplete": "^1.0.3-alpha.1",
+        "@panneau/field-checkboxes": "^1.0.3-alpha.1",
+        "@panneau/field-color": "^1.0.3-alpha.1",
+        "@panneau/field-date": "^1.0.3-alpha.1",
+        "@panneau/field-embed": "^1.0.3-alpha.1",
+        "@panneau/field-fields": "^1.0.3-alpha.1",
+        "@panneau/field-html": "^1.0.3-alpha.1",
+        "@panneau/field-input-group": "^1.0.3-alpha.1",
+        "@panneau/field-item": "^1.0.3-alpha.1",
+        "@panneau/field-items": "^1.0.3-alpha.1",
+        "@panneau/field-localized": "^1.0.3-alpha.1",
+        "@panneau/field-number": "^1.0.3-alpha.1",
+        "@panneau/field-radios": "^1.0.3-alpha.1",
+        "@panneau/field-select": "^1.0.3-alpha.1",
+        "@panneau/field-text": "^1.0.3-alpha.1",
+        "@panneau/field-toggle": "^1.0.3-alpha.1",
+        "@panneau/field-toggles": "^1.0.3-alpha.1",
+        "@panneau/field-upload": "^1.0.3-alpha.1",
+        "@panneau/field-url": "^1.0.3-alpha.1",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2"
+    },
+    "publishConfig": {
+        "access": "public"
     },
-    "gitHead": "1bdcdd2b8266844e3739621aa29c91903075186f"
+    "gitHead": "e04e663c7f1eb692f89a0136f2e8f45024fbe355"
 }

package/scss/styles.scss

@@ -0,0 +1,10 @@
+@import '~@panneau/field-autocomplete/assets/css/styles';
+@import '~@panneau/field-checkboxes/assets/css/styles';
+@import '~@panneau/field-date/assets/css/styles';
+@import '~@panneau/field-html/assets/css/styles';
+@import '~@panneau/field-input-group/assets/css/styles';
+@import '~@panneau/field-number/assets/css/styles';
+@import '~@panneau/field-text/assets/css/styles';
+@import '~@panneau/field-toggle/assets/css/styles';
+@import '~@panneau/field-toggles/assets/css/styles';
+