smbls 0.15.1 → 0.15.3

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI Library built on Scratch and DOMQL",
   "private": false,
   "author": "symbo.ls",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "repository": "https://github.com/symbo-ls/smbls",
   "main": "src/index.js",
   "files": [

package/src/DatePicker/index.js

@@ -41,9 +41,6 @@ const aside = {
         fontSize: 'Z1'
       },
       text: ({ state }) => state.value
-    },
-    $setCollection: () => {
-      return new Array(30).fill(undefined).map((_, i) => (2022 - i)).reverse()
     }
   }
 

package/src/Icon.js

@@ -3,13 +3,13 @@
 import { SVG } from './atoms'
 
 import { ICONS } from '@symbo.ls/scratch'
-import { camelize } from '@symbo.ls/utils'
+import { toCamelCase } from '@symbo.ls/utils'
 
 export const Icon = {
   extend: SVG,
   props: ({ key, props, parent }) => {
     const iconName = props.inheritedString || props.name || props.icon || key
-    const camelCase = camelize(iconName)
+    const camelCase = toCamelCase(iconName)
     const isArray = camelCase.split(/([a-z])([A-Z])/g)
 
     const iconFromLibrary = ICONS[camelCase] || (ICONS[isArray[0] + isArray[1]]) || ICONS[isArray[0]] || ICONS['noIcon']

package/src/Range/index.js

@@ -69,7 +69,7 @@ export const RangeWithButtons = {
     props: { theme: 'tertiary', icon: 'minus' },
     on: {
       click: (ev, el, s) => {
-        el.props && isFunction(el.props.click) && el.props.click(ev, el, s)
+        el.props && isFunction(el.props.onClick) && el.props.onClick(ev, el, s)
         const input = el.parent.input
         const props = input.props
         const value = isFunction(props.value) ? props.value() : props.value
@@ -95,8 +95,8 @@ export const RangeWithButtons = {
       step: (el, s) => listenProp(el, 'step', 1)
     },
     on: {
-      input: (ev, el, s) => el.props && isFunction(el.props.input) && el.props.input(ev, el, s),
-      change: (ev, el, s) => el.props && isFunction(el.props.change) && el.props.change(ev, el, s)
+      input: (ev, el, s) => el.props && isFunction(el.props.onInput) && el.props.onInput(ev, el, s),
+      change: (ev, el, s) => el.props && isFunction(el.props.onChange) && el.props.onChange(ev, el, s)
     }
   },
   plus: {
@@ -104,7 +104,7 @@ export const RangeWithButtons = {
     props: { theme: 'tertiary', icon: 'plus' },
     on: {
       click: (ev, el, s) => {
-        el.props && isFunction(el.props.click) && el.props.click(ev, el, s)
+        el.props && isFunction(el.props.onClick) && el.props.onClick(ev, el, s)
         const input = el.parent.input
         const props = input.props
         const value = isFunction(props.value) ? props.value() : props.value