@symbo.ls/dropdown 0.4.3 → 0.6.2

package/dist/index.js

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1 @@
+{"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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@symbo.ls/dropdown",
-  "version": "0.4.3",
-  "main": "src/index.js",
+  "version": "0.6.2",
+  "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "f9ff8cad170955f2f2c63dbf530d04b76f2238e0",
+  "gitHead": "015f3b6e144e70bdc8ee765dca38cfbcfc775e21",
   "dependencies": {
-    "@symbo.ls/icon-text": "^0.4.2",
-    "@symbo.ls/shape": "^0.4.2"
+    "@symbo.ls/icon-text": "^0.6.2",
+    "@symbo.ls/shape": "^0.6.2"
   }
 }

package/packages/react/dist/index.js

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/packages/react/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@symbo.ls/react-dropdown",
-  "version": "0.4.3",
-  "main": "index.js",
+  "version": "0.6.2",
+  "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "f9ff8cad170955f2f2c63dbf530d04b76f2238e0"
+  "gitHead": "015f3b6e144e70bdc8ee765dca38cfbcfc775e21",
+  "dependencies": {
+    "@domql/react-transformer": "^2.0.0",
+    "@symbo.ls/dropdown": "^0.6.2"
+  }
 }

package/packages/react/src/index.js

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

package/packages/react/index.js

@@ -1 +0,0 @@
-'use strict'