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

package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts

@@ -1,18 +1,17 @@
-import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
-declare type BannerState = {
+export declare const useBannerModel: (<TT_Special_Generic>(config?: (Partial<{
     /**
      * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
      * will be `exclamationCircleIcon`, and a themed error color will be applied.
      * @default false
      */
-    hasError?: boolean;
+    hasError: boolean;
     /**
      * Optional flag to denote the banner is stuck to the side of the screen. When true the default `Banner.ActionText`
      * will be hidden, and some basic styles will be applied.
      * You will still need to manually set the css `position` value.
      * @default false
      */
-    isSticky?: boolean;
+    isSticky: boolean;
     /**
      * Optional `id` provided to `Banner`'s subcomponents as HTML attributes:
      * - `Banner` will set `aria-describedby` to `label-${id}`
@@ -23,15 +22,82 @@ declare type BannerState = {
      * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
      * @default `useUniqueId()`
      */
-    id?: string;
-};
-declare type BannerEvents = {};
-export declare type BannerModel = Model<BannerState, BannerEvents>;
-declare const BannerEventMap: {
-    guards: {};
-    callbacks: {};
-};
-export declare type BannerModelConfig = BannerState & Partial<ToModelConfig<BannerState, BannerEvents, typeof BannerEventMap>>;
-export declare const useBannerModel: (config?: BannerModelConfig) => BannerModel;
-export {};
+    id: string;
+}> & {} & {}) | undefined) => {
+    state: {
+        id: string;
+        /**
+         * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
+         * will be `exclamationCircleIcon`, and a themed error color will be applied.
+         * @default false
+         */
+        hasError: boolean;
+        /**
+         * Optional flag to denote the banner is stuck to the side of the screen. When true the default `Banner.ActionText`
+         * will be hidden, and some basic styles will be applied.
+         * You will still need to manually set the css `position` value.
+         * @default false
+         */
+        isSticky: boolean;
+    };
+    events: {};
+}) & import("../../../common").ModelExtras<{
+    /**
+     * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
+     * will be `exclamationCircleIcon`, and a themed error color will be applied.
+     * @default false
+     */
+    hasError: boolean;
+    /**
+     * Optional flag to denote the banner is stuck to the side of the screen. When true the default `Banner.ActionText`
+     * will be hidden, and some basic styles will be applied.
+     * You will still need to manually set the css `position` value.
+     * @default false
+     */
+    isSticky: boolean;
+    /**
+     * Optional `id` provided to `Banner`'s subcomponents as HTML attributes:
+     * - `Banner` will set `aria-describedby` to `label-${id}`
+     * - `Banner` will set `aria-label` to `action-${id}`
+     * - `Banner.Label` will set `id` to `label-${id}`
+     * - `Banner.ActionText` will set `id` to `action-${id}`
+     *
+     * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
+     * @default `useUniqueId()`
+     */
+    id: string;
+}, {}, {
+    id: string;
+    /**
+     * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
+     * will be `exclamationCircleIcon`, and a themed error color will be applied.
+     * @default false
+     */
+    hasError: boolean;
+    /**
+     * Optional flag to denote the banner is stuck to the side of the screen. When true the default `Banner.ActionText`
+     * will be hidden, and some basic styles will be applied.
+     * You will still need to manually set the css `position` value.
+     * @default false
+     */
+    isSticky: boolean;
+}, {}, {
+    state: {
+        id: string;
+        /**
+         * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
+         * will be `exclamationCircleIcon`, and a themed error color will be applied.
+         * @default false
+         */
+        hasError: boolean;
+        /**
+         * Optional flag to denote the banner is stuck to the side of the screen. When true the default `Banner.ActionText`
+         * will be hidden, and some basic styles will be applied.
+         * You will still need to manually set the css `position` value.
+         * @default false
+         */
+        isSticky: boolean;
+    };
+    events: {};
+}>;
 //# sourceMappingURL=useBannerModel.d.ts.map

package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBannerModel.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useBannerModel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EACL,aAAa,EAGd,MAAM,kCAAkC,CAAC;AAE1C,aAAK,WAAW,GAAG;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,aAAK,YAAY,GAAG,EAAE,CAAC;AAEvB,oBAAY,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AAE3D,QAAA,MAAM,cAAc;;;CAGlB,CAAC;AAEH,oBAAY,iBAAiB,GAAG,WAAW,GACzC,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC;AAE3E,eAAO,MAAM,cAAc,YAAY,iBAAiB,KAAQ,WAe/D,CAAC"}
+{"version":3,"file":"useBannerModel.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useBannerModel.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;IAEvB;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;;;;;;OASG;;;;;QAtBH;;;;WAIG;;QAEH;;;;;WAKG;;;;;IAXH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;;;;;;OASG;;;;IAtBH;;;;OAIG;;IAEH;;;;;OAKG;;;;;QAXH;;;;WAIG;;QAEH;;;;;WAKG;;;;EA0BL,CAAC"}

package/dist/commonjs/banner/lib/hooks/useBannerModel.js

@@ -1,24 +1,50 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBannerModel = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
-var BannerEventMap = common_1.createEventMap()({
-    guards: {},
-    callbacks: {},
-});
-var useBannerModel = function (config) {
-    var _a, _b;
-    if (config === void 0) { config = {}; }
+exports.useBannerModel = common_1.createModelHook({
+    defaultConfig: {
+        /**
+         * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
+         * will be `exclamationCircleIcon`, and a themed error color will be applied.
+         * @default false
+         */
+        hasError: false,
+        /**
+         * Optional flag to denote the banner is stuck to the side of the screen. When true the default `Banner.ActionText`
+         * will be hidden, and some basic styles will be applied.
+         * You will still need to manually set the css `position` value.
+         * @default false
+         */
+        isSticky: false,
+        /**
+         * Optional `id` provided to `Banner`'s subcomponents as HTML attributes:
+         * - `Banner` will set `aria-describedby` to `label-${id}`
+         * - `Banner` will set `aria-label` to `action-${id}`
+         * - `Banner.Label` will set `id` to `label-${id}`
+         * - `Banner.ActionText` will set `id` to `action-${id}`
+         *
+         * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
+         * @default `useUniqueId()`
+         */
+        id: '',
+    },
+})(function (config) {
     var id = common_1.useUniqueId(config.id);
-    var state = {
-        hasError: (_a = config.hasError) !== null && _a !== void 0 ? _a : false,
-        isSticky: (_b = config.isSticky) !== null && _b !== void 0 ? _b : false,
-        id: id,
-    };
-    var events = common_1.useEventMap(BannerEventMap, state, config, {});
+    var state = __assign(__assign({}, config), { id: id });
     return {
         state: state,
-        events: events,
+        events: {},
     };
-};
-exports.useBannerModel = useBannerModel;
+});

package/dist/commonjs/button/lib/SecondaryButton.d.ts

@@ -21,9 +21,9 @@ export interface SecondaryButtonProps extends Themeable, GrowthBehavior {
      */
     icon?: CanvasSystemIcon;
     /**
-     * Button icon positions can either be `left` or `right`.
-     * If no value is provided, it defaults to `left`.
-     * @default 'left'
+     * Button icon positions can either be `start` or `end`.
+     * If no value is provided, it defaults to `start`.
+     * @default 'start'
      */
     iconPosition?: IconPositions;
     /**

package/dist/commonjs/button/lib/TertiaryButton.d.ts

@@ -16,9 +16,9 @@ export interface TertiaryButtonProps extends Themeable {
      */
     size?: ButtonSizes;
     /**
-     * Button icon positions can either be `left` or `right`.
-     * If no value is provided, it defaults to `left`.
-     * @default 'left'
+     * Button icon positions can either be `start` or `end`.
+     * If no value is provided, it defaults to `start`.
+     * @default 'start'
      */
     iconPosition?: IconPositions;
     /**

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

@@ -0,0 +1,14 @@
+export { defaultGetId } from './lib/useBaseListModel';
+export * from './lib/useListItemRegister';
+export * from './lib/useOverflowListMeasure';
+export * from './lib/useOverflowListItemMeasure';
+export * from './lib/useOverflowListModel';
+export * from './lib/useOverflowListTarget';
+export * from './lib/useListRenderItem';
+export * from './lib/useListResetCursorOnBlur';
+export * from './lib/useListItemRovingFocus';
+export * from './lib/useListItemSelect';
+export * from './lib/useListModel';
+export { ListBox } from './lib/ListBox';
+export { singleSelectionManager, multiSelectionManager, isSelected, } from './lib/useSelectionListModel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC"}

package/dist/commonjs/collection/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSelected = exports.multiSelectionManager = exports.singleSelectionManager = exports.ListBox = exports.defaultGetId = void 0;
+var useBaseListModel_1 = require("./lib/useBaseListModel");
+Object.defineProperty(exports, "defaultGetId", { enumerable: true, get: function () { return useBaseListModel_1.defaultGetId; } });
+__exportStar(require("./lib/useListItemRegister"), exports);
+__exportStar(require("./lib/useOverflowListMeasure"), exports);
+__exportStar(require("./lib/useOverflowListItemMeasure"), exports);
+__exportStar(require("./lib/useOverflowListModel"), exports);
+__exportStar(require("./lib/useOverflowListTarget"), exports);
+__exportStar(require("./lib/useListRenderItem"), exports);
+__exportStar(require("./lib/useListResetCursorOnBlur"), exports);
+__exportStar(require("./lib/useListItemRovingFocus"), exports);
+__exportStar(require("./lib/useListItemSelect"), exports);
+__exportStar(require("./lib/useListModel"), exports);
+var ListBox_1 = require("./lib/ListBox");
+Object.defineProperty(exports, "ListBox", { enumerable: true, get: function () { return ListBox_1.ListBox; } });
+var useSelectionListModel_1 = require("./lib/useSelectionListModel");
+Object.defineProperty(exports, "singleSelectionManager", { enumerable: true, get: function () { return useSelectionListModel_1.singleSelectionManager; } });
+Object.defineProperty(exports, "multiSelectionManager", { enumerable: true, get: function () { return useSelectionListModel_1.multiSelectionManager; } });
+Object.defineProperty(exports, "isSelected", { enumerable: true, get: function () { return useSelectionListModel_1.isSelected; } });