@popmenu/common-ui 0.126.0 → 0.126.1

package/build/esm/hooks/useTabs/useTabs.js

@@ -0,0 +1,35 @@
+import { useState } from 'react';
+
+var useTabs = function (options) {
+    var initialTab = options.initialTab;
+    var genTabId = function (id) { return ("tab-" + id).toLowerCase().replace(/ /g, '-'); };
+    var genPanelId = function (id) { return ("tab-panel-" + id).toLowerCase().replace(/ /g, '-'); };
+    var _a = useState(genTabId(initialTab)), activeTab = _a[0], setActiveTab = _a[1];
+    var handleChange = function (_, nextTab) { return setActiveTab(nextTab); };
+    var TabsProps = { onChange: handleChange, value: activeTab };
+    var useTab = function (baseId) {
+        var tabId = genTabId(baseId);
+        var tabPanelId = genPanelId(baseId);
+        var tabProps = {
+            id: tabId,
+            label: baseId,
+            value: tabId,
+            'aria-controls': tabPanelId,
+        };
+        var panelProps = {
+            id: tabPanelId,
+            role: 'tabpanel',
+            show: activeTab === tabId,
+            'aria-labelledby': tabId,
+        };
+        return [tabProps, panelProps];
+    };
+    return {
+        TabsProps: TabsProps,
+        useTab: useTab,
+        setActiveTab: function (tabId) { return setActiveTab(tabId); },
+    };
+};
+
+export { useTabs };
+//# sourceMappingURL=useTabs.js.map

package/build/esm/hooks/useTabs/useTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.js","sources":["../../../../src/hooks/useTabs/useTabs.ts"],"sourcesContent":["import { SyntheticEvent, useState } from 'react'\nimport { UseTabsOptions } from './useTabsOptions'\nimport { UseTabsResult, UseTabResult } from './useTabsResult'\n\nexport const useTabs = (options: UseTabsOptions): UseTabsResult => {\n  const { initialTab } = options\n  const genTabId = (id: string) => `tab-${id}`.toLowerCase().replace(/ /g, '-')\n  const genPanelId = (id: string) => `tab-panel-${id}`.toLowerCase().replace(/ /g, '-')\n  const [activeTab, setActiveTab] = useState(genTabId(initialTab))\n  const handleChange = (_: SyntheticEvent, nextTab: string) => setActiveTab(nextTab)\n  const TabsProps = { onChange: handleChange, value: activeTab }\n  const useTab = (baseId: string) => {\n    const tabId = genTabId(baseId)\n    const tabPanelId = genPanelId(baseId)\n    const tabProps = {\n      id: tabId,\n      label: baseId,\n      value: tabId,\n      'aria-controls': tabPanelId,\n    }\n    const panelProps = {\n      id: tabPanelId,\n      role: 'tabpanel',\n      show: activeTab === tabId,\n      'aria-labelledby': tabId,\n    }\n    return [tabProps, panelProps] as UseTabResult\n  }\n  return {\n    TabsProps,\n    useTab,\n    setActiveTab: (tabId: string) => setActiveTab(tabId),\n  }\n}\n"],"names":[],"mappings":";;AAIO,IAAM,OAAO,GAAG,UAAC,OAAuB,EAAA;AACrC,IAAA,IAAA,UAAU,GAAK,OAAO,CAAA,UAAZ;IAClB,IAAM,QAAQ,GAAG,UAAC,EAAU,IAAK,OAAA,CAAA,MAAO,GAAA,EAAI,EAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAA5C,EAA4C;IAC7E,IAAM,UAAU,GAAG,UAAC,EAAU,IAAK,OAAA,CAAA,YAAa,GAAA,EAAI,EAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAlD,EAAkD;AAC/E,IAAA,IAAA,EAA4B,GAAA,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAzD,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,QAAkC;AAChE,IAAA,IAAM,YAAY,GAAG,UAAC,CAAiB,EAAE,OAAe,EAAA,EAAK,OAAA,YAAY,CAAC,OAAO,CAAC,CAAA,EAAA;IAClF,IAAM,SAAS,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE;IAC9D,IAAM,MAAM,GAAG,UAAC,MAAc,EAAA;AAC5B,QAAA,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC9B,QAAA,IAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC;AACrC,QAAA,IAAM,QAAQ,GAAG;AACf,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,eAAe,EAAE,UAAU;SAC5B;AACD,QAAA,IAAM,UAAU,GAAG;AACjB,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS,KAAK,KAAK;AACzB,YAAA,iBAAiB,EAAE,KAAK;SACzB;AACD,QAAA,OAAO,CAAC,QAAQ,EAAE,UAAU,CAAiB;AAC/C,KAAC;IACD,OAAO;AACL,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,MAAM,EAAA,MAAA;QACN,YAAY,EAAE,UAAC,KAAa,EAAK,EAAA,OAAA,YAAY,CAAC,KAAK,CAAC,CAAA,EAAA;KACrD;AACH;;;;"}

package/build/{hooks → esm/hooks}/useTabs/useTabsOptions.d.ts

@@ -1,3 +1,3 @@
-export interface UseTabsOptions {
-    initialTab: string;
-}
+export interface UseTabsOptions {
+    initialTab: string;
+}

package/build/{hooks → esm/hooks}/useTabs/useTabsResult.d.ts

@@ -1,22 +1,22 @@
-declare type PreConfiguredTabProps = {
-    id: string;
-    label: string;
-    value: string;
-    'aria-controls': string;
-};
-declare type PreConfiguredPanelProps = {
-    id: string;
-    role: string;
-    show: boolean;
-    'aria-labelledby': string;
-};
-export declare type UseTabResult = [PreConfiguredTabProps, PreConfiguredPanelProps];
-export interface UseTabsResult {
-    TabsProps: {
-        onChange: (event: any, value: string) => void;
-        value: string;
-    };
-    useTab: (baseTabId: string) => UseTabResult;
-    setActiveTab: (baseTabId: string) => void;
-}
-export {};
+declare type PreConfiguredTabProps = {
+    id: string;
+    label: string;
+    value: string;
+    'aria-controls': string;
+};
+declare type PreConfiguredPanelProps = {
+    id: string;
+    role: string;
+    show: boolean;
+    'aria-labelledby': string;
+};
+export declare type UseTabResult = [PreConfiguredTabProps, PreConfiguredPanelProps];
+export interface UseTabsResult {
+    TabsProps: {
+        onChange: (event: any, value: string) => void;
+        value: string;
+    };
+    useTab: (baseTabId: string) => UseTabResult;
+    setActiveTab: (baseTabId: string) => void;
+}
+export {};

package/build/{index.d.ts → esm/index.d.ts}

@@ -1,3 +1,3 @@
-export * from './components';
-export * from './hooks';
-export * from './util';
+export * from './components';
+export * from './hooks';
+export * from './util';

package/build/esm/index.js

@@ -0,0 +1,60 @@
+export { default as Alert } from '@material-ui/lab/Alert';
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Box, Breadcrumbs, ButtonBase, ClickAwayListener, Fab, GridList, Hidden, Modal, Popover, Popper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, ThemeProvider, Toolbar, alpha, createTheme, darken, decomposeColor, getLuminance, hexToRgb, lighten, makeStyles, recomposeColor, rgbToHex } from '@material-ui/core';
+export { default as AppBar } from '@material-ui/core/AppBar';
+export { Avatar } from './components/Avatar/Avatar.js';
+export { default as Badge } from '@material-ui/core/Badge';
+export { BrowserSilhouette } from './components/BrowserSilhouette/BrowserSilhouette.js';
+export { Button } from './components/Button/Button.js';
+export { default as ButtonGroup } from '@material-ui/core/ButtonGroup';
+export { default as Card } from '@material-ui/core/Card';
+export { default as CardActionArea } from '@material-ui/core/CardActionArea';
+export { default as CardActions } from '@material-ui/core/CardActions';
+export { default as CardContent } from '@material-ui/core/CardContent';
+export { default as CardHeader } from '@material-ui/core/CardHeader';
+export { default as CardMedia } from '@material-ui/core/CardMedia';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { Chip } from './components/Chip/Chip.js';
+export { default as CircularProgress } from '@material-ui/core/CircularProgress';
+export { CollapsibleText } from './components/CollapsibleText/CollapsibleText.js';
+export { default as Dialog } from '@material-ui/core/Dialog';
+export { default as DialogActions } from '@material-ui/core/DialogActions';
+export { default as DialogContent } from '@material-ui/core/DialogContent';
+export { default as DialogTitle } from '@material-ui/core/DialogTitle';
+export { Divider } from './components/Divider/Divider.js';
+export { default as Drawer } from '@material-ui/core/Drawer';
+export { default as FormControl } from '@material-ui/core/FormControl';
+export { default as FormControlLabel } from '@material-ui/core/FormControlLabel';
+export { default as Grid } from '@material-ui/core/Grid';
+export { Icon } from './components/Icon/Icon.js';
+export { IconButton } from './components/IconButton/IconButton.js';
+export { default as InputAdornment } from '@material-ui/core/InputAdornment';
+export { default as LinearProgress } from '@material-ui/core/LinearProgress';
+export { Link } from './components/Link/Link.js';
+export { default as List } from '@material-ui/core/List';
+export { default as ListItem } from '@material-ui/core/ListItem';
+export { default as ListItemAvatar } from '@material-ui/core/ListItemAvatar';
+export { default as ListItemIcon } from '@material-ui/core/ListItemIcon';
+export { default as ListItemSecondaryAction } from '@material-ui/core/ListItemSecondaryAction';
+export { default as ListItemText } from '@material-ui/core/ListItemText';
+export { default as Menu } from '@material-ui/core/Menu';
+export { default as MenuItem } from '@material-ui/core/MenuItem';
+export { default as MenuList } from '@material-ui/core/MenuList';
+export { Paper } from './components/Paper/Paper.js';
+export { PaperContent } from './components/PaperContent/PaperContent.js';
+export { Radio } from './components/Radio/Radio.js';
+export { SplitInput } from './components/SplitInput/SplitInput.js';
+export { Switch } from './components/Switch/Switch.js';
+export { default as Tab } from '@material-ui/core/Tab';
+export { default as Tabs } from '@material-ui/core/Tabs';
+export { TabPanel } from './components/TabPanel/TabPanel.js';
+export { default as TextField } from '@material-ui/core/TextField';
+export { ToggleButton } from './components/ToggleButton/ToggleButton.js';
+export { ToggleButtonGroup } from './components/ToggleButtonGroup/ToggleButtonGroup.js';
+export { Tooltip } from './components/Tooltip/Tooltip.js';
+export { Typography } from './components/Typography/Typography.js';
+export { NumberField } from './components/NumberField/NumberField.js';
+export { FollowerAuthenticationDialog } from './components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.js';
+export { useCollapsibleText } from './hooks/useCollapsibleText.js';
+export { useTabs } from './hooks/useTabs/useTabs.js';
+export { ServerStyleSheets } from '@material-ui/core/styles';
+//# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/{types → esm/types}/index.d.ts

@@ -1,2 +1,2 @@
-export declare type ThemeColors = 'primary' | 'secondary' | 'inherit';
-export declare type SeverityColors = 'info' | 'error' | 'warning' | 'success';
+export declare type ThemeColors = 'primary' | 'secondary' | 'inherit';
+export declare type SeverityColors = 'info' | 'error' | 'warning' | 'success';

package/build/{util → esm/util}/ServerStyleSheets.d.ts

@@ -1 +1 @@
-export { ServerStyleSheets } from '@material-ui/core/styles';
+export { ServerStyleSheets } from '@material-ui/core/styles';

package/build/{util → esm/util}/colors/alpha.d.ts

@@ -1 +1 @@
-export { alpha } from '@material-ui/core';
+export { alpha } from '@material-ui/core';

package/build/{util → esm/util}/colors/darken.d.ts

@@ -1 +1 @@
-export { darken } from '@material-ui/core';
+export { darken } from '@material-ui/core';

package/build/{util → esm/util}/colors/decomposeColor.d.ts

@@ -1 +1 @@
-export { decomposeColor } from '@material-ui/core';
+export { decomposeColor } from '@material-ui/core';

package/build/{util → esm/util}/colors/getLuminance.d.ts

@@ -1 +1 @@
-export { getLuminance } from '@material-ui/core';
+export { getLuminance } from '@material-ui/core';

package/build/{util → esm/util}/colors/hexToRgb.d.ts

@@ -1 +1 @@
-export { hexToRgb } from '@material-ui/core';
+export { hexToRgb } from '@material-ui/core';

package/build/{util → esm/util}/colors/index.d.ts

@@ -1,8 +1,8 @@
-export { alpha } from './alpha';
-export { darken } from './darken';
-export { decomposeColor } from './decomposeColor';
-export { getLuminance } from './getLuminance';
-export { hexToRgb } from './hexToRgb';
-export { lighten } from './lighten';
-export { recomposeColor } from './recomposeColor';
-export { rgbToHex } from './rgbToHex';
+export { alpha } from './alpha';
+export { darken } from './darken';
+export { decomposeColor } from './decomposeColor';
+export { getLuminance } from './getLuminance';
+export { hexToRgb } from './hexToRgb';
+export { lighten } from './lighten';
+export { recomposeColor } from './recomposeColor';
+export { rgbToHex } from './rgbToHex';

package/build/{util → esm/util}/colors/lighten.d.ts

@@ -1 +1 @@
-export { lighten } from '@material-ui/core';
+export { lighten } from '@material-ui/core';

package/build/{util → esm/util}/colors/recomposeColor.d.ts

@@ -1 +1 @@
-export { recomposeColor } from '@material-ui/core';
+export { recomposeColor } from '@material-ui/core';

package/build/{util → esm/util}/colors/rgbToHex.d.ts

@@ -1 +1 @@
-export { rgbToHex } from '@material-ui/core';
+export { rgbToHex } from '@material-ui/core';

package/build/{util → esm/util}/createTheme.d.ts

@@ -1 +1 @@
-export { createTheme } from '@material-ui/core';
+export { createTheme } from '@material-ui/core';

package/build/{util → esm/util}/index.d.ts

@@ -1,4 +1,4 @@
-export * from './colors';
-export { createTheme } from './createTheme';
-export { makeStyles } from './makeStyles';
-export { ServerStyleSheets } from './ServerStyleSheets';
+export * from './colors';
+export { createTheme } from './createTheme';
+export { makeStyles } from './makeStyles';
+export { ServerStyleSheets } from './ServerStyleSheets';

package/build/{util → esm/util}/makeStyles.d.ts

@@ -1 +1 @@
-export { makeStyles } from '@material-ui/core';
+export { makeStyles } from '@material-ui/core';