@symbo.ls/uikit 2.10.253 → 2.10.267

package/Tooltip/node_modules/@symbo.ls/utils/src/codify.js

@@ -0,0 +1,40 @@
+'use strict'
+
+import { toDashCase } from './'
+// import { convert } from 'domql-to-mitosis/src/convert'
+
+export const stringifyProps = (props, indent = 2) => JSON.stringify(props, null, indent)
+export const replaceKeysWithAttr = str => str
+  .replaceAll('": "', '="')
+  .replaceAll('\n  "', ' ')
+  .replaceAll('{ ', '\n  ')
+  .replaceAll('}', '')
+  .replaceAll(', ', '\n  ')
+
+export const codify = (key, props) => ({
+  react: `import { ${key} } from '@symbo.ls/react'
+
+const props = ${stringifyProps(props)}
+
+<${key} {...props} />`,
+
+  domql: `import { ${key} } from 'smbls'
+
+const props = ${stringifyProps(props)}
+
+const component = {
+  extend: ${key},
+  props
+}`,
+
+  iframe: `<iframe
+  title="${key}"
+  style="border: 0; resize: both; padding: 0 10px 10px 0"
+  src="https://demo.symbols.app/scene/${key}/fullscreen/smbls.symbo.ls" 
+  referrerpolicy="no-referrer-when-downgrade"
+></iframe>`,
+
+  html: `<script src="smbls.js"></script>
+
+<${key && toDashCase(key)} ${replaceKeysWithAttr(stringifyProps(props))}/>`
+})

package/Tooltip/node_modules/@symbo.ls/utils/src/date.js

@@ -0,0 +1,10 @@
+'use strict'
+
+export const formatDate = (timestamp) => {
+  if (!timestamp) return ''
+  const d = new Date(timestamp)
+  const ye = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(d)
+  const mo = new Intl.DateTimeFormat('en', { month: 'short' }).format(d)
+  const da = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(d)
+  return `${da} ${mo}, ${ye}`
+}

package/Tooltip/node_modules/@symbo.ls/utils/src/detectHeight.js

@@ -0,0 +1,31 @@
+'use strict'
+
+export const detectHeightOnInit = (element, state) => {
+  const heightTimeout = setTimeout(() => {
+    const { props } = element
+    if (!state.clientHeight) {
+      const { node: { clientHeight } } = element
+      if (clientHeight) {
+        state.clientHeight = clientHeight
+      }
+    }
+
+    if (state.active) {
+      if (props.height === 'auto') return
+      element.update({
+        props: { height: state.clientHeight }
+      }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+      const setAutoTimeout = setTimeout(() => {
+        element.update({
+          props: { height: 'auto' }
+        }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+        clearTimeout(setAutoTimeout)
+      }, 450)
+    } else {
+      element.update({
+        props: { height: '0' }
+      }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+    }
+    clearTimeout(heightTimeout)
+  })
+}

package/Tooltip/node_modules/@symbo.ls/utils/src/index.js

@@ -0,0 +1,46 @@
+'use strict'
+
+import { isString, isObject, isArray } from '@domql/utils'
+
+export * from './navigation'
+export * from './scaling'
+export * from './codify'
+export * from './date'
+
+export const copyStringToClipboard = str => {
+  const el = document.createElement('textarea')
+  el.value = str
+  el.setAttribute('readonly', '')
+  el.style = { position: 'absolute', left: '-9999px' }
+  document.body.appendChild(el)
+  el.select()
+  document.execCommand('copy')
+  document.body.removeChild(el)
+}
+
+export const toCamelCase = str => {
+  return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function (word, index) {
+    return index === 0 ? word.toLowerCase() : word.toUpperCase()
+  }).replaceAll(/\s+/g, '')
+}
+
+export const toTitleCase = str => str.replace(
+  /\w\S*/g, txt => {
+    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
+  }
+)
+
+export const toDashCase = val => val
+  .replace(/[A-Z]/g, (match, offset) => (offset > 0 ? '-' : '') + match.toLowerCase())
+  .replace('.', '-')
+
+export const toDescriptionCase = str => {
+  const result = str.replace(/([A-Z])/g, ' $1')
+  return result.charAt(0).toUpperCase() + result.slice(1)
+}
+
+export const arrayzeValue = val => {
+  if (isString(val)) return val.split(' ')
+  if (isObject(val)) return Object.keys(val).map(v => val[v])
+  if (isArray(val)) return val
+}

package/Tooltip/node_modules/@symbo.ls/utils/src/navigation.js

@@ -0,0 +1,66 @@
+'use strict'
+
+export const filterHrefs = (sitemap) => {
+  return Object.values(sitemap)
+    .map(({ href, sub_links }) => // eslint-disable-line
+      [href, sub_links.map(({ href }) => href) // eslint-disable-line
+        .filter(v => v.indexOf('#') === -1)]
+        .filter(v => v.length > 0)
+    )
+}
+
+export const findCurrentIndex = (sitemap) => { // eslint-disable-line
+  const { pathname } = window.location
+  const hrefArray = filterHrefs(sitemap)
+  let index
+
+  hrefArray.forEach((v, k) => {
+    if (v[0] === pathname) index = k
+    if (v[1] && v[1].indexOf(pathname) > -1) {
+      const i = v[1].indexOf(pathname)
+      index = `${k}.${i}`
+    }
+  })
+
+  return { active: index }
+}
+
+/** Parses sitemap and detects current, active, and previous pages from current url path */
+export const setPaginationNames = (sitemap) => {
+  const { pathname } = window.location
+  const hrefArray = filterHrefs(sitemap)
+  const state = {}
+
+  hrefArray.forEach((v, k) => {
+    const categoryRoute = v[0]
+    const subcategoryRoutes = v[1]
+    const previousCat = sitemap[k - 1]
+    const activeCat = sitemap[k]
+    const nextCat = sitemap[k + 1]
+
+    const isRootCategory = categoryRoute === pathname
+    const isSubcategory = subcategoryRoutes && subcategoryRoutes.indexOf(pathname) > -1
+
+    if (isRootCategory) {
+      const previousSubcat = hrefArray[k - 1] && hrefArray[k - 1][1] && previousCat.sub_links[previousCat.sub_links.length - 1]
+      const nextSubcat = subcategoryRoutes && activeCat.sub_links[0]
+
+      state.previous = previousSubcat || previousCat
+      state.active = activeCat
+      state.next = nextSubcat || nextCat
+      state.moveOn = nextSubcat && nextCat
+    } else if (isSubcategory) {
+      const i = subcategoryRoutes.indexOf(pathname)
+      const activeSubcat = activeCat.sub_links[i]
+      const previousSubcat = subcategoryRoutes[i - 1] && activeCat.sub_links[i - 1]
+      const nextSubcat = subcategoryRoutes[i + 1] && activeCat.sub_links[i + 1]
+
+      state.previous = previousSubcat || activeCat
+      state.active = activeSubcat
+      state.next = nextSubcat || nextCat
+      state.moveOn = nextSubcat && nextCat
+    }
+  })
+
+  return state
+}

package/Tooltip/node_modules/@symbo.ls/utils/src/scaling.js

@@ -0,0 +1,15 @@
+'use strict'
+
+import { isObject, isArray } from '@domql/utils'
+
+export const findClosestNumber = (number, arr) => {
+  return (isArray(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
+    return (Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev)
+  })
+}
+
+export const findClosestNumberInFactory = (val, factory) => {
+  val = parseFloat(val)
+  if (isObject(factory)) factory = Object.values(factory)
+  return findClosestNumber(val, factory)
+}

package/Tooltip/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@symbo.ls/tooltip",
+  "version": "2.10.266",
+  "main": "index.js",
+  "license": "MIT",
+  "gitHead": "8684a21bb716d5f5e7811068ec4a017e8b516cf1",
+  "dependencies": {
+    "@symbo.ls/atoms": "latest"
+  },
+  "source": "src/index.js"
+}

package/Tooltip/style.js

@@ -0,0 +1,12 @@
+'use strict'
+
+export default {
+  textAlign: 'center',
+  padding: '1.2em',
+  caption: {
+    whiteSpace: 'nowrap'
+  },
+  span: {
+    opacity: '.5'
+  }
+}

package/Video/index.js

@@ -0,0 +1,22 @@
+'use strict'
+
+export const Video = {
+  tag: 'video',
+
+  childExtend: {
+    tag: 'source',
+    attr: {
+      src: ({ props }) => props.src,
+      controls: ({ props }) => props.controls
+    }
+  },
+
+  props: {
+    controls: true
+  },
+
+  attr: {
+    autoplay: ({ props }) => props.autoplay,
+    controls: ({ props }) => props.controls
+  }
+}

package/Video/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@symbo.ls/video",
+  "version": "2.10.266",
+  "main": "index.js",
+  "license": "MIT",
+  "gitHead": "8684a21bb716d5f5e7811068ec4a017e8b516cf1",
+  "source": "index.js"
+}