@meduza/ui-kit-2 0.0.1 → 0.1.1

package/src/utils/BlockContext.ts

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const BlockContext = React.createContext({ lightBox: null })
+
+export const BlockProvider = BlockContext.Provider
+
+export default BlockContext

package/src/utils/DangerousHtml.tsx

@@ -0,0 +1,79 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+
+interface DangerousHtmlProps {
+  className?: string
+  html: string
+  tagName?: string
+}
+
+const DangerousHTML: React.FC<DangerousHtmlProps> = ({
+  className = '',
+  tagName: TagName = 'div',
+  html
+}) => {
+  const element = useRef<HTMLElement | null>(null)
+  const [canRenderHtml, setCanRenderHtml] = useState(false)
+
+  useEffect(() => {
+    setCanRenderHtml(true)
+  }, [])
+
+  const replaceScriptElementsRecursive = useCallback(node => {
+    if (
+      node.tagName === 'SCRIPT' &&
+      (!node.id || node.id.indexOf('script-') !== 0)
+    ) {
+      const script = document.createElement('script')
+
+      script.id = `script-${Math.random()
+        .toString(16)
+        .slice(2)}`
+      script.innerHTML = node.innerHTML
+
+      const attrs = node.attributes
+
+      for (let i = 0; i < attrs.length; i += 1) {
+        const { name, value } = attrs[i]
+
+        script.setAttribute(name, value)
+      }
+
+      node.parentElement.replaceChild(script, node)
+    } else {
+      let i = 0
+      const children = node.childNodes
+
+      while (i < children.length) {
+        replaceScriptElementsRecursive(children[i])
+        i += 1
+      }
+    }
+  }, [])
+
+  const prepareAnchors = useCallback(() => {
+    const anchors = Array.from(element.current.querySelectorAll('a'))
+
+    anchors.forEach(a => {
+      a.setAttribute('target', '_blank')
+    })
+  }, [])
+
+  useEffect(() => {
+    if (canRenderHtml && html.indexOf('script') > -1 && element.current) {
+      element.current.innerHTML = html
+      replaceScriptElementsRecursive(element.current)
+      prepareAnchors()
+    }
+  }, [canRenderHtml, element, html])
+
+  return (
+    <TagName
+      // @ts-ignore
+      ref={element}
+      className={className}
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+  )
+}
+
+export default DangerousHTML

package/src/utils/makeClassName.ts

@@ -1,4 +1,4 @@
-const makeClassName = (list: Array<[string, boolean]>): string => {
+const makeClassName = (list: (string[] | string | boolean)[][]): string => {
   return list
     .filter(([, active]) => active)
     .map(([className]) => className)

package/src/utils/makeStyleContext.ts

@@ -0,0 +1,13 @@
+const makeStyleContext = (
+  classNames: (string[] | string | boolean)[][],
+  styleContext: string[] | string,
+  styles
+): (string[] | string | boolean)[][] => {
+  const context = Array.isArray(styleContext)
+    ? styleContext.filter(ctx => styles[ctx]).map(ctx => [[styles[ctx]], true])
+    : [[styles[styleContext], !!styleContext && !!styles[styleContext]]]
+
+  return classNames.concat(context)
+}
+
+export default makeStyleContext

package/src/utils/toCamel.ts

@@ -0,0 +1,2 @@
+export const toCamel = (s: string): string =>
+  s.replace(/([_][a-z])/gi, str => str.toUpperCase().replace('_', ''))

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2020 Shvembldr
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/src/global.d.ts

@@ -1,4 +0,0 @@
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string }
-  export default classes
-}