@macive/ui 0.0.9 → 0.0.11

package/dist/scripts/build-scss.js

@@ -0,0 +1,197 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-console */
+const chokidar_1 = __importDefault(require("chokidar"));
+const clean_css_1 = __importDefault(require("clean-css"));
+const fs_1 = __importDefault(require("fs"));
+const glob_1 = __importDefault(require("glob"));
+const path_1 = __importDefault(require("path"));
+const postcss_1 = __importDefault(require("postcss"));
+const postcss_prefixer_1 = __importDefault(require("postcss-prefixer"));
+const postcss_selector_parser_1 = __importDefault(require("postcss-selector-parser"));
+const sass_1 = __importDefault(require("sass"));
+const srcDir = './src';
+const outputDir = './dist/css';
+const outputFile = './dist/ui.min.css';
+/**
+ * Compiles an SCSS file to CSS and processes it with PostCSS for prefixing.
+ * @param inputFile - The path to the SCSS input file.
+ * @param outputFile - The path where the resulting CSS should be saved.
+ */
+async function compileSCSSToCSS(inputFile, outputFile) {
+    const prefix = path_1.default.basename(inputFile, '.scss');
+    // Compile SCSS to CSS using sass.renderSync
+    const { css } = sass_1.default.renderSync({
+        file: inputFile,
+        outputStyle: 'expanded',
+    });
+    const plugins = [
+        (0, postcss_prefixer_1.default)({
+            prefix: `${prefix}-`,
+        }),
+    ];
+    // Process with PostCSS and write the result
+    try {
+        const result = await (0, postcss_1.default)(plugins).process(css.toString(), { from: undefined });
+        fs_1.default.writeFileSync(outputFile, result.css);
+    }
+    catch (error) {
+        console.error('Error processing CSS:', error);
+    }
+}
+/**
+ * Collects all the CSS files in the output directory, minifies them, and saves the result to a single file.
+ */
+function minifyAndSaveCSS() {
+    const cssFiles = glob_1.default.sync(`${outputDir}/**/*.css`);
+    const collectedCSS = cssFiles.map((file) => fs_1.default.readFileSync(file, 'utf8')).join('\n');
+    const minifiedCSS = new clean_css_1.default().minify(collectedCSS).styles;
+    fs_1.default.writeFileSync(outputFile, minifiedCSS);
+    // Delete the files in the output directory after minification
+    cssFiles.forEach((file) => {
+        fs_1.default.unlinkSync(file);
+    });
+    console.log('CSS files collected and minified.');
+}
+/**
+ * Removes the first part of a hyphenated string (before the first hyphen).
+ * @param input - The hyphenated string to process.
+ * @returns The string after removing the first part before the hyphen.
+ */
+function removePrefixBeforeHyphen(input) {
+    const parts = input.split('-');
+    return parts.length > 1 ? parts.slice(1).join('-') : input;
+}
+/**
+ * Generates a TypeScript file containing the class names with a prefix from the provided SCSS and CSS files.
+ * @param inputFile - The SCSS input file to extract class names from.
+ * @param outputCssFile - The compiled CSS file to extract class names from.
+ */
+async function generateClassnamesFileFromSCSS(inputFile, outputCssFile) {
+    const classNamesObject = {};
+    const className = path_1.default.basename(inputFile, '.scss');
+    const prefix = `${className}-`;
+    const classNames = await extractClassNames(inputFile, outputCssFile);
+    classNames === null || classNames === void 0 ? void 0 : classNames.forEach((classItem) => {
+        const cleanClassName = classItem.replace('.', '');
+        classNamesObject[cleanClassName] = `${prefix}${removePrefixBeforeHyphen(cleanClassName)}`;
+    });
+    if (Object.keys(classNamesObject).length > 0) {
+        const classnamesFile = path_1.default.join(path_1.default.dirname(inputFile), `${className}.classnames.ts`);
+        const classnamesScript = `const ${className}Classnames = ${JSON.stringify(classNamesObject, null, 2)};\n\nexport default ${className}Classnames;\n`;
+        fs_1.default.writeFileSync(classnamesFile, classnamesScript);
+    }
+}
+/**
+ * Extracts class names from either an SCSS or CSS file.
+ * @param inputFile - The SCSS file to extract class names from (if applicable).
+ * @param outputCssFile - The compiled CSS file to extract class names from.
+ * @returns An array of class names found in the file, or null if none are found.
+ */
+async function extractClassNames(inputFile, outputCssFile) {
+    const useFile = 'css'; // or 'scss'
+    let classNames = null;
+    if (useFile === 'css') {
+        const cssClassNames = await extractCssClassNames(outputCssFile);
+        if (cssClassNames) {
+            classNames = cssClassNames === null || cssClassNames === void 0 ? void 0 : cssClassNames.map((string) => `.${removeFirstBeforeHyphen(string)}`);
+        }
+    }
+    else {
+        const scssContent = fs_1.default.readFileSync(inputFile, 'utf8');
+        classNames = scssContent.match(/\.([^\s{]+)(?=\s*{)/g);
+    }
+    return classNames;
+}
+/**
+ * Extract class names from a CSS file, including complex selectors.
+ * @param {string} cssFilePath - The path to the CSS file to extract class names from.
+ * @returns {string[]} - An array of class names found in the CSS file.
+ */
+async function extractCssClassNames(cssFilePath) {
+    const cssContent = fs_1.default.readFileSync(cssFilePath, 'utf8');
+    const classNames = [];
+    return await (0, postcss_1.default)()
+        .process(cssContent, { from: undefined })
+        .then((result) => {
+        result.root.walkRules((rule) => {
+            rule.selectors.forEach((selector) => {
+                (0, postcss_selector_parser_1.default)((selectors) => {
+                    selectors.walkClasses((classNode) => {
+                        classNames.push(classNode.value);
+                    });
+                }).processSync(selector);
+            });
+        });
+        return classNames;
+    })
+        .catch((error) => {
+        console.error('Error processing CSS:', error);
+        return classNames;
+    })
+        .finally(() => {
+        return classNames;
+    });
+}
+exports.default = extractClassNames;
+/**
+ * Removes the first part before the hyphen in a string.
+ * For example, 'Cell-Cell' becomes 'Cell'.
+ *
+ * @param input The string to process.
+ * @returns The string after removing the first part before the hyphen, if applicable.
+ */
+function removeFirstBeforeHyphen(input) {
+    const parts = input.split('-');
+    // If there are multiple parts, remove the first one and rejoin the rest
+    return parts.length > 1 ? parts.slice(1).join('-') : input;
+}
+/**
+ * Ensures that the output directory exists. If it does not, it creates it.
+ */
+function ensureOutputDirectoryExists() {
+    if (!fs_1.default.existsSync(outputDir)) {
+        fs_1.default.mkdirSync(outputDir, { recursive: true });
+    }
+}
+/**
+ * Processes all SCSS files in the source directory, compiles them to CSS, generates classnames files, and minifies the CSS files.
+ */
+async function processAllSCSSFiles() {
+    const scssFiles = glob_1.default.sync(`${srcDir}/**/*.scss`);
+    for (const file of scssFiles) {
+        const outputFilePath = path_1.default.join(outputDir, path_1.default.basename(file).replace('.scss', '.css'));
+        await compileSCSSToCSS(file, outputFilePath);
+        await generateClassnamesFileFromSCSS(file, outputFilePath);
+    }
+    minifyAndSaveCSS();
+    console.log(`All CSS files minified and saved to ${outputFile}`);
+}
+/**
+ * Watches for changes in SCSS files and recompiles them when modified.
+ */
+async function watchSCSSFiles() {
+    const watcher = chokidar_1.default.watch(`${srcDir}/**/*.scss`, { ignoreInitial: true });
+    const watcherCurrent = chokidar_1.default.watch(path_1.default.basename(__filename), { ignoreInitial: true });
+    watcher.on('change', async (filePath) => {
+        console.log(`Change detected in ${filePath}. Rebuilding...`);
+        await processAllSCSSFiles();
+    });
+    watcherCurrent.on('change', (changedPath) => {
+        console.log(`File ${changedPath} has been changed.`);
+    });
+    console.log('Watching for changes in SCSS files...');
+}
+// Ensure the output directory exists before starting the process
+ensureOutputDirectoryExists();
+// Start watching for changes if --watch flag is provided
+if (process.argv.includes('--watch')) {
+    watchSCSSFiles();
+}
+else {
+    // If not in watch mode, process all SCSS files once
+    processAllSCSSFiles();
+}

package/dist/src/components/ActionMenu/ActionMenu.classnames.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ActionMenuClassnames = {
+    "ActionMenu": "ActionMenu-ActionMenu",
+    "rollup": "ActionMenu-rollup"
+};
+exports.default = ActionMenuClassnames;

package/dist/src/components/ActionMenu/ActionMenu.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasGroupsWithActions = exports.ActionMenu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const css_1 = require("../../utilities/css");
-const ActionMenu_styles_1 = __importDefault(require("./ActionMenu.styles"));
+const ActionMenu_classnames_1 = __importDefault(require("./ActionMenu.classnames"));
 const components_1 = require("./components");
 function ActionMenu({ actions = [], groups = [], rollup, rollupActionsLabel, onActionRollup, }) {
     if (actions.length === 0 && groups.length === 0) {
         return null;
     }
-    const actionMenuClassNames = (0, css_1.classNames)(ActionMenu_styles_1.default.ActionMenu, rollup && ActionMenu_styles_1.default.rollup);
+    const actionMenuClassNames = (0, css_1.classNames)(ActionMenu_classnames_1.default.ActionMenu, rollup && ActionMenu_classnames_1.default.rollup);
     const rollupSections = groups.map((group) => convertGroupToSection(group));
     return ((0, jsx_runtime_1.jsx)("div", { className: actionMenuClassNames, children: rollup ? ((0, jsx_runtime_1.jsx)(components_1.RollupActions, { accessibilityLabel: rollupActionsLabel, items: actions, sections: rollupSections })) : ((0, jsx_runtime_1.jsx)(components_1.Actions, { actions: actions, groups: groups, onActionRollup: onActionRollup })) }));
 }

package/dist/src/components/ActionMenu/components/Actions/Actions.classnames.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ActionsClassnames = {
+    "ActionsLayout": "Actions-ActionsLayout"
+};
+exports.default = ActionsClassnames;

package/dist/src/components/ActionMenu/components/Actions/Actions.js

@@ -13,7 +13,7 @@ const use_isomorphic_layout_effect_1 = require("../../../../utilities/use-isomor
 const ButtonGroup_1 = require("../../../ButtonGroup");
 const MenuGroup_1 = require("../MenuGroup");
 const SecondaryAction_1 = require("../SecondaryAction");
-const Actions_styles_1 = __importDefault(require("./Actions.styles"));
+const Actions_classnames_1 = __importDefault(require("./Actions.classnames"));
 const ACTION_SPACING = 8;
 function Actions({ actions = [], groups = [], onActionRollup }) {
     const i18n = (0, i18n_1.useI18n)();
@@ -30,7 +30,7 @@ function Actions({ actions = [], groups = [], onActionRollup }) {
         rolledUp: [],
     });
     const defaultRollupGroup = {
-        title: i18n.translate('Polaris.ActionMenu.Actions.moreActions'),
+        title: i18n.translate('Macive.ActionMenu.Actions.moreActions'),
         actions: [],
     };
     const lastMenuGroup = [...groups].pop();
@@ -170,7 +170,7 @@ function Actions({ actions = [], groups = [], onActionRollup }) {
         }
     });
     const groupedActionsMarkup = ((0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { spacing: 'extraTight', children: [rollUppableActionsMarkup, actionsMarkup, groupsMarkup] }));
-    return ((0, jsx_runtime_1.jsx)("div", { className: Actions_styles_1.default.ActionsLayout, "aria-label": 'grouped-actions', ref: actionsLayoutRef, children: groupedActionsMarkup }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: Actions_classnames_1.default.ActionsLayout, "aria-label": 'grouped-actions', ref: actionsLayoutRef, children: groupedActionsMarkup }));
 }
 exports.Actions = Actions;
 function isMenuGroup(actionOrMenuGroup) {

package/dist/src/components/ActionMenu/components/MenuGroup/MenuGroup.classnames.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const MenuGroupClassnames = {
+    "Details": "MenuGroup-Details"
+};
+exports.default = MenuGroupClassnames;

package/dist/src/components/ActionMenu/components/MenuGroup/MenuGroup.js

@@ -9,7 +9,7 @@ const react_1 = require("react");
 const ActionList_1 = require("../../../ActionList");
 const Popover_1 = require("../../../Popover");
 const SecondaryAction_1 = require("../SecondaryAction");
-const MenuGroup_styles_1 = __importDefault(require("./MenuGroup.styles"));
+const MenuGroup_classnames_1 = __importDefault(require("./MenuGroup.classnames"));
 function MenuGroup({ accessibilityLabel, active, actions, details, title, icon, disabled, onClick, onClose, onOpen, getOffsetWidth, sections, }) {
     const handleClose = (0, react_1.useCallback)(() => {
         onClose(title);
@@ -31,6 +31,6 @@ function MenuGroup({ accessibilityLabel, active, actions, details, title, icon,
         getOffsetWidth(width);
     }, [getOffsetWidth]);
     const popoverActivator = ((0, jsx_runtime_1.jsx)(SecondaryAction_1.SecondaryAction, { disclosure: true, disabled: disabled, icon: icon, accessibilityLabel: accessibilityLabel, onClick: handleClick, getOffsetWidth: handleOffsetWidth, children: title }));
-    return ((0, jsx_runtime_1.jsxs)(Popover_1.Popover, { active: Boolean(active), activator: popoverActivator, preferredAlignment: 'left', onClose: handleClose, hideOnPrint: true, children: [(0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { items: actions, sections: sections, onActionAnyItem: handleClose }), details && (0, jsx_runtime_1.jsx)("div", { className: MenuGroup_styles_1.default.Details, children: details })] }));
+    return ((0, jsx_runtime_1.jsxs)(Popover_1.Popover, { active: Boolean(active), activator: popoverActivator, preferredAlignment: 'left', onClose: handleClose, hideOnPrint: true, children: [(0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { items: actions, sections: sections, onActionAnyItem: handleClose }), details && (0, jsx_runtime_1.jsx)("div", { className: MenuGroup_classnames_1.default.Details, children: details })] }));
 }
 exports.MenuGroup = MenuGroup;

package/dist/src/components/ActionMenu/components/RollupActions/RollupActions.classnames.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const RollupActionsClassnames = {
+    "RollupActivator": "RollupActions-RollupActivator"
+};
+exports.default = RollupActionsClassnames;

package/dist/src/components/ActionMenu/components/RollupActions/RollupActions.js

@@ -11,14 +11,14 @@ const use_toggle_1 = require("../../../../utilities/use-toggle");
 const ActionList_1 = require("../../../ActionList");
 const Button_1 = require("../../../Button");
 const Popover_1 = require("../../../Popover");
-const RollupActions_styles_1 = __importDefault(require("./RollupActions.styles"));
+const RollupActions_classnames_1 = __importDefault(require("./RollupActions.classnames"));
 function RollupActions({ accessibilityLabel, items = [], sections = [], }) {
     const i18n = (0, i18n_1.useI18n)();
     const { value: rollupOpen, toggle: toggleRollupOpen } = (0, use_toggle_1.useToggle)(false);
     if (items.length === 0 && sections.length === 0) {
         return null;
     }
-    const activatorMarkup = ((0, jsx_runtime_1.jsx)("div", { className: RollupActions_styles_1.default.RollupActivator, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { outline: true, icon: Icons_1.MaDotsHorizontal, accessibilityLabel: accessibilityLabel || i18n.translate('Polaris.ActionMenu.RollupActions.rollupButton'), onClick: toggleRollupOpen }) }));
+    const activatorMarkup = ((0, jsx_runtime_1.jsx)("div", { className: RollupActions_classnames_1.default.RollupActivator, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { outline: true, icon: Icons_1.MaDotsHorizontal, accessibilityLabel: accessibilityLabel || i18n.translate('Macive.ActionMenu.RollupActions.rollupButton'), onClick: toggleRollupOpen }) }));
     return ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { active: rollupOpen, activator: activatorMarkup, preferredAlignment: 'right', onClose: toggleRollupOpen, hideOnPrint: true, children: (0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { items: items, sections: sections, onActionAnyItem: toggleRollupOpen }) }));
 }
 exports.RollupActions = RollupActions;

package/dist/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.classnames.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const SecondaryActionClassnames = {
+    "SecondaryAction": "SecondaryAction-SecondaryAction",
+    "destructive": "SecondaryAction-destructive"
+};
+exports.default = SecondaryActionClassnames;

package/dist/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.js

@@ -9,7 +9,7 @@ const react_1 = require("react");
 const css_1 = require("../../../../utilities/css");
 const Button_1 = require("../../../Button");
 const Tooltip_1 = require("../../../Tooltip");
-const SecondaryAction_styles_1 = __importDefault(require("./SecondaryAction.styles"));
+const SecondaryAction_classnames_1 = __importDefault(require("./SecondaryAction.classnames"));
 function SecondaryAction({ children, destructive, helpText, onAction, getOffsetWidth, ...rest }) {
     const secondaryActionsRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -20,6 +20,6 @@ function SecondaryAction({ children, destructive, helpText, onAction, getOffsetW
     }, [getOffsetWidth]);
     const buttonMarkup = ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onAction, ...rest, children: children }));
     const actionMarkup = helpText ? ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: helpText, children: buttonMarkup })) : (buttonMarkup);
-    return ((0, jsx_runtime_1.jsx)("span", { className: (0, css_1.classNames)(SecondaryAction_styles_1.default.SecondaryAction, destructive && SecondaryAction_styles_1.default.destructive), ref: secondaryActionsRef, children: actionMarkup }));
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, css_1.classNames)(SecondaryAction_classnames_1.default.SecondaryAction, destructive && SecondaryAction_classnames_1.default.destructive), ref: secondaryActionsRef, children: actionMarkup }));
 }
 exports.SecondaryAction = SecondaryAction;

package/dist/src/components/AlphaFilters/AlphaFilters.classnames.js

@@ -5,6 +5,7 @@ const AlphaFiltersClassnames = {
     "SearchField": "AlphaFilters-SearchField",
     "Spinner": "AlphaFilters-Spinner",
     "FiltersWrapper": "AlphaFilters-FiltersWrapper",
+    "hideQueryField": "AlphaFilters-hideQueryField",
     "FiltersInner": "AlphaFilters-FiltersInner",
     "AddFilter": "AlphaFilters-AddFilter",
     "FiltersWrapperWithAddButton": "AlphaFilters-FiltersWrapperWithAddButton",
@@ -12,7 +13,6 @@ const AlphaFiltersClassnames = {
     "FiltersStickyArea": "AlphaFilters-FiltersStickyArea",
     "ClearAll": "AlphaFilters-ClearAll",
     "MultiplePinnedFilterClearAll": "AlphaFilters-MultiplePinnedFilterClearAll",
-    "hideQueryField": "AlphaFilters-hideQueryField",
     "Filters": "AlphaFilters-Filters",
     "AddFilterActivator": "AlphaFilters-AddFilterActivator"
 };

package/dist/src/components/AlphaFilters/AlphaFilters.js

@@ -117,9 +117,9 @@ function AlphaFilters({ queryValue, queryPlaceholder, focused, filters, appliedF
         return acc;
     }, []);
     const hasOneOrMorePinnedFilters = pinnedFilters.length >= 1;
-    const addFilterActivator = ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'bodySm', as: 'p', children: (0, jsx_runtime_1.jsxs)(UnstyledButton_1.UnstyledButton, { type: 'button', className: AlphaFilters_classnames_1.default.AddFilter, onClick: handleAddFilterClick, "aria-label": i18n.translate('Polaris.Filters.addFilter'), disabled: disabled ||
+    const addFilterActivator = ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'bodySm', as: 'p', children: (0, jsx_runtime_1.jsxs)(UnstyledButton_1.UnstyledButton, { type: 'button', className: AlphaFilters_classnames_1.default.AddFilter, onClick: handleAddFilterClick, "aria-label": i18n.translate('Macive.Filters.addFilter'), disabled: disabled ||
                     (unsectionedFilters.length === 0 && sectionedFilters.length === 0) ||
-                    disableFilters, children: [(0, jsx_runtime_1.jsx)("span", { children: i18n.translate('Polaris.Filters.addFilter') }), (0, jsx_runtime_1.jsx)(Icons_1.MaPlus, {})] }) }) }));
+                    disableFilters, children: [(0, jsx_runtime_1.jsx)("span", { children: i18n.translate('Macive.Filters.addFilter') }), (0, jsx_runtime_1.jsx)(Icons_1.MaPlus, {})] }) }) }));
     const handleClearAllFilters = () => {
         setLocalPinnedFilters([]);
         onClearAll === null || onClearAll === void 0 ? void 0 : onClearAll();
@@ -161,7 +161,7 @@ function AlphaFilters({ queryValue, queryPlaceholder, focused, filters, appliedF
         return ((0, jsx_runtime_1.jsx)(components_1.FilterPill, { ...pinnedFilter, initialActive: hasMounted.current && !pinnedFilter.pinned && !appliedFilter, label: (appliedFilter === null || appliedFilter === void 0 ? void 0 : appliedFilter.label) || pinnedFilter.label, filterKey: filterKey, selected: appliedFilterKeys === null || appliedFilterKeys === void 0 ? void 0 : appliedFilterKeys.includes(filterKey), onRemove: handleFilterPillRemove, disabled: pinnedFilter.disabled || disableFilters }, filterKey));
     });
     const addButton = shouldShowAddButton ? ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(AlphaFilters_classnames_1.default.AddFilterActivator, hasOneOrMorePinnedFilters && AlphaFilters_classnames_1.default.AddFilterActivatorMultiple), children: (0, jsx_runtime_1.jsx)(Popover_1.Popover, { active: popoverActive && !disabled, activator: addFilterActivator, onClose: togglePopoverActive, children: (0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { actionRole: 'menuitem', items: unsectionedFilters, sections: sectionedFilters }) }) })) : null;
-    const clearAllMarkup = (appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.length) || localPinnedFilters.length ? ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(AlphaFilters_classnames_1.default.ClearAll, hasOneOrMorePinnedFilters && shouldShowAddButton && AlphaFilters_classnames_1.default.MultiplePinnedFilterClearAll), children: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: 'micro', plain: true, onClick: handleClearAllFilters, removeUnderline: true, children: i18n.translate('Polaris.Filters.clearFilters') }) })) : null;
+    const clearAllMarkup = (appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.length) || localPinnedFilters.length ? ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(AlphaFilters_classnames_1.default.ClearAll, hasOneOrMorePinnedFilters && shouldShowAddButton && AlphaFilters_classnames_1.default.MultiplePinnedFilterClearAll), children: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: 'micro', plain: true, onClick: handleClearAllFilters, removeUnderline: true, children: i18n.translate('Macive.Filters.clearFilters') }) })) : null;
     const filtersMarkup = hideFilters || filters.length === 0 ? null : ((0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.classNames)(AlphaFilters_classnames_1.default.FiltersWrapper, shouldShowAddButton && hasOneOrMorePinnedFilters && AlphaFilters_classnames_1.default.FiltersWrapperWithAddButton), "aria-live": 'polite', style: mountedStateStyles, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(AlphaFilters_classnames_1.default.FiltersInner), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.classNames)(AlphaFilters_classnames_1.default.FiltersStickyArea), children: [pinnedFiltersMarkup, addButton, clearAllMarkup] }) }), hideQueryField ? ((0, jsx_runtime_1.jsx)(Box_1.Box, { paddingInlineEnd: '3', paddingBlockStart: '2', paddingBlockEnd: '2', children: (0, jsx_runtime_1.jsx)(HorizontalStack_1.HorizontalStack, { align: 'start', blockAlign: 'center', gap: {
                         xs: '4',
                         md: '3',

package/dist/src/components/AlphaFilters/components/FilterPill/FilterPill.classnames.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const FilterPillClassnames = {
     "FilterButton": "FilterPill-FilterButton",
-    "focusedFilterButton:focus-within:not(:active)": "FilterPill-focusedFilterButton:focus-within:not(:active)",
+    "focusedFilterButton": "FilterPill-focusedFilterButton",
     "disabledFilterButton": "FilterPill-disabledFilterButton",
     "ActiveFilterButton": "FilterPill-ActiveFilterButton",
     "PlainButton": "FilterPill-PlainButton",
@@ -11,7 +11,6 @@ const FilterPillClassnames = {
     "clearButton": "FilterPill-clearButton",
     "IconWrapper": "FilterPill-IconWrapper",
     "PopoverWrapper": "FilterPill-PopoverWrapper",
-    "FocusFilterButton": "FilterPill-FocusFilterButton",
-    "focusedFilterButton": "FilterPill-focusedFilterButton"
+    "FocusFilterButton": "FilterPill-FocusFilterButton"
 };
 exports.default = FilterPillClassnames;

package/dist/src/components/AlphaFilters/components/FilterPill/FilterPill.js

@@ -56,8 +56,8 @@ function FilterPill({ filterKey, label, filter, disabled, hideClearButton, selec
     const clearButtonClassNames = (0, css_1.classNames)(FilterPill_classnames_1.default.PlainButton, FilterPill_classnames_1.default.clearButton);
     const toggleButtonClassNames = (0, css_1.classNames)(FilterPill_classnames_1.default.PlainButton, FilterPill_classnames_1.default.ToggleButton);
     const wrappedLabel = ((0, jsx_runtime_1.jsx)("div", { className: FilterPill_classnames_1.default.Label, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: mdDown ? 'bodyMd' : 'bodySm', as: 'span', children: label }) }));
-    const activator = ((0, jsx_runtime_1.jsx)("div", { className: buttonClasses, children: (0, jsx_runtime_1.jsxs)(HorizontalStack_1.HorizontalStack, { gap: '0', wrap: false, children: [(0, jsx_runtime_1.jsx)(UnstyledButton_1.UnstyledButton, { onFocus: setFocusedTrue, onBlur: setFocusedFalse, onClick: togglePopoverActive, className: toggleButtonClassNames, type: 'button', disabled: disabled, children: (0, jsx_runtime_1.jsx)(HorizontalStack_1.HorizontalStack, { wrap: false, align: 'center', blockAlign: 'center', gap: '0', children: selected ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wrappedLabel })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [wrappedLabel, (0, jsx_runtime_1.jsx)("div", { className: FilterPill_classnames_1.default.IconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaDown, color: 'base' }) })] })) }) }), selected ? ((0, jsx_runtime_1.jsx)(UnstyledButton_1.UnstyledButton, { onClick: handleClear, className: clearButtonClassNames, type: 'button', "aria-label": i18n.translate('Polaris.FilterPill.clear'), disabled: disabled, children: (0, jsx_runtime_1.jsx)("div", { className: FilterPill_classnames_1.default.IconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaCloseCircle, color: 'base' }) }) })) : null] }) }));
-    const clearButtonMarkup = !hideClearButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleClear, plain: true, disabled: !selected, textAlign: 'left', children: i18n.translate('Polaris.FilterPill.clear') }));
+    const activator = ((0, jsx_runtime_1.jsx)("div", { className: buttonClasses, children: (0, jsx_runtime_1.jsxs)(HorizontalStack_1.HorizontalStack, { gap: '0', wrap: false, children: [(0, jsx_runtime_1.jsx)(UnstyledButton_1.UnstyledButton, { onFocus: setFocusedTrue, onBlur: setFocusedFalse, onClick: togglePopoverActive, className: toggleButtonClassNames, type: 'button', disabled: disabled, children: (0, jsx_runtime_1.jsx)(HorizontalStack_1.HorizontalStack, { wrap: false, align: 'center', blockAlign: 'center', gap: '0', children: selected ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wrappedLabel })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [wrappedLabel, (0, jsx_runtime_1.jsx)("div", { className: FilterPill_classnames_1.default.IconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaDown, color: 'base' }) })] })) }) }), selected ? ((0, jsx_runtime_1.jsx)(UnstyledButton_1.UnstyledButton, { onClick: handleClear, className: clearButtonClassNames, type: 'button', "aria-label": i18n.translate('Macive.FilterPill.clear'), disabled: disabled, children: (0, jsx_runtime_1.jsx)("div", { className: FilterPill_classnames_1.default.IconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaCloseCircle, color: 'base' }) }) })) : null] }) }));
+    const clearButtonMarkup = !hideClearButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleClear, plain: true, disabled: !selected, textAlign: 'left', children: i18n.translate('Macive.FilterPill.clear') }));
     if (disabled) {
         return null;
     }

package/dist/src/components/AlphaTabs/AlphaTabs.classnames.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const AlphaTabsClassnames = {
     "IconWrap": "AlphaTabs-IconWrap",
-    "Tab-popoverActive": "AlphaTabs-Tab-popoverActive",
+    "Tab-popoverActive": "AlphaTabs-popoverActive",
     "Underline": "AlphaTabs-Underline",
-    "IconWrap-open": "AlphaTabs-IconWrap-open",
+    "IconWrap-open": "AlphaTabs-open",
     "Outer": "AlphaTabs-Outer",
     "Wrapper": "AlphaTabs-Wrapper",
     "WrapperWithNewButton": "AlphaTabs-WrapperWithNewButton",
     "ButtonWrapper": "AlphaTabs-ButtonWrapper",
     "AlphaTabs": "AlphaTabs-AlphaTabs",
     "Tab": "AlphaTabs-Tab",
-    "Tab-active": "AlphaTabs-Tab-active",
-    "Tab-hasActions": "AlphaTabs-Tab-hasActions",
-    "Tab-iconOnly": "AlphaTabs-Tab-iconOnly",
+    "Tab-active": "AlphaTabs-active",
+    "Tab-hasActions": "AlphaTabs-hasActions",
+    "Tab-iconOnly": "AlphaTabs-iconOnly",
     "fillSpace": "AlphaTabs-fillSpace",
     "TabContainer": "AlphaTabs-TabContainer",
     "fitted": "AlphaTabs-fitted",
@@ -21,12 +21,12 @@ const AlphaTabsClassnames = {
     "List": "AlphaTabs-List",
     "Item": "AlphaTabs-Item",
     "DisclosureTab": "AlphaTabs-DisclosureTab",
-    "DisclosureTab-visible": "AlphaTabs-DisclosureTab-visible",
+    "DisclosureTab-visible": "AlphaTabs-visible",
     "DisclosureActivator": "AlphaTabs-DisclosureActivator",
     "TabsMeasurer": "AlphaTabs-TabsMeasurer",
     "NewTab": "AlphaTabs-NewTab",
     "ActionListWrap": "AlphaTabs-ActionListWrap",
     "Panel": "AlphaTabs-Panel",
-    "Panel-hidden": "AlphaTabs-Panel-hidden"
+    "Panel-hidden": "AlphaTabs-hidden"
 };
 exports.default = AlphaTabsClassnames;

package/dist/src/components/AlphaTabs/AlphaTabs.js

@@ -245,7 +245,7 @@ const AlphaTabs = ({ tabs, children, selected, newViewAccessibilityLabel, canCre
             }
         }, 0);
     };
-    const createViewA11yLabel = newViewAccessibilityLabel || i18n.translate('Polaris.Tabs.newViewAccessibilityLabel');
+    const createViewA11yLabel = newViewAccessibilityLabel || i18n.translate('Macive.Tabs.newViewAccessibilityLabel');
     const tabsToShow = mdDown ? [...visibleTabs, ...hiddenTabs] : visibleTabs;
     const tabsMarkup = tabsToShow
         .sort((tabA, tabB) => tabA - tabB)
@@ -256,8 +256,8 @@ const AlphaTabs = ({ tabs, children, selected, newViewAccessibilityLabel, canCre
     const wrapperClassNames = (0, css_1.classNames)(AlphaTabs_classnames_1.default.Wrapper, canCreateNewView && AlphaTabs_classnames_1.default.WrapperWithNewButton);
     const disclosureTabClassName = (0, css_1.classNames)(AlphaTabs_classnames_1.default.DisclosureTab, disclosureActivatorVisible && AlphaTabs_classnames_1.default['DisclosureTab-visible']);
     const disclosureButtonClassName = (0, css_1.classNames)(AlphaTabs_classnames_1.default.DisclosureActivator);
-    const disclosureButtonContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', variant: 'bodySm', fontWeight: 'semibold', children: disclosureText !== null && disclosureText !== void 0 ? disclosureText : i18n.translate('Polaris.Tabs.toggleTabsLabel') }), (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(AlphaTabs_classnames_1.default.IconWrap, disclosureActivatorVisible && showDisclosure && AlphaTabs_classnames_1.default['IconWrap-open']), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaDown, color: 'subdued' }) })] }));
-    const disclosureButton = ((0, jsx_runtime_1.jsx)(UnstyledButton_1.UnstyledButton, { type: 'button', className: disclosureButtonClassName, onClick: handleDisclosureActivatorClick, "aria-label": disclosureText !== null && disclosureText !== void 0 ? disclosureText : i18n.translate('Polaris.Tabs.toggleTabsLabel'), disabled: disabled, children: disclosureButtonContent }));
+    const disclosureButtonContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', variant: 'bodySm', fontWeight: 'semibold', children: disclosureText !== null && disclosureText !== void 0 ? disclosureText : i18n.translate('Macive.Tabs.toggleTabsLabel') }), (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(AlphaTabs_classnames_1.default.IconWrap, disclosureActivatorVisible && showDisclosure && AlphaTabs_classnames_1.default['IconWrap-open']), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaDown, color: 'subdued' }) })] }));
+    const disclosureButton = ((0, jsx_runtime_1.jsx)(UnstyledButton_1.UnstyledButton, { type: 'button', className: disclosureButtonClassName, onClick: handleDisclosureActivatorClick, "aria-label": disclosureText !== null && disclosureText !== void 0 ? disclosureText : i18n.translate('Macive.Tabs.toggleTabsLabel'), disabled: disabled, children: disclosureButtonContent }));
     const activator = disclosureButton;
     const disclosureTabs = hiddenTabs.map((tabIndex) => tabs[tabIndex]);
     const viewNames = tabs.map(({ content }) => content);
@@ -285,6 +285,6 @@ const AlphaTabs = ({ tabs, children, selected, newViewAccessibilityLabel, canCre
                 // }}
                 paddingBlockStart: { md: '2' }, paddingBlockEnd: { md: '2' }, background: 'bg', borderColor: 'border-subdued', 
                 // borderBlockEndWidth='1'
-                borderRadiusStartEnd: '2', borderRadiusStartStart: '2', children: [tabMeasurer, (0, jsx_runtime_1.jsx)("div", { className: wrapperClassNames, ref: scrollRef, children: (0, jsx_runtime_1.jsxs)("div", { className: AlphaTabs_classnames_1.default.ButtonWrapper, ref: wrapRef, children: [(0, jsx_runtime_1.jsxs)("ul", { role: tabsMarkup.length > 0 ? 'tablist' : undefined, className: classname, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyPress, "data-tabs-focus-catchment": true, children: [tabsMarkup, mdDown || tabsToShow.length === 0 ? null : ((0, jsx_runtime_1.jsx)("li", { className: disclosureTabClassName, role: 'presentation', children: (0, jsx_runtime_1.jsx)(Popover_1.Popover, { preferredPosition: 'below', activator: activator, active: disclosureActivatorVisible && showDisclosure, onClose: handleClose, autofocusTarget: 'first-node', children: (0, jsx_runtime_1.jsx)(components_1.List, { focusIndex: hiddenTabs.indexOf(tabToFocus), disclosureTabs: disclosureTabs, onClick: handleListTabClick, onKeyPress: handleKeyPress }) }) }))] }), canCreateNewView && tabsToShow.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: AlphaTabs_classnames_1.default.NewTab, children: (0, jsx_runtime_1.jsx)(components_1.CreateViewModal, { open: isNewViewModalActive, onClose: handleCloseNewViewModal, onClickPrimaryAction: handleSaveNewViewModal, viewNames: viewNames, activator: disabled ? (newTab) : ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: i18n.translate('Polaris.Tabs.newViewTooltip'), preferredPosition: 'above', hoverDelay: 400, children: newTab })) }) })) : null] }) })] }), panelMarkup] }));
+                borderRadiusStartEnd: '2', borderRadiusStartStart: '2', children: [tabMeasurer, (0, jsx_runtime_1.jsx)("div", { className: wrapperClassNames, ref: scrollRef, children: (0, jsx_runtime_1.jsxs)("div", { className: AlphaTabs_classnames_1.default.ButtonWrapper, ref: wrapRef, children: [(0, jsx_runtime_1.jsxs)("ul", { role: tabsMarkup.length > 0 ? 'tablist' : undefined, className: classname, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyPress, "data-tabs-focus-catchment": true, children: [tabsMarkup, mdDown || tabsToShow.length === 0 ? null : ((0, jsx_runtime_1.jsx)("li", { className: disclosureTabClassName, role: 'presentation', children: (0, jsx_runtime_1.jsx)(Popover_1.Popover, { preferredPosition: 'below', activator: activator, active: disclosureActivatorVisible && showDisclosure, onClose: handleClose, autofocusTarget: 'first-node', children: (0, jsx_runtime_1.jsx)(components_1.List, { focusIndex: hiddenTabs.indexOf(tabToFocus), disclosureTabs: disclosureTabs, onClick: handleListTabClick, onKeyPress: handleKeyPress }) }) }))] }), canCreateNewView && tabsToShow.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: AlphaTabs_classnames_1.default.NewTab, children: (0, jsx_runtime_1.jsx)(components_1.CreateViewModal, { open: isNewViewModalActive, onClose: handleCloseNewViewModal, onClickPrimaryAction: handleSaveNewViewModal, viewNames: viewNames, activator: disabled ? (newTab) : ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: i18n.translate('Macive.Tabs.newViewTooltip'), preferredPosition: 'above', hoverDelay: 400, children: newTab })) }) })) : null] }) })] }), panelMarkup] }));
 };
 exports.AlphaTabs = AlphaTabs;

package/dist/src/components/AlphaTabs/components/CreateViewModal/CreateViewModal.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateViewModal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const use_is_touch_device_1 = require("../../../../utilities/use-is-touch-device");
-const i18n_1 = require("../../../../utilities/i18n");
 const focus_1 = require("../../../../utilities/focus");
-const Modal_1 = require("../../../Modal");
-const TextField_1 = require("../../../TextField");
+const i18n_1 = require("../../../../utilities/i18n");
+const use_is_touch_device_1 = require("../../../../utilities/use-is-touch-device");
 const Form_1 = require("../../../Form");
 const FormLayout_1 = require("../../../FormLayout");
+const Modal_1 = require("../../../Modal");
+const TextField_1 = require("../../../TextField");
 const MAX_VIEW_NAME_LENGTH = 40;
 function CreateViewModal({ activator, open, onClose, onClickPrimaryAction, onClickSecondaryAction, viewNames, }) {
     const i18n = (0, i18n_1.useI18n)();
@@ -18,10 +18,7 @@ function CreateViewModal({ activator, open, onClose, onClickPrimaryAction, onCli
     const container = (0, react_1.useRef)(null);
     const isTouchDevice = (0, use_is_touch_device_1.useIsTouchDevice)();
     const hasSameNameError = viewNames.some((viewName) => viewName.trim().toLowerCase() === value.trim().toLowerCase());
-    const isPrimaryActionDisabled = !value ||
-        hasSameNameError ||
-        loading ||
-        value.length > MAX_VIEW_NAME_LENGTH;
+    const isPrimaryActionDisabled = !value || hasSameNameError || loading || value.length > MAX_VIEW_NAME_LENGTH;
     (0, react_1.useEffect)(() => {
         if (!container.current || isTouchDevice)
             return;
@@ -53,17 +50,17 @@ function CreateViewModal({ activator, open, onClose, onClickPrimaryAction, onCli
         setValue('');
         onClose();
     }
-    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { activator: activator, open: open, onClose: onClose, title: i18n.translate('Polaris.Tabs.CreateViewModal.title'), primaryAction: {
-            content: i18n.translate('Polaris.Tabs.CreateViewModal.create'),
+    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { activator: activator, open: open, onClose: onClose, title: i18n.translate('Macive.Tabs.CreateViewModal.title'), primaryAction: {
+            content: i18n.translate('Macive.Tabs.CreateViewModal.create'),
             onAction: handlePrimaryAction,
             disabled: isPrimaryActionDisabled,
         }, secondaryActions: [
             {
-                content: i18n.translate('Polaris.Tabs.CreateViewModal.cancel'),
+                content: i18n.translate('Macive.Tabs.CreateViewModal.cancel'),
                 onAction: handleSecondaryAction,
             },
-        ], children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { onSubmit: handlePrimaryAction, children: (0, jsx_runtime_1.jsx)(FormLayout_1.FormLayout, { children: (0, jsx_runtime_1.jsx)("div", { ref: container, children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: i18n.translate('Polaris.Tabs.CreateViewModal.label'), value: value, onChange: handleChange, autoComplete: "off", maxLength: MAX_VIEW_NAME_LENGTH, showCharacterCount: true, error: hasSameNameError
-                                ? i18n.translate('Polaris.Tabs.CreateViewModal.errors.sameName', { name: value })
+        ], children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { onSubmit: handlePrimaryAction, children: (0, jsx_runtime_1.jsx)(FormLayout_1.FormLayout, { children: (0, jsx_runtime_1.jsx)("div", { ref: container, children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: i18n.translate('Macive.Tabs.CreateViewModal.label'), value: value, onChange: handleChange, autoComplete: 'off', maxLength: MAX_VIEW_NAME_LENGTH, showCharacterCount: true, error: hasSameNameError
+                                ? i18n.translate('Macive.Tabs.CreateViewModal.errors.sameName', { name: value })
                                 : undefined }) }) }) }) }) }));
 }
 exports.CreateViewModal = CreateViewModal;

package/dist/src/components/AlphaTabs/components/Tab/Tab.js

@@ -122,23 +122,23 @@ exports.Tab = (0, react_1.forwardRef)(({ content, accessibilityLabel, badge, id,
     const actionContent = {
         rename: {
             icon: Icons_1.MaCaution,
-            content: i18n.translate('Polaris.Tabs.Tab.rename'),
+            content: i18n.translate('Macive.Tabs.Tab.rename'),
         },
         duplicate: {
             icon: Icons_1.MaCopy,
-            content: i18n.translate('Polaris.Tabs.Tab.duplicate'),
+            content: i18n.translate('Macive.Tabs.Tab.duplicate'),
         },
         edit: {
             icon: Icons_1.MaEdit,
-            content: i18n.translate('Polaris.Tabs.Tab.edit'),
+            content: i18n.translate('Macive.Tabs.Tab.edit'),
         },
         'edit-columns': {
             icon: Icons_1.MaEditNote,
-            content: i18n.translate('Polaris.Tabs.Tab.editColumns'),
+            content: i18n.translate('Macive.Tabs.Tab.editColumns'),
         },
         delete: {
             icon: Icons_1.MaDelete,
-            content: i18n.translate('Polaris.Tabs.Tab.delete'),
+            content: i18n.translate('Macive.Tabs.Tab.delete'),
             destructive: true,
         },
     };
@@ -171,18 +171,18 @@ exports.Tab = (0, react_1.forwardRef)(({ content, accessibilityLabel, badge, id,
     const activator = ((0, jsx_runtime_1.jsxs)(BaseComponent, { id: id, className: tabClassName, tabIndex: tabIndex, "aria-selected": selected, "aria-controls": panelID, "aria-label": accessibilityLabel, role: tabIndexOverride == null ? 'tab' : undefined, disabled: disabled, url: urlIfNotDisabledOrSelected, onFocus: onFocus, onMouseUp: focus_1.handleMouseUpByBlurring, onClick: handleClick, onKeyDown: handleKeyDown, children: [(0, jsx_runtime_1.jsxs)(HorizontalStack_1.HorizontalStack, { gap: '2', align: 'center', blockAlign: 'center', wrap: false, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', variant: mdDown ? 'bodyMd' : 'bodySm', fontWeight: 'semibold', children: icon !== null && icon !== void 0 ? icon : content }), badgeMarkup] }), disclosureMarkup] }));
     const isPlainButton = !selected || !(actions === null || actions === void 0 ? void 0 : actions.length);
     const renameModal = renameAction ? ((0, jsx_runtime_1.jsx)(components_1.RenameModal, { name: content, open: activeModalType === 'rename', onClose: handleModalClose, onClickPrimaryAction: handleSaveRenameModal, isModalLoading: isModalLoading, viewNames: viewNames })) : null;
-    const duplicateModal = duplicateAction ? ((0, jsx_runtime_1.jsx)(components_1.DuplicateModal, { open: activeModalType === 'duplicate', name: i18n.translate('Polaris.Tabs.Tab.copy', { name: content }), onClose: handleModalClose, onClickPrimaryAction: handleSaveDuplicateModal, isModalLoading: isModalLoading, viewNames: viewNames || [] })) : null;
+    const duplicateModal = duplicateAction ? ((0, jsx_runtime_1.jsx)(components_1.DuplicateModal, { open: activeModalType === 'duplicate', name: i18n.translate('Macive.Tabs.Tab.copy', { name: content }), onClose: handleModalClose, onClickPrimaryAction: handleSaveDuplicateModal, isModalLoading: isModalLoading, viewNames: viewNames || [] })) : null;
     const deleteModal = deleteAction ? ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { open: activeModalType === 'delete', onClose: handleModalClose, primaryAction: {
-            content: i18n.translate('Polaris.Tabs.Tab.deleteModal.delete'),
+            content: i18n.translate('Macive.Tabs.Tab.deleteModal.delete'),
             onAction: handleConfirmDeleteView,
             destructive: true,
             disabled: isModalLoading,
         }, secondaryActions: [
             {
-                content: i18n.translate('Polaris.Tabs.Tab.deleteModal.cancel'),
+                content: i18n.translate('Macive.Tabs.Tab.deleteModal.cancel'),
                 onAction: handleModalClose,
             },
-        ], title: i18n.translate('Polaris.Tabs.Tab.deleteModal.title'), instant: true, children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: i18n.translate('Polaris.Tabs.Tab.deleteModal.description', {
+        ], title: i18n.translate('Macive.Tabs.Tab.deleteModal.title'), instant: true, children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: i18n.translate('Macive.Tabs.Tab.deleteModal.description', {
                 viewName: content,
             }) }) })) : null;
     const markup = isPlainButton || disabled ? (activator) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Popover_1.Popover, { active: popoverActive, activator: activator, autofocusTarget: 'first-node', onClose: togglePopoverActive, children: (0, jsx_runtime_1.jsx)("div", { className: AlphaTabs_classnames_1.default.ActionListWrap, children: (0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { actionRole: 'menuitem', items: formattedActions }) }) }), renameModal, duplicateModal, deleteModal] }));