@symbo.ls/dropdown 0.6.4 → 0.6.15

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@symbo.ls/dropdown",
-  "version": "0.6.4",
+  "version": "0.6.15",
   "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "f63471187f89dac3ca366bfa02c2327db68e9690",
+  "gitHead": "538c70b8727a5c40d70155d34fecdfc914e26a5b",
   "dependencies": {
-    "@symbo.ls/icon-text": "^0.6.4",
-    "@symbo.ls/shape": "^0.6.4"
+    "@symbo.ls/icon-text": "^0.6.15",
+    "@symbo.ls/shape": "^0.6.15"
   },
   "source": "src/index.js"
 }

package/packages/react/{src/index.js → index.js}

@@ -1,8 +1,8 @@
 'use strict'
 
-import { reactTransformer } from '@domql/react-transformer'
+import { DOMQLReact } from '@symbo.ls/transform-react'
 import { Dropdown as component } from '@symbo.ls/dropdown'
 
 export const Dropdown = (props, state) => {
-  return reactTransformer(component, props, state)
+  return DOMQLReact(component, props, state)
 }

package/packages/react/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@symbo.ls/react-dropdown",
-  "version": "0.6.4",
+  "version": "0.6.15",
   "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "f63471187f89dac3ca366bfa02c2327db68e9690",
+  "gitHead": "538c70b8727a5c40d70155d34fecdfc914e26a5b",
   "dependencies": {
-    "@domql/react-transformer": "^2.0.0",
-    "@symbo.ls/dropdown": "^0.6.4"
+    "@symbo.ls/dropdown": "^0.6.15",
+    "@symbo.ls/transform-react": "^0.6.15"
   },
   "source": "src/index.js"
 }

package/dist/index.js

@@ -1,93 +0,0 @@
-var $cSP6Z$symbolsicontext = require("@symbo.ls/icon-text");
-var $cSP6Z$symbolsshape = require("@symbo.ls/shape");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "DropdownList", () => $0756faf4bc20dc6b$export$e40cc1c58d22b809);
-
-
-'use strict';
-const $67293201faa84f19$export$3fa84c57670413d0 = {
-    listStyleType: 'none',
-    padding: '4px',
-    maxHeight: '17.6em'
-};
-const $67293201faa84f19$export$e97f5d2119de78ee = {
-    height: `${2.625}em`,
-    width: `${11.125}em`,
-    position: 'relative',
-    padding: 0,
-    span: {
-        height: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        padding: '0 10px',
-        margin: '0 6px',
-        svg: {
-            display: 'none'
-        }
-    },
-    '&:not(:last-child) > span': {
-        borderBottom: '.5px solid rgba(0, 0, 0, .12)'
-    }
-};
-const $67293201faa84f19$export$e5878d2b38dd3490 = {
-    // '&:not(:last-child) > span': {
-    //   borderBottom: 'none'
-    // },
-    'span > svg': {
-        display: 'inline'
-    }
-};
-const $67293201faa84f19$export$f1c635b4de687be8 = {
-    color: 'red'
-};
-
-
-'use strict';
-const $0756faf4bc20dc6b$export$e40cc1c58d22b809 = {
-    style: $67293201faa84f19$export$3fa84c57670413d0,
-    tag: 'ul',
-    proto: $cSP6Z$symbolsshape.Shape,
-    state: {
-        active: 0
-    },
-    childProto: {
-        tag: 'li',
-        proto: [
-            $cSP6Z$symbolsshape.Shape
-        ],
-        style: $67293201faa84f19$export$e97f5d2119de78ee,
-        props: (el, s)=>({
-                depth: 0,
-                round: 0
-            })
-        ,
-        span: {
-            proto: [
-                $cSP6Z$symbolsicontext.IconText
-            ],
-            props: {
-                icon: 'checkmark',
-                text: ''
-            }
-        },
-        class: {
-            active: (element, state)=>state.active === element.key ? $67293201faa84f19$export$e5878d2b38dd3490 : {
-                }
-        },
-        on: {
-            click: (event, element, state)=>{
-                state.update({
-                    active: element.key
-                });
-            }
-        }
-    }
-};
-
-
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;ACAA,CAAY;AAEL,KAAK,CAAC,yCAAa,GAAG,CAAC;IAC5B,aAAa,EAAE,CAAM;IACrB,OAAO,EAAE,CAAK;IACd,SAAS,EAAE,CAAQ;AACrB,CAAC;AAEM,KAAK,CAAC,yCAAQ,GAAG,CAAC;IACvB,MAAM,KAAK,KAAO,CAAC,EAAE;IACrB,KAAK,KAAK,MAAQ,CAAC,EAAE;IACrB,QAAQ,EAAE,CAAU;IACpB,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,CAAC;QACL,MAAM,EAAE,CAAM;QACd,OAAO,EAAE,CAAM;QACf,UAAU,EAAE,CAAQ;QACpB,cAAc,EAAE,CAAe;QAC/B,OAAO,EAAE,CAAQ;QACjB,MAAM,EAAE,CAAO;QACf,GAAG,EAAE,CAAC;YAAC,OAAO,EAAE,CAAM;QAAC,CAAC;IAC1B,CAAC;IACD,CAA2B,4BAAE,CAAC;QAC5B,YAAY,EAAE,CAA+B;IAC/C,CAAC;AACH,CAAC;AAEM,KAAK,CAAC,yCAAc,GAAG,CAAC;IAC7B,EAAiC,AAAjC,+BAAiC;IACjC,EAAyB,AAAzB,uBAAyB;IACzB,EAAK,AAAL,GAAK;IACL,CAAY,aAAE,CAAC;QAAC,OAAO,EAAE,CAAQ;IAAC,CAAC;AACrC,CAAC;AAEM,KAAK,CAAC,yCAAmB,GAAG,CAAC;IAClC,KAAK,EAAE,CAAK;AACd,CAAC;;;ADpCD,CAAY;AAOL,KAAK,CAAC,yCAAY,GAAG,CAAC;IAC3B,KAAK,EAAE,yCAAa;IACpB,GAAG,EAAE,CAAI;IAET,KAAK,EAAE,yBAAK;IAEZ,KAAK,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;IACX,CAAC;IAED,UAAU,EAAE,CAAC;QACX,GAAG,EAAE,CAAI;QACT,KAAK,EAAE,CAAC;YAAA,yBAAK;QAAA,CAAC;QAEd,KAAK,EAAE,yCAAQ;QACf,KAAK,GAAG,EAAE,EAAE,CAAC,IAAM,CAAC;gBAClB,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;YAEV,CAAC;;QAED,IAAI,EAAE,CAAC;YACL,KAAK,EAAE,CAAC;gBAAA,+BAAQ;YAAA,CAAC;YACjB,KAAK,EAAE,CAAC;gBACN,IAAI,EAAE,CAAW;gBACjB,IAAI,EAAE,CAAE;YACV,CAAC;QACH,CAAC;QACD,KAAK,EAAE,CAAC;YACN,MAAM,GAAG,OAAO,EAAE,KAAK,GAAM,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,GAAG,GAAI,yCAAc,GAAG,CAAC;gBAAA,CAAC;QAClF,CAAC;QACD,EAAE,EAAE,CAAC;YACH,KAAK,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,GAAK,CAAC;gBACjC,KAAK,CAAC,MAAM,CAAC,CAAC;oBAAC,MAAM,EAAE,OAAO,CAAC,GAAG;gBAAC,CAAC;YACtC,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC","sources":["packages/dropdown/src/index.js","packages/dropdown/src/style.js"],"sourcesContent":["'use strict'\n\nimport { IconText } from '@symbo.ls/icon-text'\nimport { Shape } from '@symbo.ls/shape'\n\nimport { styleRow, styleRowActive, styleDropDown } from './style'\n\nexport const DropdownList = {\n  style: styleDropDown,\n  tag: 'ul',\n\n  proto: Shape,\n\n  state: {\n    active: 0\n  },\n\n  childProto: {\n    tag: 'li',\n    proto: [Shape],\n\n    style: styleRow,\n    props: (el, s) => ({\n      depth: 0,\n      round: 0\n      // theme: el.parent.props.rowTheme\n    }),\n\n    span: {\n      proto: [IconText],\n      props: {\n        icon: 'checkmark',\n        text: ''\n      }\n    },\n    class: {\n      active: (element, state) => (state.active === element.key) ? styleRowActive : {}\n    },\n    on: {\n      click: (event, element, state) => {\n        state.update({ active: element.key })\n      }\n    }\n  }\n}\n","'use strict'\n\nexport const styleDropDown = {\n  listStyleType: 'none',\n  padding: '4px',\n  maxHeight: '17.6em'\n}\n\nexport const styleRow = {\n  height: `${42 / 16}em`,\n  width: `${178 / 16}em`,\n  position: 'relative',\n  padding: 0,\n  span: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '0 10px',\n    margin: '0 6px',\n    svg: { display: 'none' }\n  },\n  '&:not(:last-child) > span': {\n    borderBottom: '.5px solid rgba(0, 0, 0, .12)'\n  }\n}\n\nexport const styleRowActive = {\n  // '&:not(:last-child) > span': {\n  //   borderBottom: 'none'\n  // },\n  'span > svg': { display: 'inline' }\n}\n\nexport const styleSelectDropdown = {\n  color: 'red'\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/packages/react/dist/index.js

@@ -1,17 +0,0 @@
-var $zhACU$domqlreacttransformer = require("@domql/react-transformer");
-var $zhACU$symbolsdropdown = require("@symbo.ls/dropdown");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "Dropdown", () => $6f330ff22aa4b12c$export$931cbfb6bfb85fc);
-
-
-'use strict';
-const $6f330ff22aa4b12c$export$931cbfb6bfb85fc = (props, state)=>{
-    return $zhACU$domqlreacttransformer.reactTransformer($zhACU$symbolsdropdown.Dropdown, props, state);
-};
-
-
-//# sourceMappingURL=index.js.map

package/packages/react/dist/index.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;AAAA,CAAY;AAKL,KAAK,CAAC,wCAAQ,IAAI,KAAK,EAAE,KAAK,GAAK,CAAC;IACzC,MAAM,CAAC,6CAAgB,CAAC,+BAAS,EAAE,KAAK,EAAE,KAAK;AACjD,CAAC","sources":["packages/dropdown/packages/react/src/index.js"],"sourcesContent":["'use strict'\n\nimport { reactTransformer } from '@domql/react-transformer'\nimport { Dropdown as component } from '@symbo.ls/dropdown'\n\nexport const Dropdown = (props, state) => {\n  return reactTransformer(component, props, state)\n}\n"],"names":[],"version":3,"file":"index.js.map"}