@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/table/utils/precalculatedFiltersUtils/index.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,19 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateExemptionReason = exports.calculateBlockedReasonsFilterValues = exports.evaluateSelectAllOption = exports.evaluateStaticFilterValues = exports.calculateDynamicFilterValues = void 0;
-var calculateDynamicFilterValues_1 = require("./calculateDynamicFilterValues");
-Object.defineProperty(exports, "calculateDynamicFilterValues", { enumerable: true, get: function () { return __importDefault(calculateDynamicFilterValues_1).default; } });
-var evaluateStaticFilterValues_1 = require("./evaluateStaticFilterValues");
-Object.defineProperty(exports, "evaluateStaticFilterValues", { enumerable: true, get: function () { return __importDefault(evaluateStaticFilterValues_1).default; } });
-var evaluateSelectAllOption_1 = require("./evaluateSelectAllOption");
-Object.defineProperty(exports, "evaluateSelectAllOption", { enumerable: true, get: function () { return __importDefault(evaluateSelectAllOption_1).default; } });
-var calculateBlockedReasonsFilterValues_1 = require("./calculateBlockedReasonsFilterValues");
-Object.defineProperty(exports, "calculateBlockedReasonsFilterValues", { enumerable: true, get: function () { return __importDefault(calculateBlockedReasonsFilterValues_1).default; } });
-var calculateExemptionReasons_1 = require("./calculateExemptionReasons");
-Object.defineProperty(exports, "calculateExemptionReason", { enumerable: true, get: function () { return __importDefault(calculateExemptionReasons_1).default; } });
+export { default as calculateDynamicFilterValues } from './calculateDynamicFilterValues';
+export { default as evaluateStaticFilterValues } from './evaluateStaticFilterValues';
+export { default as evaluateSelectAllOption } from './evaluateSelectAllOption';
+export { default as calculateBlockedReasonsFilterValues } from './calculateBlockedReasonsFilterValues';
+export { default as calculateExemptionReason } from './calculateExemptionReasons';
 //# sourceMappingURL=index.js.map

package/dist/components/table/utils/precalculatedFiltersUtils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/utils/precalculatedFiltersUtils/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;AAEH,+EAAyF;AAAhF,6JAAA,OAAO,OAAgC;AAChD,2EAAqF;AAA5E,yJAAA,OAAO,OAA8B;AAC9C,qEAA+E;AAAtE,mJAAA,OAAO,OAA2B;AAC3C,6FAAuG;AAA9F,2KAAA,OAAO,OAAuC;AACvD,yEAAkF;AAAzE,sJAAA,OAAO,OAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/utils/precalculatedFiltersUtils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/tabs/index.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2024 Google LLC
  *
@@ -14,105 +13,163 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies
  */
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
+import classNames from 'classnames';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 /**
  * Internal dependencies
  */
-const useTabs_1 = require("./useTabs");
+import { useTabs } from './useTabs';
 const Tabs = ({ showBottomBorder = true, fontSizeClass }) => {
-    const { activeTab, setActiveTab, titles, isTabHighlighted, shouldAddSpacer } = (0, useTabs_1.useTabs)(({ state, actions }) => ({
+    const { activeTab, activeGroup, setActiveTab, setActiveGroup, groupedTitles, titles, isTabHighlighted, shouldAddSpacer, getTabGroup, isGroup, } = useTabs(({ state, actions }) => ({
         activeTab: state.activeTab,
+        activeGroup: state.activeGroup,
         setActiveTab: actions.setActiveTab,
+        setActiveGroup: actions.setActiveGroup,
+        groupedTitles: state.groupedTitles,
         titles: state.titles,
         isTabHighlighted: actions.isTabHighlighted,
         shouldAddSpacer: actions.shouldAddSpacer,
+        getTabGroup: actions.getTabGroup,
+        isGroup: state.isGroup,
+        loading: state.loading,
     }));
-    const handleKeyDown = (0, react_1.useCallback)((event) => {
-        event.preventDefault();
-        if (event.key === 'Tab') {
-            const nextIndex = activeTab + 1;
-            if (nextIndex < titles.length) {
-                setActiveTab(nextIndex);
-            }
-            else {
-                setActiveTab(0);
+    const timeoutRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
             }
+        };
+    }, []);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const handleGroupClick = useCallback((group) => {
+        if (isAnimating) {
+            return;
+        }
+        setIsAnimating(true);
+        if (activeGroup !== group) {
+            setActiveGroup(group);
         }
-        if (event.shiftKey && event.key === 'Tab') {
-            const previousIndex = activeTab - 1;
-            if (previousIndex >= 0) {
-                setActiveTab(previousIndex);
+        timeoutRef.current = setTimeout(() => {
+            setIsAnimating(false);
+        }, 300);
+    }, [activeGroup, isAnimating, setActiveGroup]);
+    const handleKeyDown = useCallback((event) => {
+        event.preventDefault();
+        if (event.key === 'Tab') {
+            if (event.shiftKey) {
+                const previousIndex = activeTab - 1;
+                if (previousIndex >= 0) {
+                    const group = getTabGroup(previousIndex);
+                    if (activeGroup !== group) {
+                        handleGroupClick(group);
+                    }
+                    setActiveTab(previousIndex);
+                }
+                else {
+                    const group = getTabGroup(titles.length - 1);
+                    if (activeGroup !== group) {
+                        handleGroupClick(group);
+                    }
+                    setActiveTab(titles.length - 1);
+                }
             }
             else {
-                setActiveTab(titles.length - 1);
+                const nextIndex = activeTab + 1;
+                if (nextIndex < titles.length) {
+                    const group = getTabGroup(nextIndex);
+                    if (activeGroup !== group) {
+                        handleGroupClick(group);
+                    }
+                    setActiveTab(nextIndex);
+                }
+                else {
+                    const group = getTabGroup(0);
+                    if (activeGroup !== group) {
+                        handleGroupClick(group);
+                    }
+                    setActiveTab(0);
+                }
             }
         }
-    }, [activeTab, titles.length, setActiveTab]);
-    return (<div className={(0, classnames_1.default)('w-full h-fit border-american-silver dark:border-quartz', showBottomBorder ? 'border-b' : ' border-b-0')}>
-      <div className={(0, classnames_1.default)('flex gap-8 mx-4 w-full', fontSizeClass ? fontSizeClass : 'text-sm')}>
-        {titles.map((title, index) => {
-            const addSpacer = shouldAddSpacer(index);
-            const isHighlighted = isTabHighlighted(index);
-            const isNumber = typeof isHighlighted === 'number';
-            let count = '';
-            if (isNumber) {
-                count = isHighlighted > 9 ? '9+' : isHighlighted;
-            }
-            return (<react_1.default.Fragment key={index}>
-              <div className="flex">
-                <button onClick={() => setActiveTab(index)} onKeyDown={handleKeyDown} className={(0, classnames_1.default)('pb-1.5 px-1.5 border-b-2 hover:opacity-80 outline-none text-nowrap', {
-                    'border-bright-navy-blue dark:border-jordy-blue text-bright-navy-blue dark:text-jordy-blue': index === activeTab,
-                }, {
-                    'border-transparent text-raisin-black dark:text-bright-gray': index !== activeTab,
+    }, [
+        activeTab,
+        titles.length,
+        setActiveTab,
+        getTabGroup,
+        activeGroup,
+        handleGroupClick,
+    ]);
+    if (!groupedTitles || Object.keys(groupedTitles).length === 0) {
+        return null;
+    }
+    return (<div className={classNames('w-full h-fit border-american-silver dark:border-quartz', showBottomBorder ? 'border-b' : ' border-b-0')}>
+      <div className={classNames('flex gap-8 px-2 w-full overflow-x-auto', fontSizeClass ? fontSizeClass : 'text-sm')}>
+        {Object.entries(groupedTitles).map(([group, data]) => {
+            const isExpanded = activeGroup === group;
+            return (<div key={group} data-testid={`${group}`} className={classNames('flex', {
+                    'border-b-2 border-bright-navy-blue': group === activeGroup,
+                    'border-b-2 border-steel-blue/50': group !== activeGroup && isGroup,
+                    'gap-4': isExpanded,
                 })}>
-                  {title}
-                </button>
-                <div className={(0, classnames_1.default)('h-1.5 w-1.5 rounded-full text-center text-xxxs font-bold text-bright-gray', {
-                    'bg-transparent': !isHighlighted,
-                }, {
-                    'bg-dark-blue dark:bg-celeste': isHighlighted,
-                }, {
-                    'h-4 w-4': isNumber,
+              {isGroup && (<button className={classNames('border border-steel-blue rounded-lg flex items-center justify-center px-2 py-0.5 mb-2 font-medium text-xs hover:opacity-70 active:opacity-100 text-raisin-black outline-none', {
+                        'bg-steel-blue/50 dark:bg-baby-blue-eyes': group === activeGroup,
+                        'bg-steel-blue/20 dark:bg-baby-blue-eyes/80': group !== activeGroup,
+                    })} onClick={() => handleGroupClick(group)}>
+                  {group}
+                </button>)}
+
+              <div className={classNames('transition-all duration-300 ease-in-out overflow-hidden', {
+                    'w-0 opacity-0': !isExpanded && isGroup,
+                    'w-fit opacity-100': isExpanded || !isGroup,
                 })}>
-                  {count}
+                <div className={classNames('flex items-center duration-300 ease-in-out gap-2 transform', !isExpanded && isGroup
+                    ? 'opacity-0 -translate-x-4'
+                    : 'opacity-100 translate-x-0')}>
+                  {Object.values(data).map(({ title, index }) => {
+                    const addSpacer = shouldAddSpacer(index);
+                    const isHighlighted = isTabHighlighted(index);
+                    const isNumber = typeof isHighlighted === 'number';
+                    let count = '';
+                    if (isNumber) {
+                        count = isHighlighted > 9 ? '9+' : isHighlighted;
+                    }
+                    return (<React.Fragment key={index}>
+                        <div data-testid={`tab-${index}`} className={classNames('flex duration-200 ease-in-out relative pb-1', {
+                            ' text-bright-navy-blue dark:text-jordy-blue font-medium': index === activeTab,
+                        }, {
+                            'text-raisin-black dark:text-bright-gray': index !== activeTab,
+                        })}>
+                          <button onClick={() => {
+                            if (group !== activeGroup) {
+                                handleGroupClick(group);
+                            }
+                            setActiveTab(index);
+                        }} onKeyDown={handleKeyDown} className="px-1.5 hover:opacity-80 outline-none text-nowrap">
+                            {title}
+                          </button>
+                          <div className={classNames('absolute right-0 top-0 h-1.5 w-1.5 rounded-full text-center text-xxxs font-bold text-bright-gray', {
+                            'bg-transparent': !isHighlighted,
+                        }, {
+                            'bg-dark-blue dark:bg-celeste': isHighlighted,
+                        }, {
+                            'h-4 w-4': isNumber,
+                        })}>
+                            {count}
+                          </div>
+                        </div>
+                        {addSpacer && <div className="flex-1"/>}
+                      </React.Fragment>);
+                })}
                 </div>
               </div>
-              {addSpacer && <div className="flex-1"/>}
-            </react_1.default.Fragment>);
+            </div>);
         })}
       </div>
     </div>);
 };
-exports.default = Tabs;
+export default Tabs;
 //# sourceMappingURL=index.jsx.map

package/dist/components/tabs/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/tabs/useTabs/context.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsContext = void 0;
 /*
  * Copyright 2023 Google LLC
  *
@@ -19,28 +16,34 @@ exports.TabsContext = void 0;
 /**
  * External dependencies.
  */
-const common_1 = require("@google-psat/common");
+import { createContext } from '@google-psat/common';
 /**
  * Internal dependencies.
  */
-const utils_1 = require("../../../utils");
+import { noop } from '../../../utils';
 const initialState = {
     state: {
         activeTab: 0,
+        activeGroup: null,
+        groupedTitles: {},
         titles: [],
         panel: {
             Element: null,
             props: {},
         },
         storage: [],
+        isGroup: true,
+        loading: true,
     },
     actions: {
-        setStorage: utils_1.noop,
-        setActiveTab: utils_1.noop,
-        highlightTab: utils_1.noop,
+        setStorage: noop,
+        setActiveTab: noop,
+        setActiveGroup: noop,
+        highlightTab: noop,
         isTabHighlighted: () => false,
         shouldAddSpacer: () => false,
+        getTabGroup: () => '',
     },
 };
-exports.TabsContext = (0, common_1.createContext)(initialState);
+export const TabsContext = createContext(initialState);
 //# sourceMappingURL=context.js.map

package/dist/components/tabs/useTabs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/context.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,gDAAoD;AAEpD;;GAEG;AACH,0CAAsC;AA0BtC,MAAM,YAAY,GAAqB;IACrC,KAAK,EAAE;QACL,SAAS,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,EAAE;SACV;QACD,OAAO,EAAE,EAAE;KACZ;IACD,OAAO,EAAE;QACP,UAAU,EAAE,YAAI;QAChB,YAAY,EAAE,YAAI;QAClB,YAAY,EAAE,YAAI;QAClB,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK;QAC7B,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;KAC7B;CACF,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,sBAAa,EAAmB,YAAY,CAAC,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/context.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAuCtC,MAAM,YAAY,GAAqB;IACrC,KAAK,EAAE;QACL,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,IAAI;QACjB,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,EAAE;SACV;QACD,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,IAAI;QAClB,cAAc,EAAE,IAAI;QACpB,YAAY,EAAE,IAAI;QAClB,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK;QAC7B,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;QAC5B,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB,YAAY,CAAC,CAAC"}

package/dist/components/tabs/useTabs/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2024 Google LLC
  *
@@ -29,7 +13,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-__exportStar(require("./provider"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./useTabs"), exports);
+export * from './provider';
+export * from './types';
+export * from './useTabs';
 //# sourceMappingURL=index.js.map

package/dist/components/tabs/useTabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,6CAA2B;AAC3B,0CAAwB;AACxB,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}