@uniformdev/design-system 18.3.1-alpha.22 → 18.5.0

package/dist/esm/index.js

@@ -634,7 +634,7 @@ function macifyShortcut(shortcut) {
   if (shortcut === null) {
     return null;
   }
-  return shortcut.replace(/alt/g, "option").replace(/(ctrl|control)/g, "command");
+  return shortcut.replace(/alt/g, "option").replace(/(ctrl|control)/g, "meta");
 }
 function useShortcut({
   handler,
@@ -653,13 +653,13 @@ function useShortcut({
       if (!doNotPreventDefault) {
         event.preventDefault();
       }
-      handler(event);
+      handler == null ? void 0 : handler(event);
     },
     activeWhenEditing ? {
       enableOnContentEditable: true,
-      enableOnTags: ["INPUT", "SELECT", "TEXTAREA"]
+      enableOnFormTags: true
     } : {},
-    [handler, doNotPreventDefault]
+    [handler, doNotPreventDefault, activeWhenEditing]
   );
 }
 
@@ -667,7 +667,7 @@ function useShortcut({
 import { jsx as jsx3 } from "@emotion/react/jsx-runtime";
 var loggedHotkeyConsole = false;
 var Context = React2.createContext(false);
-var revealHotkey = ["ctrl+F1", "option+shift+/"];
+var revealHotkey = ["ctrl+F1", "ctrl+shift+/"];
 function ShortcutContext({ children }) {
   const [reveal, setReveal] = useState(false);
   useEffect(() => {
@@ -692,7 +692,7 @@ function ShortcutContext({ children }) {
   return /* @__PURE__ */ jsx3(Context.Provider, { value: reveal, children });
 }
 function computeDisplayedHotkey(shortcut) {
-  return shortcut.replace(/(command|cmd)/g, "\u2318").replace(/option/g, "\u2325").replace(/shift/g, "\u21E7").replace(/ctrl/g, "\u2303");
+  return shortcut.replace(/meta/g, "\u2318").replace(/option/g, "\u2325").replace(/shift/g, "\u21E7").replace(/ctrl/g, "\u2303");
 }
 function ShortcutRevealer({
   shortcut,
@@ -5151,7 +5151,9 @@ export {
   input,
   inputError,
   inputSelect,
+  isMacLike,
   labelText,
+  macifyShortcut,
   mq,
   ripple,
   scrollbarStyles,
@@ -5161,5 +5163,6 @@ export {
   useCurrentTab,
   useDrawer,
   useIconContext,
-  useMenuContext
+  useMenuContext,
+  useShortcut
 };

package/dist/index.d.ts

@@ -993,6 +993,17 @@ declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
     className?: SerializedStyles | string;
 }): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
+declare const isMacLike: boolean;
+type UseShortcutOptions = {
+    shortcut: string | null;
+    macShortcut?: string | null;
+    handler: (event: KeyboardEvent) => void;
+    doNotPreventDefault?: boolean;
+    activeWhenEditing?: boolean;
+};
+declare function macifyShortcut(shortcut: string | null): string | null;
+declare function useShortcut({ handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, }: UseShortcutOptions): void;
+
 type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     /** sets the label value */
     label: string;
@@ -1326,4 +1337,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, StatusBullet, StatusBulletProps, StatusTypeProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, TileContainer, TileContainerProps, UniformBadge, UniformLogo, UniformLogoProps, WarningMessage, WarningMessageProps, breakpoints, button, buttonGhost, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeOutBottom, growSubtle, input, inputError, inputSelect, labelText, mq, ripple, scrollbarStyles, skeletonLoading, supports, useBreakpoint, useCurrentTab, useDrawer, useIconContext, useMenuContext };
+export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, StatusBullet, StatusBulletProps, StatusTypeProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, TileContainer, TileContainerProps, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, WarningMessage, WarningMessageProps, breakpoints, button, buttonGhost, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeOutBottom, growSubtle, input, inputError, inputSelect, isMacLike, labelText, macifyShortcut, mq, ripple, scrollbarStyles, skeletonLoading, supports, useBreakpoint, useCurrentTab, useDrawer, useIconContext, useMenuContext, useShortcut };

package/dist/index.js

@@ -121,7 +121,9 @@ __export(src_exports, {
   input: () => input,
   inputError: () => inputError,
   inputSelect: () => inputSelect,
+  isMacLike: () => isMacLike,
   labelText: () => labelText,
+  macifyShortcut: () => macifyShortcut,
   mq: () => mq,
   ripple: () => ripple,
   scrollbarStyles: () => scrollbarStyles,
@@ -131,7 +133,8 @@ __export(src_exports, {
   useCurrentTab: () => useCurrentTab,
   useDrawer: () => useDrawer,
   useIconContext: () => useIconContext,
-  useMenuContext: () => useMenuContext
+  useMenuContext: () => useMenuContext,
+  useShortcut: () => useShortcut
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -771,7 +774,7 @@ function macifyShortcut(shortcut) {
   if (shortcut === null) {
     return null;
   }
-  return shortcut.replace(/alt/g, "option").replace(/(ctrl|control)/g, "command");
+  return shortcut.replace(/alt/g, "option").replace(/(ctrl|control)/g, "meta");
 }
 function useShortcut({
   handler,
@@ -790,13 +793,13 @@ function useShortcut({
       if (!doNotPreventDefault) {
         event.preventDefault();
       }
-      handler(event);
+      handler == null ? void 0 : handler(event);
     },
     activeWhenEditing ? {
       enableOnContentEditable: true,
-      enableOnTags: ["INPUT", "SELECT", "TEXTAREA"]
+      enableOnFormTags: true
     } : {},
-    [handler, doNotPreventDefault]
+    [handler, doNotPreventDefault, activeWhenEditing]
   );
 }
 
@@ -804,7 +807,7 @@ function useShortcut({
 var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
 var loggedHotkeyConsole = false;
 var Context = import_react7.default.createContext(false);
-var revealHotkey = ["ctrl+F1", "option+shift+/"];
+var revealHotkey = ["ctrl+F1", "ctrl+shift+/"];
 function ShortcutContext({ children }) {
   const [reveal, setReveal] = (0, import_react7.useState)(false);
   (0, import_react7.useEffect)(() => {
@@ -829,7 +832,7 @@ function ShortcutContext({ children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Context.Provider, { value: reveal, children });
 }
 function computeDisplayedHotkey(shortcut) {
-  return shortcut.replace(/(command|cmd)/g, "\u2318").replace(/option/g, "\u2325").replace(/shift/g, "\u21E7").replace(/ctrl/g, "\u2303");
+  return shortcut.replace(/meta/g, "\u2318").replace(/option/g, "\u2325").replace(/shift/g, "\u21E7").replace(/ctrl/g, "\u2303");
 }
 function ShortcutRevealer({
   shortcut,
@@ -5280,7 +5283,9 @@ var StatusBullet = ({ status, hideText = false, message, ...props }) => {
   input,
   inputError,
   inputSelect,
+  isMacLike,
   labelText,
+  macifyShortcut,
   mq,
   ripple,
   scrollbarStyles,
@@ -5290,5 +5295,6 @@ var StatusBullet = ({ status, hideText = false, message, ...props }) => {
   useCurrentTab,
   useDrawer,
   useIconContext,
-  useMenuContext
+  useMenuContext,
+  useShortcut
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "18.3.1-alpha.22+61a3fbd5a",
+  "version": "18.5.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -18,8 +18,8 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.10.5",
-    "@storybook/addon-docs": "6.5.15",
-    "@storybook/react": "6.5.15",
+    "@storybook/addon-docs": "6.5.16",
+    "@storybook/react": "6.5.16",
     "@types/react": "18.0.27",
     "autoprefixer": "10.4.13",
     "hygen": "6.2.11",
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "61a3fbd5aadff46369076445db0ede53fc229d34"
+  "gitHead": "757923e90bece28162621d867709e08674bdaa05"
 }