@workday/canvas-kit-react 7.0.0-alpha.89-next.16 → 7.0.0-alpha.92-next.19

package/dist/commonjs/dialog/lib/hooks/useDialogModel.d.ts

@@ -1,3 +1,140 @@
-import { PopupModelConfig } from '@workday/canvas-kit-react/popup';
-export declare const useDialogModel: (config?: PopupModelConfig) => import("../../..").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>;
+export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
+    returnFocusRef: import("react").RefObject<any> | undefined;
+    initialFocusRef: import("react").RefObject<any> | undefined;
+    id: string;
+    initialVisibility: import("../../..").Visibility;
+}> & {
+    onUpdatePlacement?: ((data: {
+        placement: import("@popperjs/core").Placement;
+    }, prevState: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    }) => void) | undefined;
+    onShow?: ((data: {
+        event: Event | import("react").SyntheticEvent<Element, Event>;
+    } | undefined, prevState: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    }) => void) | undefined;
+    onHide?: ((data: {
+        event: Event | import("react").SyntheticEvent<Element, Event>;
+    } | undefined, prevState: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    }) => void) | undefined;
+} & {
+    shouldUpdatePlacement?: ((data: {
+        placement: import("@popperjs/core").Placement;
+    }, state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    }) => boolean) | undefined;
+    shouldShow?: ((data: {
+        event: Event | import("react").SyntheticEvent<Element, Event>;
+    } | undefined, state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    }) => boolean) | undefined;
+    shouldHide?: ((data: {
+        event: Event | import("react").SyntheticEvent<Element, Event>;
+    } | undefined, state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    }) => boolean) | undefined;
+}) | undefined) => {
+    state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}) & import("../../../common").ModelExtras<{
+    returnFocusRef: import("react").RefObject<any> | undefined;
+    initialFocusRef: import("react").RefObject<any> | undefined;
+    id: string;
+    initialVisibility: import("../../..").Visibility;
+}, {}, {
+    stackRef: import("react").RefObject<HTMLDivElement>;
+    targetRef: import("react").RefObject<HTMLButtonElement>;
+    initialFocusRef: import("react").RefObject<any> | undefined;
+    returnFocusRef: import("react").RefObject<any> | undefined;
+    placement: import("@popperjs/core").Placement;
+    id: string;
+    visibility: import("../../..").Visibility;
+}, {
+    updatePlacement(data: {
+        placement: import("@popperjs/core").Placement;
+    }): void;
+    show(data?: {
+        event: Event | import("react").SyntheticEvent<Element, Event>;
+    } | undefined): void;
+    hide(data?: {
+        event: Event | import("react").SyntheticEvent<Element, Event>;
+    } | undefined): void;
+}, {
+    state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}>;
 //# sourceMappingURL=useDialogModel.d.ts.map

package/dist/commonjs/dialog/lib/hooks/useDialogModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogModel.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogModel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAOjB,MAAM,iCAAiC,CAAC;AAEzC,eAAO,MAAM,cAAc,YAAY,gBAAgB,wGAUtD,CAAC"}
+{"version":3,"file":"useDialogModel.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogModel.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAczB,CAAC"}

package/dist/commonjs/dialog/lib/hooks/useDialogModel.js

@@ -2,8 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialogModel = void 0;
 var popup_1 = require("@workday/canvas-kit-react/popup");
-var useDialogModel = function (config) {
-    if (config === void 0) { config = {}; }
+var common_1 = require("@workday/canvas-kit-react/common");
+exports.useDialogModel = common_1.createModelHook({
+    defaultConfig: popup_1.usePopupModel.defaultConfig,
+    requiredConfig: popup_1.usePopupModel.requiredConfig,
+    contextOverride: popup_1.usePopupModel.Context,
+})(function (config) {
     var model = popup_1.usePopupModel(config);
     popup_1.useInitialFocus(model);
     popup_1.useReturnFocus(model);
@@ -11,5 +15,4 @@ var useDialogModel = function (config) {
     popup_1.useCloseOnEscape(model);
     popup_1.useFocusRedirect(model);
     return model;
-};
-exports.useDialogModel = useDialogModel;
+});

package/dist/commonjs/dialog/lib/hooks/useDialogPopper.d.ts

@@ -1,5 +1,26 @@
 import { CSSProperties } from 'react';
-export declare const useDialogPopper: <P extends {}, R>(model: import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+export declare const useDialogPopper: <P extends {}, R>(model: {
+    state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     'aria-owns': string;
     style: CSSProperties;
 } & P & (R extends HTMLOrSVGElement ? {

package/dist/commonjs/dialog/lib/hooks/useDialogPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogPopper.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogPopper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,eAAO,MAAM,eAAe;;;;;OAK1B,CAAC"}
+{"version":3,"file":"useDialogPopper.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogPopper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;OAK1B,CAAC"}

package/dist/commonjs/dialog/lib/hooks/useDialogPopper.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialogPopper = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
-exports.useDialogPopper = common_1.createHook(function (_a) {
+var popup_1 = require("@workday/canvas-kit-react/popup");
+exports.useDialogPopper = common_1.createElemPropsHook(popup_1.usePopupModel)(function (_a) {
     var state = _a.state;
     return {
         'aria-owns': "dialog-" + state.id,

package/dist/commonjs/disclosure/lib/useDisclosureModel.d.ts

@@ -1,62 +1,148 @@
 import React from 'react';
-import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
-export declare type DisclosureState = {
+export declare type Visibility = 'hidden' | 'visible';
+export declare const useDisclosureModel: (<TT_Special_Generic>(config?: (Partial<{
     /** ID reference of the list. Children ids can be derived from this id */
     id: string;
-    /** Visibility state of the disclosed content. Models are allowed to extend the states to fit
+    /**
+     * The initial visibility of the disclosed content
+     * @default 'hidden'
+     */
+    initialVisibility: Visibility;
+}> & {
+    onShow?: ((data: {
+        event: Event | React.SyntheticEvent;
+    } | undefined, prevState: {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: string;
+        /**
+         * Visibility state of the disclosed content. Models are allowed to extend the states to fit
+         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
+         * 'hidden'` rather than `visibility === 'visible'`
+         */
+        visibility: Visibility;
+    }) => void) | undefined;
+    onHide?: ((data: {
+        event: Event | React.SyntheticEvent;
+    } | undefined, prevState: {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: string;
+        /**
+         * Visibility state of the disclosed content. Models are allowed to extend the states to fit
+         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
+         * 'hidden'` rather than `visibility === 'visible'`
+         */
+        visibility: Visibility;
+    }) => void) | undefined;
+} & {
+    shouldShow?: ((data: {
+        event: Event | React.SyntheticEvent;
+    } | undefined, state: {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: string;
+        /**
+         * Visibility state of the disclosed content. Models are allowed to extend the states to fit
+         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
+         * 'hidden'` rather than `visibility === 'visible'`
+         */
+        visibility: Visibility;
+    }) => boolean) | undefined;
+    shouldHide?: ((data: {
+        event: Event | React.SyntheticEvent;
+    } | undefined, state: {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: string;
+        /**
+         * Visibility state of the disclosed content. Models are allowed to extend the states to fit
+         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
+         * 'hidden'` rather than `visibility === 'visible'`
+         */
+        visibility: Visibility;
+    }) => boolean) | undefined;
+}) | undefined) => {
+    state: {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: string;
+        /**
+         * Visibility state of the disclosed content. Models are allowed to extend the states to fit
+         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
+         * 'hidden'` rather than `visibility === 'visible'`
+         */
+        visibility: Visibility;
+    };
+    events: {
+        /**
+         * Start showing the disclosed content. If a DOM event triggered this event, the event data will
+         * be passed along. This data can be used by guards and callbacks.
+         */
+        show(data?: {
+            event: Event | React.SyntheticEvent;
+        } | undefined): void;
+        /**
+         * Start hiding this disclosed content. If a DOM event triggered this event, the event data will
+         * be passed along. This data can be used by guards and callbacks.
+         */
+        hide(data?: {
+            event: Event | React.SyntheticEvent;
+        } | undefined): void;
+    };
+}) & import("../../common").ModelExtras<{
+    /** ID reference of the list. Children ids can be derived from this id */
+    id: string;
+    /**
+     * The initial visibility of the disclosed content
+     * @default 'hidden'
+     */
+    initialVisibility: Visibility;
+}, {}, {
+    /** ID reference of the list. Children ids can be derived from this id */
+    id: string;
+    /**
+     * Visibility state of the disclosed content. Models are allowed to extend the states to fit
      * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-     * 'hidden'` rather than `visibility === 'visible'` */
-    visibility: 'hidden' | 'visible';
-};
-export declare type DisclosureEvents = {
+     * 'hidden'` rather than `visibility === 'visible'`
+     */
+    visibility: Visibility;
+}, {
     /**
      * Start showing the disclosed content. If a DOM event triggered this event, the event data will
      * be passed along. This data can be used by guards and callbacks.
      */
     show(data?: {
         event: Event | React.SyntheticEvent;
-    }): void;
+    } | undefined): void;
     /**
      * Start hiding this disclosed content. If a DOM event triggered this event, the event data will
-     * be passed along. This data can be used by guards and callbacks. */
+     * be passed along. This data can be used by guards and callbacks.
+     */
     hide(data?: {
         event: Event | React.SyntheticEvent;
-    }): void;
-};
-export declare type DisclosureModel = Model<DisclosureState, DisclosureEvents>;
-export declare const disclosureEventMap: {
-    guards: {
+    } | undefined): void;
+}, {
+    state: {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: string;
         /**
-         * Determines if a Disclosure component should show. Returning false will prevent the
-         * contents from showing. This might be useful for components like an `OverflowTooltip` where
-         * the contents only need to show if overflow is detected.
+         * Visibility state of the disclosed content. Models are allowed to extend the states to fit
+         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
+         * 'hidden'` rather than `visibility === 'visible'`
          */
-        shouldShow: "show";
-        /**
-         * Determines if a Disclosure component should hide. Returning false will prevent the
-         * contents from hiding.
-         */
-        shouldHide: "hide";
+        visibility: Visibility;
     };
-    callbacks: {
+    events: {
         /**
-         * Called when disclosed contents start showing. It is safe to update state inside this callback
+         * Start showing the disclosed content. If a DOM event triggered this event, the event data will
+         * be passed along. This data can be used by guards and callbacks.
          */
-        onShow: "show";
+        show(data?: {
+            event: Event | React.SyntheticEvent;
+        } | undefined): void;
         /**
-         * Called when disclosed contents start hiding. It is safe to update state inside this callback
+         * Start hiding this disclosed content. If a DOM event triggered this event, the event data will
+         * be passed along. This data can be used by guards and callbacks.
          */
-        onHide: "hide";
+        hide(data?: {
+            event: Event | React.SyntheticEvent;
+        } | undefined): void;
     };
-};
-export declare type BaseDisclosureModelConfig = {
-    /** ID reference of the list. Children ids can be derived from this id */
-    id?: string;
-    /** The initial visibility of the disclosed content
-     * @default 'hidden'
-     */
-    initialVisibility?: DisclosureState['visibility'];
-};
-export declare type DisclosureModelConfig = BaseDisclosureModelConfig & Partial<ToModelConfig<DisclosureState, DisclosureEvents, typeof disclosureEventMap>>;
-export declare const useDisclosureModel: (config?: DisclosureModelConfig) => DisclosureModel;
+}>;
 //# sourceMappingURL=useDisclosureModel.d.ts.map

package/dist/commonjs/disclosure/lib/useDisclosureModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDisclosureModel.d.ts","sourceRoot":"","sources":["../../../../disclosure/lib/useDisclosureModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,EACL,aAAa,EAGd,MAAM,kCAAkC,CAAC;AAE1C,oBAAY,eAAe,GAAG;IAC5B,yEAAyE;IACzE,EAAE,EAAE,MAAM,CAAC;IACX;;0DAEsD;IACtD,UAAU,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,IAAI,CAAC,IAAI,CAAC,EAAE;QAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,cAAc,CAAA;KAAC,GAAG,IAAI,CAAC;IACzD;;yEAEqE;IACrE,IAAI,CAAC,IAAI,CAAC,EAAE;QAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,cAAc,CAAA;KAAC,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF,oBAAY,eAAe,GAAG,KAAK,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;AAEvE,eAAO,MAAM,kBAAkB;;QAE3B;;;;WAIG;;QAEH;;;WAGG;;;;QAIH;;WAEG;;QAEH;;WAEG;;;CAGL,CAAC;AAEH,oBAAY,yBAAyB,GAAG;IACtC,yEAAyE;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACnD,CAAC;AAEF,oBAAY,qBAAqB,GAAG,yBAAyB,GAC3D,OAAO,CAAC,aAAa,CAAC,eAAe,EAAE,gBAAgB,EAAE,OAAO,kBAAkB,CAAC,CAAC,CAAC;AAEvF,eAAO,MAAM,kBAAkB,YAAY,qBAAqB,KAAQ,eAkBvE,CAAC"}
+{"version":3,"file":"useDisclosureModel.d.ts","sourceRoot":"","sources":["../../../../disclosure/lib/useDisclosureModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9C,eAAO,MAAM,kBAAkB;IAE3B,yEAAyE;;IAEzE;;;OAGG;;;;eAuBiB,KAAK,GAAG,MAAM,cAAc;;QAfhD,yEAAyE;;QAEzE;;;;WAIG;;;;eAgBiB,KAAK,GAAG,MAAM,cAAc;;QAtBhD,yEAAyE;;QAEzE;;;;WAIG;;;;;eASiB,KAAK,GAAG,MAAM,cAAc;;QAfhD,yEAAyE;;QAEzE;;;;WAIG;;;;eAgBiB,KAAK,GAAG,MAAM,cAAc;;QAtBhD,yEAAyE;;QAEzE;;;;WAIG;;;;;QANH,yEAAyE;;QAEzE;;;;WAIG;;;;QAKH;;;WAGG;;mBACiB,KAAK,GAAG,MAAM,cAAc;;QAGhD;;;WAGG;;mBACiB,KAAK,GAAG,MAAM,cAAc;;;;IAnChD,yEAAyE;;IAEzE;;;OAGG;;;IAQH,yEAAyE;;IAEzE;;;;OAIG;;;IAKH;;;OAGG;;eACiB,KAAK,GAAG,MAAM,cAAc;;IAGhD;;;OAGG;;eACiB,KAAK,GAAG,MAAM,cAAc;;;;QAtBhD,yEAAyE;;QAEzE;;;;WAIG;;;;QAKH;;;WAGG;;mBACiB,KAAK,GAAG,MAAM,cAAc;;QAGhD;;;WAGG;;mBACiB,KAAK,GAAG,MAAM,cAAc;;;EAMlD,CAAC"}

package/dist/commonjs/disclosure/lib/useDisclosureModel.js

@@ -3,47 +3,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDisclosureModel = exports.disclosureEventMap = void 0;
+exports.useDisclosureModel = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
-exports.disclosureEventMap = common_1.createEventMap()({
-    guards: {
+exports.useDisclosureModel = common_1.createModelHook({
+    defaultConfig: {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: '',
         /**
-         * Determines if a Disclosure component should show. Returning false will prevent the
-         * contents from showing. This might be useful for components like an `OverflowTooltip` where
-         * the contents only need to show if overflow is detected.
+         * The initial visibility of the disclosed content
+         * @default 'hidden'
          */
-        shouldShow: 'show',
-        /**
-         * Determines if a Disclosure component should hide. Returning false will prevent the
-         * contents from hiding.
-         */
-        shouldHide: 'hide',
+        initialVisibility: 'hidden',
     },
-    callbacks: {
+})(function (config) {
+    var id = common_1.useUniqueId(config.id);
+    var _a = react_1.default.useState(config.initialVisibility || 'hidden'), visibility = _a[0], setVisibility = _a[1];
+    var state = {
+        /** ID reference of the list. Children ids can be derived from this id */
+        id: id,
         /**
-         * Called when disclosed contents start showing. It is safe to update state inside this callback
+         * Visibility state of the disclosed content. Models are allowed to extend the states to fit
+         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
+         * 'hidden'` rather than `visibility === 'visible'`
          */
-        onShow: 'show',
+        visibility: visibility,
+    };
+    var events = {
         /**
-         * Called when disclosed contents start hiding. It is safe to update state inside this callback
+         * Start showing the disclosed content. If a DOM event triggered this event, the event data will
+         * be passed along. This data can be used by guards and callbacks.
          */
-        onHide: 'hide',
-    },
-});
-var useDisclosureModel = function (config) {
-    if (config === void 0) { config = {}; }
-    var id = common_1.useUniqueId(config.id);
-    var _a = react_1.default.useState(config.initialVisibility || 'hidden'), visibility = _a[0], setVisibility = _a[1];
-    var state = { id: id, visibility: visibility };
-    var events = common_1.useEventMap(exports.disclosureEventMap, state, config, {
-        show: function () {
+        show: function (data) {
             setVisibility('visible');
         },
-        hide: function () {
+        /**
+         * Start hiding this disclosed content. If a DOM event triggered this event, the event data will
+         * be passed along. This data can be used by guards and callbacks.
+         */
+        hide: function (data) {
             setVisibility('hidden');
         },
-    });
+    };
     return { state: state, events: events };
-};
-exports.useDisclosureModel = useDisclosureModel;
+});

package/dist/commonjs/icon/lib/AccentIcon.js

@@ -49,7 +49,7 @@ var React = __importStar(require("react"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var design_assets_types_1 = require("@workday/design-assets-types");
 var Icon_1 = __importDefault(require("./Icon"));
-var common_1 = require("../../common");
+var common_1 = require("@workday/canvas-kit-react/common");
 var accentIconStyles = function (_a) {
     var _b = _a.color, color = _b === void 0 ? tokens_1.colors.blueberry500 : _b, _c = _a.transparent, transparent = _c === void 0 ? false : _c;
     return ({

package/dist/commonjs/icon/lib/AppletIcon.js

@@ -49,7 +49,7 @@ var React = __importStar(require("react"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var design_assets_types_1 = require("@workday/design-assets-types");
 var Icon_1 = __importDefault(require("./Icon"));
-var common_1 = require("../../common");
+var common_1 = require("@workday/canvas-kit-react/common");
 var appletIconStyles = function (_a) {
     var _b = _a.color, color = _b === void 0 ? tokens_1.BrandingColor.Blueberry : _b;
     // Check if valid color

package/dist/commonjs/icon/lib/Graphic.js

@@ -48,7 +48,7 @@ exports.graphicStyles = void 0;
 var React = __importStar(require("react"));
 var design_assets_types_1 = require("@workday/design-assets-types");
 var Svg_1 = __importDefault(require("./Svg"));
-var common_1 = require("../../common");
+var common_1 = require("@workday/canvas-kit-react/common");
 var graphicStyles = function (_a) {
     var width = _a.width, height = _a.height, grow = _a.grow;
     if (grow) {

package/dist/commonjs/icon/lib/Icon.js

@@ -47,7 +47,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 var React = __importStar(require("react"));
 var Svg_1 = __importDefault(require("./Svg"));
-var common_1 = require("../../common");
+var common_1 = require("@workday/canvas-kit-react/common");
 exports.Icon = common_1.createComponent('span')({
     displayName: 'Icon',
     Component: function (_a, ref, Element) {

package/dist/commonjs/icon/lib/SystemIcon.js

@@ -49,7 +49,7 @@ var React = __importStar(require("react"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var design_assets_types_1 = require("@workday/design-assets-types");
 var Icon_1 = __importDefault(require("./Icon"));
-var common_1 = require("../../common");
+var common_1 = require("@workday/canvas-kit-react/common");
 var systemIconStyles = function (_a) {
     var accent = _a.accent, accentHover = _a.accentHover, _b = _a.background, background = _b === void 0 ? 'transparent' : _b, _c = _a.backgroundHover, backgroundHover = _c === void 0 ? 'transparent' : _c, _d = _a.color, color = _d === void 0 ? tokens_1.iconColors.standard : _d, _e = _a.colorHover, colorHover = _e === void 0 ? tokens_1.iconColors.hover : _e, fill = _a.fill, fillHover = _a.fillHover;
     return ({

package/dist/commonjs/index.d.ts

@@ -5,6 +5,7 @@ export * from './banner';
 export * from './button';
 export * from './card';
 export * from './checkbox';
+export * from './collection';
 export * from './color-picker';
 export * from './common';
 export * from './dialog';
@@ -13,6 +14,7 @@ export * from './form-field';
 export * from './icon';
 export * from './layout';
 export * from './loading-animation';
+export * from './menu';
 export * from './modal';
 export * from './pagination';
 export * from './popup';

package/dist/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}

package/dist/commonjs/index.js

@@ -17,6 +17,7 @@ __exportStar(require("./banner"), exports);
 __exportStar(require("./button"), exports);
 __exportStar(require("./card"), exports);
 __exportStar(require("./checkbox"), exports);
+__exportStar(require("./collection"), exports);
 __exportStar(require("./color-picker"), exports);
 __exportStar(require("./common"), exports);
 __exportStar(require("./dialog"), exports);
@@ -25,6 +26,7 @@ __exportStar(require("./form-field"), exports);
 __exportStar(require("./icon"), exports);
 __exportStar(require("./layout"), exports);
 __exportStar(require("./loading-animation"), exports);
+__exportStar(require("./menu"), exports);
 __exportStar(require("./modal"), exports);
 __exportStar(require("./pagination"), exports);
 __exportStar(require("./popup"), exports);

package/dist/commonjs/layout/lib/Flex.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from '@workday/canvas-kit-react/layout';
+import { BoxProps } from './Box';
 import { FlexStyleProps } from './utils/flex';
 export declare type FlexProps = BoxProps & FlexStyleProps;
 /**

package/dist/commonjs/layout/lib/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,oBAAY,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;AASlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI,gnBASf,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,oBAAY,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;AASlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI,gnBASf,CAAC"}

package/dist/commonjs/layout/lib/Flex.js

@@ -48,9 +48,9 @@ exports.Flex = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
+var Box_1 = require("./Box");
 var flex_1 = require("./utils/flex");
-var StyledFlex = styled_1.default(layout_1.Box)({
+var StyledFlex = styled_1.default(Box_1.Box)({
     display: 'flex',
 }, flex_1.flex);
 /**

package/dist/commonjs/layout/lib/Stack.js

@@ -48,7 +48,7 @@ exports.VStack = exports.HStack = exports.Stack = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
+var Box_1 = require("./Box");
 var Flex_1 = require("./Flex");
 var getValidChildren_1 = require("./utils/getValidChildren");
 var stack_1 = require("./utils/stack");
@@ -56,7 +56,7 @@ var StackItem = common_1.createComponent('div')({
     displayName: 'Stack.Item',
     Component: function (_a, ref, Element) {
         var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(layout_1.Box, __assign({ as: Element, ref: ref, display: "inline-block", flex: "0 0 auto", minWidth: 0 }, elemProps), children));
+        return (React.createElement(Box_1.Box, __assign({ as: Element, ref: ref, display: "inline-block", flex: "0 0 auto", minWidth: 0 }, elemProps), children));
     },
 });
 // prevent `spacing` prop from being passed through to the HTML element

package/dist/commonjs/menu/index.d.ts

@@ -0,0 +1,8 @@
+export { useMenuModel } from './lib/useMenuModel';
+export { Menu } from './lib/Menu';
+export { useMenuCard } from './lib/MenuCard';
+export { useMenuItem } from './lib/MenuItem';
+export { useMenuList } from './lib/MenuList';
+export { useMenuPopper } from './lib/MenuPopper';
+export { useMenuTarget, useMenuTargetContext } from './lib/MenuTarget';
+//# sourceMappingURL=index.d.ts.map