@workday/canvas-kit-labs-react 7.2.11 → 7.3.0

package/toast/lib/hooks/useToastModel.tsx

@@ -0,0 +1,27 @@
+import {createModelHook, useUniqueId} from '@workday/canvas-kit-react/common';
+export type AriaRoleMode = 'dialog' | 'status' | 'alert';
+
+export const useToastModel = createModelHook({
+  defaultConfig: {
+    /**
+     * Sets the correct aria attributes for the Toast.
+     * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
+     * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
+     * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
+     * @default 'status'
+     */
+    mode: 'status' as AriaRoleMode,
+    /**
+     * When the Toast has a `mode="dialog"` this adds a unique id to type the `Toast.Message` to the dialog.
+     */
+    id: '',
+  },
+})(config => {
+  const id = useUniqueId(config.id);
+  const state = {
+    ...config,
+    id,
+  };
+
+  return {state, events: {}};
+});

package/toast/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/commonjs/toast",
+  "module": "../dist/es6/toast",
+  "sideEffects": false,
+  "types": "../dist/es6/toast"
+}