@vuu-ui/vuu-utils 2.1.19-beta.2 → 2.1.19-beta.3

package/src/ThemeProvider.js

@@ -1,56 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cloneElement, createContext, isValidElement, useContext } from "react";
-import clsx from "clsx";
-const DEFAULT_DENSITY = "medium";
-const DEFAULT_THEME = "salt-theme";
-const DEFAULT_THEME_MODE = "light";
-const ThemeContext = /*#__PURE__*/ createContext({
-    density: "high",
-    theme: "vuu",
-    themeMode: "light"
-});
-const DEFAULT_THEME_ATTRIBUTES = [
-    "vuu",
-    "salt-density-high",
-    "light"
-];
-const useThemeAttributes = (themeAttributes)=>{
-    const context = useContext(ThemeContext);
-    if (themeAttributes) return [
-        themeAttributes.themeClass,
-        themeAttributes.densityClass,
-        themeAttributes.dataMode
-    ];
-    if (context) return [
-        `${context.theme}-theme`,
-        `salt-density-${context.density}`,
-        context.themeMode
-    ];
-    return DEFAULT_THEME_ATTRIBUTES;
-};
-const createThemedChildren = (children, theme, themeMode, density)=>{
-    if (/*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ cloneElement(children, {
-        className: clsx(children.props?.className, `${theme}-theme`, `salt-density-${density}`),
-        "data-mode": themeMode
-    });
-    console.warn(`\nThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.
-            Wrap elements with a single container`);
-    return children;
-};
-const ThemeProvider = ({ applyThemeClasses = false, children, theme: themeProp, themeMode: themeModeProp, density: densityProp })=>{
-    const { density: inheritedDensity, themeMode: inheritedThemeMode, theme: inheritedTheme } = useContext(ThemeContext);
-    const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;
-    const themeMode = themeModeProp ?? inheritedThemeMode ?? DEFAULT_THEME_MODE;
-    const theme = themeProp ?? inheritedTheme ?? DEFAULT_THEME;
-    const themedChildren = applyThemeClasses ? createThemedChildren(children, theme, themeMode, density) : children;
-    return /*#__PURE__*/ jsx(ThemeContext.Provider, {
-        value: {
-            themeMode,
-            density,
-            theme
-        },
-        children: themedChildren
-    });
-};
-ThemeProvider.displayName = "ThemeProvider";
-export { DEFAULT_DENSITY, DEFAULT_THEME, DEFAULT_THEME_MODE, ThemeContext, ThemeProvider, useThemeAttributes };

package/src/array-utils.js

@@ -1,51 +0,0 @@
-function partition(array, test, pass = [], fail = []) {
-    for(let i = 0, len = array.length; i < len; i++)(test(array[i], i) ? pass : fail).push(array[i]);
-    return [
-        pass,
-        fail
-    ];
-}
-function itemsChanged(currentItems, newItems, identityProperty) {
-    if (currentItems.length !== newItems.length) return true;
-    if (void 0 === identityProperty) return !currentItems.every((item)=>newItems.includes(item));
-    return currentItems.some((currentItem)=>-1 === newItems.findIndex((newItem)=>newItem[identityProperty] === currentItem[identityProperty]));
-}
-function itemsOrOrderChanged(currentItems, newItems, identityProperty) {
-    if (currentItems.length !== newItems.length) return true;
-    if (void 0 === identityProperty) return currentItems.some((item, index)=>newItems[index] !== item);
-    return currentItems.some((currentItem, index)=>newItems[index][identityProperty] !== currentItem[identityProperty]);
-}
-const moveItemDeprecated = (items, item, moveTo)=>{
-    const fromIndex = items.indexOf(item);
-    if (fromIndex === moveTo) return items;
-    const newItems = items.slice();
-    if (-1 === fromIndex) throw Error("moveItem, item to be moved not found");
-    newItems.splice(fromIndex, 1);
-    if (-1 === moveTo) newItems.push(item);
-    else {
-        const offset = moveTo > fromIndex ? 0 : 0;
-        newItems.splice(moveTo + offset, 0, item);
-    }
-    return newItems;
-};
-const moveItem = (items, fromIndex, toIndex)=>{
-    if (fromIndex === toIndex) return items;
-    {
-        const newItems = items.slice();
-        const [item] = newItems.splice(fromIndex, 1);
-        if (-1 === toIndex) return newItems.concat(item);
-        {
-            const offset = toIndex > fromIndex ? 0 : 0;
-            newItems.splice(toIndex + offset, 0, item);
-            return newItems;
-        }
-    }
-};
-const getAddedItems = (values, newValues)=>{
-    const isNew = (v)=>!values?.includes(v);
-    if (void 0 === values) return newValues;
-    if (newValues.some(isNew)) return newValues.filter(isNew);
-    return [];
-};
-const getMissingItems = (sourceItems, items, identity)=>items.filter((i)=>-1 === sourceItems.findIndex((s)=>identity(s) === i));
-export { getAddedItems, getMissingItems, itemsChanged, itemsOrOrderChanged, moveItem, moveItemDeprecated, partition };

package/src/box-utils.js

@@ -1,51 +0,0 @@
-function boxContainsPoint(rect, x, y) {
-    if (rect) return x >= rect.left && x < rect.right && y >= rect.top && y < rect.bottom;
-}
-function getCenteredBox({ right, left, top, bottom }, pctSize) {
-    const pctOffset = (1 - pctSize) / 2;
-    const w = (right - left) * pctOffset;
-    const h = (bottom - top) * pctOffset;
-    return {
-        left: left + w,
-        top: top + h,
-        right: right - w,
-        bottom: bottom - h
-    };
-}
-function pointPositionWithinRect(x, y, rect, borderZone = 30) {
-    const width = rect.right - rect.left;
-    const height = rect.bottom - rect.top;
-    const posX = x - rect.left;
-    const posY = y - rect.top;
-    let closeToTheEdge = 0;
-    if (posX < borderZone) closeToTheEdge += 8;
-    if (posX > width - borderZone) closeToTheEdge += 2;
-    if (posY < borderZone) closeToTheEdge += 1;
-    if (posY > height - borderZone) closeToTheEdge += 4;
-    return {
-        pctX: posX / width,
-        pctY: posY / height,
-        closeToTheEdge
-    };
-}
-const isGridLayoutSplitDirection = (position)=>"centre" !== position && "header" !== position;
-function getPositionWithinBox(x, y, rect, pctX, pctY) {
-    const centerBox = getCenteredBox(rect, 0.2);
-    if (boxContainsPoint(centerBox, x, y)) return "centre";
-    {
-        const quadrant = `${pctY < 0.5 ? "north" : "south"}${pctX < 0.5 ? "west" : "east"}`;
-        switch(quadrant){
-            case "northwest":
-                return pctX > pctY ? "north" : "west";
-            case "northeast":
-                return 1 - pctX > pctY ? "north" : "east";
-            case "southeast":
-                return pctX > pctY ? "east" : "south";
-            case "southwest":
-                return 1 - pctX > pctY ? "west" : "south";
-            default:
-                throw Error("getPositionWithinBox failed top compute position");
-        }
-    }
-}
-export { boxContainsPoint, getCenteredBox, getPositionWithinBox, isGridLayoutSplitDirection, pointPositionWithinRect };