@neko-os/ui 0.0.5 → 0.0.6

package/src/components/form/useForm.js

@@ -1,65 +0,0 @@
-import { assocPath, path } from 'ramda'
-import React from 'react'
-
-export function useForm({ initialValues = {}, validate } = {}) {
-  const valuesRef = React.useRef({ ...initialValues })
-  const errorsRef = React.useRef({})
-  const listenersRef = React.useRef({})
-
-  const notify = (name) => {
-    const key = Array.isArray(name) ? name.join('.') : name
-    if (listenersRef.current[key]) {
-      listenersRef.current[key].forEach((cb) => cb(path(name, valuesRef.current)))
-    }
-  }
-
-  const setFieldValue = (name, value) => {
-    valuesRef.current = assocPath(name, value, valuesRef.current)
-    notify(name)
-  }
-
-  const getFieldValue = (name) => path(name, valuesRef.current)
-
-  const getError = (name) => path(name, errorsRef.current)
-
-  const setError = (name, error) => {
-    errorsRef.current = assocPath(name, error, errorsRef.current)
-  }
-
-  const registerListener = (name, cb) => {
-    const key = Array.isArray(name) ? name.join('.') : name
-    if (!listenersRef.current[key]) {
-      listenersRef.current[key] = []
-    }
-    listenersRef.current[key].push(cb)
-    return () => {
-      listenersRef.current[key] = listenersRef.current[key].filter((fn) => fn !== cb)
-    }
-  }
-
-  const validateForm = () => {
-    if (!validate) return true
-    const newErrors = validate(valuesRef.current) || {}
-    errorsRef.current = newErrors
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (onValid) => {
-    return () => {
-      const isValid = validateForm()
-      if (isValid) {
-        onValid(valuesRef.current)
-      }
-    }
-  }
-
-  return {
-    setFieldValue,
-    getFieldValue,
-    getError,
-    setError,
-    registerListener,
-    handleSubmit,
-    valuesRef,
-  }
-}

package/src/helpers/responsive.js

@@ -1,54 +0,0 @@
-import { is } from 'ramda'
-
-import { useBreakpoints } from '../theme/ThemeHandler'
-import { useWindowWidth } from '../abstractions/windowWidth'
-
-export function useResponsiveScreen() {
-  const breakpoints = useBreakpoints()
-  const width = useWindowWidth()
-  if (!breakpoints?.length) return false
-
-  // Find which breakpoint range we're in
-  for (let i = 0; i < breakpoints.length; i++) {
-    if (width < breakpoints[i].value) {
-      return breakpoints[i].name
-    }
-  }
-
-  // If width is greater than all breakpoints, return the last one
-  return breakpoints[breakpoints.length - 1]?.name
-}
-
-export function useResponsiveValue(value) {
-  const breakpoints = useBreakpoints()
-  const width = useWindowWidth()
-  const screen = useResponsiveScreen()
-
-  if (!is(Object, value)) return value
-
-  if (value[screen]) return value[screen]
-
-  const keys = Object.keys(value)
-  for (let k of keys) {
-    const match = k.match(/^(\w+)([du])$/)
-    if (!match) continue
-
-    const bpName = match[1]
-    const mode = match[2]
-
-    const bpIndex = breakpoints.findIndex((b) => b.name === bpName)
-    if (bpIndex === -1) continue
-
-    // For "up", use the lower boundary of the range (previous breakpoint value)
-    // For "down", use the upper boundary of the range (current breakpoint value)
-    if (mode === 'u') {
-      const lowerBound = bpIndex > 0 ? breakpoints[bpIndex - 1].value : 0
-      if (width >= lowerBound) return value[k]
-    }
-    if (mode === 'd') {
-      if (width < breakpoints[bpIndex].value) return value[k]
-    }
-  }
-
-  return value?.df
-}