react-asc 25.0.2 → 25.0.3

package/components/Table/TableContext.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { Context } from 'react';
 export interface ITableContext {
     variant: 'head' | 'body';
 }
-export declare const TableContext: import("react").Context<ITableContext>;
+export declare const TableContext: Context<ITableContext>;
 export declare const useTableContext: () => ITableContext;

package/components/Tabs/TabContext.d.ts

@@ -1,8 +1,8 @@
-import { Dispatch } from 'react';
+import { Context, Dispatch } from 'react';
 export interface ITabsContext {
-    fixed: boolean;
-    selectedValue: string;
-    setSelectedValue: Dispatch<string>;
+    fixed?: boolean;
+    selectedValue?: string;
+    setSelectedValue?: Dispatch<string>;
 }
-export declare const TabContext: import("react").Context<ITabsContext>;
+export declare const TabContext: Context<ITabsContext>;
 export declare const useTabContext: () => ITabsContext;

package/components/component.enums.d.ts

@@ -19,7 +19,7 @@ export declare enum POSITION {
     right = "right",
     left = "left"
 }
-export declare const STATUS: {
-    HOVERED: string;
-    NORMAL: string;
-};
+export declare enum STATUS {
+    HOVERED = "hovered",
+    NORMAL = "normal"
+}

package/index.es.js

@@ -2,7 +2,7 @@ import React, { useRef, useEffect, useState, useMemo, createContext, useContext,
 import reactDom, { createPortal } from 'react-dom';
 import { createPopper } from '@popperjs/core';
 
-/******************************************************************************
+/*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -55,10 +55,11 @@ var POSITION;
     POSITION["right"] = "right";
     POSITION["left"] = "left";
 })(POSITION || (POSITION = {}));
-const STATUS = {
-    HOVERED: 'hovered',
-    NORMAL: 'normal',
-};
+var STATUS;
+(function (STATUS) {
+    STATUS["HOVERED"] = "hovered";
+    STATUS["NORMAL"] = "normal";
+})(STATUS || (STATUS = {}));
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -2664,11 +2665,7 @@ const TableCell = (props) => {
             React.createElement("td", Object.assign({}, rest), children)) }, children));
 };
 
-const TabContext = createContext({
-    fixed: false,
-    selectedValue: '',
-    setSelectedValue: () => { }
-});
+const TabContext = createContext({});
 const useTabContext = () => useContext(TabContext);
 
 var css_248z$4 = ".TabIndicator-module_tabIndicator__jSJhH {\n  bottom: 0;\n  height: 2px;\n  position: absolute;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.TabIndicator-module_tabIndicator__jSJhH.TabIndicator-module_primary__Q5jEo {\n  background-color: var(--primary);\n}\n.TabIndicator-module_tabIndicator__jSJhH.TabIndicator-module_accent__qbgIG {\n  background-color: var(--accent);\n}";
@@ -2704,19 +2701,21 @@ const Tabs = (props) => {
     });
     const prevSelectedValueRef = useRef();
     useEffect(() => {
-        // TODO - check if prev needs to be set
         if (value !== undefined && value !== prevSelectedValueRef.current) {
+            prevSelectedValueRef.current = value;
             setSelectedValue(value);
         }
     }, [value]);
     useEffect(() => {
-        React.Children.toArray(children).forEach((child, index) => {
-            if (child.props.value === selectedValue) {
-                setSelectedIndex(index);
-                onChange && onChange(selectedValue);
-            }
-        });
-    }, [children, selectedValue]);
+        if (selectedValue && children) {
+            React.Children.toArray(children).forEach((child, index) => {
+                if (child.props.value === selectedValue) {
+                    setSelectedIndex(index);
+                    onChange && onChange(selectedValue);
+                }
+            });
+        }
+    }, [selectedValue]);
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$3.tabs);
@@ -2746,7 +2745,7 @@ const Tab = (props) => {
     };
     const handleClick = (event) => {
         onClick && onClick({ event, value });
-        setSelectedValue(value);
+        setSelectedValue && setSelectedValue(value);
     };
     return (React.createElement(Button, { className: getCssClasses(), onClick: handleClick, isActive: selectedValue === value, disabled: disabled }, label));
 };

package/index.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
 
-/******************************************************************************
+/*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -64,10 +64,11 @@ exports.POSITION = void 0;
     POSITION["right"] = "right";
     POSITION["left"] = "left";
 })(exports.POSITION || (exports.POSITION = {}));
-const STATUS = {
-    HOVERED: 'hovered',
-    NORMAL: 'normal',
-};
+exports.STATUS = void 0;
+(function (STATUS) {
+    STATUS["HOVERED"] = "hovered";
+    STATUS["NORMAL"] = "normal";
+})(exports.STATUS || (exports.STATUS = {}));
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -1766,13 +1767,13 @@ styleInject(css_248z$q);
 
 const Link = (props) => {
     const { href = '#', className, target, children } = props, rest = __rest(props, ["href", "className", "target", "children"]);
-    const [status, setStatus] = React.useState(STATUS.NORMAL);
+    const [status, setStatus] = React.useState(exports.STATUS.NORMAL);
     const [cssClassName] = useCssClasses([styles$q.link, className, status]);
     const onMouseEnter = () => {
-        setStatus(STATUS.HOVERED);
+        setStatus(exports.STATUS.HOVERED);
     };
     const onMouseLeave = () => {
-        setStatus(STATUS.NORMAL);
+        setStatus(exports.STATUS.NORMAL);
     };
     return (React__default["default"].createElement("a", Object.assign({ className: cssClassName, href: href, target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, rest), children));
 };
@@ -2673,11 +2674,7 @@ const TableCell = (props) => {
             React__default["default"].createElement("td", Object.assign({}, rest), children)) }, children));
 };
 
-const TabContext = React.createContext({
-    fixed: false,
-    selectedValue: '',
-    setSelectedValue: () => { }
-});
+const TabContext = React.createContext({});
 const useTabContext = () => React.useContext(TabContext);
 
 var css_248z$4 = ".TabIndicator-module_tabIndicator__jSJhH {\n  bottom: 0;\n  height: 2px;\n  position: absolute;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.TabIndicator-module_tabIndicator__jSJhH.TabIndicator-module_primary__Q5jEo {\n  background-color: var(--primary);\n}\n.TabIndicator-module_tabIndicator__jSJhH.TabIndicator-module_accent__qbgIG {\n  background-color: var(--accent);\n}";
@@ -2713,19 +2710,21 @@ const Tabs = (props) => {
     });
     const prevSelectedValueRef = React.useRef();
     React.useEffect(() => {
-        // TODO - check if prev needs to be set
         if (value !== undefined && value !== prevSelectedValueRef.current) {
+            prevSelectedValueRef.current = value;
             setSelectedValue(value);
         }
     }, [value]);
     React.useEffect(() => {
-        React__default["default"].Children.toArray(children).forEach((child, index) => {
-            if (child.props.value === selectedValue) {
-                setSelectedIndex(index);
-                onChange && onChange(selectedValue);
-            }
-        });
-    }, [children, selectedValue]);
+        if (selectedValue && children) {
+            React__default["default"].Children.toArray(children).forEach((child, index) => {
+                if (child.props.value === selectedValue) {
+                    setSelectedIndex(index);
+                    onChange && onChange(selectedValue);
+                }
+            });
+        }
+    }, [selectedValue]);
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$3.tabs);
@@ -2755,7 +2754,7 @@ const Tab = (props) => {
     };
     const handleClick = (event) => {
         onClick && onClick({ event, value });
-        setSelectedValue(value);
+        setSelectedValue && setSelectedValue(value);
     };
     return (React__default["default"].createElement(Button, { className: getCssClasses(), onClick: handleClick, isActive: selectedValue === value, disabled: disabled }, label));
 };
@@ -3041,7 +3040,6 @@ exports.PlusSolidIcon = PlusSolidIcon;
 exports.Portal = Portal;
 exports.ProgressBar = ProgressBar;
 exports.Row = Row;
-exports.STATUS = STATUS;
 exports.SecondSelect = SecondSelect;
 exports.Select = Select;
 exports.Sidebar = Sidebar;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.0.2",
+	"version": "25.0.3",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",