react-outline 1.7.3 → 2.0.0

package/source/utils/index.js

@@ -1,27 +0,0 @@
-import buildCssString from './buildCssString'
-import genCss from './genCss'
-import genStyles from './genStyles'
-import hasKids from './hasKids'
-import makeid from './makeid'
-import object2css from './object2css'
-import pubsub from './pubsub'
-import replaceColors from './replaceColors'
-import replacedStyleFn from './replacedStyleFn'
-import sanitizeOutlineInput from './sanitizeOutlineInput'
-import sanitizeStyleObj from './sanitizeStyleObj'
-import separateCssStyle from './separateCssStyle'
-
-export {
-    buildCssString,
-    genCss,
-    genStyles,
-    hasKids,
-    makeid,
-    object2css,
-    pubsub,
-    replaceColors,
-    replacedStyleFn,
-    sanitizeOutlineInput,
-    sanitizeStyleObj,
-    separateCssStyle
-}

package/source/utils/makeid.js

@@ -1,9 +0,0 @@
-const possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-export default function makeid(side = 10) {
-  let text = "";
-
-  for (let i = 0; i < side; i++)
-    text += possible.charAt(~~(Math.random() * possible.length));
-
-  return text;
-}

package/source/utils/object2css.js

@@ -1,20 +0,0 @@
-import hyphenate from 'hyphenate-style-name'
-import addPx from 'add-px-to-style'
-import replaceColors from './replaceColors'
-
-
-// Convert a JS object to CSS string. Similar to React's output of CSS, extracted into a module.
-export  default function object2css(colors,obj) {
-  obj = replaceColors(colors,obj);
-  let keys = Object.keys(obj)
-  //if (!keys.length) return ''
-  let i, len = keys.length
-  let result = ''
-
-  for (i = 0; i < len; i++) {
-    let key = keys[i]
-    let val = obj[key]
-    result += hyphenate(key) + ':' + addPx(key, val) +"; "
-  }
-  return result
-}

package/source/utils/pubsub.js

@@ -1,22 +0,0 @@
-
-const pubsub = new function(){
-
-  const vals = {};
-  const subscribers = [];
-
-  this.publish = function(key,value){
-
-    vals[key] = value;
-    subscribers.forEach( subscriber => subscriber(vals) )
-  }
-
-  this.subscribe = (subscriber) =>  subscribers.push(subscriber);
-  this.get = () => vals;
-  this.clear = ()=> {
-    for(const className of Object.getOwnPropertyNames(vals)){
-      delete vals[className]
-    }
-  }
-}()
-
-export default pubsub

package/source/utils/replaceColors.js

@@ -1,11 +0,0 @@
-export default function (colors,style){
-
-  if(!colors) return style;
-  const result = Object.assign({},style)
-  for(const key in result ){
-    if(result[key] in colors){
-      result[key] = colors[result[key]];
-    }
-  }
-  return result;
-}

package/source/utils/replacedStyleFn.js

@@ -1,30 +0,0 @@
-
-export default function replacedStyleFn({styleCSS,styleFn/*,radium*/},args){
-
-  const processedStyles = 1=== styleFn.length ? styleFn(args[0]) : styleFn(styleCSS,args[0]);
-
-// const styleAsPropObj = 0===styleFn.length && "object" === typeof args[0] ? args[0] : {};
-// const styleBase = Object.assign({},styleCSS && styleCSS.base||styleCSS||{},styleAsPropObj)
-   const styleBase = Object.assign({},styleCSS && styleCSS.base||styleCSS||{})
-/*
-  for(const stylePropName in styleBase){
-    if(specialCharacters.includes(stylePropName[0]))
-    delete styleBase[stylePropName];
-  }
-*/
-
-//const autoAddStyles = [], firstVal = args[1]// || args[0];
-  const autoAddStyles = [], firstVal = args[1] || args[0];
-  //console.log(args)
-  if(!!firstVal && "object" === typeof firstVal){
-      Object.keys(firstVal)
-            .forEach( cssName => {
-        if(true === firstVal[cssName] && styleCSS && cssName in styleCSS)
-          autoAddStyles.push(styleCSS[cssName])
-      //  else // to bind style value to output obj
-      //    autoAddStyles.push({cssName:firstVal[cssName]})
-      });
-  }
-
-  return Object.assign({},styleBase,...autoAddStyles,processedStyles);
-}

package/source/utils/sanitizeOutlineInput.js

@@ -1,72 +0,0 @@
-//+++++++++++++++++++++++++++++ { base:{}, foo: ()=> }
-//++++++++++++++++++++++++++++++++++++++++++++++++++++
-export default function sanitizeOutlineInput(_styles,options={}){
-
-    if("object" !== typeof _styles){
-      throw new Error("Bad style values: "+JSON.stringify(_styles))
-    }
-
-//+++++++++++++++++++++++++++++++++++++++ [ base, fn ]
-//++++++++++++++++++++++++++++++++++++++++++++++++++++
-    if(Array.isArray(_styles)){
-
-        _styles = Object.assign({},{base:_styles[0]},_styles[1])
-
-    } else if(!("base" in _styles)) {
-
-      const base = {}, fns = {};
-
-//++++++++++++++ { table: {}, header:{} }, fn:{ ()=> }
-//++++++++++++++++++++++++++++++++++++++++++++++++++++
-
-      let optionsIsFns = true;
-
-      for(const prop in options){
-          if(options.hasOwnProperty(prop) && "function" !== typeof options[prop]){
-            optionsIsFns = false;
-          }
-      }
-
-      if(optionsIsFns){
-        Object.assign(fns,options)
-      }
-
-      for(const prop in _styles){
-//+++++++++++++++++++++++++++ { table: {}, header:{} }
-//++++++++++++++++++++++++++++++++++++++++++++++++++++
-          if("object" === typeof _styles[prop]){
-            base[prop] = _styles[prop]
-//++++++++++++++++++++++++++++++++++++++ { foo: ()=> }
-//++++++++++++++++++++++++++++++++++++++++++++++++++++
-          } else if("function" === typeof _styles[prop]){
-            fns[prop] = _styles[prop]
-          } else {
-            throw new Error("Bad style value: "+JSON.stringify(_styles[prop]))
-          }
-      }
-      _styles = Object.assign({},{base},fns);
-    }
-
-    // apply sharing
-    for(const prop in _styles.base){
-      if(0 < prop.indexOf(',')){
-        prop.split(',')
-        .map(x=>x.trim())
-        .forEach( x => {
-          const root = _styles.base;
-          var val = Object.assign({}, root[prop],
-            // we need to check if x exists in root style.
-            // e.g. "foo , bar" (cross cutting style) is in style Object
-            // but "foo" & "bar" are functions
-            root[x] && root[x].base ? root[x].base : root[x]);
-
-        root[x] && root[x].base ? root[x].base = val : root[x] = val
-
-        } )
-        delete _styles.base[prop]
-      }
-    }
-
-
-    return _styles;
-}

package/source/utils/sanitizeStyleObj.js

@@ -1,13 +0,0 @@
-
-export default function mirgeStyles(x){
-              // remove all style values that are 'true'
-              if(x)
-              return Object.keys(x)
-                           .reduce( (a,b) => {
-                             const type = typeof x[b];
-                             if("string" === type || "number" === type || Array.isArray(x[b]) ){
-                               Object.assign(a,{[b]:x[b]});
-                             }
-                             return a
-                           },{})
-            }

package/source/utils/separateCssStyle.js

@@ -1,25 +0,0 @@
-
-//import { specialCharacters } from './index'
-
-export default function separateCssStyle(styles){
-
-  let css = {}
-  let style = {}
-
-  for(const name in styles){
-    //if(specialCharacters.includes(name[0]) )//|| !!name.match(new RegExp(`[${specialInnerCharacters}]`, "gi")))
-    //if (!/^\w+$/.test(name))
-    if(!/^[a-zA-Z0-9-]+$/.test(name))
-      css[name]   = styles[name];
-    else
-      style[name] = styles[name];
-  }
-
-  if( 0 === Object.keys(css).length)
-  css = null;
-
-  if( 0 === Object.keys(style).length)
-  style = null;
-
-  return { css, style }
-}

package/source/wrapStyles.js

@@ -1,30 +0,0 @@
-
-import styleItem from './styleItem'
-
-//=====================================================
-//========================================= wrap Styles
-//=====================================================
-
-export default function (userSetOptions){
-  return function wrapStyles(_styles,options,styleCSS){
-
-    options = Object.assign({},userSetOptions,options);
-  //  const radium = !!options.radium;
-    const caching = !!options.caching;
-    const colors = options.colors;
-    styleCSS = _styles.base || styleCSS
-    const replacedStyle = {}
-    if(_styles.base)
-      replacedStyle.base = styleCSS;
-
-    const styleItemGen = styleItem({_styles,replacedStyle,styleCSS, colors, options,caching, wrapStyles})
-
-    Object.keys(_styles)
-          .concat(Object.keys(styleCSS))
-          .filter((item, pos, a)=> a.indexOf(item) === pos )
-          .filter(styleName => "base" !== styleName)
-          .forEach(styleItemGen)
-
-    return replacedStyle
-  }
-}