diff --git a/package.json b/package.json index 64b4fd5..b02c949 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-semantic-ui", - "version": "0.1.1", + "version": "0.2.0", "author": "Joe Hudson ", "description": "semantic-ui components build for React", "repository": { diff --git a/react-semantic-ui.js b/react-semantic-ui.js index 24823a1..fd1275a 100644 --- a/react-semantic-ui.js +++ b/react-semantic-ui.js @@ -1,5 +1,5 @@ /*! - * react-semantic-ui v0.1.1 (https://github.com/jhudson8/react-semantic-ui) + * react-semantic-ui v0.2.0 (https://github.com/jhudson8/react-semantic-ui) * * Copyright (c) 2014 Joe Hudson * diff --git a/react-semantic-ui.min.js b/react-semantic-ui.min.js index 213a635..a04c33d 100644 --- a/react-semantic-ui.min.js +++ b/react-semantic-ui.min.js @@ -1,4 +1,4 @@ /*! - * https://github.com/jhudson8/react-semantic-ui v0.1.1; MIT license; Joe Hudson + * https://github.com/jhudson8/react-semantic-ui v0.2.0; MIT license; Joe Hudson */ !function e(t,a,i){function s(n,l){if(!a[n]){if(!t[n]){var o="function"==typeof require&&require;if(!l&&o)return o(n,!0);if(r)return r(n,!0);throw new Error("Cannot find module '"+n+"'")}var c=a[n]={exports:{}};t[n][0].call(c.exports,function(e){var a=t[n][1][e];return s(a?a:e)},c,c.exports,e,t,a,i)}return a[n].exports}for(var r="function"==typeof require&&require,n=0;n0&&(e+=" "),e+=arguments[t]);return e&&e},eventBinder:function(e,t,a,i){return function(s){i&&(s.stopPropagation(),s.preventDefault()),a[t]&&a[t](e,s),a.props[t]&&a.props[t](e,s)}},result:function(e,t){return"function"==typeof e?e.call(t):e},init:function(t,a,s){function r(){for(var i in a){var r=a[i],l={};for(var o in r)l[o]=r[o];if(s.defaults)for(var c in s.defaults)l[c]||(l[c]=s.defaults[c]);s.mixins=s.mixins||{},l.mixins=[l.mixins,n[i],n.all,s.mixins[i],s.mixins.all],t[i]=e.createClass(l)}}s=s||{},i&&s.ifReactBackbone&&s.ifReactBackbone(s);var n=t.mixins;t.mixins||(n=t.mixins||{all:[]}),t.reset=r,t.classData=a,r()}}}},{}],3:[function(e,t){t.exports=function(e,t){var a={errorRenderer:function(t,a){a.push(e.DOM.div({className:"ui red pointing top ui label"},t))},applyIcon:function(t){var a=[];a.push(e.DOM.i({className:"icon "+t.icon})),e.Children.forEach(t.children,function(e){a.push(e)}),t.children=a},applyLoadingState:function(e){e.icon="loading",e.disabled=!0,this.props.loadingMessage&&(e.children=this.props.loadingMessage)},fieldRenderer:function(){var i=this.props,s=this.state||{},r=t.mergeClassNames("field",this._controlClassName&&this._controlClassName()),n=this.props.id;labelAfter=void 0!==i.labelAfter?i.labelAfter:this.defaultLabelAfter,inlineLabel=void 0!==i.inlineLabel?i.inlineLabel:this.defaultInlineLabel,containerClass=t.mergeClassNames(i.containerClass,this.defaultContainerClass&&this.defaultContainerClass()),inputFieldProps=t.omit(i,["label","disabled","fieldClass","value"]),error=i.error||s.error,error&&(r=t.mergeClassNames(r,"error")),this.props.disabled&&(r=t.mergeClassNames(r,"disabled")),i.fieldClass&&(r=t.mergeClassNames(i.fieldClass,r)),i.label&&!n&&(n=t.uniqueId()),(s.loading||i.loading)&&(containerClass=t.mergeClassNames(containerClass,"loading")),inputFieldProps.id=n,inputFieldProps.defaultDisabled=this.props.disabled,this.modifyInputFieldProps&&(inputFieldProps=this.modifyInputFieldProps(inputFieldProps));var l=this.renderInput(inputFieldProps),o=i.label?e.DOM.label({htmlFor:n},i.label):void 0,c=[],u=[];if(containerClass){u.push(l),inlineLabel&&o&&(u.splice(labelAfter?1:0,0,o),o=void 0),error&&(this.errorRenderer?this.errorRenderer(error,u):a.errorRenderer.call(this,error,u));var d=e.DOM.div({className:containerClass},u);if(!o)return d;c.push(d)}else{if(!o)return l;c.push(l),error&&(this.errorRenderer?this.errorRenderer(error,c):a.errorRenderer.call(this,error,c))}return o&&c.splice(labelAfter?1:0,0,o),e.DOM.div({className:r},c)}},i={Form:{render:function(){var a=this.props,i=a.loading||this.state&&this.state.loading;return attributes=t.defaults({className:t.mergeClassNames("ui form",this._className,a.className,i&&"loading")},this.props),e.DOM.form(attributes,a.children)}},Control:{render:a.fieldRenderer,renderInput:function(){return this.props.children},_controlClassName:function(){return this._className}},Button:{render:function(){var i=this.props,s=this.state||{},r={children:i.children,className:i.className,disabled:i.disabled||s.disabled,icon:i.icon};this.props.label&&(r.children=[this.props.label]),(this.props.loading||s.loading)&&a.applyLoadingState.call(this,r),r.icon&&a.applyIcon.call(this,r),r.disabled&&(r.className+=" disabled");var n=t.defaults({className:t.mergeClassNames("ui button",this._className,r.className)},this.props);return e.DOM.button(n,r.children)}}};return t.init(a,i,{ifReactBackbone:function(e){e.mixins={Button:["modelLoadOn"],Form:["modelAsyncListener"]}}}),a}},{}],4:[function(e,t){t.exports=function(e,t,a){function i(e,t){return t.defaultValue||e.getModelValue()}e.mixins.add("modelValueAccessor",{getModelValue:function(){return this.state&&this.state.value||this.props.value},setModelValue:function(e){this.setState({value:e})}});var s={mixins:{all:["modelValueAccessor"]},optionsRetriever:function(e){var t=(this.props.options||[]).map(function(t){var a,i,s;return"string"==typeof t?(s=e===t,i=t,a=t):(s=e===t.value,i=t.value,a=t.label),{value:i,label:a,selected:s}});return this.props.placeholder&&t.splice(0,0,{value:"",label:this.props.placeholder}),t}},r={Text:{renderInput:function(t){return t.type=t.type||"text",t.defaultValue=i(this,t),t.className=a.mergeClassNames(t.className,this._className),e.DOM.input(t)}},TextArea:{renderInput:function(t){return t.defaultValue=i(this,t),t.className=a.mergeClassNames(t.className,this._className),e.DOM.textarea(t)}},Select:{defaultContainerClass:function(){return a.mergeClassNames("ui dropdown",this.props.type)},renderInput:function(t){var r=i(this,t);return options=s.optionsRetriever.call(this,r).map(function(t){return e.DOM.option({value:t.value},t.label)}),t.defaultValue=r,t.className=a.mergeClassNames(t.className,this._className),e.DOM.select(t,options)}},Checkbox:{defaultLabelAfter:!0,defaultInlineLabel:!0,defaultContainerClass:function(){return a.mergeClassNames("ui checkbox",this.props.type,this._className)},renderInput:function(t){var s=i(this,t);return void 0===s&&(s=this.props.defaultChecked),t.defaultChecked=s,t.value=this.props.value||"true",t.type="checkbox",t.className=a.mergeClassNames(t.className),e.DOM.input(t)},getDOMValue:function(e){return!!e.checked}},RadioGroup:{defaultContainerClass:function(){return"grouped fields inline"},renderInput:function(t){var r=this,n=(this.state,i(this,t)),l=s.optionsRetriever.call(this,n).map(function(i){var s=a.uniqueId(),n=a.mergeClassNames("ui radio checkbox",t.className,this._className);return e.DOM.div({className:"field"},e.DOM.div({className:n},e.DOM.input({id:s,type:"radio",name:t.name,value:i.value,defaultChecked:i.selected,onChange:a.eventBinder(i.value,"onChange",r)}),e.DOM.label({htmlFor:s},i.label)))});return l}},Dropdown:{render:function(){var t=this.props,r=i(this,t),n=s.optionsRetriever.call(this,r).map(function(t){return e.DOM.div({className:a.mergeClassNames("item",t.selected?"active":void 0),"data-value":t.value},t.label)}),l=a.omit(t,["label","className","options","value","icon","onChange","onShow","onHide"]);return l.type="hidden",l.defaultValue=r,e.DOM.div({className:a.mergeClassNames("ui dropdown "+(t.type||"floating"),t.className,this._className)},e.DOM.input(l),e.DOM.div({className:"text"},t.label),e.DOM.i({className:(t.icon||"dropdown")+" icon"}),e.DOM.div({className:"menu"},n))},componentDidMount:function(){$(this.getDOMNode()).dropdown({onChange:this.props.onChange,onShow:this.props.onShow,onHide:this.props.onHide})},getDOMValue:function(){return $(this.getDOMNode()).dropdown("get value")}}};return a.init(s,r,{defaults:{render:t.fieldRenderer,getDOMValue:function(e){return $(e).val()}},ifReactBackbone:function(t){s.defaultModelSetOptions={validate:!0,allowEmpty:!0},e.mixins.add("modelChangeSetter",{modifyInputFieldProps:function(e){{var t=e.onChange;this.getModel(),e.key}if((void 0===e.set||e.set===!0)&&(e.set=s.defaultModelSetOptions,e.set)){var a=this;e.onChange=function(i){var s=a.getModel();if(s){var r=a.getDOMValue(i.currentTarget);a.setModelValue(r,e.set)!==!1&&a.state&&a.state.error&&a.setState({error:!1}),t&&t.call(a,i)}}}return e}},"modelValueAccessor","modelEventBinder"),t.mixins={all:["modelChangeSetter","modelFieldValidator"]}}}),s}},{}],5:[function(e,t){t.exports=function(e,t){var a={totalPageRetriever:function(){return this.props.totalPages},valueRetriever:function(e,t){return t.get?t.get(e.key):t[e.key]},keyRetriever:function(e){return e.id||e.key},entriesRetriever:function(e){return e.models?e.models:e}},i={Loader:{render:function(){{var a=this.props;this.state&&this.state.loading||a.loading}if(this.props.loading||this.state&&this.state.loading){var i=t.mergeClassNames("ui","segment",a.className);return loadingClass=t.mergeClassNames("ui active",a.type||"inverted dimmer"),e.DOM.div({className:i},e.DOM.div({className:loadingClass},e.DOM.div({className:"ui loader"+(a.label?" text":"")},a.label)),this.props.children)}return e.DOM.div({className:a.className},this.props.children)}},Steps:{getInitialState:function(){return{active:this.props.active||this.props.steps[0].key}},render:function(){var a=this,i=this.props,s=t.mergeClassNames("ui steps",i.type,i.className),r=this.state.active,n=i.steps.map(function(i){var s=t.mergeClassNames("ui step",i.key===r?"active":void 0,i.disabled?"disabled":void 0);return e.DOM.div({className:s,onClick:a.clicker(i)},i.label)});return e.DOM.div({className:s},n)},clicker:function(e){var t=this;return function(){if(!e.disabled){var a=t.props.onChange&&t.props.onChange(e);(void 0===a||a)&&t.setState({active:e.key})}}}},Paginator:{getInitialState:function(){return{page:this.props.page||1}},render:function(){var i=a.totalPageRetriever.call(this);if(i&&i>1){var s=this.state.page,r=this.props.radius||0,n=this.props.anchor||1,l=this.props.separator||"...",o=Math.max(s-r,1),c=Math.min(s+r,i),u=void 0===this.props.showArrows?!0:this.props.showArrows,d=2*r+2*n+3,p=i>s+r+n,m=s>n+Math.max(1,r),h=this.props.compact,f={},v=[];h&&(u=!1),m&&d--,p&&d--;var g;for(g=1;n>=g&&i>=g;g++)v.push(g),f[g]=v.length;for(g=o;c>=g;g++)f[g]||(v.push(g),f[g]=v.length);for(g=Math.max(i-n+1,s+1);i>=g;g++)f[g]||(v.push(g),f[g]=v.length);for(g=s;g>0&&v.length1?t.eventBinder(s-1,"onChange",N,!0):void 0},e.DOM.i({className:"left arrow icon"}))),s===i?(C="div",b="icon disabled item"):(C="a",b="icon item"),v.splice(v.length,0,e.DOM[C]({className:b,onClick:i>s?t.eventBinder(s+1,"onChange",N,!0):void 0},e.DOM.i({className:"right arrow icon"})))}return e.DOM.div({className:"ui pagination menu"},v)}return e.DOM.div()},onChange:function(e){this.setState({page:e})},setPage:function(e){this.setState({page:e})}},Menu:{getInitialState:function(){return{active:this.props.active||this.props.items[0].key}},render:function(){for(var a,i=this,s=this.props,r=s.items||[],n=this.state.active,l=0;r>l;l++)if(n===r[l].key){a=r[l];break}var o=r.map(function(a){return e.DOM.a({className:t.mergeClassNames(a.key===n&&"active","item",a.className),href:a.href||a.key,onClick:a.href?s.onClick:t.eventBinder(a,"onChange",i,!0)},a.icon?e.DOM.i({className:a.icon+" icon"}):void 0,a.label)});return e.DOM.div({className:t.mergeClassNames("ui menu",s.className)},o,s.children)},onChange:function(e){this.setState({active:e.key}),e.activate&&e.activate()},setActive:function(e){this.setState({active:e})}},Tabs:{getInitialState:function(){return{active:this.props.active||this.props.tabs[0].key}},render:function(){for(var a,i=this,s=this.props,r=s.tabs||[],n=s.type||"top attached tabular",l=s.bodyType||"bottom attached segment",o=this.state.active,c=0;c