@burnsred/ui 0.6.2 → 0.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -53
- package/dist/development.js +205 -492
- package/dist/development.js.map +1 -1
- package/dist/legacy.js +30 -0
- package/dist/production.min.js +1 -1
- package/package.json +18 -20
- package/dist/index.js +0 -5
package/dist/production.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t,keyframes as n,ThemeConsumer as o,withTheme as r}from"styled-components";import i from"react";import{withEnhanceProps as a,colorFromPalette as s,mixins as c,color as l,useEnhanceProps as p,useCleanProps as u,media as m,variant as d,image as f,component as g}from"@burnsred/theme";import{action as h}from"@storybook/addon-actions";import{text as v,boolean as b,select as y}from"@storybook/addon-knobs";import C from"prop-types";import P from"react-immutable-proptypes";import k from"@burnsred/prop-types-plus";import"core-js/modules/es6.object.assign";import _ from"classnames";import{useDefault as I}from"@burnsred/default";import"core-js/modules/es6.function.name";import"core-js/modules/es6.regexp.to-string";import"core-js/modules/web.dom.iterable";import"core-js/modules/es6.array.iterator";import"core-js/modules/es6.object.keys";import w from"lodash/flowRight";import{withProps as x}from"@burnsred/higher-order-component";import{Map as E,List as B}from"immutable";import N from"prop-types-exact";import W from"react-onclickoutside";import O from"react-dom";import T from"lodash/isFunction";import"core-js/modules/es6.regexp.split";function j(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function A(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function z(e,t,n){return t&&A(e.prototype,t),n&&A(e,n),e}function $(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(){return(R=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){$(e,t,n[t])})}return e}function D(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&L(e,t)}function X(e){return(X=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function L(e,t){return(L=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function M(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function U(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?M(e):t}function q(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],o=!0,r=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(o=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);o=!0);}catch(e){r=!0,i=e}finally{try{o||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function H(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var V=a(e.i.attrs(function(e){var t;return{className:_((t={"material-icons":e.material},$(t,"fa fa-".concat(e.name),e.fontawesome),$(t,"icon icon-".concat(e.name),!e.fontawesome&&!e.material),$(t,e.className,e.className),t)),children:e.material?e.name:e.children}}).withConfig({displayName:"Icon__UIIcon",componentId:"sc-10obg3m-0"})(["&&{font-size:",";}"," "," ",""],function(e){return e.fontSize||"1rem"},function(e){return e.$palette&&t(["color:",";"],s())},c.space,function(e){return e.css}));V.propTypes={fontawesome:C.bool,fontSize:C.string,hidden:C.bool,material:C.bool,margin:C.string,name:C.string.isRequired,namespace:C.string,padding:C.string,palette:C.string,paletteAsBackground:C.bool,paletteWeight:C.string,variant:C.string},V.defaultProps={fontawesome:!1,fontSize:void 0,hidden:void 0,material:!1,margin:void 0,namespace:"component_uiIcon",padding:void 0,palette:void 0,paletteAsBackground:!1,paletteWeight:void 0,variant:"standard"};var G=n(["0%{transform:rotate(0);}100%{transform:rotate(360deg);}"]),Y=e.circle.withConfig({displayName:"ProgressCirclestyles__Circle",componentId:"hm517x-0"})(["animation-name:",";fill:transparent;stroke:",";stroke-dasharray:",";stroke-width:",";transition:stroke-dashoffset "," linear;transform-box:view-box;transform-origin:center;"," ",""],function(e){return function(e){return n(["0%{stroke-dashoffset:",";transform:rotate(0);}12.5%{stroke-dashoffset:",";transform:rotate(0);}12.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(72.5deg);}25%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(72.5deg);}25.0001%{stroke-dashoffset:",";transform:rotate(270deg);}37.5%{stroke-dashoffset:",";transform:rotate(270deg);}37.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(161.5deg);}50%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(161.5deg);}50.0001%{stroke-dashoffset:",";transform:rotate(180deg);}62.5%{stroke-dashoffset:",";transform:rotate(180deg);}62.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(251.5deg);}75%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(251.5deg);}75.0001%{stroke-dashoffset:",";transform:rotate(90deg);}87.5%{stroke-dashoffset:",";transform:rotate(90deg);}87.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(341.5deg);}100%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(341.5deg);}"],"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"))}(e)},function(e){return l({palette:e.palette||"primary",paletteWeight:e.paletteWeight})(e)},function(e){return"".concat((100-e.thickness)*Math.PI,"px")},function(e){return"".concat(e.thickness,"%")},function(e){return e.transitionDuration||"225ms"},function(e){return null===e.value&&t(["animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.35,0,0.25,1);transition-property:stroke;"])},function(e){return null!==e.value&&t(["stroke-dashoffset:","px;"],(100-e.thickness)*Math.PI*(100-e.value)/100)}),Z=e.div.withConfig({displayName:"ProgressCirclestyles__Container",componentId:"hm517x-1"})(["display:inline-block;height:",";position:relative;width:",";"," ",""],function(e){return e.size},function(e){return e.size},c.margin,c.padding),J=e.svg.withConfig({displayName:"ProgressCirclestyles__SVG",componentId:"hm517x-2"})(["height:100%;left:0;top:0;overflow:visible;position:absolute;transform:rotate(-90deg);transform-origin:center;width:100%;",""],function(e){return null===e.value&&t(["animation:"," 2s linear infinite;"],G)});function K(){var e=q(["",""]);return K=function(){return e},e}function Q(e){var t=p(e),n=F(i.useState(void 0===t.valueInitial?t.value:t.valueInitial),2),o=n[0],r=n[1];return i.useEffect(function(){setTimeout(function(){return r(t.value)},0)},[t.value]),i.createElement(ee,R({},u(t),{_css:t.css}),i.createElement(J,{focusable:"false",preserveAspectRatio:"xMidYMid meet",value:o,viewBox:"0 0 100 100"},t.bufferPalette&&i.createElement(Y,{cx:"50%",cy:"50%",palette:t.bufferPalette,paletteWeight:t.bufferPaletteWeight,r:(50-t.thickness/2).toString(),thickness:t.thickness,transitionDuration:t.transitionDuration,value:100}),i.createElement(Y,{cx:"50%",cy:"50%",palette:t.$palette,paletteWeight:t.$paletteWeight,r:(50-t.thickness/2).toString(),thickness:t.thickness,transitionDuration:t.transitionDuration,value:o})))}Q.propTypes={bufferPalette:k.string,bufferPaletteWeight:C.string,css:k.css,namespace:C.string,palette:k.string,paletteWeight:C.string,size:C.string,transitionDuration:C.string,value:C.number,valueInitial:C.number,thickness:C.number},Q.defaultProps={bufferPalette:void 0,bufferPaletteWeight:void 0,css:void 0,namespace:"component_uiProgressCircle",palette:void 0,paletteWeight:void 0,size:"32px",transitionDuration:void 0,value:null,valueInitial:void 0,thickness:20};var ee=e(Z)(K(),function(e){return e._css});function te(){var e=q(["\n color: ",";\n "]);return te=function(){return e},e}var ne=["onChangeInput","value"],oe=function(e){return e.children},re=e.span.withConfig({displayName:"Typehooks__Component",componentId:"rbnsuu-0"})([""," "," "," ",""],function(e){return e.$palette&&t(["color:",";"],s())},c.space,m.print(te(),l({palette:"black"})),function(e){return e.css}),ie={useComponent:function(e){return null===e.as?oe:re},useProps:function(e){return u(e,{local:ne})}};var ae=i.createContext({}),se={intlContext:["uiType_context_intl","context_intl"]};function ce(e){var t=p(e),n=ie.useComponent(t),o=I(se,t).intlContext,r=void 0===o?ae:o,a=i.useContext(r);return i.createElement(n,ie.useProps(t),(t.render||function(e,t){var n,o=e.children||e.value;return e.hidden?null:o instanceof Error?o.message:e.field?e.field.toString(o):t&&(null!=(n=o)?n.id:n)?t.formatMessage(o,e.values):o})(t,a))}ce.propTypes={as:k.component,children:C.oneOfType([C.node,k.typography]),className:k.string,field:C.shape({toString:C.func.isRequired}),hidden:C.bool,intlContext:C.shape({}),mediaPrintDisabled:C.bool,namespace:k.string,palette:C.string,paletteAsBackground:C.bool,paletteWeight:C.string,render:C.func,value:C.oneOfType([k.typography,k.value]),variant:C.string},ce.defaultProps={as:void 0,children:void 0,className:"",field:void 0,hidden:void 0,intlContext:void 0,mediaPrintDisabled:void 0,namespace:"component_uiType",palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,render:void 0,value:void 0,variant:void 0};var le=i.memo(ce),pe=["contentPaletteAsBackground","iconCss","iconFont","iconHidden","iconName","iconPaletteAsBackground","processingPaletteAsBackground"],ue={contentComponent:["uiButton_component_type","component_type"],iconComponent:["uiButton_component_icon","component_icon"],linkComponent:["uiButton_component_link","component_link"],processingComponent:["uiButton_component_processing","component_processing"]},me={useComponents:function(e){var t=I(ue,e);return{Content:t.contentComponent||le,Icon:t.iconComponent||V,Processing:t.processingComponent||Q}},useProps:function(e){var t=I(ue,e).linkComponent;return u(Object.assign({href:e.to},e,e.to&&{as:e.as||!/^https?:\/\//.exec(e.to)&&t||"a"},{disabled:e.processing||e.disabled}),{local:pe})},usePropsIcon:function(e){var t;return Object.assign({css:e.iconCss,fontSize:e.iconFontSize,hidden:e.processing||void 0===e.iconHidden||e.iconHidden,name:e.iconName||"name",palette:e.$palette,paletteAsBackground:e.iconPaletteAsBackground,paletteWeight:e.$paletteWeight,variant:"button"},e.iconFont&&$({},e.iconFont,!0),e.iconComponentProps,{className:_("uiButton-Icon",null!=(t=e)&&null!=(t=t.iconComponentProps)?t.className:t)})},usePropsContent:function(e){var t;return S({children:e.children,hidden:e.contentHidden||e.processing,palette:e.$palette,paletteAsBackground:e.contentPaletteAsBackground,paletteWeight:e.$paletteWeight,value:e.content,variant:"button"},e.contentComponentProps,{className:_("uiButton-Content",null!=(t=e)&&null!=(t=t.contentComponentProps)?t.className:t)})},usePropsProcessing:function(e){return S({hidden:!e.processing,palette:e.$palette,paletteAsBackground:e.processingPaletteAsBackground,paletteWeight:e.$paletteWeight,variant:"button"},e.processingComponentProps)}};function de(){var e=q(["\n display: none;\n "]);return de=function(){return e},e}var fe=e.button.withConfig({displayName:"Buttonstyles",componentId:"ym92z0-0"})(["align-items:center;background-color:",";border:0;border-radius:0.25em;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0.5em 1.5em;position:relative;text-decoration:none;"," &:hover{background-color:",";}&:focus{background-color:",";}&:disabled{background-color:",";cursor:auto;*{color:",";}}"," "," ",""],function(e){return e.$paletteAsBackground?s()(e):"transparent"},c.space,l({palette:"gray",paletteWeight:"50"}),l({palette:"gray",paletteWeight:"100"}),l({palette:"gray",paletteWeight:"200"}),l({palette:"gray",paletteWeight:"800"}),function(e){return e.$media&&t(["@media only screen and (","){padding:0.5em 1em;.uiButton-Content{display:none;}.uiButton-Icon{display:inline-block;}}"],e.$media)},m.print(de()),function(e){return e.css});function ge(e){var t=p(e),n=me.useComponents(t),o=n.Content,r=n.Icon,a=n.Processing,s=me.usePropsProcessing(t);return i.createElement(fe,me.useProps(t),i.createElement(r,me.usePropsIcon(t)),!s.hidden&&i.createElement(a,s),i.createElement(o,me.usePropsContent(t)))}ge.propTypes={as:k.component,children:C.node,content:C.oneOfType([C.string,k.locale,P.map]),contentComponent:k.component,contentComponentProps:C.shape({}),contentHidden:C.bool,contentPaletteAsBackground:C.bool,css:k.css,disabled:C.bool,hidden:C.bool,iconComponent:k.component,iconComponentProps:C.shape({}),iconCss:k.css,iconFont:k.string,iconHidden:C.bool,iconName:k.string,iconPaletteAsBackground:C.bool,media:k.string,mediaPrintDisabled:C.bool,namespace:k.string,onClick:C.func,palette:k.string,paletteAsBackground:C.bool,paletteWeight:C.string,processing:C.bool,processingComponent:k.component,processingComponentProps:C.shape({}),processingDidFail:C.bool,processingPaletteAsBackground:C.bool,to:k.string,variant:k.string},ge.defaultProps={as:void 0,children:void 0,content:void 0,contentComponent:void 0,contentComponentProps:void 0,contentHidden:void 0,contentPaletteAsBackground:void 0,css:void 0,disabled:void 0,hidden:void 0,iconComponent:void 0,iconComponentProps:void 0,iconCss:void 0,iconFont:void 0,iconHidden:void 0,iconName:void 0,iconPaletteAsBackground:void 0,media:void 0,mediaPrintDisabled:void 0,namespace:"component_uiButton",onClick:void 0,palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,processing:void 0,processingComponent:void 0,processingComponentProps:void 0,processingDidFail:void 0,processingPaletteAsBackground:void 0,to:void 0,variant:"standard"};var he=i.memo(ge),ve=e.div.withConfig({displayName:"Buttonstories__Wrapper",componentId:"sc-17igda1-0"})(["text-align:center;margin:1rem;"]),be=function(e){return e.add("dynamic story",function(){return i.createElement(o,null,function(e){return i.createElement(he,{content:v("children","Hello Button"),disabled:b("disabled",!1),iconFont:"material",iconName:"delete",onClick:h("clicked"),palette:"primary",processing:b("processing",!1),variant:y("variant",d({name:"component_uiButton_"})({theme:e}),"text")})})}).add("variants",function(){return i.createElement(o,null,function(e){return d({name:"component_uiButton_"})({theme:e}).map(function(e){return i.createElement(ve,{key:e},i.createElement(he,{content:e,iconFont:"material",iconName:"delete",palette:"primary",variant:e}))})})})};function ye(){var e=q(["",""]);return ye=function(){return e},e}var Ce=t(["margin-right:0.5rem;max-width:2rem;vertical-align:middle;"]),Pe=e.div.withConfig({displayName:"Iconstories__Wrapper",componentId:"sc-1p3nfhe-0"})(["display:inline-block;margin:1rem;position:relative;&:after{content:'","';font-size:0.75rem;left:50%;position:absolute;top:calc(100% + 1rem);transform:translateX(-50%);white-space:pre;}"],function(e){return e.label}),ke=function(e){return e.add("dynamic story",function(){return i.createElement(o,null,function(e){return i.createElement(_e,{fontawesome:b("fontawesome",!1),material:b("material",!1),name:y("name",["apple","delete","plus"],"apple"),variant:y("variant",d({name:"component_uiIcon_"})({theme:e}),"main")})})}).add("variants",function(){return i.createElement(o,null,function(e){return d({name:"component_uiIcon_"})({theme:e}).map(function(e){return i.createElement(Pe,{key:e},i.createElement(V,{name:"apple",variant:e}),e)})})})},_e=e(V)(ye(),Ce),Ie=e.img.withConfig({displayName:"Image__UIImage",componentId:"sc-1fmo7bh-0"})([""," ",""],g(),function(e){return e.css});Ie.propTypes={alt:C.string.isRequired,namespace:k.string,src:C.string.isRequired,variant:C.string},Ie.defaultProps={namespace:"component_uiImage",variant:"standard"};var we=w([r,x(function(e){return{alt:e.name,src:f(e)}})])(Ie);function xe(){var e=q(["",""]);return xe=function(){return e},e}function Ee(){var e=q(["",""]);return Ee=function(){return e},e}var Be=t(["margin-right:0.5rem;max-width:2rem;vertical-align:middle;"]),Ne=e.div.withConfig({displayName:"Imagestories__Wrapper",componentId:"a2mbve-0"})(["display:inline-block;margin:1rem;position:relative;&:after{content:'","';font-size:0.75rem;left:50%;position:absolute;top:calc(100% + 1rem);transform:translateX(-50%);white-space:pre;}"],function(e){return e.label}),We=function(e){return e.add("dynamic story",function(){return i.createElement(o,null,function(e){return i.createElement(Oe,{name:y("name",Object.keys(e.images||{}),Object.keys(e.images||{})[0]),variant:y("variant",d({name:"component_uiImage_"})({theme:e}),"main")})})}).add("names",function(){return i.createElement(o,null,function(e){return d({name:"images_"})({theme:e}).map(function(e){return i.createElement(Ne,{key:e,label:e},i.createElement(Te,{name:e}))})})}).add("variants",function(){return i.createElement(o,null,function(e){return d({name:"component_uiImage_"})({theme:e}).map(function(t){return i.createElement(Ne,{key:t},i.createElement(we,{name:d({name:"images_"})({theme:e})[0],variant:t}),t)})})})},Oe=e(we)(Ee(),Be),Te=e(we)(xe(),Be),je=function(e){return e.add("dynamic story",function(){return i.createElement(Q,{palette:y("palette",["primary","secondary","black"]),size:y("size",["16px","32px","48px"],"32px"),thickness:y("thickness",[10,20,40],20),value:y("value",[null,0,33,50,100],null)})})},Ae=n(["0%{transform:scaleX(0.08);}36.65%{animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);transform:scaleX(0.08);}65.15%{animation-timing-function:cubmic-bezier(0.06,0.11,0.6,1);transform:scaleX(0.661479);}100%{transform:scaleX(0.08);}"]),ze=n(["0%{transform:translateX(0);}20%{animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);transform:translateX(0);}59.15%{animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);transform:translateX(83.67142%);}100%{transform:translateX(200.611057%);}"]),$e=n(["0%{animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.45397);transform:scaleX(0.08);}19.15%{animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);transform:scaleX(0.457104);}44.15%{animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);transform:scaleX(0.72796);}100%{transform:scaleX(0.08);}"]),Re=n(["0%{animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);transform:translateX(0);}25%{animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);transform:translateX(37.651913%);}48.35%{animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);transform:translateX(84.386165%);}100%{transform:translateX(160.277782%);}"]),Se=e.div.withConfig({displayName:"ProgressLinestyles__Block",componentId:"gwo5u1-0"})(["display:flex;align-items:center;height:",";min-width:2rem;overflow:hidden;position:relative;transition:opacity 0.25s cubic-bezier(0.4,0,0.6,1) 0ms;transform:translateZ(0);",""],function(e){return e.height},c.margin),De=e.div.withConfig({displayName:"ProgressLinestyles__BarWrapper",componentId:"gwo5u1-1"})(["height:",";position:relative;flex:1;"],function(e){return e.thickness}),Xe=e.div.withConfig({displayName:"ProgressLinestyles__Buffer",componentId:"gwo5u1-2"})(["background-color:",";height:100%;position:absolute;transition:transform ",";transform-origin:left top;width:100%;",""],function(e){return l({palette:e.palette||"gray",paletteWeight:e.paletteWeight})(e)},function(e){return e.transitionDuration||"225ms"},function(e){return null!==e.value&&t(["transform:translateX(","%);"],e.value-100)}),Le=e.div.withConfig({displayName:"ProgressLinestyles__BarPrimary",componentId:"gwo5u1-3"})(["height:100%;position:absolute;transform-origin:left top;width:100%;",""],function(e){return null===e.value&&t(["transform:scaleX(0);animation:"," 2s infinite linear;left:-145.166611%;transition:none;"],ze)}),Me=e.span.withConfig({displayName:"ProgressLinestyles__BarPrimaryInner",componentId:"gwo5u1-4"})(["background-color:",";display:inline-block;height:100%;position:absolute;width:100%;"," ",""],function(e){return l({palette:e.palette||"primary",paletteWeight:e.paletteWeight})(e)},function(e){return null===e.value&&t(["animation:"," 2s infinite linear;"],Ae)},function(e){return null!==e.value&&t(["transform:translateX(","%);transition:transform "," cubic-bezier(0.4,0,0.6,1) 0ms;"],e.value-100,e.transitionDuration||"225ms")}),Ue=e.div.withConfig({displayName:"ProgressLinestyles__BarSecondary",componentId:"gwo5u1-5"})(["animation:"," 2s infinite linear;height:100%;left:-54.888891%;position:absolute;transition:none;transform-origin:left top;visibility:visible;width:100%;"],Re),qe=e.span.withConfig({displayName:"ProgressLinestyles__BarSecondaryInner",componentId:"gwo5u1-6"})(["animation:"," 2s infinite linear;background-color:",";display:inline-block;height:100%;position:absolute;visibility:visible;width:100%;"],$e,function(e){return l({palette:e.palette||"primary",paletteWeight:e.paletteWeight})(e)});function Fe(e){var t=F(i.useState(void 0===e.valueInitial?e.value:e.valueInitial),2),n=t[0],o=t[1],r=F(i.useState(void 0===e.bufferValueInitial?e.bufferValue:e.bufferValueInitial),2),a=r[0],s=r[1];return i.useEffect(function(){setTimeout(function(){o(e.value),s(e.bufferValue)},0)},[e.value,e.bufferValue]),i.createElement(Se,{className:e.className,height:e.height,$margin:e.margin,$marginBottom:e.marginBottom,$marginLeft:e.marginLeft,$marginRight:e.marginRight,$marginTop:e.marginTop},i.createElement(Xe,{palette:e.bufferPalette,paletteWeight:e.bufferPaletteWeight,transitionDuration:e.transitionDuration,value:a}),i.createElement(De,{thickness:e.thickness||e.height},i.createElement(Le,{value:e.value,transitionDuration:e.transitionDuration},i.createElement(Me,{palette:e.palette,paletteWeight:e.paletteWeight,transitionDuration:e.transitionDuration,value:n})),null===n&&i.createElement(Ue,null,i.createElement(qe,{palette:e.palette,paletteWeight:e.paletteWeight}))))}Fe.propTypes={bufferPalette:C.string,bufferPaletteWeight:C.string,bufferValue:C.number,bufferValueInitial:C.number,height:C.string,margin:C.string,marginBottom:C.string,marginLeft:C.string,marginRight:C.string,marginTop:C.string,palette:C.string,paletteWeight:C.string,thickness:C.string,transitionDuration:C.string,value:C.number,valueInitial:C.number},Fe.defaultProps={bufferPalette:void 0,bufferPaletteWeight:void 0,bufferValue:100,bufferValueInitial:void 0,height:"4px",margin:void 0,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0,palette:void 0,paletteWeight:void 0,thickness:void 0,transitionDuration:void 0,value:null,valueInitial:void 0};var He=e.div.withConfig({displayName:"ProgressLinestories__Block",componentId:"rcgabs-0"})(["width:300px;"]),Ve=function(e){return e.add("dynamic story",function(){return i.createElement(He,null,i.createElement(Fe,{bufferPalette:y("bufferPalette",["primary","secondary","gray"]),height:y("height",["1px","2px","4px","8px","16px"],"4px"),palette:y("palette",["primary","secondary","gray"]),value:y("value",[null,0,33,50,100],null)}))})},Ge=e.div.withConfig({displayName:"Typestories__Wrapper",componentId:"nme558-0"})(["text-align:center;margin:1rem;"]),Ye=function(e){return e.add("dynamic story",function(){return i.createElement(o,null,function(e){return i.createElement(le,{variant:y("variant",d({name:"component_uiType_"})({theme:e}),"body1")},v("children","Hello TypeSet"))})}).add("variants",function(){return i.createElement(o,null,function(e){return d({name:"component_uiType_"})({theme:e}).map(function(e){return i.createElement(Ge,{key:e},i.createElement(le,{variant:e},e))})})})},Ze=a(e.div.withConfig({displayName:"Card__UICard",componentId:"zuegsg-0"})(["background-color:",";"," ",""],function(e){return e.$palette&&s({paletteAsBackground:void 0!==e.$paletteAsBackground&&!e.$paletteAsBackground})(e)},c.space,function(e){return e.css}));Ze.propTypes={css:k.css,margin:k.string,namespace:k.string,padding:k.string,palette:C.string,paletteAsBackground:C.bool,paletteWeight:C.string,variant:C.string},Ze.defaultProps={css:void 0,margin:void 0,padding:void 0,palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,namespace:"component_uiCard",variant:"standard"};var Je=e.div.withConfig({displayName:"Cardstories__Wrapper",componentId:"sc-1ogn9bx-0"})(["text-align:center;margin:1rem;"]),Ke=function(e){return e.add("dynamic story",function(){return i.createElement(o,null,function(e){var t;return i.createElement(Ze,{variant:y("variant",Object.keys((null!=(t=e)&&null!=(t=t.components)?t.uiCard:t)||{}),"main")},v("children","Hello Well"))})}).add("variants",function(){return i.createElement(o,null,function(e){var t;return Object.keys((null!=(t=e)&&null!=(t=t.components)?t.uiCard:t)||{}).map(function(e){return i.createElement(Je,{key:e},i.createElement(Ze,{variant:e},e))})})})};function Qe(e){be(e("Button")),Ke(e("Card")),ke(e("Icon")),We(e("Image")),je(e("ProcessingCircle")),Ve(e("ProcessingLine")),Ye(e("Type"))}var et=function(e){return i.createElement(le,R({variant:"body2",palette:"danger"},e),E.isMap(e.children)?e.children.get("message"):e.children)};et.propTypes={children:C.oneOfType([C.node,P.map])},et.defaultProps={children:void 0};var tt=i.memo(et),nt=function(e){return e.errors.size>0&&i.createElement(Ze,{className:e.className,variant:"danger"},e.errors.map(function(e,t){return i.createElement(tt,{key:t},e)}))};nt.propTypes={errors:P.list.isRequired};var ot=i.memo(nt),rt=function(e){function t(){var e,n;j(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return $(M(n=U(this,(e=X(t)).call.apply(e,[this].concat(r)))),"state",{hasError:!1}),n}return D(t,i.Component),z(t,[{key:"componentDidCatch",value:function(e,t){this.props.onError(e,t)}},{key:"render",value:function(){if(!this.state.hasError)return this.props.children;var e=this.props.fallbackComponent;return i.createElement(e,R({errors:B([this.state.error.message])},this.props.fallbackComponentProps))}}],[{key:"getDerivedStateFromError",value:function(e){return{error:e,hasError:!0}}}]),t}();rt.propTypes={children:C.node.isRequired,fallbackComponent:k.component,fallbackComponentProps:C.shape({}),onError:C.func},rt.defaultProps={fallbackComponent:ot,fallbackComponentProps:{},onError:function(){}};var it=a(e.div.withConfig({displayName:"FlexBox__UIFlexBox",componentId:"sc-13ev10s-0"})(["align-items:",";display:flex;"," "," "," "," ",""],function(e){return e.alignItems},function(e){return e.$palette&&t(["background-color:",";"],s({paletteAsBackground:void 0!==e.$paletteAsBackground&&!e.$paletteAsBackground})(e))},function(e){return e.flexDirection&&t(["flex-direction:",";"],e.flexDirection)},function(e){return e.justifyContent&&t(["justify-content:",";"],e.justifyContent)},c.space,function(e){return e.css}));it.propTypes={alignItems:C.string,justifyContent:C.string,namespace:C.string,palette:C.string,paletteAsBackground:C.bool,paletteWeight:C.string,variant:C.string},it.defaultProps={alignItems:"center",namespace:"component_uiFlexBox",palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,variant:"standard"};var at={usePropsTrigger:function(e,t,n,o){return i.useMemo(function(){var r;return Object.assign(($(r={},e.event,function(){return o(!n)}),$(r,"css",t.icon),r),e.componentProps)},[n,o,e.componentProps,e.event,t.icon])}},st=e.div.withConfig({displayName:"Tooltipstyles__Wrapper",componentId:"bv396u-0"})(["display:inline-block;position:relative;",""],function(e){return e.css}),ct=e.div.withConfig({displayName:"Tooltipstyles__Popup",componentId:"bv396u-1"})(["background-color:white;border:1px solid black;border-radius:3px;top:0;left:0;padding:8px;position:absolute;transform:translateY(-100%);"]),lt={icon:t(["color:",";"],l({palette:"danger"}))};function pt(){var e=q(["",""]);return pt=function(){return e},e}function ut(e){var t=F(i.useState(!0),2),n=t[0],o=t[1],r=p(e),a=r.component;return i.createElement(dt,{className:r.className,_css:r.css},i.createElement(a,at.usePropsTrigger(r,lt,n,o)),i.createElement(ct,{hidden:n},r.children))}ut.propTypes={children:C.node.isRequired,component:k.component,componentProps:C.shape({}),css:k.css,event:C.string,namespace:k.string},ut.defaultProps={component:V,componentProps:{},css:void 0,event:"onClick",namespace:"component_uiTooltip"};var mt=i.memo(ut),dt=e(st)(pt(),function(e){return e._css}),ft={usePropsTooltip:function(e,t){return i.useMemo(function(){return{componentProps:{css:t.icon,name:"error",material:!0},css:t.tooltip}},[t.icon,t.tooltip])}},gt=e.div.withConfig({displayName:"Labelstyles__UILabelRoot",componentId:"sc-1i2zjma-0"})([""," ",""],c.margin,function(e){return e.css}),ht=e.label.withConfig({displayName:"Labelstyles__Label",componentId:"sc-1i2zjma-1"})(["",""],function(e){return e.css}),vt={icon:t(["color:",";&&{font-size:0.8rem;}"],l({palette:"danger"})),tooltip:t(["margin-left:0.5rem;"])};function bt(){var e=q(["",""]);return bt=function(){return e},e}function yt(e){var t=p(e),n=ft.usePropsTooltip(t,vt);return i.createElement(Pt,{className:t.className,$margin:t.$margin,$marginBottom:t.$marginBottom,$marginLeft:t.$marginLeft,$marginRight:t.$marginRight,$marginTop:t.$marginTop,_css:t.css},t.label&&i.createElement(le,R({as:ht,palette:t.labelComponentPalette,variant:t.labelComponentVariant||"label",value:t.label},t.labelComponentProps)),t.label&&!t.errorComponentHidden&&t.inputProps.errors&&t.inputProps.errors.size>0&&i.createElement(mt,n,t.inputProps.errors.map(function(e,t){return i.createElement(tt,{key:t},e)})),t.children)}yt.propTypes={children:C.node,css:k.css,errorComponentHidden:C.bool,inputProps:C.shape({errors:P.list}).isRequired,label:k.typography,labelComponentPalette:C.string,labelComponentProps:C.shape({}),labelComponentVariant:C.string,margin:C.string,marginBottom:C.string,marginLeft:C.string,marginRight:C.string,marginTop:C.string,namespace:k.string,variant:C.string},yt.defaultProps={children:void 0,css:void 0,errorComponentHidden:void 0,label:void 0,labelComponentPalette:void 0,labelComponentProps:{},labelComponentVariant:void 0,margin:void 0,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0,namespace:"component_uiLabel",variant:"standard"};var Ct=i.memo(yt),Pt=e(gt)(bt(),function(e){return e._css}),kt=a(e.hr.withConfig({displayName:"Line__UILine",componentId:"sc-2dkwme-0"})(["border:0;border-bottom:1px "," ",";"," ",""],function(e){return e.borderStyle||"solid"},s(),c.margin,function(e){return e.css}));kt.propTypes={namespace:C.string,variant:C.string},kt.defaultProps={namespace:"component_uiLine",variant:void 0};var _t=e.div.withConfig({displayName:"Overlay",componentId:"sc-15ca6dc-0"})(["background-color:",";display:",";position:absolute;",""],l({palette:"white"}),function(e){return e.visible?"block":"none"},g());_t.propTypes={namespace:C.string,variant:C.string},_t.defaultProps={namespace:"component_uiPopup_Overlay",variant:"standard"};var It=e.div.withConfig({displayName:"Portalstyles__Container",componentId:"sc-11pm1fj-0"})(["align-items:center;background-color:rgba(0,0,0,0.65);display:flex;height:100%;justify-content:center;overflow:auto;"]),wt=e.div.withConfig({displayName:"Portalstyles__Content",componentId:"sc-11pm1fj-1"})(["background-color:",";border:2px solid ",";border-radius:5px;max-width:1024px;min-height:100px;width:80%;@media (max-width:539px){width:95%;}"],l({palette:"white"}),l({palette:"black"})),xt=function(e){function t(){var e,n;j(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return $(M(n=U(this,(e=X(t)).call.apply(e,[this].concat(r)))),"state",{prop_visible:n.props.visible,ref:null}),n}return D(t,i.Component),z(t,[{key:"componentDidUpdate",value:function(e,t){!0===this.props.visible&&!1===e.visible&&(this.state.ref.style.position="fixed",this.state.ref.style.top="0",this.state.ref.style.right="0",this.state.ref.style.bottom="0",this.state.ref.style.left="0",document.body.appendChild(this.state.ref)),!1===this.props.visible&&!0===e.visible&&t.ref&&document.body.removeChild(t.ref)}},{key:"componentWillUnmount",value:function(){this.state.ref&&document.body.removeChild(this.state.ref)}},{key:"getPropsContainer",value:function(){return this.props.containerComponentProps}},{key:"getPropsContent",value:function(){return Object.assign({},this.props.contentComponentProps,{className:this.props.contentComponentProps.className?"".concat(this.props.contentComponentProps.className," ignore-react-onclickoutside"):"ignore-react-onclickoutside"})}},{key:"renderContent",value:function(){var e=this.props.containerComponent,t=this.props.contentComponent;return i.createElement(e,this.getPropsContainer(),i.createElement(t,this.getPropsContent(),this.props.children))}},{key:"render",value:function(){return this.state.ref&&O.createPortal(this.renderContent(),this.state.ref)}}],[{key:"getDerivedStateFromProps",value:function(e,t){return t.prop_visible===e.visible?{prop_visible:e.visible,ref:t.ref}:{prop_visible:e.visible,ref:!0===t.prop_visible?null:document.createElement("div")}}}]),t}();xt.propTypes=N({children:C.node.isRequired,containerComponent:k.component,containerComponentProps:C.shape({}),contentComponent:k.component,contentComponentProps:C.shape({className:k.string}),visible:C.bool.isRequired}),xt.defaultProps={containerComponent:It,containerComponentProps:{},contentComponent:wt,contentComponentProps:{}};var Et={useComponents:function(e){var t=i.useMemo(function(){return{wrapperComponent:"uiPopup_component_".concat(e.type),controlComponent:["uiPopup_control","component_button"]}},[e.type]),n=I(t,e);return{Component:e.component,Container:e.containerComponent,Control:n.controlComponent,Wrapper:n.wrapperComponent||xt}},useGetClickOutside:function(e){var t=F(i.useState({}),1)[0];return t.onClose=e.onClose,function(){return t.onClose()}},usePropsComponent:function(e,t,n){var o=i.useCallback(function(o){return t?(n(!1),e.onClose(),o):o},[t,e.onClose]);return Object.assign({onClose:o},T(e.componentProps)?e.componentProps():e.componentProps)},usePropsContainer:function(e){return e.containerComponentProps},usePropsControl:function(e,t,n){var o=i.useCallback(function(){return n(!t)},[t]);return Object.assign($({},e.event,o),e.controlComponentProps)},usePropsWrapper:function(e,t){return Object.assign({visible:t},T(e.wrapperComponentProps)?e.wrapperComponentProps():e.wrapperComponentProps)}},Bt=e.div.withConfig({displayName:"Popup__ContainerComponent",componentId:"sc-1an9fmj-0"})(["display:inline-block;position:",";"],function(e){return e.static?"static":"relative"});function Nt(e){var t=F(i.useState(!1),2),n=t[0],o=t[1],r=p(e),a=Et.useComponents(r),s=a.Container,c=a.Control,l=a.Component,u=a.Wrapper,m=Et.usePropsComponent(r,n,o);return Nt.handleClickOutside=Et.useGetClickOutside(m),i.createElement(s,Et.usePropsContainer(r),i.createElement(c,Et.usePropsControl(r,n,o)),i.createElement(u,Et.usePropsWrapper(r,n),i.createElement(l,m)))}Nt.propTypes=N({component:k.component.isRequired,componentProps:C.shape({}),containerComponent:k.component,containerComponentProps:C.shape({}),controlComponent:k.component,controlComponentProps:C.shape({}),event:k.string,namespace:k.string,onClose:C.func,type:k.string,wrapperComponent:k.component,wrapperComponentProps:C.shape({}),name:k.string,disableOnClickOutside:C.func.isRequired,enableOnClickOutside:C.func.isRequired,eventTypes:C.arrayOf(C.string).isRequired,outsideClickIgnoreClass:C.string.isRequired,preventDefault:C.bool.isRequired,stopPropagation:C.bool.isRequired,wrappedRef:C.func.isRequired}),Nt.defaultProps={componentProps:{},containerComponent:Bt,containerComponentProps:{},controlComponent:void 0,controlComponentProps:{},event:"onClick",namespace:"component_uiPopup",onClose:function(){},type:void 0,wrapperComponent:void 0,wrapperComponentProps:{},name:void 0};var Wt=W(Nt,{handleClickOutside:function(){return Nt.handleClickOutside}});function Ot(e){var t=F(i.useState(null),2),n=t[0],o=t[1],r=i.useRef(e.className),a=r.current;return i.useEffect(function(){r.current=e.className}),i.useEffect(function(){var e=document.createElement("div");return o(e),document.body.appendChild(e),function(){return document.body.removeChild(e)}},[]),i.useEffect(function(){var t,o;n&&a&&(t=n.classList).remove.apply(t,H(a.split(" ")));n&&e.className&&(o=n.classList).add.apply(o,H(e.className.split(" ")))},[n,e.className,a]),n&&O.createPortal(e.children,n)}Wt.Overlay=_t,Wt.Portal=xt;var Tt=a(e.div.withConfig({displayName:"Spacer__UISpacer",componentId:"sc-62ugl2-0"})(["flex:",";",""],function(e){return void 0===e.flex?1:e.flex},c.space));Tt.propTypes={namespace:C.string,variant:C.string},Tt.defaultProps={namespace:"component_uiSpacer",variant:"standard"};export{he as UIButton,Ze as UICard,tt as UIError,rt as UIErrorBoundary,ot as UIErrorWell,it as UIFlexBox,V as UIIcon,we as UIImage,Ct as UILabel,kt as UILine,Wt as UIPopup,Ot as UIPortal,Q as UIProgressCircle,Fe as UIProgressLine,Tt as UISpacer,le as UIType,Qe as createStoriesForUI,be as createStoryForUIButton,ke as createStoryForUIIcon,We as createStoryForUIImage,je as createStoryForUIProcessingCircle,Ve as createStoryForUIProcessingLine,Ye as createStoryForUIType,Ke as createStoryForUICard};
|
|
1
|
+
import e from"prop-types";import t from"react-immutable-proptypes";import n from"@burnsred/prop-types-plus";import o from"react";import{withEnhanceProps as r,colorFromPalette as i,mixins as a,color as s,useEnhanceProps as c,useCleanProps as p,media as l,image as u,component as m}from"@burnsred/theme";import"core-js/modules/es6.object.assign";import d from"classnames";import{useDefault as f}from"@burnsred/default";import"core-js/modules/es6.function.name";import g,{css as h,keyframes as v,withTheme as b}from"styled-components";import"core-js/modules/es6.regexp.to-string";import"core-js/modules/web.dom.iterable";import"core-js/modules/es6.array.iterator";import{Map as y,List as C}from"immutable";import P from"lodash/flowRight";import{withProps as k}from"@burnsred/higher-order-component";import _ from"prop-types-exact";import I from"react-onclickoutside";import w from"react-dom";import x from"lodash/isFunction";import"core-js/modules/es6.regexp.split";function B(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function E(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function N(e,t,n){return t&&E(e.prototype,t),n&&E(e,n),e}function W(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(){return(O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){W(e,t,n[t])})}return e}function j(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$(e,t)}function A(e){return(A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function $(e,t){return($=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function z(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function R(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?z(e):t}function D(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function S(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],o=!0,r=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(o=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);o=!0);}catch(e){r=!0,i=e}finally{try{o||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function X(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var L=r(g.i.attrs(function(e){var t;return{className:d((t={"material-icons":e.material},W(t,"fa fa-".concat(e.name),e.fontawesome),W(t,"icon icon-".concat(e.name),!e.fontawesome&&!e.material),W(t,e.className,e.className),t)),children:e.material?e.name:e.children}}).withConfig({displayName:"Icon__UIIcon",componentId:"sc-10obg3m-0"})(["&&{font-size:",";}"," "," ",""],function(e){return e.fontSize||"1rem"},function(e){return e.$palette&&h(["color:",";"],i())},a.space,function(e){return e.css}));L.propTypes={fontawesome:e.bool,fontSize:e.string,hidden:e.bool,material:e.bool,margin:e.string,name:e.string.isRequired,namespace:e.string,padding:e.string,palette:e.string,paletteAsBackground:e.bool,paletteWeight:e.string,variant:e.string},L.defaultProps={fontawesome:!1,fontSize:void 0,hidden:void 0,material:!1,margin:void 0,namespace:"component_uiIcon",padding:void 0,palette:void 0,paletteAsBackground:!1,paletteWeight:void 0,variant:"standard"};var M=v(["0%{transform:rotate(0);}100%{transform:rotate(360deg);}"]),U=g.circle.withConfig({displayName:"ProgressCirclestyles__Circle",componentId:"hm517x-0"})(["animation-name:",";fill:transparent;stroke:",";stroke-dasharray:",";stroke-width:",";transition:stroke-dashoffset "," linear;transform-box:view-box;transform-origin:center;"," ",""],function(e){return function(e){return v(["0%{stroke-dashoffset:",";transform:rotate(0);}12.5%{stroke-dashoffset:",";transform:rotate(0);}12.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(72.5deg);}25%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(72.5deg);}25.0001%{stroke-dashoffset:",";transform:rotate(270deg);}37.5%{stroke-dashoffset:",";transform:rotate(270deg);}37.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(161.5deg);}50%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(161.5deg);}50.0001%{stroke-dashoffset:",";transform:rotate(180deg);}62.5%{stroke-dashoffset:",";transform:rotate(180deg);}62.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(251.5deg);}75%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(251.5deg);}75.0001%{stroke-dashoffset:",";transform:rotate(90deg);}87.5%{stroke-dashoffset:",";transform:rotate(90deg);}87.5001%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(341.5deg);}100%{stroke-dashoffset:",";transform:rotateX(180deg) rotate(341.5deg);}"],"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.2,"px"),"".concat((100-e.thickness)*Math.PI*.95,"px"))}(e)},function(e){return s({palette:e.palette||"primary",paletteWeight:e.paletteWeight})(e)},function(e){return"".concat((100-e.thickness)*Math.PI,"px")},function(e){return"".concat(e.thickness,"%")},function(e){return e.transitionDuration||"225ms"},function(e){return null===e.value&&h(["animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.35,0,0.25,1);transition-property:stroke;"])},function(e){return null!==e.value&&h(["stroke-dashoffset:","px;"],(100-e.thickness)*Math.PI*(100-e.value)/100)}),q=g.div.withConfig({displayName:"ProgressCirclestyles__Container",componentId:"hm517x-1"})(["display:inline-block;height:",";position:relative;width:",";"," ",""],function(e){return e.size},function(e){return e.size},a.margin,a.padding),F=g.svg.withConfig({displayName:"ProgressCirclestyles__SVG",componentId:"hm517x-2"})(["height:100%;left:0;top:0;overflow:visible;position:absolute;transform:rotate(-90deg);transform-origin:center;width:100%;",""],function(e){return null===e.value&&h(["animation:"," 2s linear infinite;"],M)});function V(){var e=D(["",""]);return V=function(){return e},e}function H(e){var t=c(e),n=S(o.useState(void 0===t.valueInitial?t.value:t.valueInitial),2),r=n[0],i=n[1];return o.useEffect(function(){setTimeout(function(){return i(t.value)},0)},[t.value]),o.createElement(G,O({},p(t),{_css:t.css}),o.createElement(F,{focusable:"false",preserveAspectRatio:"xMidYMid meet",value:r,viewBox:"0 0 100 100"},t.bufferPalette&&o.createElement(U,{cx:"50%",cy:"50%",palette:t.bufferPalette,paletteWeight:t.bufferPaletteWeight,r:(50-t.thickness/2).toString(),thickness:t.thickness,transitionDuration:t.transitionDuration,value:100}),o.createElement(U,{cx:"50%",cy:"50%",palette:t.$palette,paletteWeight:t.$paletteWeight,r:(50-t.thickness/2).toString(),thickness:t.thickness,transitionDuration:t.transitionDuration,value:r})))}H.propTypes={bufferPalette:n.string,bufferPaletteWeight:e.string,css:n.css,namespace:e.string,palette:n.string,paletteWeight:e.string,size:e.string,transitionDuration:e.string,value:e.number,valueInitial:e.number,thickness:e.number},H.defaultProps={bufferPalette:void 0,bufferPaletteWeight:void 0,css:void 0,namespace:"component_uiProgressCircle",palette:void 0,paletteWeight:void 0,size:"32px",transitionDuration:void 0,value:null,valueInitial:void 0,thickness:20};var G=g(q)(V(),function(e){return e._css});function Y(){var e=D(["\n color: ",";\n "]);return Y=function(){return e},e}var Z=["onChangeInput","value"],J=function(e){return e.children},K=g.span.withConfig({displayName:"Typehooks__Component",componentId:"rbnsuu-0"})([""," "," "," ",""],function(e){return e.$palette&&h(["color:",";"],i())},a.space,l.print(Y(),s({palette:"black"})),function(e){return e.css}),Q={useComponent:function(e){return null===e.as?J:K},useProps:function(e){return p(e,{local:Z})}};var ee=o.createContext({}),te={intlContext:["uiType_context_intl","context_intl"]};function ne(e){var t=c(e),n=Q.useComponent(t),r=f(te,t).intlContext,i=void 0===r?ee:r,a=o.useContext(i);return o.createElement(n,Q.useProps(t),(t.render||function(e,t){var n,o=e.children||e.value;return e.hidden?null:o instanceof Error?o.message:e.field?e.field.toString(o):t&&(null!=(n=o)?n.id:n)?t.formatMessage(o,e.values):o})(t,a))}ne.propTypes={as:n.component,children:e.oneOfType([e.node,n.typography]),className:n.string,field:e.shape({toString:e.func.isRequired}),hidden:e.bool,intlContext:e.shape({}),mediaPrintDisabled:e.bool,namespace:n.string,palette:e.string,paletteAsBackground:e.bool,paletteWeight:e.string,render:e.func,value:e.oneOfType([n.typography,n.value]),variant:e.string},ne.defaultProps={as:void 0,children:void 0,className:"",field:void 0,hidden:void 0,intlContext:void 0,mediaPrintDisabled:void 0,namespace:"component_uiType",palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,render:void 0,value:void 0,variant:void 0};var oe=o.memo(ne),re=["contentPaletteAsBackground","iconCss","iconFont","iconHidden","iconName","iconPaletteAsBackground","processingPaletteAsBackground"],ie={contentComponent:["uiButton_component_type","component_type"],iconComponent:["uiButton_component_icon","component_icon"],linkComponent:["uiButton_component_link","component_link"],processingComponent:["uiButton_component_processing","component_processing"]},ae={useComponents:function(e){var t=f(ie,e);return{Content:t.contentComponent||oe,Icon:t.iconComponent||L,Processing:t.processingComponent||H}},useProps:function(e){var t=f(ie,e).linkComponent;return p(Object.assign({href:e.to},e,e.to&&{as:e.as||!/^https?:\/\//.exec(e.to)&&t||"a"},{disabled:e.processing||e.disabled}),{local:re})},usePropsIcon:function(e){var t;return Object.assign({css:e.iconCss,fontSize:e.iconFontSize,hidden:e.processing||void 0===e.iconHidden||e.iconHidden,name:e.iconName||"name",palette:e.$palette,paletteAsBackground:e.iconPaletteAsBackground,paletteWeight:e.$paletteWeight,variant:"button"},e.iconFont&&W({},e.iconFont,!0),e.iconComponentProps,{className:d("uiButton-Icon",null!=(t=e)&&null!=(t=t.iconComponentProps)?t.className:t)})},usePropsContent:function(e){var t;return T({children:e.children,hidden:e.contentHidden||e.processing,palette:e.$palette,paletteAsBackground:e.contentPaletteAsBackground,paletteWeight:e.$paletteWeight,value:e.content,variant:"button"},e.contentComponentProps,{className:d("uiButton-Content",null!=(t=e)&&null!=(t=t.contentComponentProps)?t.className:t)})},usePropsProcessing:function(e){return T({hidden:!e.processing,palette:e.$palette,paletteAsBackground:e.processingPaletteAsBackground,paletteWeight:e.$paletteWeight,variant:"button"},e.processingComponentProps)}};function se(){var e=D(["\n display: none;\n "]);return se=function(){return e},e}var ce=g.button.withConfig({displayName:"Buttonstyles",componentId:"ym92z0-0"})(["align-items:center;background-color:",";border:0;border-radius:0.25em;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0.5em 1.5em;position:relative;text-decoration:none;"," &:hover{background-color:",";}&:focus{background-color:",";}&:disabled{background-color:",";cursor:auto;*{color:",";}}"," "," ",""],function(e){return e.$paletteAsBackground?i()(e):"transparent"},a.space,s({palette:"gray",paletteWeight:"50"}),s({palette:"gray",paletteWeight:"100"}),s({palette:"gray",paletteWeight:"200"}),s({palette:"gray",paletteWeight:"800"}),function(e){return e.$media&&h(["@media only screen and (","){padding:0.5em 1em;.uiButton-Content{display:none;}.uiButton-Icon{display:inline-block;}}"],e.$media)},l.print(se()),function(e){return e.css});function pe(e){var t=c(e),n=ae.useComponents(t),r=n.Content,i=n.Icon,a=n.Processing,s=ae.usePropsProcessing(t);return o.createElement(ce,ae.useProps(t),o.createElement(i,ae.usePropsIcon(t)),!s.hidden&&o.createElement(a,s),o.createElement(r,ae.usePropsContent(t)))}pe.propTypes={as:n.component,children:e.node,content:e.oneOfType([e.string,n.locale,t.map]),contentComponent:n.component,contentComponentProps:e.shape({}),contentHidden:e.bool,contentPaletteAsBackground:e.bool,css:n.css,disabled:e.bool,hidden:e.bool,iconComponent:n.component,iconComponentProps:e.shape({}),iconCss:n.css,iconFont:n.string,iconHidden:e.bool,iconName:n.string,iconPaletteAsBackground:e.bool,media:n.string,mediaPrintDisabled:e.bool,namespace:n.string,onClick:e.func,palette:n.string,paletteAsBackground:e.bool,paletteWeight:e.string,processing:e.bool,processingComponent:n.component,processingComponentProps:e.shape({}),processingDidFail:e.bool,processingPaletteAsBackground:e.bool,to:n.string,variant:n.string},pe.defaultProps={as:void 0,children:void 0,content:void 0,contentComponent:void 0,contentComponentProps:void 0,contentHidden:void 0,contentPaletteAsBackground:void 0,css:void 0,disabled:void 0,hidden:void 0,iconComponent:void 0,iconComponentProps:void 0,iconCss:void 0,iconFont:void 0,iconHidden:void 0,iconName:void 0,iconPaletteAsBackground:void 0,media:void 0,mediaPrintDisabled:void 0,namespace:"component_uiButton",onClick:void 0,palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,processing:void 0,processingComponent:void 0,processingComponentProps:void 0,processingDidFail:void 0,processingPaletteAsBackground:void 0,to:void 0,variant:"standard"};var le=o.memo(pe),ue=r(g.div.withConfig({displayName:"Card__UICard",componentId:"zuegsg-0"})(["background-color:",";"," ",""],function(e){return e.$palette&&i({paletteAsBackground:void 0!==e.$paletteAsBackground&&!e.$paletteAsBackground})(e)},a.space,function(e){return e.css}));ue.propTypes={css:n.css,margin:n.string,namespace:n.string,padding:n.string,palette:e.string,paletteAsBackground:e.bool,paletteWeight:e.string,variant:e.string},ue.defaultProps={css:void 0,margin:void 0,padding:void 0,palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,namespace:"component_uiCard",variant:"standard"};var me=function(e){return o.createElement(oe,O({variant:"body2",palette:"danger"},e),y.isMap(e.children)?e.children.get("message"):e.children)};me.propTypes={children:e.oneOfType([e.node,t.map])},me.defaultProps={children:void 0};var de=o.memo(me),fe=function(e){return e.errors.size>0&&o.createElement(ue,{className:e.className,variant:"danger"},e.errors.map(function(e,t){return o.createElement(de,{key:t},e)}))};fe.propTypes={errors:t.list.isRequired};var ge=o.memo(fe),he=function(e){function t(){var e,n;B(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return W(z(n=R(this,(e=A(t)).call.apply(e,[this].concat(r)))),"state",{hasError:!1}),n}return j(t,o.Component),N(t,[{key:"componentDidCatch",value:function(e,t){this.props.onError(e,t)}},{key:"render",value:function(){if(!this.state.hasError)return this.props.children;var e=this.props.fallbackComponent;return o.createElement(e,O({errors:C([this.state.error.message])},this.props.fallbackComponentProps))}}],[{key:"getDerivedStateFromError",value:function(e){return{error:e,hasError:!0}}}]),t}();he.propTypes={children:e.node.isRequired,fallbackComponent:n.component,fallbackComponentProps:e.shape({}),onError:e.func},he.defaultProps={fallbackComponent:ge,fallbackComponentProps:{},onError:function(){}};var ve=r(g.div.withConfig({displayName:"FlexBox__UIFlexBox",componentId:"sc-13ev10s-0"})(["align-items:",";display:flex;"," "," "," "," ",""],function(e){return e.alignItems},function(e){return e.$palette&&h(["background-color:",";"],i({paletteAsBackground:void 0!==e.$paletteAsBackground&&!e.$paletteAsBackground})(e))},function(e){return e.flexDirection&&h(["flex-direction:",";"],e.flexDirection)},function(e){return e.justifyContent&&h(["justify-content:",";"],e.justifyContent)},a.space,function(e){return e.css}));ve.propTypes={alignItems:e.string,justifyContent:e.string,namespace:e.string,palette:e.string,paletteAsBackground:e.bool,paletteWeight:e.string,variant:e.string},ve.defaultProps={alignItems:"center",namespace:"component_uiFlexBox",palette:void 0,paletteAsBackground:void 0,paletteWeight:void 0,variant:"standard"};var be=g.img.withConfig({displayName:"Image__UIImage",componentId:"sc-1fmo7bh-0"})([""," ",""],m(),function(e){return e.css});be.propTypes={alt:e.string.isRequired,namespace:n.string,src:e.string.isRequired,variant:e.string},be.defaultProps={namespace:"component_uiImage",variant:"standard"};var ye=P([b,k(function(e){return{alt:e.name,src:u(e)}})])(be),Ce={usePropsTrigger:function(e,t,n,r){return o.useMemo(function(){var o;return Object.assign((W(o={},e.event,function(){return r(!n)}),W(o,"css",t.icon),o),e.componentProps)},[n,r,e.componentProps,e.event,t.icon])}},Pe=g.div.withConfig({displayName:"Tooltipstyles__Wrapper",componentId:"bv396u-0"})(["display:inline-block;position:relative;",""],function(e){return e.css}),ke=g.div.withConfig({displayName:"Tooltipstyles__Popup",componentId:"bv396u-1"})(["background-color:white;border:1px solid black;border-radius:3px;top:0;left:0;padding:8px;position:absolute;transform:translateY(-100%);"]),_e={icon:h(["color:",";"],s({palette:"danger"}))};function Ie(){var e=D(["",""]);return Ie=function(){return e},e}function we(e){var t=S(o.useState(!0),2),n=t[0],r=t[1],i=c(e),a=i.component;return o.createElement(Be,{className:i.className,_css:i.css},o.createElement(a,Ce.usePropsTrigger(i,_e,n,r)),o.createElement(ke,{hidden:n},i.children))}we.propTypes={children:e.node.isRequired,component:n.component,componentProps:e.shape({}),css:n.css,event:e.string,namespace:n.string},we.defaultProps={component:L,componentProps:{},css:void 0,event:"onClick",namespace:"component_uiTooltip"};var xe=o.memo(we),Be=g(Pe)(Ie(),function(e){return e._css}),Ee={usePropsTooltip:function(e,t){return o.useMemo(function(){return{componentProps:{css:t.icon,name:"error",material:!0},css:t.tooltip}},[t.icon,t.tooltip])}},Ne=g.div.withConfig({displayName:"Labelstyles__UILabelRoot",componentId:"sc-1i2zjma-0"})([""," ",""],a.margin,function(e){return e.css}),We=g.label.withConfig({displayName:"Labelstyles__Label",componentId:"sc-1i2zjma-1"})(["",""],function(e){return e.css}),Oe={icon:h(["color:",";&&{font-size:0.8rem;}"],s({palette:"danger"})),tooltip:h(["margin-left:0.5rem;"])};function Te(){var e=D(["",""]);return Te=function(){return e},e}function je(e){var t=c(e),n=Ee.usePropsTooltip(t,Oe);return o.createElement($e,{className:t.className,$margin:t.$margin,$marginBottom:t.$marginBottom,$marginLeft:t.$marginLeft,$marginRight:t.$marginRight,$marginTop:t.$marginTop,_css:t.css},t.label&&o.createElement(oe,O({as:We,palette:t.labelComponentPalette,variant:t.labelComponentVariant||"label",value:t.label},t.labelComponentProps)),t.label&&!t.errorComponentHidden&&t.inputProps.errors&&t.inputProps.errors.size>0&&o.createElement(xe,n,t.inputProps.errors.map(function(e,t){return o.createElement(de,{key:t},e)})),t.children)}je.propTypes={children:e.node,css:n.css,errorComponentHidden:e.bool,inputProps:e.shape({errors:t.list}).isRequired,label:n.typography,labelComponentPalette:e.string,labelComponentProps:e.shape({}),labelComponentVariant:e.string,margin:e.string,marginBottom:e.string,marginLeft:e.string,marginRight:e.string,marginTop:e.string,namespace:n.string,variant:e.string},je.defaultProps={children:void 0,css:void 0,errorComponentHidden:void 0,label:void 0,labelComponentPalette:void 0,labelComponentProps:{},labelComponentVariant:void 0,margin:void 0,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0,namespace:"component_uiLabel",variant:"standard"};var Ae=o.memo(je),$e=g(Ne)(Te(),function(e){return e._css}),ze=r(g.hr.withConfig({displayName:"Line__UILine",componentId:"sc-2dkwme-0"})(["border:0;border-bottom:1px "," ",";"," ",""],function(e){return e.borderStyle||"solid"},i(),a.margin,function(e){return e.css}));ze.propTypes={namespace:e.string,variant:e.string},ze.defaultProps={namespace:"component_uiLine",variant:void 0};var Re=g.div.withConfig({displayName:"Overlay",componentId:"sc-15ca6dc-0"})(["background-color:",";display:",";position:absolute;",""],s({palette:"white"}),function(e){return e.visible?"block":"none"},m());Re.propTypes={namespace:e.string,variant:e.string},Re.defaultProps={namespace:"component_uiPopup_Overlay",variant:"standard"};var De=g.div.withConfig({displayName:"Portalstyles__Container",componentId:"sc-11pm1fj-0"})(["align-items:center;background-color:rgba(0,0,0,0.65);display:flex;height:100%;justify-content:center;overflow:auto;"]),Se=g.div.withConfig({displayName:"Portalstyles__Content",componentId:"sc-11pm1fj-1"})(["background-color:",";border:2px solid ",";border-radius:5px;max-width:1024px;min-height:100px;width:80%;@media (max-width:539px){width:95%;}"],s({palette:"white"}),s({palette:"black"})),Xe=function(e){function t(){var e,n;B(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return W(z(n=R(this,(e=A(t)).call.apply(e,[this].concat(r)))),"state",{prop_visible:n.props.visible,ref:null}),n}return j(t,o.Component),N(t,[{key:"componentDidUpdate",value:function(e,t){!0===this.props.visible&&!1===e.visible&&(this.state.ref.style.position="fixed",this.state.ref.style.top="0",this.state.ref.style.right="0",this.state.ref.style.bottom="0",this.state.ref.style.left="0",document.body.appendChild(this.state.ref)),!1===this.props.visible&&!0===e.visible&&t.ref&&document.body.removeChild(t.ref)}},{key:"componentWillUnmount",value:function(){this.state.ref&&document.body.removeChild(this.state.ref)}},{key:"getPropsContainer",value:function(){return this.props.containerComponentProps}},{key:"getPropsContent",value:function(){return Object.assign({},this.props.contentComponentProps,{className:this.props.contentComponentProps.className?"".concat(this.props.contentComponentProps.className," ignore-react-onclickoutside"):"ignore-react-onclickoutside"})}},{key:"renderContent",value:function(){var e=this.props.containerComponent,t=this.props.contentComponent;return o.createElement(e,this.getPropsContainer(),o.createElement(t,this.getPropsContent(),this.props.children))}},{key:"render",value:function(){return this.state.ref&&w.createPortal(this.renderContent(),this.state.ref)}}],[{key:"getDerivedStateFromProps",value:function(e,t){return t.prop_visible===e.visible?{prop_visible:e.visible,ref:t.ref}:{prop_visible:e.visible,ref:!0===t.prop_visible?null:document.createElement("div")}}}]),t}();Xe.propTypes=_({children:e.node.isRequired,containerComponent:n.component,containerComponentProps:e.shape({}),contentComponent:n.component,contentComponentProps:e.shape({className:n.string}),visible:e.bool.isRequired}),Xe.defaultProps={containerComponent:De,containerComponentProps:{},contentComponent:Se,contentComponentProps:{}};var Le={useComponents:function(e){var t=o.useMemo(function(){return{wrapperComponent:"uiPopup_component_".concat(e.type),controlComponent:["uiPopup_control","component_button"]}},[e.type]),n=f(t,e);return{Component:e.component,Container:e.containerComponent,Control:n.controlComponent,Wrapper:n.wrapperComponent||Xe}},useGetClickOutside:function(e){var t=S(o.useState({}),1)[0];return t.onClose=e.onClose,function(){return t.onClose()}},usePropsComponent:function(e,t,n){var r=o.useCallback(function(o){return t?(n(!1),e.onClose(),o):o},[t,e.onClose]);return Object.assign({onClose:r},x(e.componentProps)?e.componentProps():e.componentProps)},usePropsContainer:function(e){return e.containerComponentProps},usePropsControl:function(e,t,n){var r=o.useCallback(function(){return n(!t)},[t]);return Object.assign(W({},e.event,r),e.controlComponentProps)},usePropsWrapper:function(e,t){return Object.assign({visible:t},x(e.wrapperComponentProps)?e.wrapperComponentProps():e.wrapperComponentProps)}},Me=g.div.withConfig({displayName:"Popup__ContainerComponent",componentId:"sc-1an9fmj-0"})(["display:inline-block;position:",";"],function(e){return e.static?"static":"relative"});function Ue(e){var t=S(o.useState(!1),2),n=t[0],r=t[1],i=c(e),a=Le.useComponents(i),s=a.Container,p=a.Control,l=a.Component,u=a.Wrapper,m=Le.usePropsComponent(i,n,r);return Ue.handleClickOutside=Le.useGetClickOutside(m),o.createElement(s,Le.usePropsContainer(i),o.createElement(p,Le.usePropsControl(i,n,r)),o.createElement(u,Le.usePropsWrapper(i,n),o.createElement(l,m)))}Ue.propTypes=_({component:n.component.isRequired,componentProps:e.shape({}),containerComponent:n.component,containerComponentProps:e.shape({}),controlComponent:n.component,controlComponentProps:e.shape({}),event:n.string,namespace:n.string,onClose:e.func,type:n.string,wrapperComponent:n.component,wrapperComponentProps:e.shape({}),name:n.string,disableOnClickOutside:e.func.isRequired,enableOnClickOutside:e.func.isRequired,eventTypes:e.arrayOf(e.string).isRequired,outsideClickIgnoreClass:e.string.isRequired,preventDefault:e.bool.isRequired,stopPropagation:e.bool.isRequired,wrappedRef:e.func.isRequired}),Ue.defaultProps={componentProps:{},containerComponent:Me,containerComponentProps:{},controlComponent:void 0,controlComponentProps:{},event:"onClick",namespace:"component_uiPopup",onClose:function(){},type:void 0,wrapperComponent:void 0,wrapperComponentProps:{},name:void 0};var qe=I(Ue,{handleClickOutside:function(){return Ue.handleClickOutside}});function Fe(e){var t=S(o.useState(null),2),n=t[0],r=t[1],i=o.useRef(e.className),a=i.current;return o.useEffect(function(){i.current=e.className}),o.useEffect(function(){var e=document.createElement("div");return r(e),document.body.appendChild(e),function(){return document.body.removeChild(e)}},[]),o.useEffect(function(){var t,o;n&&a&&(t=n.classList).remove.apply(t,X(a.split(" ")));n&&e.className&&(o=n.classList).add.apply(o,X(e.className.split(" ")))},[n,e.className,a]),n&&w.createPortal(e.children,n)}qe.Overlay=Re,qe.Portal=Xe;var Ve=v(["0%{transform:scaleX(0.08);}36.65%{animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);transform:scaleX(0.08);}65.15%{animation-timing-function:cubmic-bezier(0.06,0.11,0.6,1);transform:scaleX(0.661479);}100%{transform:scaleX(0.08);}"]),He=v(["0%{transform:translateX(0);}20%{animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);transform:translateX(0);}59.15%{animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);transform:translateX(83.67142%);}100%{transform:translateX(200.611057%);}"]),Ge=v(["0%{animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.45397);transform:scaleX(0.08);}19.15%{animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);transform:scaleX(0.457104);}44.15%{animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);transform:scaleX(0.72796);}100%{transform:scaleX(0.08);}"]),Ye=v(["0%{animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);transform:translateX(0);}25%{animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);transform:translateX(37.651913%);}48.35%{animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);transform:translateX(84.386165%);}100%{transform:translateX(160.277782%);}"]),Ze=g.div.withConfig({displayName:"ProgressLinestyles__Block",componentId:"gwo5u1-0"})(["display:flex;align-items:center;height:",";min-width:2rem;overflow:hidden;position:relative;transition:opacity 0.25s cubic-bezier(0.4,0,0.6,1) 0ms;transform:translateZ(0);",""],function(e){return e.height},a.margin),Je=g.div.withConfig({displayName:"ProgressLinestyles__BarWrapper",componentId:"gwo5u1-1"})(["height:",";position:relative;flex:1;"],function(e){return e.thickness}),Ke=g.div.withConfig({displayName:"ProgressLinestyles__Buffer",componentId:"gwo5u1-2"})(["background-color:",";height:100%;position:absolute;transition:transform ",";transform-origin:left top;width:100%;",""],function(e){return s({palette:e.palette||"gray",paletteWeight:e.paletteWeight})(e)},function(e){return e.transitionDuration||"225ms"},function(e){return null!==e.value&&h(["transform:translateX(","%);"],e.value-100)}),Qe=g.div.withConfig({displayName:"ProgressLinestyles__BarPrimary",componentId:"gwo5u1-3"})(["height:100%;position:absolute;transform-origin:left top;width:100%;",""],function(e){return null===e.value&&h(["transform:scaleX(0);animation:"," 2s infinite linear;left:-145.166611%;transition:none;"],He)}),et=g.span.withConfig({displayName:"ProgressLinestyles__BarPrimaryInner",componentId:"gwo5u1-4"})(["background-color:",";display:inline-block;height:100%;position:absolute;width:100%;"," ",""],function(e){return s({palette:e.palette||"primary",paletteWeight:e.paletteWeight})(e)},function(e){return null===e.value&&h(["animation:"," 2s infinite linear;"],Ve)},function(e){return null!==e.value&&h(["transform:translateX(","%);transition:transform "," cubic-bezier(0.4,0,0.6,1) 0ms;"],e.value-100,e.transitionDuration||"225ms")}),tt=g.div.withConfig({displayName:"ProgressLinestyles__BarSecondary",componentId:"gwo5u1-5"})(["animation:"," 2s infinite linear;height:100%;left:-54.888891%;position:absolute;transition:none;transform-origin:left top;visibility:visible;width:100%;"],Ye),nt=g.span.withConfig({displayName:"ProgressLinestyles__BarSecondaryInner",componentId:"gwo5u1-6"})(["animation:"," 2s infinite linear;background-color:",";display:inline-block;height:100%;position:absolute;visibility:visible;width:100%;"],Ge,function(e){return s({palette:e.palette||"primary",paletteWeight:e.paletteWeight})(e)});function ot(e){var t=S(o.useState(void 0===e.valueInitial?e.value:e.valueInitial),2),n=t[0],r=t[1],i=S(o.useState(void 0===e.bufferValueInitial?e.bufferValue:e.bufferValueInitial),2),a=i[0],s=i[1];return o.useEffect(function(){setTimeout(function(){r(e.value),s(e.bufferValue)},0)},[e.value,e.bufferValue]),o.createElement(Ze,{className:e.className,height:e.height,$margin:e.margin,$marginBottom:e.marginBottom,$marginLeft:e.marginLeft,$marginRight:e.marginRight,$marginTop:e.marginTop},o.createElement(Ke,{palette:e.bufferPalette,paletteWeight:e.bufferPaletteWeight,transitionDuration:e.transitionDuration,value:a}),o.createElement(Je,{thickness:e.thickness||e.height},o.createElement(Qe,{value:e.value,transitionDuration:e.transitionDuration},o.createElement(et,{palette:e.palette,paletteWeight:e.paletteWeight,transitionDuration:e.transitionDuration,value:n})),null===n&&o.createElement(tt,null,o.createElement(nt,{palette:e.palette,paletteWeight:e.paletteWeight}))))}ot.propTypes={bufferPalette:e.string,bufferPaletteWeight:e.string,bufferValue:e.number,bufferValueInitial:e.number,height:e.string,margin:e.string,marginBottom:e.string,marginLeft:e.string,marginRight:e.string,marginTop:e.string,palette:e.string,paletteWeight:e.string,thickness:e.string,transitionDuration:e.string,value:e.number,valueInitial:e.number},ot.defaultProps={bufferPalette:void 0,bufferPaletteWeight:void 0,bufferValue:100,bufferValueInitial:void 0,height:"4px",margin:void 0,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0,palette:void 0,paletteWeight:void 0,thickness:void 0,transitionDuration:void 0,value:null,valueInitial:void 0};var rt=r(g.div.withConfig({displayName:"Spacer__UISpacer",componentId:"sc-62ugl2-0"})(["flex:",";",""],function(e){return void 0===e.flex?1:e.flex},a.space));rt.propTypes={namespace:e.string,variant:e.string},rt.defaultProps={namespace:"component_uiSpacer",variant:"standard"};export{le as UIButton,ue as UICard,de as UIError,he as UIErrorBoundary,ge as UIErrorWell,ve as UIFlexBox,L as UIIcon,ye as UIImage,Ae as UILabel,ze as UILine,qe as UIPopup,Fe as UIPortal,H as UIProgressCircle,ot as UIProgressLine,rt as UISpacer,oe as UIType};
|
package/package.json
CHANGED
|
@@ -2,32 +2,34 @@
|
|
|
2
2
|
"author": "Thierry Wong and Burnsred",
|
|
3
3
|
"description": "ui",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"
|
|
6
|
-
|
|
5
|
+
"exports": {
|
|
6
|
+
"development": "./dist/development.js",
|
|
7
|
+
"production": "./dist/production.min.js",
|
|
8
|
+
"default": "./dist/production.min.js"
|
|
9
|
+
},
|
|
10
|
+
"type": "module",
|
|
11
|
+
"main": "dist/legacy.js",
|
|
12
|
+
"files": [
|
|
13
|
+
"dist/*",
|
|
14
|
+
"./*.md"
|
|
15
|
+
],
|
|
7
16
|
"name": "@burnsred/ui",
|
|
8
17
|
"private": false,
|
|
9
18
|
"repository": "https://github.com/burnsred/burnsred-entity-library.git",
|
|
10
19
|
"sideEffects": false,
|
|
11
|
-
"version": "0.6.
|
|
20
|
+
"version": "0.6.3",
|
|
12
21
|
"publishConfig": {
|
|
13
22
|
"access": "public"
|
|
14
23
|
},
|
|
15
24
|
"scripts": {
|
|
16
25
|
"build": "rollup -c=../../configs/rollup.config.js",
|
|
17
|
-
"destroy": "rimraf dist"
|
|
18
|
-
"link-main:dist": "json -I -f package.json -e 'this.main=\"dist/index.js\"'",
|
|
19
|
-
"link-main:src": "json -I -f package.json -e 'this.main=\"src/index.js\"'",
|
|
20
|
-
"link-module:dist": "json -I -f package.json -e 'this.module=\"dist/index.js\"'",
|
|
21
|
-
"link-module:src": "json -I -f package.json -e 'this.module=\"src/index.js\"'",
|
|
22
|
-
"postbuild": "npm run link-main:dist && npm run link-module:dist",
|
|
23
|
-
"postdestroy": "npm run link-main:src && npm run link-module:src",
|
|
24
|
-
"prebuild": "npm run destroy"
|
|
26
|
+
"destroy": "rimraf dist"
|
|
25
27
|
},
|
|
26
28
|
"dependencies": {
|
|
27
|
-
"@burnsred/default": "0.6.
|
|
28
|
-
"@burnsred/higher-order-component": "0.6.
|
|
29
|
-
"@burnsred/prop-types-plus": "0.6.
|
|
30
|
-
"@burnsred/theme": "0.6.
|
|
29
|
+
"@burnsred/default": "^0.6.3",
|
|
30
|
+
"@burnsred/higher-order-component": "^0.6.3",
|
|
31
|
+
"@burnsred/prop-types-plus": "^0.6.3",
|
|
32
|
+
"@burnsred/theme": "^0.6.3",
|
|
31
33
|
"classnames": "2.2.6",
|
|
32
34
|
"idx": "2.5.5",
|
|
33
35
|
"immutable": "4.0.0-rc.12",
|
|
@@ -38,8 +40,6 @@
|
|
|
38
40
|
"react-onclickoutside": "6.8.0"
|
|
39
41
|
},
|
|
40
42
|
"devDependencies": {
|
|
41
|
-
"@storybook/addon-actions": "4.1.13",
|
|
42
|
-
"@storybook/addon-knobs": "4.1.13",
|
|
43
43
|
"jest-styled-components": "6.3.1",
|
|
44
44
|
"lodash": "4.17.11",
|
|
45
45
|
"react": "16.8.4",
|
|
@@ -49,8 +49,6 @@
|
|
|
49
49
|
"styled-components": "4.1.3"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@storybook/addon-actions": ">=4.0.0",
|
|
53
|
-
"@storybook/addon-knobs": ">=4.0.0",
|
|
54
52
|
"lodash": ">=4.12.0",
|
|
55
53
|
"react": ">=16.8.0",
|
|
56
54
|
"react-dom": ">=16.8.0",
|
|
@@ -58,5 +56,5 @@
|
|
|
58
56
|
"react-test-renderer": ">=16.8.0",
|
|
59
57
|
"styled-components": ">=4.0.0"
|
|
60
58
|
},
|
|
61
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "a6ac991b7caa6ff63725e7633464a6028a6e5c68"
|
|
62
60
|
}
|
package/dist/index.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
if (process.env.NODE_ENV === 'production') {
|
|
2
|
-
module.exports = require('./production.min'); // eslint-disable-line global-require, import/no-unresolved
|
|
3
|
-
} else {
|
|
4
|
-
module.exports = require('./development'); // eslint-disable-line global-require, import/no-unresolved
|
|
5
|
-
}
|