Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@devseed-ui/form
Advanced tools
@devseed-ui/form - npm Package Compare versions
Comparing version 1.0.3 to 1.0.4
| # @devseed-ui/form | ||
| ## 1.0.4 | ||
| ### Patch Changes | ||
| - ad9a469: Add value prop to checkable inputs to replace the previously hardcoded "on" value | ||
| - a547d9b: Update collecticons library v4.1.0 | ||
| - Updated dependencies [a547d9b] | ||
| - @devseed-ui/button@3.0.3 | ||
| ## 1.0.4-rc.1 | ||
| ### Patch Changes | ||
| - Add value prop to checkable inputs to replace the previously hardcoded "on" value | ||
| ## 1.0.4-rc.0 | ||
| ### Patch Changes | ||
| - Update collecticons library v4.1.0 | ||
| - Updated dependencies [undefined] | ||
| - @devseed-ui/button@3.0.3-rc.0 | ||
| ## 1.0.3 | ||
@@ -4,0 +27,0 @@ |
@@ -1,1 +0,1 @@ | ||
| !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button"));else if("function"==typeof define&&define.amd)define(["styled-components","@devseed-ui/theme-provider","react","prop-types","@devseed-ui/collecticons","@devseed-ui/animation","@devseed-ui/typography","@devseed-ui/button"],t);else{var r="object"==typeof exports?t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button")):t(e["styled-components"],e["@devseed-ui/theme-provider"],e.react,e["prop-types"],e["@devseed-ui/collecticons"],e["@devseed-ui/animation"],e["@devseed-ui/typography"],e["@devseed-ui/button"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(global,(function(e,t,r,o,n,i,l,a){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(0),n=r(1),i=r(10),l={small:"0.875rem",medium:"1rem",large:"1rem"},a={small:"1.25rem",medium:"1.5rem",large:"1.5rem"},u={small:"1.5rem",medium:"2rem",large:"2.5rem"},d={small:"0.125rem 0.5rem",medium:"0.25rem 0.5rem",large:"0.5rem 0.75rem"},c=function(){return(0,o.css)(["appearance:none;display:flex;width:auto;height:",";padding:",";border:"," solid ",";border-radius:",";background-color:",";font-family:inherit;font-size:",";line-height:",";color:",";transition:all 0.24s ease 0s;&::placeholder{opacity:0.64;}&[disabled]{","}&[readonly]{cursor:text;color:",";}&:hover{border-color:",";}&:focus,&:active{outline:0;border-color:",";}"," ",""],(function(e){var t=e.size;return u[t]}),(function(e){var t=e.size;return d[t]}),(0,n.themeVal)("layout.border"),(0,n.rgba)((0,n.themeVal)("color.base"),.16),(0,n.themeVal)("shape.rounded"),(0,n.themeVal)("color.surface"),(function(e){var t=e.size;return l[t]}),(function(e){var t=e.size;return a[t]}),(0,n.themeVal)("type.base.color"),(0,n.disabled)(),(0,n.rgba)((0,n.themeVal)("type.base.color"),.64),(0,n.rgba)((0,n.themeVal)("color.base"),.32),(0,n.rgba)((0,n.themeVal)("color.base"),.64),(function(e){return e.invalid&&(0,o.css)(["border-color:",";&:hover,&:focus,&:active{border-color:",";}"],(0,n.themeVal)("color.danger"),(0,n.themeVal)("color.danger"))}),(function(e){return e.stressed&&(0,o.css)(["animation:"," 0.5s linear;"],i.shake)}))};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"FormCheckable",{enumerable:!0,get:function(){return n.FormCheckable}}),Object.defineProperty(t,"FormCheckableGroup",{enumerable:!0,get:function(){return n.FormCheckableGroup}}),Object.defineProperty(t,"FormInput",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"FormLabel",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"FormLegend",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"FormSelect",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"FormTextarea",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"controlSkin",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"FormSwitch",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"FormFieldset",{enumerable:!0,get:function(){return f.FormFieldset}}),Object.defineProperty(t,"FormFieldsetHeader",{enumerable:!0,get:function(){return f.FormFieldsetHeader}}),Object.defineProperty(t,"FormFieldsetBody",{enumerable:!0,get:function(){return f.FormFieldsetBody}}),Object.defineProperty(t,"FormHelper",{enumerable:!0,get:function(){return p.FormHelper}}),Object.defineProperty(t,"FormHelperMessage",{enumerable:!0,get:function(){return p.FormHelperMessage}}),Object.defineProperty(t,"FormHelperCounter",{enumerable:!0,get:function(){return p.FormHelperCounter}}),Object.defineProperty(t,"FormGroup",{enumerable:!0,get:function(){return m.FormGroup}}),Object.defineProperty(t,"FormGroupHeader",{enumerable:!0,get:function(){return m.FormGroupHeader}}),Object.defineProperty(t,"FormGroupBody",{enumerable:!0,get:function(){return m.FormGroupBody}});var o=b(r(6)),n=r(7),i=b(r(9)),l=b(r(11)),a=b(r(12)),u=b(r(14)),d=b(r(15)),c=b(r(4)),s=b(r(16)),f=r(18),p=r(19),m=r(20);function b(e){return e&&e.__esModule?e:{default:e}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var l=n.default.form.withConfig({displayName:"form__Form",componentId:"ovnwer-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)());t.default=l},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormCheckableGroup=t.FormCheckable=void 0;var n=c(r(2)),i=c(r(3)),l=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),a=c(r(8)),u=r(1);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function f(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var p=function(e){var t=e.children,r=e.id,o=e.name,i=e.title,l=e.type,a=e.checked,u=e.onChange,d=e.className,c=e.textPlacement,p=e.hideText,m=f(e,["children","id","name","title","type","checked","onChange","className","textPlacement","hideText"]);return n.default.createElement("label",s({htmlFor:r,className:d,title:i},m),n.default.createElement("input",{type:l,name:o,id:r,value:"On",checked:a,onChange:u}),"right"===c&&n.default.createElement(h,null),n.default.createElement(b,{hideText:p},t),"left"===c&&n.default.createElement(h,null))};p.propTypes={name:i.default.string.isRequired,id:i.default.string.isRequired,textPlacement:i.default.string,hideText:i.default.bool,className:i.default.string,title:i.default.string,type:i.default.oneOf(["checkbox","radio"]),checked:i.default.bool,children:i.default.node.isRequired,onChange:i.default.func},p.defaultProps={textPlacement:"right"};var m=(0,l.css)(["display:inline-grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:0.5rem;font-size:1rem;line-height:1.5;cursor:pointer;vertical-align:top;input{flex:none;}"]),b=l.default.span.withConfig({displayName:"checkable__FormCheckableText",componentId:"sc-1cpluk5-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,u.visuallyHidden)()})),h=l.default.span.withConfig({displayName:"checkable__FormCheckableControl",componentId:"sc-1cpluk5-1"})(["position:relative;transition:all 0.16s ease 0s;"]),y=(0,l.default)(p).withConfig({displayName:"checkable__FormCheckable",componentId:"sc-1cpluk5-2"})([""," input{","}","{display:flex;align-items:center;justify-content:center;margin:0.125rem 0;height:1.25rem;width:1.25rem;background:",";line-height:1;border:"," solid ",";border-radius:",";&::before{transition:all 0.24s ease 0s;opacity:0;","}}&:hover ","{border-width:",";border-color:",";}"," input:focus ~ ",",input:active ~ ","{outline:0;border-width:",";border-color:",";}"," input:checked ~ ","{&::before{opacity:1;}}&[disabled]{","}"],m,(0,u.visuallyHidden)(),h,(0,u.themeVal)("color.surface"),(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.16),(function(e){return"checkbox"===e.type?(0,u.themeVal)("shape.rounded"):(0,u.themeVal)("shape.ellipsoid")}),(function(e){return"checkbox"===e.type?(0,l.css)(["",""],(0,a.default)("tick--small")):(0,l.css)(["content:'';height:0.5rem;width:0.5rem;background:",";border-radius:",";"],(0,u.themeVal)("color.base"),(0,u.themeVal)("shape.ellipsoid"))}),h,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.32),(function(e){return e.invalid&&(0,l.css)(["","{border-width:",";border-color:",";}&:hover ",",&:focus ",",&:active ","{border-color:",";}"],h,(0,u.themeVal)("layout.border"),(0,u.themeVal)("color.danger"),h,h,h,(0,u.themeVal)("color.danger"))}),h,h,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.64),(function(e){return e.checked?"".concat(h,","):""}),h,(0,u.disabled)());t.FormCheckable=y;var g=l.default.div.withConfig({displayName:"checkable__FormCheckableGroup",componentId:"sc-1cpluk5-3"})(["display:flex;flex-flow:row wrap;> *{margin:0.25rem 1rem 0.25rem 0;}"]);t.FormCheckableGroup=g},function(e,t){e.exports=n},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.FormInput=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var l=o.default.input.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"input__FormInput",componentId:"sc-52ed1q-0"})([""," font:inherit;height:auto;width:auto;margin:0;&[type='number']{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}}"],(0,n.default)());t.FormInput=l;var a=l;t.default=a},function(e,t){e.exports=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(r(2)),n=a(r(3)),i=a(r(0)),l=r(1);function a(e){return e&&e.__esModule?e:{default:e}}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var c=i.default.small.withConfig({displayName:"label__LabelHint",componentId:"eumonh-0"})(["font-weight:",";font-size:0.75rem;line-height:1;opacity:0.64;"],(0,l.themeVal)("type.base.weight")),s=function(e){var t,r=e.children,n=e.optional,i=d(e,["children","optional"]),l=!!n;return o.default.createElement("label",i,r,l&&" ",l&&o.default.createElement(c,null,"string"===(t=u(n))?n:"function"===t?n():"(optional)"))};s.propTypes={children:n.default.node,optional:n.default.oneOfType([n.default.string,n.default.func,n.default.bool])};var f=(0,i.default)(s).withConfig({displayName:"label__FormLabel",componentId:"eumonh-1"})(["display:inline-flex;align-items:center;font-family:",";font-weight:",";font-size:1rem;line-height:1.5;&[for]{cursor:pointer;}"],(0,l.themeVal)("type.base.family"),(0,l.themeVal)("type.base.bold"));t.default=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1),l=r(13);var a=n.default.legend.withConfig({displayName:"legend__FormLegend",componentId:"sc-1aw68v4-0"})([""," display:flex;align-items:center;width:100%;color:",";border:0;font-size:1rem;line-height:1.5rem;padding:0;fieldset fieldset &{font-size:0.875rem;line-height:1.25rem;padding:",";}"],(0,l.headingAlt)(),(0,i.rgba)((0,i.themeVal)("type.base.color"),.64),(0,i.glsp)(1/8,0));t.default=a},function(e,t){e.exports=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=l(r(0)),n=r(1),i=l(r(4));function l(e){return e&&e.__esModule?e:{default:e}}var a=o.default.select.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"select__FormSelect",componentId:"vhnur7-0"})([""," cursor:pointer;padding-right:",";background-image:",";background-position:calc(100% - 0.5rem) center;background-repeat:no-repeat;font:inherit;height:auto;width:auto;margin:0;&::-ms-expand{display:none;}@-moz-document url-prefix(){&{text-overflow:'';text-indent:-2px;}}:-moz-focusring{color:transparent;text-shadow:0 0 0 ",";}"],(0,i.default)(),(0,n.glsp)(2),(function(e){var t=e.theme;return"url('data:image/svg+xml;utf8,".concat(encodeURIComponent('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16"><polygon fill="'.concat(t.color.base,'" points="12.586,4.586 8,9.172 3.414,4.586 2,6 8,12 14,6" /></svg>')),"');")}),(0,n.themeVal)("type.base.color"));t.default=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var l=o.default.textarea.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"textarea__FormTextarea",componentId:"sc-16thlyb-0"})([""," font:inherit;height:auto;min-height:8rem;width:auto;margin:0;resize:none;"],(0,n.default)());t.default=l},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(2)),i=c(r(3)),l=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),a=r(1),u=r(17);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}var s=function(e){var t=e.children,r=e.name,o=e.title,i=e.checked,l=e.onChange,a=e.className,u=e.hideText,d=e.textPlacement;return n.default.createElement("label",{htmlFor:r,className:a,title:o},n.default.createElement("input",{type:"checkbox",name:r,id:r,value:"on",checked:i,onChange:l}),"right"===d&&n.default.createElement(m,null),n.default.createElement(p,{hideText:u},t),"left"===d&&n.default.createElement(m,null))};s.propTypes={name:i.default.string,textPlacement:i.default.string,className:i.default.string,title:i.default.string,checked:i.default.bool,hideText:i.default.bool,children:i.default.node,onChange:i.default.func},s.defaultProps={textPlacement:"left"};var f=(0,l.css)(["display:inline-grid;grid-template-columns:max-content;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:1rem;font-size:0.875rem;line-height:1.5;cursor:pointer;input{flex:none;margin-top:0.3125rem;}"]),p=l.default.span.withConfig({displayName:"switch__FormOptionText",componentId:"rh9a5m-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,a.visuallyHidden)()})),m=l.default.span.withConfig({displayName:"switch__FormOptionUi",componentId:"rh9a5m-1"})(["flex:none;position:relative;transition:all 0.16s ease 0s;"]),b=(0,l.default)(s).withConfig({displayName:"switch__FormSwitch",componentId:"rh9a5m-2"})([""," input{","}","{margin:0.375rem 0;width:2.25rem;height:0.75rem;border-radius:",";background:",";&::before{"," position:absolute;top:50%;left:0;z-index:2;content:'';height:1.25rem;width:1.25rem;border-radius:",";transform:translate(0,-50%);transition:all 0.24s ease 0s;}}&:hover ","::before{","}"," input:checked ~ ","{background:",";&::before{left:100%;transform:translate(-100%,-50%);}}"],f,(0,a.visuallyHidden)(),m,(0,a.themeVal)("shape.ellipsoid"),(0,a.rgba)((0,a.themeVal)("color.base"),.24),(function(e){return(0,u.buttonVariationBaseCss)(e.theme.type.base.color,"raised","light",e)}),(0,a.themeVal)("shape.ellipsoid"),m,(function(e){return(0,u.buttonVariationHoverCss)(e.theme.type.base.color,"raised","light",e)}),(function(e){return e.checked?"".concat(m,","):""}),m,(0,a.themeVal)("color.link"));t.default=b},function(e,t){e.exports=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormFieldsetBody=t.FormFieldsetHeader=t.FormFieldset=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var l=n.default.fieldset.withConfig({displayName:"fieldset__FormFieldset",componentId:"sc-1qku189-0"})(["background-color:",";border-radius:",";border:"," solid ",";padding:0;"],(0,i.themeVal)("color.baseAlphaB"),(0,i.themeVal)("shape.rounded"),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"));t.FormFieldset=l;var a=n.default.div.withConfig({displayName:"fieldset__FormFieldsetHeader",componentId:"sc-1qku189-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;padding:",";border-bottom:"," solid ",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(.75,2),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"),(0,i.glsp)(.25,1));t.FormFieldsetHeader=a;var u=n.default.div.withConfig({displayName:"fieldset__FormFieldsetBody",componentId:"sc-1qku189-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";padding:",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(),(0,i.glsp)(2),(0,i.glsp)());t.FormFieldsetBody=u},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormHelperCounter=t.FormHelperMessage=t.FormHelper=void 0;var n=d(r(2)),i=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=u();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),l=d(r(3)),a=r(1);function u(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return u=function(){return e},e}function d(e){return e&&e.__esModule?e:{default:e}}function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var f=i.default.div.withConfig({displayName:"helper__FormHelper",componentId:"sc-1b93h35-0"})(["display:flex;flex-flow:row nowrap;justify-content:space-between;line-height:1.25rem;color:",";"],(0,a.rgba)((0,a.themeVal)("color.base"),.48));t.FormHelper=f;var p=i.default.p.withConfig({displayName:"helper__FormHelperMessage",componentId:"sc-1b93h35-1"})(["font-size:0.875rem;",""],(function(e){return e.invalid?(0,i.css)(["color:",";"],(0,a.themeVal)("color.danger")):""}));t.FormHelperMessage=p;var m=i.default.p.withConfig({displayName:"helper__FormHelperCounterSelf",componentId:"sc-1b93h35-2"})(["font-size:0.75rem;padding-left:",";margin-left:auto;",""],(0,a.glsp)(),(function(e){var t=e.value,r=e.max,o=e.warnAt;if(t&&r){var n=o||Math.floor(.9*r);return t>r?(0,i.css)(["color:",";"],(0,a.themeVal)("color.danger")):t>=n?(0,i.css)(["color:",";"],(0,a.themeVal)("color.warning")):void 0}})),b=function(e){var t=e.value,r=e.max,o=e.children,i=s(e,["value","max","children"]);return n.default.createElement(m,c({value:t,max:r},i),o||"".concat(t," / ").concat(r))};t.FormHelperCounter=b,b.propTypes={value:l.default.number,max:l.default.number,children:l.default.node}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormGroupBody=t.FormGroupHeader=t.FormGroup=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var l=n.default.div.withConfig({displayName:"group__FormGroup",componentId:"sc-13i8i0r-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.5));t.FormGroup=l;var a=n.default.div.withConfig({displayName:"group__FormGroupHeader",componentId:"sc-13i8i0r-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;",""],(function(e){return e.isHidden&&(0,i.visuallyHidden)()}));t.FormGroupHeader=a;var u=n.default.div.withConfig({displayName:"group__FormGroupBody",componentId:"sc-13i8i0r-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.25));t.FormGroupBody=u}])})); | ||
| !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button"));else if("function"==typeof define&&define.amd)define(["styled-components","@devseed-ui/theme-provider","react","prop-types","@devseed-ui/collecticons","@devseed-ui/animation","@devseed-ui/typography","@devseed-ui/button"],t);else{var r="object"==typeof exports?t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button")):t(e["styled-components"],e["@devseed-ui/theme-provider"],e.react,e["prop-types"],e["@devseed-ui/collecticons"],e["@devseed-ui/animation"],e["@devseed-ui/typography"],e["@devseed-ui/button"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(global,(function(e,t,r,o,n,i,l,a){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(0),n=r(1),i=r(10),l={small:"0.875rem",medium:"1rem",large:"1rem"},a={small:"1.25rem",medium:"1.5rem",large:"1.5rem"},u={small:"1.5rem",medium:"2rem",large:"2.5rem"},d={small:"0.125rem 0.5rem",medium:"0.25rem 0.5rem",large:"0.5rem 0.75rem"},c=function(){return(0,o.css)(["appearance:none;display:flex;width:auto;height:",";padding:",";border:"," solid ",";border-radius:",";background-color:",";font-family:inherit;font-size:",";line-height:",";color:",";transition:all 0.24s ease 0s;&::placeholder{opacity:0.64;}&[disabled]{","}&[readonly]{cursor:text;color:",";}&:hover{border-color:",";}&:focus,&:active{outline:0;border-color:",";}"," ",""],(function(e){var t=e.size;return u[t]}),(function(e){var t=e.size;return d[t]}),(0,n.themeVal)("layout.border"),(0,n.rgba)((0,n.themeVal)("color.base"),.16),(0,n.themeVal)("shape.rounded"),(0,n.themeVal)("color.surface"),(function(e){var t=e.size;return l[t]}),(function(e){var t=e.size;return a[t]}),(0,n.themeVal)("type.base.color"),(0,n.disabled)(),(0,n.rgba)((0,n.themeVal)("type.base.color"),.64),(0,n.rgba)((0,n.themeVal)("color.base"),.32),(0,n.rgba)((0,n.themeVal)("color.base"),.64),(function(e){return e.invalid&&(0,o.css)(["border-color:",";&:hover,&:focus,&:active{border-color:",";}"],(0,n.themeVal)("color.danger"),(0,n.themeVal)("color.danger"))}),(function(e){return e.stressed&&(0,o.css)(["animation:"," 0.5s linear;"],i.shake)}))};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"FormCheckable",{enumerable:!0,get:function(){return n.FormCheckable}}),Object.defineProperty(t,"FormCheckableGroup",{enumerable:!0,get:function(){return n.FormCheckableGroup}}),Object.defineProperty(t,"FormInput",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"FormLabel",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"FormLegend",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"FormSelect",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"FormTextarea",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"controlSkin",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"FormSwitch",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(t,"FormFieldset",{enumerable:!0,get:function(){return s.FormFieldset}}),Object.defineProperty(t,"FormFieldsetHeader",{enumerable:!0,get:function(){return s.FormFieldsetHeader}}),Object.defineProperty(t,"FormFieldsetBody",{enumerable:!0,get:function(){return s.FormFieldsetBody}}),Object.defineProperty(t,"FormHelper",{enumerable:!0,get:function(){return p.FormHelper}}),Object.defineProperty(t,"FormHelperMessage",{enumerable:!0,get:function(){return p.FormHelperMessage}}),Object.defineProperty(t,"FormHelperCounter",{enumerable:!0,get:function(){return p.FormHelperCounter}}),Object.defineProperty(t,"FormGroup",{enumerable:!0,get:function(){return m.FormGroup}}),Object.defineProperty(t,"FormGroupHeader",{enumerable:!0,get:function(){return m.FormGroupHeader}}),Object.defineProperty(t,"FormGroupBody",{enumerable:!0,get:function(){return m.FormGroupBody}});var o=b(r(6)),n=r(7),i=b(r(9)),l=b(r(11)),a=b(r(12)),u=b(r(14)),d=b(r(15)),c=b(r(4)),f=b(r(16)),s=r(18),p=r(19),m=r(20);function b(e){return e&&e.__esModule?e:{default:e}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var l=n.default.form.withConfig({displayName:"form__Form",componentId:"ovnwer-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)());t.default=l},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormCheckableGroup=t.FormCheckable=void 0;var n=c(r(2)),i=c(r(3)),l=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),a=c(r(8)),u=r(1);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var p=function(e){var t=e.children,r=e.id,o=e.name,i=e.title,l=e.type,a=e.checked,u=e.onChange,d=e.value,c=e.className,p=e.textPlacement,m=e.hideText,h=s(e,["children","id","name","title","type","checked","onChange","value","className","textPlacement","hideText"]);return n.default.createElement("label",f({htmlFor:r,className:c,title:i},h),n.default.createElement("input",{type:l,name:o,id:r,value:d,checked:a,onChange:u}),"right"===p&&n.default.createElement(y,null),n.default.createElement(b,{hideText:m},t),"left"===p&&n.default.createElement(y,null))};p.propTypes={name:i.default.string.isRequired,id:i.default.string.isRequired,textPlacement:i.default.string,hideText:i.default.bool,className:i.default.string,title:i.default.string,type:i.default.oneOf(["checkbox","radio"]),checked:i.default.bool,children:i.default.node.isRequired,onChange:i.default.func,value:i.default.oneOfType([i.default.number,i.default.string])},p.defaultProps={textPlacement:"right"};var m=(0,l.css)(["display:inline-grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:0.5rem;font-size:1rem;line-height:1.5;cursor:pointer;vertical-align:top;input{flex:none;}"]),b=l.default.span.withConfig({displayName:"checkable__FormCheckableText",componentId:"sc-1cpluk5-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,u.visuallyHidden)()})),y=l.default.span.withConfig({displayName:"checkable__FormCheckableControl",componentId:"sc-1cpluk5-1"})(["position:relative;transition:all 0.16s ease 0s;"]),h=(0,l.default)(p).withConfig({displayName:"checkable__FormCheckable",componentId:"sc-1cpluk5-2"})([""," input{","}","{display:flex;align-items:center;justify-content:center;margin:0.125rem 0;height:1.25rem;width:1.25rem;background:",";line-height:1;border:"," solid ",";border-radius:",";&::before{transition:all 0.24s ease 0s;opacity:0;","}}&:hover ","{border-width:",";border-color:",";}"," input:focus ~ ",",input:active ~ ","{outline:0;border-width:",";border-color:",";}"," input:checked ~ ","{&::before{opacity:1;}}&[disabled]{","}"],m,(0,u.visuallyHidden)(),y,(0,u.themeVal)("color.surface"),(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.16),(function(e){return"checkbox"===e.type?(0,u.themeVal)("shape.rounded"):(0,u.themeVal)("shape.ellipsoid")}),(function(e){return"checkbox"===e.type?(0,l.css)(["",""],(0,a.default)("tick--small")):(0,l.css)(["content:'';height:0.5rem;width:0.5rem;background:",";border-radius:",";"],(0,u.themeVal)("color.base"),(0,u.themeVal)("shape.ellipsoid"))}),y,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.32),(function(e){return e.invalid&&(0,l.css)(["","{border-width:",";border-color:",";}&:hover ",",&:focus ",",&:active ","{border-color:",";}"],y,(0,u.themeVal)("layout.border"),(0,u.themeVal)("color.danger"),y,y,y,(0,u.themeVal)("color.danger"))}),y,y,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.64),(function(e){return e.checked?"".concat(y,","):""}),y,(0,u.disabled)());t.FormCheckable=h;var g=l.default.div.withConfig({displayName:"checkable__FormCheckableGroup",componentId:"sc-1cpluk5-3"})(["display:flex;flex-flow:row wrap;> *{margin:0.25rem 1rem 0.25rem 0;}"]);t.FormCheckableGroup=g},function(e,t){e.exports=n},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.FormInput=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var l=o.default.input.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"input__FormInput",componentId:"sc-52ed1q-0"})([""," font:inherit;height:auto;width:auto;margin:0;&[type='number']{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}}"],(0,n.default)());t.FormInput=l;var a=l;t.default=a},function(e,t){e.exports=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(r(2)),n=a(r(3)),i=a(r(0)),l=r(1);function a(e){return e&&e.__esModule?e:{default:e}}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var c=i.default.small.withConfig({displayName:"label__LabelHint",componentId:"eumonh-0"})(["font-weight:",";font-size:0.75rem;line-height:1;opacity:0.64;"],(0,l.themeVal)("type.base.weight")),f=function(e){var t,r=e.children,n=e.optional,i=d(e,["children","optional"]),l=!!n;return o.default.createElement("label",i,r,l&&" ",l&&o.default.createElement(c,null,"string"===(t=u(n))?n:"function"===t?n():"(optional)"))};f.propTypes={children:n.default.node,optional:n.default.oneOfType([n.default.string,n.default.func,n.default.bool])};var s=(0,i.default)(f).withConfig({displayName:"label__FormLabel",componentId:"eumonh-1"})(["display:inline-flex;align-items:center;font-family:",";font-weight:",";font-size:1rem;line-height:1.5;&[for]{cursor:pointer;}"],(0,l.themeVal)("type.base.family"),(0,l.themeVal)("type.base.bold"));t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1),l=r(13);var a=n.default.legend.withConfig({displayName:"legend__FormLegend",componentId:"sc-1aw68v4-0"})([""," display:flex;align-items:center;width:100%;color:",";border:0;font-size:1rem;line-height:1.5rem;padding:0;fieldset fieldset &{font-size:0.875rem;line-height:1.25rem;padding:",";}"],(0,l.headingAlt)(),(0,i.rgba)((0,i.themeVal)("type.base.color"),.64),(0,i.glsp)(1/8,0));t.default=a},function(e,t){e.exports=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=l(r(0)),n=r(1),i=l(r(4));function l(e){return e&&e.__esModule?e:{default:e}}var a=o.default.select.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"select__FormSelect",componentId:"vhnur7-0"})([""," cursor:pointer;padding-right:",";background-image:",";background-position:calc(100% - 0.5rem) center;background-repeat:no-repeat;font:inherit;height:auto;width:auto;margin:0;&::-ms-expand{display:none;}@-moz-document url-prefix(){&{text-overflow:'';text-indent:-2px;}}:-moz-focusring{color:transparent;text-shadow:0 0 0 ",";}"],(0,i.default)(),(0,n.glsp)(2),(function(e){var t=e.theme;return"url('data:image/svg+xml;utf8,".concat(encodeURIComponent('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16"><polygon fill="'.concat(t.color.base,'" points="12.586,4.586 8,9.172 3.414,4.586 2,6 8,12 14,6" /></svg>')),"');")}),(0,n.themeVal)("type.base.color"));t.default=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var l=o.default.textarea.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"textarea__FormTextarea",componentId:"sc-16thlyb-0"})([""," font:inherit;height:auto;min-height:8rem;width:auto;margin:0;resize:none;"],(0,n.default)());t.default=l},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(2)),i=c(r(3)),l=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),a=r(1),u=r(17);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}var f=function(e){var t=e.children,r=e.name,o=e.title,i=e.checked,l=e.onChange,a=e.value,u=e.className,d=e.hideText,c=e.textPlacement;return n.default.createElement("label",{htmlFor:r,className:u,title:o},n.default.createElement("input",{type:"checkbox",name:r,id:r,value:a,checked:i,onChange:l}),"right"===c&&n.default.createElement(m,null),n.default.createElement(p,{hideText:d},t),"left"===c&&n.default.createElement(m,null))};f.propTypes={name:i.default.string,textPlacement:i.default.string,className:i.default.string,title:i.default.string,checked:i.default.bool,value:i.default.oneOfType([i.default.number,i.default.string]),hideText:i.default.bool,children:i.default.node,onChange:i.default.func},f.defaultProps={textPlacement:"left"};var s=(0,l.css)(["display:inline-grid;grid-template-columns:max-content;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:1rem;font-size:0.875rem;line-height:1.5;cursor:pointer;input{flex:none;margin-top:0.3125rem;}"]),p=l.default.span.withConfig({displayName:"switch__FormOptionText",componentId:"rh9a5m-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,a.visuallyHidden)()})),m=l.default.span.withConfig({displayName:"switch__FormOptionUi",componentId:"rh9a5m-1"})(["flex:none;position:relative;transition:all 0.16s ease 0s;"]),b=(0,l.default)(f).withConfig({displayName:"switch__FormSwitch",componentId:"rh9a5m-2"})([""," input{","}","{margin:0.375rem 0;width:2.25rem;height:0.75rem;border-radius:",";background:",";&::before{"," position:absolute;top:50%;left:0;z-index:2;content:'';height:1.25rem;width:1.25rem;border-radius:",";transform:translate(0,-50%);transition:all 0.24s ease 0s;}}&:hover ","::before{","}"," input:checked ~ ","{background:",";&::before{left:100%;transform:translate(-100%,-50%);}}"],s,(0,a.visuallyHidden)(),m,(0,a.themeVal)("shape.ellipsoid"),(0,a.rgba)((0,a.themeVal)("color.base"),.24),(function(e){return(0,u.buttonVariationBaseCss)(e.theme.type.base.color,"raised","light",e)}),(0,a.themeVal)("shape.ellipsoid"),m,(function(e){return(0,u.buttonVariationHoverCss)(e.theme.type.base.color,"raised","light",e)}),(function(e){return e.checked?"".concat(m,","):""}),m,(0,a.themeVal)("color.link"));t.default=b},function(e,t){e.exports=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormFieldsetBody=t.FormFieldsetHeader=t.FormFieldset=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var l=n.default.fieldset.withConfig({displayName:"fieldset__FormFieldset",componentId:"sc-1qku189-0"})(["background-color:",";border-radius:",";border:"," solid ",";padding:0;"],(0,i.themeVal)("color.baseAlphaB"),(0,i.themeVal)("shape.rounded"),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"));t.FormFieldset=l;var a=n.default.div.withConfig({displayName:"fieldset__FormFieldsetHeader",componentId:"sc-1qku189-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;padding:",";border-bottom:"," solid ",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(.75,2),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"),(0,i.glsp)(.25,1));t.FormFieldsetHeader=a;var u=n.default.div.withConfig({displayName:"fieldset__FormFieldsetBody",componentId:"sc-1qku189-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";padding:",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(),(0,i.glsp)(2),(0,i.glsp)());t.FormFieldsetBody=u},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormHelperCounter=t.FormHelperMessage=t.FormHelper=void 0;var n=d(r(2)),i=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=u();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),l=d(r(3)),a=r(1);function u(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return u=function(){return e},e}function d(e){return e&&e.__esModule?e:{default:e}}function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function f(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var s=i.default.div.withConfig({displayName:"helper__FormHelper",componentId:"sc-1b93h35-0"})(["display:flex;flex-flow:row nowrap;justify-content:space-between;line-height:1.25rem;color:",";"],(0,a.rgba)((0,a.themeVal)("color.base"),.48));t.FormHelper=s;var p=i.default.p.withConfig({displayName:"helper__FormHelperMessage",componentId:"sc-1b93h35-1"})(["font-size:0.875rem;",""],(function(e){return e.invalid?(0,i.css)(["color:",";"],(0,a.themeVal)("color.danger")):""}));t.FormHelperMessage=p;var m=i.default.p.withConfig({displayName:"helper__FormHelperCounterSelf",componentId:"sc-1b93h35-2"})(["font-size:0.75rem;padding-left:",";margin-left:auto;",""],(0,a.glsp)(),(function(e){var t=e.value,r=e.max,o=e.warnAt;if(t&&r){var n=o||Math.floor(.9*r);return t>r?(0,i.css)(["color:",";"],(0,a.themeVal)("color.danger")):t>=n?(0,i.css)(["color:",";"],(0,a.themeVal)("color.warning")):void 0}})),b=function(e){var t=e.value,r=e.max,o=e.children,i=f(e,["value","max","children"]);return n.default.createElement(m,c({value:t,max:r},i),o||"".concat(t," / ").concat(r))};t.FormHelperCounter=b,b.propTypes={value:l.default.number,max:l.default.number,children:l.default.node}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormGroupBody=t.FormGroupHeader=t.FormGroup=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var l=n.default.div.withConfig({displayName:"group__FormGroup",componentId:"sc-13i8i0r-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.5));t.FormGroup=l;var a=n.default.div.withConfig({displayName:"group__FormGroupHeader",componentId:"sc-13i8i0r-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;",""],(function(e){return e.isHidden&&(0,i.visuallyHidden)()}));t.FormGroupHeader=a;var u=n.default.div.withConfig({displayName:"group__FormGroupBody",componentId:"sc-13i8i0r-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.25));t.FormGroupBody=u}])})); |
@@ -1,1 +0,1 @@ | ||
| !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button"));else if("function"==typeof define&&define.amd)define(["styled-components","@devseed-ui/theme-provider","react","prop-types","@devseed-ui/collecticons","@devseed-ui/animation","@devseed-ui/typography","@devseed-ui/button"],t);else{var r="object"==typeof exports?t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button")):t(e["styled-components"],e["@devseed-ui/theme-provider"],e.react,e["prop-types"],e["@devseed-ui/collecticons"],e["@devseed-ui/animation"],e["@devseed-ui/typography"],e["@devseed-ui/button"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(window,(function(e,t,r,o,n,i,a,l){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(0),n=r(1),i=r(10),a={small:"0.875rem",medium:"1rem",large:"1rem"},l={small:"1.25rem",medium:"1.5rem",large:"1.5rem"},u={small:"1.5rem",medium:"2rem",large:"2.5rem"},d={small:"0.125rem 0.5rem",medium:"0.25rem 0.5rem",large:"0.5rem 0.75rem"},c=function(){return(0,o.css)(["appearance:none;display:flex;width:auto;height:",";padding:",";border:"," solid ",";border-radius:",";background-color:",";font-family:inherit;font-size:",";line-height:",";color:",";transition:all 0.24s ease 0s;&::placeholder{opacity:0.64;}&[disabled]{","}&[readonly]{cursor:text;color:",";}&:hover{border-color:",";}&:focus,&:active{outline:0;border-color:",";}"," ",""],(function(e){var t=e.size;return u[t]}),(function(e){var t=e.size;return d[t]}),(0,n.themeVal)("layout.border"),(0,n.rgba)((0,n.themeVal)("color.base"),.16),(0,n.themeVal)("shape.rounded"),(0,n.themeVal)("color.surface"),(function(e){var t=e.size;return a[t]}),(function(e){var t=e.size;return l[t]}),(0,n.themeVal)("type.base.color"),(0,n.disabled)(),(0,n.rgba)((0,n.themeVal)("type.base.color"),.64),(0,n.rgba)((0,n.themeVal)("color.base"),.32),(0,n.rgba)((0,n.themeVal)("color.base"),.64),(function(e){return e.invalid&&(0,o.css)(["border-color:",";&:hover,&:focus,&:active{border-color:",";}"],(0,n.themeVal)("color.danger"),(0,n.themeVal)("color.danger"))}),(function(e){return e.stressed&&(0,o.css)(["animation:"," 0.5s linear;"],i.shake)}))};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"FormCheckable",{enumerable:!0,get:function(){return n.FormCheckable}}),Object.defineProperty(t,"FormCheckableGroup",{enumerable:!0,get:function(){return n.FormCheckableGroup}}),Object.defineProperty(t,"FormInput",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"FormLabel",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"FormLegend",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"FormSelect",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"FormTextarea",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"controlSkin",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"FormSwitch",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"FormFieldset",{enumerable:!0,get:function(){return f.FormFieldset}}),Object.defineProperty(t,"FormFieldsetHeader",{enumerable:!0,get:function(){return f.FormFieldsetHeader}}),Object.defineProperty(t,"FormFieldsetBody",{enumerable:!0,get:function(){return f.FormFieldsetBody}}),Object.defineProperty(t,"FormHelper",{enumerable:!0,get:function(){return p.FormHelper}}),Object.defineProperty(t,"FormHelperMessage",{enumerable:!0,get:function(){return p.FormHelperMessage}}),Object.defineProperty(t,"FormHelperCounter",{enumerable:!0,get:function(){return p.FormHelperCounter}}),Object.defineProperty(t,"FormGroup",{enumerable:!0,get:function(){return m.FormGroup}}),Object.defineProperty(t,"FormGroupHeader",{enumerable:!0,get:function(){return m.FormGroupHeader}}),Object.defineProperty(t,"FormGroupBody",{enumerable:!0,get:function(){return m.FormGroupBody}});var o=b(r(6)),n=r(7),i=b(r(9)),a=b(r(11)),l=b(r(12)),u=b(r(14)),d=b(r(15)),c=b(r(4)),s=b(r(16)),f=r(18),p=r(19),m=r(20);function b(e){return e&&e.__esModule?e:{default:e}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var a=n.default.form.withConfig({displayName:"form__Form",componentId:"ovnwer-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)());t.default=a},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormCheckableGroup=t.FormCheckable=void 0;var n=c(r(2)),i=c(r(3)),a=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=n?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),l=c(r(8)),u=r(1);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function f(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var p=function(e){var t=e.children,r=e.id,o=e.name,i=e.title,a=e.type,l=e.checked,u=e.onChange,d=e.className,c=e.textPlacement,p=e.hideText,m=f(e,["children","id","name","title","type","checked","onChange","className","textPlacement","hideText"]);return n.default.createElement("label",s({htmlFor:r,className:d,title:i},m),n.default.createElement("input",{type:a,name:o,id:r,value:"On",checked:l,onChange:u}),"right"===c&&n.default.createElement(h,null),n.default.createElement(b,{hideText:p},t),"left"===c&&n.default.createElement(h,null))};p.propTypes={name:i.default.string.isRequired,id:i.default.string.isRequired,textPlacement:i.default.string,hideText:i.default.bool,className:i.default.string,title:i.default.string,type:i.default.oneOf(["checkbox","radio"]),checked:i.default.bool,children:i.default.node.isRequired,onChange:i.default.func},p.defaultProps={textPlacement:"right"};var m=(0,a.css)(["display:inline-grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:0.5rem;font-size:1rem;line-height:1.5;cursor:pointer;vertical-align:top;input{flex:none;}"]),b=a.default.span.withConfig({displayName:"checkable__FormCheckableText",componentId:"sc-1cpluk5-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,u.visuallyHidden)()})),h=a.default.span.withConfig({displayName:"checkable__FormCheckableControl",componentId:"sc-1cpluk5-1"})(["position:relative;transition:all 0.16s ease 0s;"]),y=(0,a.default)(p).withConfig({displayName:"checkable__FormCheckable",componentId:"sc-1cpluk5-2"})([""," input{","}","{display:flex;align-items:center;justify-content:center;margin:0.125rem 0;height:1.25rem;width:1.25rem;background:",";line-height:1;border:"," solid ",";border-radius:",";&::before{transition:all 0.24s ease 0s;opacity:0;","}}&:hover ","{border-width:",";border-color:",";}"," input:focus ~ ",",input:active ~ ","{outline:0;border-width:",";border-color:",";}"," input:checked ~ ","{&::before{opacity:1;}}&[disabled]{","}"],m,(0,u.visuallyHidden)(),h,(0,u.themeVal)("color.surface"),(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.16),(function(e){return"checkbox"===e.type?(0,u.themeVal)("shape.rounded"):(0,u.themeVal)("shape.ellipsoid")}),(function(e){return"checkbox"===e.type?(0,a.css)(["",""],(0,l.default)("tick--small")):(0,a.css)(["content:'';height:0.5rem;width:0.5rem;background:",";border-radius:",";"],(0,u.themeVal)("color.base"),(0,u.themeVal)("shape.ellipsoid"))}),h,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.32),(function(e){return e.invalid&&(0,a.css)(["","{border-width:",";border-color:",";}&:hover ",",&:focus ",",&:active ","{border-color:",";}"],h,(0,u.themeVal)("layout.border"),(0,u.themeVal)("color.danger"),h,h,h,(0,u.themeVal)("color.danger"))}),h,h,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.64),(function(e){return e.checked?"".concat(h,","):""}),h,(0,u.disabled)());t.FormCheckable=y;var g=a.default.div.withConfig({displayName:"checkable__FormCheckableGroup",componentId:"sc-1cpluk5-3"})(["display:flex;flex-flow:row wrap;> *{margin:0.25rem 1rem 0.25rem 0;}"]);t.FormCheckableGroup=g},function(e,t){e.exports=n},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.FormInput=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var a=o.default.input.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"input__FormInput",componentId:"sc-52ed1q-0"})([""," font:inherit;height:auto;width:auto;margin:0;&[type='number']{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}}"],(0,n.default)());t.FormInput=a;var l=a;t.default=l},function(e,t){e.exports=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=l(r(2)),n=l(r(3)),i=l(r(0)),a=r(1);function l(e){return e&&e.__esModule?e:{default:e}}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var c=i.default.small.withConfig({displayName:"label__LabelHint",componentId:"eumonh-0"})(["font-weight:",";font-size:0.75rem;line-height:1;opacity:0.64;"],(0,a.themeVal)("type.base.weight")),s=function(e){var t,r=e.children,n=e.optional,i=d(e,["children","optional"]),a=!!n;return o.default.createElement("label",i,r,a&&" ",a&&o.default.createElement(c,null,"string"===(t=u(n))?n:"function"===t?n():"(optional)"))};s.propTypes={children:n.default.node,optional:n.default.oneOfType([n.default.string,n.default.func,n.default.bool])};var f=(0,i.default)(s).withConfig({displayName:"label__FormLabel",componentId:"eumonh-1"})(["display:inline-flex;align-items:center;font-family:",";font-weight:",";font-size:1rem;line-height:1.5;&[for]{cursor:pointer;}"],(0,a.themeVal)("type.base.family"),(0,a.themeVal)("type.base.bold"));t.default=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1),a=r(13);var l=n.default.legend.withConfig({displayName:"legend__FormLegend",componentId:"sc-1aw68v4-0"})([""," display:flex;align-items:center;width:100%;color:",";border:0;font-size:1rem;line-height:1.5rem;padding:0;fieldset fieldset &{font-size:0.875rem;line-height:1.25rem;padding:",";}"],(0,a.headingAlt)(),(0,i.rgba)((0,i.themeVal)("type.base.color"),.64),(0,i.glsp)(1/8,0));t.default=l},function(e,t){e.exports=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(r(0)),n=r(1),i=a(r(4));function a(e){return e&&e.__esModule?e:{default:e}}var l=o.default.select.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"select__FormSelect",componentId:"vhnur7-0"})([""," cursor:pointer;padding-right:",";background-image:",";background-position:calc(100% - 0.5rem) center;background-repeat:no-repeat;font:inherit;height:auto;width:auto;margin:0;&::-ms-expand{display:none;}@-moz-document url-prefix(){&{text-overflow:'';text-indent:-2px;}}:-moz-focusring{color:transparent;text-shadow:0 0 0 ",";}"],(0,i.default)(),(0,n.glsp)(2),(function(e){var t=e.theme;return"url('data:image/svg+xml;utf8,".concat(encodeURIComponent('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16"><polygon fill="'.concat(t.color.base,'" points="12.586,4.586 8,9.172 3.414,4.586 2,6 8,12 14,6" /></svg>')),"');")}),(0,n.themeVal)("type.base.color"));t.default=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var a=o.default.textarea.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"textarea__FormTextarea",componentId:"sc-16thlyb-0"})([""," font:inherit;height:auto;min-height:8rem;width:auto;margin:0;resize:none;"],(0,n.default)());t.default=a},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(2)),i=c(r(3)),a=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=n?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),l=r(1),u=r(17);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}var s=function(e){var t=e.children,r=e.name,o=e.title,i=e.checked,a=e.onChange,l=e.className,u=e.hideText,d=e.textPlacement;return n.default.createElement("label",{htmlFor:r,className:l,title:o},n.default.createElement("input",{type:"checkbox",name:r,id:r,value:"on",checked:i,onChange:a}),"right"===d&&n.default.createElement(m,null),n.default.createElement(p,{hideText:u},t),"left"===d&&n.default.createElement(m,null))};s.propTypes={name:i.default.string,textPlacement:i.default.string,className:i.default.string,title:i.default.string,checked:i.default.bool,hideText:i.default.bool,children:i.default.node,onChange:i.default.func},s.defaultProps={textPlacement:"left"};var f=(0,a.css)(["display:inline-grid;grid-template-columns:max-content;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:1rem;font-size:0.875rem;line-height:1.5;cursor:pointer;input{flex:none;margin-top:0.3125rem;}"]),p=a.default.span.withConfig({displayName:"switch__FormOptionText",componentId:"rh9a5m-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,l.visuallyHidden)()})),m=a.default.span.withConfig({displayName:"switch__FormOptionUi",componentId:"rh9a5m-1"})(["flex:none;position:relative;transition:all 0.16s ease 0s;"]),b=(0,a.default)(s).withConfig({displayName:"switch__FormSwitch",componentId:"rh9a5m-2"})([""," input{","}","{margin:0.375rem 0;width:2.25rem;height:0.75rem;border-radius:",";background:",";&::before{"," position:absolute;top:50%;left:0;z-index:2;content:'';height:1.25rem;width:1.25rem;border-radius:",";transform:translate(0,-50%);transition:all 0.24s ease 0s;}}&:hover ","::before{","}"," input:checked ~ ","{background:",";&::before{left:100%;transform:translate(-100%,-50%);}}"],f,(0,l.visuallyHidden)(),m,(0,l.themeVal)("shape.ellipsoid"),(0,l.rgba)((0,l.themeVal)("color.base"),.24),(function(e){return(0,u.buttonVariationBaseCss)(e.theme.type.base.color,"raised","light",e)}),(0,l.themeVal)("shape.ellipsoid"),m,(function(e){return(0,u.buttonVariationHoverCss)(e.theme.type.base.color,"raised","light",e)}),(function(e){return e.checked?"".concat(m,","):""}),m,(0,l.themeVal)("color.link"));t.default=b},function(e,t){e.exports=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormFieldsetBody=t.FormFieldsetHeader=t.FormFieldset=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var a=n.default.fieldset.withConfig({displayName:"fieldset__FormFieldset",componentId:"sc-1qku189-0"})(["background-color:",";border-radius:",";border:"," solid ",";padding:0;"],(0,i.themeVal)("color.baseAlphaB"),(0,i.themeVal)("shape.rounded"),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"));t.FormFieldset=a;var l=n.default.div.withConfig({displayName:"fieldset__FormFieldsetHeader",componentId:"sc-1qku189-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;padding:",";border-bottom:"," solid ",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(.75,2),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"),(0,i.glsp)(.25,1));t.FormFieldsetHeader=l;var u=n.default.div.withConfig({displayName:"fieldset__FormFieldsetBody",componentId:"sc-1qku189-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";padding:",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(),(0,i.glsp)(2),(0,i.glsp)());t.FormFieldsetBody=u},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormHelperCounter=t.FormHelperMessage=t.FormHelper=void 0;var n=d(r(2)),i=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=u();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=n?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),a=d(r(3)),l=r(1);function u(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return u=function(){return e},e}function d(e){return e&&e.__esModule?e:{default:e}}function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var f=i.default.div.withConfig({displayName:"helper__FormHelper",componentId:"sc-1b93h35-0"})(["display:flex;flex-flow:row nowrap;justify-content:space-between;line-height:1.25rem;color:",";"],(0,l.rgba)((0,l.themeVal)("color.base"),.48));t.FormHelper=f;var p=i.default.p.withConfig({displayName:"helper__FormHelperMessage",componentId:"sc-1b93h35-1"})(["font-size:0.875rem;",""],(function(e){return e.invalid?(0,i.css)(["color:",";"],(0,l.themeVal)("color.danger")):""}));t.FormHelperMessage=p;var m=i.default.p.withConfig({displayName:"helper__FormHelperCounterSelf",componentId:"sc-1b93h35-2"})(["font-size:0.75rem;padding-left:",";margin-left:auto;",""],(0,l.glsp)(),(function(e){var t=e.value,r=e.max,o=e.warnAt;if(t&&r){var n=o||Math.floor(.9*r);return t>r?(0,i.css)(["color:",";"],(0,l.themeVal)("color.danger")):t>=n?(0,i.css)(["color:",";"],(0,l.themeVal)("color.warning")):void 0}})),b=function(e){var t=e.value,r=e.max,o=e.children,i=s(e,["value","max","children"]);return n.default.createElement(m,c({value:t,max:r},i),o||"".concat(t," / ").concat(r))};t.FormHelperCounter=b,b.propTypes={value:a.default.number,max:a.default.number,children:a.default.node}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormGroupBody=t.FormGroupHeader=t.FormGroup=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var a=n.default.div.withConfig({displayName:"group__FormGroup",componentId:"sc-13i8i0r-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.5));t.FormGroup=a;var l=n.default.div.withConfig({displayName:"group__FormGroupHeader",componentId:"sc-13i8i0r-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;",""],(function(e){return e.isHidden&&(0,i.visuallyHidden)()}));t.FormGroupHeader=l;var u=n.default.div.withConfig({displayName:"group__FormGroupBody",componentId:"sc-13i8i0r-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.25));t.FormGroupBody=u}])})); | ||
| !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button"));else if("function"==typeof define&&define.amd)define(["styled-components","@devseed-ui/theme-provider","react","prop-types","@devseed-ui/collecticons","@devseed-ui/animation","@devseed-ui/typography","@devseed-ui/button"],t);else{var r="object"==typeof exports?t(require("styled-components"),require("@devseed-ui/theme-provider"),require("react"),require("prop-types"),require("@devseed-ui/collecticons"),require("@devseed-ui/animation"),require("@devseed-ui/typography"),require("@devseed-ui/button")):t(e["styled-components"],e["@devseed-ui/theme-provider"],e.react,e["prop-types"],e["@devseed-ui/collecticons"],e["@devseed-ui/animation"],e["@devseed-ui/typography"],e["@devseed-ui/button"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(window,(function(e,t,r,o,n,i,a,l){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(0),n=r(1),i=r(10),a={small:"0.875rem",medium:"1rem",large:"1rem"},l={small:"1.25rem",medium:"1.5rem",large:"1.5rem"},u={small:"1.5rem",medium:"2rem",large:"2.5rem"},d={small:"0.125rem 0.5rem",medium:"0.25rem 0.5rem",large:"0.5rem 0.75rem"},c=function(){return(0,o.css)(["appearance:none;display:flex;width:auto;height:",";padding:",";border:"," solid ",";border-radius:",";background-color:",";font-family:inherit;font-size:",";line-height:",";color:",";transition:all 0.24s ease 0s;&::placeholder{opacity:0.64;}&[disabled]{","}&[readonly]{cursor:text;color:",";}&:hover{border-color:",";}&:focus,&:active{outline:0;border-color:",";}"," ",""],(function(e){var t=e.size;return u[t]}),(function(e){var t=e.size;return d[t]}),(0,n.themeVal)("layout.border"),(0,n.rgba)((0,n.themeVal)("color.base"),.16),(0,n.themeVal)("shape.rounded"),(0,n.themeVal)("color.surface"),(function(e){var t=e.size;return a[t]}),(function(e){var t=e.size;return l[t]}),(0,n.themeVal)("type.base.color"),(0,n.disabled)(),(0,n.rgba)((0,n.themeVal)("type.base.color"),.64),(0,n.rgba)((0,n.themeVal)("color.base"),.32),(0,n.rgba)((0,n.themeVal)("color.base"),.64),(function(e){return e.invalid&&(0,o.css)(["border-color:",";&:hover,&:focus,&:active{border-color:",";}"],(0,n.themeVal)("color.danger"),(0,n.themeVal)("color.danger"))}),(function(e){return e.stressed&&(0,o.css)(["animation:"," 0.5s linear;"],i.shake)}))};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"FormCheckable",{enumerable:!0,get:function(){return n.FormCheckable}}),Object.defineProperty(t,"FormCheckableGroup",{enumerable:!0,get:function(){return n.FormCheckableGroup}}),Object.defineProperty(t,"FormInput",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"FormLabel",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"FormLegend",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"FormSelect",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"FormTextarea",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"controlSkin",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"FormSwitch",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(t,"FormFieldset",{enumerable:!0,get:function(){return s.FormFieldset}}),Object.defineProperty(t,"FormFieldsetHeader",{enumerable:!0,get:function(){return s.FormFieldsetHeader}}),Object.defineProperty(t,"FormFieldsetBody",{enumerable:!0,get:function(){return s.FormFieldsetBody}}),Object.defineProperty(t,"FormHelper",{enumerable:!0,get:function(){return p.FormHelper}}),Object.defineProperty(t,"FormHelperMessage",{enumerable:!0,get:function(){return p.FormHelperMessage}}),Object.defineProperty(t,"FormHelperCounter",{enumerable:!0,get:function(){return p.FormHelperCounter}}),Object.defineProperty(t,"FormGroup",{enumerable:!0,get:function(){return m.FormGroup}}),Object.defineProperty(t,"FormGroupHeader",{enumerable:!0,get:function(){return m.FormGroupHeader}}),Object.defineProperty(t,"FormGroupBody",{enumerable:!0,get:function(){return m.FormGroupBody}});var o=b(r(6)),n=r(7),i=b(r(9)),a=b(r(11)),l=b(r(12)),u=b(r(14)),d=b(r(15)),c=b(r(4)),f=b(r(16)),s=r(18),p=r(19),m=r(20);function b(e){return e&&e.__esModule?e:{default:e}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var a=n.default.form.withConfig({displayName:"form__Form",componentId:"ovnwer-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)());t.default=a},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormCheckableGroup=t.FormCheckable=void 0;var n=c(r(2)),i=c(r(3)),a=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=n?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),l=c(r(8)),u=r(1);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var p=function(e){var t=e.children,r=e.id,o=e.name,i=e.title,a=e.type,l=e.checked,u=e.onChange,d=e.value,c=e.className,p=e.textPlacement,m=e.hideText,h=s(e,["children","id","name","title","type","checked","onChange","value","className","textPlacement","hideText"]);return n.default.createElement("label",f({htmlFor:r,className:c,title:i},h),n.default.createElement("input",{type:a,name:o,id:r,value:d,checked:l,onChange:u}),"right"===p&&n.default.createElement(y,null),n.default.createElement(b,{hideText:m},t),"left"===p&&n.default.createElement(y,null))};p.propTypes={name:i.default.string.isRequired,id:i.default.string.isRequired,textPlacement:i.default.string,hideText:i.default.bool,className:i.default.string,title:i.default.string,type:i.default.oneOf(["checkbox","radio"]),checked:i.default.bool,children:i.default.node.isRequired,onChange:i.default.func,value:i.default.oneOfType([i.default.number,i.default.string])},p.defaultProps={textPlacement:"right"};var m=(0,a.css)(["display:inline-grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:0.5rem;font-size:1rem;line-height:1.5;cursor:pointer;vertical-align:top;input{flex:none;}"]),b=a.default.span.withConfig({displayName:"checkable__FormCheckableText",componentId:"sc-1cpluk5-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,u.visuallyHidden)()})),y=a.default.span.withConfig({displayName:"checkable__FormCheckableControl",componentId:"sc-1cpluk5-1"})(["position:relative;transition:all 0.16s ease 0s;"]),h=(0,a.default)(p).withConfig({displayName:"checkable__FormCheckable",componentId:"sc-1cpluk5-2"})([""," input{","}","{display:flex;align-items:center;justify-content:center;margin:0.125rem 0;height:1.25rem;width:1.25rem;background:",";line-height:1;border:"," solid ",";border-radius:",";&::before{transition:all 0.24s ease 0s;opacity:0;","}}&:hover ","{border-width:",";border-color:",";}"," input:focus ~ ",",input:active ~ ","{outline:0;border-width:",";border-color:",";}"," input:checked ~ ","{&::before{opacity:1;}}&[disabled]{","}"],m,(0,u.visuallyHidden)(),y,(0,u.themeVal)("color.surface"),(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.16),(function(e){return"checkbox"===e.type?(0,u.themeVal)("shape.rounded"):(0,u.themeVal)("shape.ellipsoid")}),(function(e){return"checkbox"===e.type?(0,a.css)(["",""],(0,l.default)("tick--small")):(0,a.css)(["content:'';height:0.5rem;width:0.5rem;background:",";border-radius:",";"],(0,u.themeVal)("color.base"),(0,u.themeVal)("shape.ellipsoid"))}),y,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.32),(function(e){return e.invalid&&(0,a.css)(["","{border-width:",";border-color:",";}&:hover ",",&:focus ",",&:active ","{border-color:",";}"],y,(0,u.themeVal)("layout.border"),(0,u.themeVal)("color.danger"),y,y,y,(0,u.themeVal)("color.danger"))}),y,y,(0,u.themeVal)("layout.border"),(0,u.rgba)((0,u.themeVal)("color.base"),.64),(function(e){return e.checked?"".concat(y,","):""}),y,(0,u.disabled)());t.FormCheckable=h;var g=a.default.div.withConfig({displayName:"checkable__FormCheckableGroup",componentId:"sc-1cpluk5-3"})(["display:flex;flex-flow:row wrap;> *{margin:0.25rem 1rem 0.25rem 0;}"]);t.FormCheckableGroup=g},function(e,t){e.exports=n},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.FormInput=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var a=o.default.input.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"input__FormInput",componentId:"sc-52ed1q-0"})([""," font:inherit;height:auto;width:auto;margin:0;&[type='number']{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}}"],(0,n.default)());t.FormInput=a;var l=a;t.default=l},function(e,t){e.exports=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=l(r(2)),n=l(r(3)),i=l(r(0)),a=r(1);function l(e){return e&&e.__esModule?e:{default:e}}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var c=i.default.small.withConfig({displayName:"label__LabelHint",componentId:"eumonh-0"})(["font-weight:",";font-size:0.75rem;line-height:1;opacity:0.64;"],(0,a.themeVal)("type.base.weight")),f=function(e){var t,r=e.children,n=e.optional,i=d(e,["children","optional"]),a=!!n;return o.default.createElement("label",i,r,a&&" ",a&&o.default.createElement(c,null,"string"===(t=u(n))?n:"function"===t?n():"(optional)"))};f.propTypes={children:n.default.node,optional:n.default.oneOfType([n.default.string,n.default.func,n.default.bool])};var s=(0,i.default)(f).withConfig({displayName:"label__FormLabel",componentId:"eumonh-1"})(["display:inline-flex;align-items:center;font-family:",";font-weight:",";font-size:1rem;line-height:1.5;&[for]{cursor:pointer;}"],(0,a.themeVal)("type.base.family"),(0,a.themeVal)("type.base.bold"));t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1),a=r(13);var l=n.default.legend.withConfig({displayName:"legend__FormLegend",componentId:"sc-1aw68v4-0"})([""," display:flex;align-items:center;width:100%;color:",";border:0;font-size:1rem;line-height:1.5rem;padding:0;fieldset fieldset &{font-size:0.875rem;line-height:1.25rem;padding:",";}"],(0,a.headingAlt)(),(0,i.rgba)((0,i.themeVal)("type.base.color"),.64),(0,i.glsp)(1/8,0));t.default=l},function(e,t){e.exports=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(r(0)),n=r(1),i=a(r(4));function a(e){return e&&e.__esModule?e:{default:e}}var l=o.default.select.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"select__FormSelect",componentId:"vhnur7-0"})([""," cursor:pointer;padding-right:",";background-image:",";background-position:calc(100% - 0.5rem) center;background-repeat:no-repeat;font:inherit;height:auto;width:auto;margin:0;&::-ms-expand{display:none;}@-moz-document url-prefix(){&{text-overflow:'';text-indent:-2px;}}:-moz-focusring{color:transparent;text-shadow:0 0 0 ",";}"],(0,i.default)(),(0,n.glsp)(2),(function(e){var t=e.theme;return"url('data:image/svg+xml;utf8,".concat(encodeURIComponent('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16"><polygon fill="'.concat(t.color.base,'" points="12.586,4.586 8,9.172 3.414,4.586 2,6 8,12 14,6" /></svg>')),"');")}),(0,n.themeVal)("type.base.color"));t.default=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(0)),n=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var a=o.default.textarea.attrs((function(e){return{size:e.size||"medium"}})).withConfig({displayName:"textarea__FormTextarea",componentId:"sc-16thlyb-0"})([""," font:inherit;height:auto;min-height:8rem;width:auto;margin:0;resize:none;"],(0,n.default)());t.default=a},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(2)),i=c(r(3)),a=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=n?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),l=r(1),u=r(17);function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function c(e){return e&&e.__esModule?e:{default:e}}var f=function(e){var t=e.children,r=e.name,o=e.title,i=e.checked,a=e.onChange,l=e.value,u=e.className,d=e.hideText,c=e.textPlacement;return n.default.createElement("label",{htmlFor:r,className:u,title:o},n.default.createElement("input",{type:"checkbox",name:r,id:r,value:l,checked:i,onChange:a}),"right"===c&&n.default.createElement(m,null),n.default.createElement(p,{hideText:d},t),"left"===c&&n.default.createElement(m,null))};f.propTypes={name:i.default.string,textPlacement:i.default.string,className:i.default.string,title:i.default.string,checked:i.default.bool,value:i.default.oneOfType([i.default.number,i.default.string]),hideText:i.default.bool,children:i.default.node,onChange:i.default.func},f.defaultProps={textPlacement:"left"};var s=(0,a.css)(["display:inline-grid;grid-template-columns:max-content;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:1rem;font-size:0.875rem;line-height:1.5;cursor:pointer;input{flex:none;margin-top:0.3125rem;}"]),p=a.default.span.withConfig({displayName:"switch__FormOptionText",componentId:"rh9a5m-0"})(["line-height:1.5;",""],(function(e){return e.hideText&&(0,l.visuallyHidden)()})),m=a.default.span.withConfig({displayName:"switch__FormOptionUi",componentId:"rh9a5m-1"})(["flex:none;position:relative;transition:all 0.16s ease 0s;"]),b=(0,a.default)(f).withConfig({displayName:"switch__FormSwitch",componentId:"rh9a5m-2"})([""," input{","}","{margin:0.375rem 0;width:2.25rem;height:0.75rem;border-radius:",";background:",";&::before{"," position:absolute;top:50%;left:0;z-index:2;content:'';height:1.25rem;width:1.25rem;border-radius:",";transform:translate(0,-50%);transition:all 0.24s ease 0s;}}&:hover ","::before{","}"," input:checked ~ ","{background:",";&::before{left:100%;transform:translate(-100%,-50%);}}"],s,(0,l.visuallyHidden)(),m,(0,l.themeVal)("shape.ellipsoid"),(0,l.rgba)((0,l.themeVal)("color.base"),.24),(function(e){return(0,u.buttonVariationBaseCss)(e.theme.type.base.color,"raised","light",e)}),(0,l.themeVal)("shape.ellipsoid"),m,(function(e){return(0,u.buttonVariationHoverCss)(e.theme.type.base.color,"raised","light",e)}),(function(e){return e.checked?"".concat(m,","):""}),m,(0,l.themeVal)("color.link"));t.default=b},function(e,t){e.exports=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormFieldsetBody=t.FormFieldsetHeader=t.FormFieldset=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var a=n.default.fieldset.withConfig({displayName:"fieldset__FormFieldset",componentId:"sc-1qku189-0"})(["background-color:",";border-radius:",";border:"," solid ",";padding:0;"],(0,i.themeVal)("color.baseAlphaB"),(0,i.themeVal)("shape.rounded"),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"));t.FormFieldset=a;var l=n.default.div.withConfig({displayName:"fieldset__FormFieldsetHeader",componentId:"sc-1qku189-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;padding:",";border-bottom:"," solid ",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(.75,2),(0,i.themeVal)("layout.border"),(0,i.themeVal)("color.baseAlphaC"),(0,i.glsp)(.25,1));t.FormFieldsetHeader=l;var u=n.default.div.withConfig({displayName:"fieldset__FormFieldsetBody",componentId:"sc-1qku189-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";padding:",";fieldset fieldset &{padding:",";}"],(0,i.glsp)(),(0,i.glsp)(2),(0,i.glsp)());t.FormFieldsetBody=u},function(e,t,r){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.FormHelperCounter=t.FormHelperMessage=t.FormHelper=void 0;var n=d(r(2)),i=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=u();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=n?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}r.default=e,t&&t.set(e,r);return r}(r(0)),a=d(r(3)),l=r(1);function u(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return u=function(){return e},e}function d(e){return e&&e.__esModule?e:{default:e}}function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function f(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var s=i.default.div.withConfig({displayName:"helper__FormHelper",componentId:"sc-1b93h35-0"})(["display:flex;flex-flow:row nowrap;justify-content:space-between;line-height:1.25rem;color:",";"],(0,l.rgba)((0,l.themeVal)("color.base"),.48));t.FormHelper=s;var p=i.default.p.withConfig({displayName:"helper__FormHelperMessage",componentId:"sc-1b93h35-1"})(["font-size:0.875rem;",""],(function(e){return e.invalid?(0,i.css)(["color:",";"],(0,l.themeVal)("color.danger")):""}));t.FormHelperMessage=p;var m=i.default.p.withConfig({displayName:"helper__FormHelperCounterSelf",componentId:"sc-1b93h35-2"})(["font-size:0.75rem;padding-left:",";margin-left:auto;",""],(0,l.glsp)(),(function(e){var t=e.value,r=e.max,o=e.warnAt;if(t&&r){var n=o||Math.floor(.9*r);return t>r?(0,i.css)(["color:",";"],(0,l.themeVal)("color.danger")):t>=n?(0,i.css)(["color:",";"],(0,l.themeVal)("color.warning")):void 0}})),b=function(e){var t=e.value,r=e.max,o=e.children,i=f(e,["value","max","children"]);return n.default.createElement(m,c({value:t,max:r},i),o||"".concat(t," / ").concat(r))};t.FormHelperCounter=b,b.propTypes={value:a.default.number,max:a.default.number,children:a.default.node}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormGroupBody=t.FormGroupHeader=t.FormGroup=void 0;var o,n=(o=r(0))&&o.__esModule?o:{default:o},i=r(1);var a=n.default.div.withConfig({displayName:"group__FormGroup",componentId:"sc-13i8i0r-0"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.5));t.FormGroup=a;var l=n.default.div.withConfig({displayName:"group__FormGroupHeader",componentId:"sc-13i8i0r-1"})(["display:flex;flex-flow:wrap nowrap;justify-content:space-between;",""],(function(e){return e.isHidden&&(0,i.visuallyHidden)()}));t.FormGroupHeader=l;var u=n.default.div.withConfig({displayName:"group__FormGroupBody",componentId:"sc-13i8i0r-2"})(["display:grid;grid-template-rows:auto;grid-gap:",";"],(0,i.glsp)(.25));t.FormGroupBody=u}])})); |
| { | ||
| "name": "@devseed-ui/form", | ||
| "version": "1.0.3", | ||
| "version": "1.0.4", | ||
| "description": "devseed UI Kit Form", | ||
@@ -32,4 +32,4 @@ "browser": "./dist/index.web.js", | ||
| "@devseed-ui/typography": "1.0.0", | ||
| "@devseed-ui/button": "3.0.2" | ||
| "@devseed-ui/button": "3.0.3" | ||
| } | ||
| } |
@@ -21,2 +21,3 @@ import React from 'react'; | ||
| id="checkbox-a" | ||
| value="checkbox-a" | ||
| onChange={() => {}} | ||
@@ -31,2 +32,3 @@ > | ||
| id="checkbox-b" | ||
| value="checkbox-b" | ||
| onChange={() => {}} | ||
@@ -52,2 +54,3 @@ > | ||
| id="radio-a1" | ||
| value="radio-a1" | ||
| > | ||
@@ -63,2 +66,3 @@ Radio A | ||
| id="radio-a2" | ||
| value="radio-a2" | ||
| > | ||
@@ -74,2 +78,3 @@ Radio B | ||
| id="radio-a3" | ||
| value="radio-a3" | ||
| > | ||
@@ -85,2 +90,3 @@ Radio C | ||
| id="radio-a4" | ||
| value="radio-a4" | ||
| > | ||
@@ -104,2 +110,3 @@ Radio D | ||
| id="checkbox-a" | ||
| value="checkbox-a" | ||
| onChange={() => {}} | ||
@@ -115,2 +122,3 @@ > | ||
| id="checkbox-b" | ||
| value="checkbox-b" | ||
| onChange={() => {}} | ||
@@ -136,2 +144,3 @@ > | ||
| id="radio-a1" | ||
| value="radio-a1" | ||
| > | ||
@@ -147,2 +156,3 @@ Radio A | ||
| id="radio-a2" | ||
| value="radio-a2" | ||
| > | ||
@@ -158,2 +168,3 @@ Radio B | ||
| id="radio-a3" | ||
| value="radio-a3" | ||
| > | ||
@@ -169,2 +180,3 @@ Radio C | ||
| id="radio-a4" | ||
| value="radio-a4" | ||
| > | ||
@@ -171,0 +183,0 @@ Radio D |
@@ -25,2 +25,3 @@ import React from 'react'; | ||
| * @param {func} onChange Change callback for the FormCheckable | ||
| * @param {string} value Value for the underlying input element | ||
| * @param {node} children Textual content | ||
@@ -39,2 +40,3 @@ * @param {string} textPlacement Where to position the text. `left` or `right` | ||
| onChange, | ||
| value, | ||
| className, | ||
@@ -52,3 +54,3 @@ textPlacement, | ||
| id={id} | ||
| value="On" | ||
| value={value} | ||
| checked={checked} | ||
@@ -75,2 +77,3 @@ onChange={onChange} | ||
| onChange: T.func, | ||
| value: T.oneOfType([T.number, T.string]), | ||
| }; | ||
@@ -77,0 +80,0 @@ |
| import React from 'react'; | ||
| import PropTypes from 'prop-types'; | ||
| import T from 'prop-types'; | ||
| import styled, { css } from 'styled-components'; | ||
@@ -19,3 +19,4 @@ | ||
| * @param {boolean} checked Whether or not the FormSwitch is checked | ||
| * @param {func} onChange Change callbalck for the FormSwitch | ||
| * @param {func} onChange Change callback for the FormSwitch | ||
| * @param {string} value Value for the underlying checkbox | ||
| * @param {node} children Content of the label | ||
@@ -33,2 +34,3 @@ * @param {boolean} hideText Whether or not to visually hide the FormSwitch text | ||
| onChange, | ||
| value, | ||
| className, | ||
@@ -45,3 +47,3 @@ hideText, | ||
| id={name} | ||
| value="on" | ||
| value={value} | ||
| checked={checked} | ||
@@ -58,10 +60,11 @@ onChange={onChange} | ||
| FormSwitchElement.propTypes = { | ||
| name: PropTypes.string, | ||
| textPlacement: PropTypes.string, | ||
| className: PropTypes.string, | ||
| title: PropTypes.string, | ||
| checked: PropTypes.bool, | ||
| hideText: PropTypes.bool, | ||
| children: PropTypes.node, | ||
| onChange: PropTypes.func, | ||
| name: T.string, | ||
| textPlacement: T.string, | ||
| className: T.string, | ||
| title: T.string, | ||
| checked: T.bool, | ||
| value: T.oneOfType([T.number, T.string]), | ||
| hideText: T.bool, | ||
| children: T.node, | ||
| onChange: T.func, | ||
| }; | ||
@@ -68,0 +71,0 @@ |
@@ -16,2 +16,4 @@ import React from 'react'; | ||
| name="switch" | ||
| id="switch" | ||
| value="switch" | ||
| title="Toggle layer on/off" | ||
@@ -18,0 +20,0 @@ checked={true} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.91%
159556
- Lines of code
- increased by1.18%
1719
Dependency changes
+ Added@devseed-ui/button@3.0.3(transitive)
+ Added@devseed-ui/collecticons@3.1.0(transitive)
- Removed@devseed-ui/button@3.0.2(transitive)
- Removed@devseed-ui/collecticons@3.0.0(transitive)
Updated@devseed-ui/button@3.0.3