@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009053130

package/dist/esm/packages/components/src/__future__/Select/subcomponents/ListItem/ListItem.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ListBoxSection } from '../ListBoxSection/ListBoxSection.js';
+import { Option } from '../Option/Option.js';
+
+var ListItem = function(_a) {
+  var item = _a.item;
+  return item.type === "section" ? React.createElement(ListBoxSection, { key: item.key, section: item }) : React.createElement(Option, { key: item.key, item });
+};
+ListItem.displayName = "ListItem";
+
+export { ListItem };
+//# sourceMappingURL=ListItem.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/ListItem/ListItem.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectItemNode, SelectOption } from \"../../types\"\nimport { ListBoxSection } from \"../ListBoxSection\"\nimport { Option } from \"../Option\"\n\nexport type ListItemProps<Option extends SelectOption = SelectOption> = {\n  item: SelectItemNode<Option>\n}\n\nexport const ListItem = <Option extends SelectOption = SelectOption>({\n  item,\n}: ListItemProps<Option>): JSX.Element =>\n  item.type === \"section\" ? (\n    <ListBoxSection<Option> key={item.key} section={item} />\n  ) : (\n    <Option<Option> key={item.key} item={item} />\n  )\n\nListItem.displayName = \"ListItem\"\n"],"names":[],"mappings":";;;;AASa,IAAA,QAAA,GAAW,SAA6C,EAE7C,EAAA;AADtB,EAAA,IAAA,OAAI,EAAA,CAAA,IAAA,CAAA;AAEJ,EAAA,OAAA,IAAA,CAAK,SAAS,SACZ,GAAA,KAAA,CAAC,cAAA,kBAAuB,GAAK,EAAA,IAAA,CAAK,GAAK,EAAA,OAAA,EAAS,MAAI,CAAA,GAEpD,MAAA,aAAC,CAAA,MAAA,EAAe,EAAA,GAAK,EAAA,IAAA,CAAK,GAAK,EAAA,IAAA;AAHjC,EAAA;AAMF,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Select/subcomponents/ListItems/ListItems.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ListItem } from '../ListItem/ListItem.js';
+
+var ListItems = function(_a) {
+  var items = _a.items;
+  return React.createElement(React.Fragment, null, items.map(function(item) {
+    return React.createElement(ListItem, { key: item.key, item });
+  }));
+};
+ListItems.displayName = "ListItems";
+
+export { ListItems };
+//# sourceMappingURL=ListItems.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/ListItems/ListItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItems.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/ListItems/ListItems.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectOption } from \"../../types\"\nimport { ListItem, ListItemProps } from \"../ListItem\"\n\nexport type ListItemsProps<Option extends SelectOption> = {\n  items: Array<ListItemProps<Option>[\"item\"]>\n}\n\n/*\n * Default rendered list of select items\n */\nexport const ListItems = <Option extends SelectOption>({\n  items,\n}: ListItemsProps<Option>): JSX.Element => (\n  <>\n    {items.map(item => (\n      <ListItem<Option> key={item.key} item={item} />\n    ))}\n  </>\n)\n\nListItems.displayName = \"ListItems\"\n"],"names":[],"mappings":";;;AAWa,IAAA,SAAA,GAAY,SAA8B,EAE9B,EAAA;AADvB,EAAA,IAAA,QAAK,EAAA,CAAA,KAAA,CAAA;AACoC,EACzC,OAAA,KAAA,CAAA,cAAA,KAAA,CAAA,QAAA,EAAA,MACG,KAAM,CAAA,GAAA,CAAI,SAAA,IAAQ,EAAA;AAAA,IACjB,OAAA,KAAA,CAAA,cAAC,QAAQ,EAAA,EAAS,KAAK,IAAK,CAAA,GAAA,EAAK,MAAU,CAAA,CAAA;AAAA,GAC5C,CAAC,CAAA,CAAA;AAJqC,EAAA;AAQ3C,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Select/subcomponents/Option/Option.js

@@ -0,0 +1,29 @@
+import { __rest, __assign } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useFocusRing } from '@react-aria/focus';
+import { useOption } from '@react-aria/listbox';
+import { mergeProps } from '@react-aria/utils';
+import classnames from 'classnames';
+import 'uuid';
+import '../../../../Icon/subcomponents/SVG/SVG.js';
+import { CheckIcon } from '../../../../Icon/CheckIcon.js';
+import { useSelectContext } from '../../context/SelectContext.js';
+import styles from './Option.module.scss.js';
+
+var Option = function(_a) {
+  var item = _a.item, classNameOverride = _a.classNameOverride, props = __rest(_a, ["item", "classNameOverride"]);
+  var state = useSelectContext().state;
+  var ref = React.useRef(null);
+  var _b = useOption({ key: item.key }, state, ref), optionProps = _b.optionProps, isSelected = _b.isSelected, isDisabled = _b.isDisabled;
+  var _c = useFocusRing(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
+  return React.createElement(
+    "li",
+    __assign({}, mergeProps(optionProps, focusProps, props), { ref, className: classnames(styles.option, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.disabled, classNameOverride), "aria-label": item.textValue }),
+    item.rendered,
+    React.createElement("span", { className: classnames(styles.icon, isSelected && styles.isSelected) }, isSelected && React.createElement(CheckIcon, { inheritSize: true, role: "presentation" }))
+  );
+};
+Option.displayName = "Option";
+
+export { Option };
+//# sourceMappingURL=Option.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/Option/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/Option/Option.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { useFocusRing } from \"@react-aria/focus\"\nimport { useOption } from \"@react-aria/listbox\"\nimport { mergeProps } from \"@react-aria/utils\"\nimport classnames from \"classnames\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useSelectContext } from \"../../context\"\nimport { SelectOption, SelectOptionNode } from \"../../types\"\nimport styles from \"./Option.module.scss\"\n\nexport type OptionProps<Option extends SelectOption = SelectOption> = {\n  item: SelectOptionNode<Option>\n} & OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, \"children\">>\n\nexport const Option = <Option extends SelectOption = SelectOption>({\n  item,\n  classNameOverride,\n  ...props\n}: OptionProps<Option>): JSX.Element => {\n  const { state } = useSelectContext<Option>()\n  const ref = React.useRef<HTMLLIElement>(null)\n  const { optionProps, isSelected, isDisabled } = useOption(\n    { key: item.key },\n    state,\n    ref\n  )\n\n  const { isFocusVisible, focusProps } = useFocusRing()\n\n  return (\n    <li\n      {...mergeProps(optionProps, focusProps, props)}\n      ref={ref}\n      className={classnames(\n        styles.option,\n        isSelected && styles.isSelected,\n        isFocusVisible && styles.isFocusVisible,\n        isDisabled && styles.disabled,\n        classNameOverride\n      )}\n      aria-label={item.textValue}\n    >\n      {item.rendered}\n      <span\n        className={classnames(styles.icon, isSelected && styles.isSelected)}\n      >\n        {isSelected && <CheckIcon inheritSize role=\"presentation\" />}\n      </span>\n    </li>\n  )\n}\n\nOption.displayName = \"Option\"\n"],"names":[],"mappings":";;;;;;;;;;;;AAea,IAAA,MAAA,GAAS,SAA6C,EAI7C,EAAA;AAHpB,EAAA,IAAA,cACA,EAAA,iBAAA,yBACG,KAH8D,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,mBAAA,CAIlE,CAAA,CAAA;AACS,EAAA,IAAA,KAAA,GAAU;AAClB,EAAM,IAAA,GAAA,GAAM,KAAM,CAAA,MAAA,CAAsB,IAAI,CAAA,CAAA;AACtC,EAAA,IAAA,KAA0C,SAC9C,CAAA,EAAE,GAAK,EAAA,IAAA,CAAK,KACZ,EAAA,KAAA,EACA,GAAG,CAAA,EAHG,cAAW,EAAA,CAAA,WAAA,EAAE,aAAU,EAAA,CAAA,UAAA,EAAE,aAAU,EAAA,CAAA,UAAA,CAAA;AAMrC,EAAA,IAAA,KAAiC,YAAc,EAAA,EAA7C,iBAAc,EAAA,CAAA,cAAA,EAAE,aAAU,EAAA,CAAA,UAAA,CAAA;AAElC,EAAA,OACE;;eACM,EAAA,UAAA,CAAW,WAAa,EAAA,UAAA,EAAY,KAAK,CAAA,IAC7C,GAAA,EACA,SAAW,EAAA,UAAA,CACT,MAAO,CAAA,MAAA,EACP,UAAc,IAAA,MAAA,CAAO,UACrB,EAAA,cAAA,IAAkB,MAAO,CAAA,cAAA,EACzB,UAAc,IAAA,MAAA,CAAO,QACrB,EAAA,iBAAiB,CAClB,EAAA,YAAA,EACW,IAAK,CAAA,SAAA,EAAS,CAAA;AAAA,IAEzB,IAAK,CAAA,QAAA;AAAA,IACN,KAAA,CAAA,cAAA,MAAA,EAAA,EACE,WAAW,UAAW,CAAA,MAAA,CAAO,IAAM,EAAA,UAAA,IAAc,MAAO,CAAA,UAAU,GAEjE,EAAA,UAAA,IAAc,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,aAAW,IAAC,EAAA,IAAA,EAAK,cAAc,EAAA,CAAG,CAAA;AAAA,GACvD,CAAA;AAGb,EAAA;AAEA,MAAA,CAAO,WAAc,GAAA,QAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Select/subcomponents/Option/Option.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"icon":"Option-module_icon__i3CDN","option":"Option-module_option__gPSuE","isFocusVisible":"Option-module_isFocusVisible__wzfsx","disabled":"Option-module_disabled__ob1Pw","isSelected":"Option-module_isSelected__J3Z-z"};
+
+export { styles as default };
+//# sourceMappingURL=Option.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/Option/Option.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Select/subcomponents/Overlay/Overlay.js

@@ -0,0 +1,27 @@
+import { __rest, __assign } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { FocusScope } from '@react-aria/focus';
+import { useOverlay, DismissButton } from '@react-aria/overlays';
+import { useSelectContext } from '../../context/SelectContext.js';
+
+var Overlay = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  var state = useSelectContext().state;
+  var overlayRef = React.useRef(null);
+  var overlayProps = useOverlay({ isDismissable: true, isOpen: state.isOpen, onClose: state.close }, overlayRef).overlayProps;
+  return React.createElement(
+    "div",
+    __assign({ ref: overlayRef, className: classNameOverride }, overlayProps, restProps),
+    React.createElement(
+      FocusScope,
+      { autoFocus: true, restoreFocus: true },
+      React.createElement(DismissButton, { onDismiss: state.close }),
+      children,
+      React.createElement(DismissButton, { onDismiss: state.close })
+    )
+  );
+};
+Overlay.displayName = "Overlay";
+
+export { Overlay };
+//# sourceMappingURL=Overlay.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/Overlay/Overlay.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { FocusScope } from \"@react-aria/focus\"\nimport { useOverlay, DismissButton } from \"@react-aria/overlays\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useSelectContext } from \"../../context\"\nimport { SelectOption } from \"../../types\"\n\nexport type OverlayProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {\n  children: React.ReactNode\n}\n\nexport const Overlay = <Option extends SelectOption>({\n  children,\n  classNameOverride,\n  ...restProps\n}: OverlayProps): JSX.Element => {\n  const { state } = useSelectContext<Option>()\n\n  // Handle events that should cause the menu to close,\n  // e.g. blur, clicking outside, or pressing the escape key.\n  const overlayRef = React.useRef<HTMLDivElement>(null)\n  const { overlayProps } = useOverlay(\n    { isDismissable: true, isOpen: state.isOpen, onClose: state.close },\n    overlayRef\n  )\n\n  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed\n  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)\n  // In addition, add hidden <DismissButton> components at the start and end of the list\n  // to allow screen reader users to dismiss the popup easily.\n  return (\n    <div\n      ref={overlayRef}\n      className={classNameOverride}\n      {...overlayProps}\n      {...restProps}\n    >\n      {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n      <FocusScope autoFocus restoreFocus>\n        <DismissButton onDismiss={state.close} />\n        {children}\n        <DismissButton onDismiss={state.close} />\n      </FocusScope>\n    </div>\n  )\n}\n\nOverlay.displayName = \"Overlay\"\n"],"names":[],"mappings":";;;;;;AAWa,IAAA,OAAA,GAAU,SAA8B,EAItC,EAAA;AAHb,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHgD,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAIpD,CAAA,CAAA;AACS,EAAA,IAAA,KAAA,GAAU;AAIlB,EAAM,IAAA,UAAA,GAAa,KAAM,CAAA,MAAA,CAAuB,IAAI,CAAA,CAAA;AAC5C,EAAA,IAAA,YAAiB,GAAA,UAAA,CACvB,EAAE,aAAA,EAAe,IAAM,EAAA,MAAA,EAAQ,KAAM,CAAA,MAAA,EAAQ,OAAS,EAAA,KAAA,CAAM,KAAK,EAAA,EACjE,UAAU,CACX,CAAA,YAAA,CAAA;AAMD,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,QAAA,CAAA,EACE,GAAK,EAAA,UAAA,EACL,WAAW,iBAAiB,EAAA,EACxB,cACA,SAAS,CAAA;AAAA,IAGb,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAU,EAAC,SAAA,EAAS,IAAC,EAAA,YAAA,EAAY,IAAA,EAAA;AAAA,MAChC,MAAA,aAAC,CAAA,aAAA,EAAc,EAAA,SAAW,EAAA,KAAA,CAAM,OAAS,CAAA;AAAA,MACxC,QAAA;AAAA,MACD,MAAC,aAAA,CAAA,aAAA,EAAc,EAAA,SAAW,EAAA,KAAA,CAAM,OAAS,CAAA;AAAA,KAAA;AAAA,GAC9B,CAAA;AAGnB,EAAA;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SectionDivider/SectionDivider.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Divider } from '@kaizen/draft-divider';
+import styles from './SectionDivider.module.scss.js';
+
+var SectionDivider = function() {
+  return React.createElement(Divider, { classNameOverride: styles.divider, variant: "canvas" });
+};
+SectionDivider.displayName = "SectionDivider";
+
+export { SectionDivider };
+//# sourceMappingURL=SectionDivider.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SectionDivider/SectionDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/SectionDivider/SectionDivider.tsx"],"sourcesContent":["import React from \"react\"\nimport { Divider } from \"@kaizen/draft-divider\"\nimport styles from \"./SectionDivider.module.scss\"\n\nexport const SectionDivider = (): JSX.Element => (\n  <Divider classNameOverride={styles.divider} variant=\"canvas\" />\n)\n\nSectionDivider.displayName = \"SectionDivider\"\n"],"names":[],"mappings":";;;;AAIO,IAAM,iBAAiB;AAAmB,EAC/C,OAAA,KAAA,CAAC,cAAA,OAAQ,EAAA,EAAA,mBAAmB,MAAO,CAAA,OAAA,EAAS,OAAQ,EAAA,QAAA,EAAW,CAAA,CAAA;AADhB,EAAA;AAIjD,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"divider":"SectionDivider-module_divider__qtq-c"};
+
+export { styles as default };
+//# sourceMappingURL=SectionDivider.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { useSelectContext } from '../../context/SelectContext.js';
+import { ListBox } from '../ListBox/ListBox.js';
+import { ListItems } from '../ListItems/ListItems.js';
+import { Overlay } from '../Overlay/Overlay.js';
+import styles from './SelectPopoverContents.module.scss.js';
+
+var SelectPopoverContents = function(_a) {
+  var children = _a.children, menuProps = _a.menuProps;
+  var state = useSelectContext().state;
+  var itemNodes = Array.from(state.collection);
+  return React.createElement(
+    "div",
+    { className: styles.selectPopoverContents },
+    React.createElement(
+      Overlay,
+      null,
+      React.createElement(ListBox, { menuProps }, children ? children({ items: itemNodes }) : React.createElement(ListItems, { items: itemNodes }))
+    )
+  );
+};
+SelectPopoverContents.displayName = "Select.PopoverContents";
+
+export { SelectPopoverContents };
+//# sourceMappingURL=SelectPopoverContents.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopoverContents.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.tsx"],"sourcesContent":["import React from \"react\"\nimport { AriaListBoxOptions } from \"@react-aria/listbox\"\nimport { useSelectContext } from \"../../context\"\nimport { SelectOption, SelectItem, SelectItemNode } from \"../../types\"\nimport { ListBox } from \"../ListBox\"\nimport { ListItems } from \"../ListItems\"\nimport { Overlay } from \"../Overlay\"\nimport styles from \"./SelectPopoverContents.module.scss\"\n\nexport type SelectPopoverContentsProps<Option extends SelectOption> = {\n  children?: (args: { items: Array<SelectItemNode<Option>> }) => React.ReactNode\n  menuProps: AriaListBoxOptions<SelectItem<Option>>\n}\n\nexport const SelectPopoverContents = <Option extends SelectOption>({\n  children,\n  menuProps,\n}: SelectPopoverContentsProps<Option>): JSX.Element => {\n  const { state } = useSelectContext<Option>()\n\n  // The collection structure is set by useSelectState's `children`\n  // which we have used a util to ensure the following structure\n  // - SelectOptionGroup => Section\n  // - Option => Item\n  const itemNodes = Array.from(state.collection) as Array<\n    SelectItemNode<Option>\n  >\n\n  return (\n    <div className={styles.selectPopoverContents}>\n      <Overlay<Option>>\n        <ListBox<Option> menuProps={menuProps}>\n          {children ? (\n            children({ items: itemNodes })\n          ) : (\n            <ListItems<Option> items={itemNodes} />\n          )}\n        </ListBox>\n      </Overlay>\n    </div>\n  )\n}\n\nSelectPopoverContents.displayName = \"Select.PopoverContents\"\n"],"names":[],"mappings":";;;;;;;AAca,IAAA,qBAAA,GAAwB,SAA8B,EAG9B,EAAA;MAFnC,QAAQ,GAAA,EAAA,CAAA,QACR,EAAA,SAAA,GAAS,EAAA,CAAA,SAAA,CAAA;AAED,EAAA,IAAA,KAAA,GAAU;AAMlB,EAAA,IAAM,SAAY,GAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAI7C,EAAA,OACE,KAAK,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAA,SAAW,EAAA,MAAA,CAAO,qBAAqB,EAAA;AAAA,IAC1C,KAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAO,IAAA;AAAA,MACN,KAAA,CAAA,cAAC,OAAgB,EAAA,EAAA,WACd,EAAA,QAAA,GACC,SAAS,EAAE,KAAA,EAAO,WAAW,CAAA,GAE7B,MAAA,aAAC,CAAA,SAAA,EAAkB,EAAA,KAAO,EAAA,SAAA,GAC3B,CAAA;AAAA,KACO;AAAA,GACF,CAAA;AAGhB,EAAA;AAEA,qBAAA,CAAsB,WAAc,GAAA,wBAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"selectPopoverContents":"SelectPopoverContents-module_selectPopoverContents__9V5SB"};
+
+export { styles as default };
+//# sourceMappingURL=SelectPopoverContents.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.js

@@ -0,0 +1,33 @@
+import { __rest, __assign } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import classnames from 'classnames';
+import 'uuid';
+import '../../../../Icon/subcomponents/SVG/SVG.js';
+import { ChevronDownIcon } from '../../../../Icon/ChevronDownIcon.js';
+import { ChevronUpIcon } from '../../../../Icon/ChevronUpIcon.js';
+import { Label } from '../../../../Label/Label.js';
+import styles from './SelectToggle.module.scss.js';
+
+var SelectToggle = React.forwardRef(function(_a, ref) {
+  var label = _a.label, labelProps = _a.labelProps, value = _a.value, valueProps = _a.valueProps, isOpen = _a.isOpen, _b = _a.placeholder, placeholder = _b === void 0 ? "Select" : _b, status = _a.status, isDisabled = _a.isDisabled, isReversed = _a.isReversed, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "labelProps", "value", "valueProps", "isOpen", "placeholder", "status", "isDisabled", "isReversed", "classNameOverride"]);
+  return React.createElement(
+    "div",
+    null,
+    React.createElement(Label, __assign({}, labelProps, { reversed: isReversed, disabled: isDisabled }), label),
+    React.createElement(
+      "button",
+      __assign({
+        type: "button",
+        // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it
+        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+        role: "combobox"
+      }, restProps, { ref, className: classnames(styles.selectToggle, (value === null || value === void 0) && styles.placeholder, status === "error" && styles.error, status === "caution" && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride) }),
+      React.createElement("span", __assign({}, valueProps, { className: styles.value }), value !== null && value !== void 0 ? value : placeholder),
+      isOpen ? React.createElement(ChevronUpIcon, { role: "presentation", classNameOverride: styles.icon }) : React.createElement(ChevronDownIcon, { role: "presentation", classNameOverride: styles.icon })
+    )
+  );
+});
+SelectToggle.displayName = "SelectToggle";
+
+export { SelectToggle };
+//# sourceMappingURL=SelectToggle.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectToggle.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/SelectToggle/SelectToggle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { DOMAttributes, FocusableElement } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./SelectToggle.module.scss\"\n\nexport type SelectToggleProps = {\n  label: React.ReactNode\n  labelProps: DOMAttributes<FocusableElement>\n  value: React.ReactNode\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes<FocusableElement>\n  isOpen?: boolean\n  placeholder?: string\n  /** Updates the styling of the validation. */\n  status?: \"error\" | \"caution\"\n  isDisabled?: boolean\n  /** Use the `reversed` styles. */\n  isReversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLButtonElement>>\n\nexport const SelectToggle = React.forwardRef<\n  HTMLButtonElement,\n  SelectToggleProps\n>(\n  (\n    {\n      label,\n      labelProps,\n      value,\n      valueProps,\n      isOpen,\n      placeholder = \"Select\",\n      status,\n      isDisabled,\n      isReversed,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => (\n    <div>\n      <Label {...labelProps} reversed={isReversed} disabled={isDisabled}>\n        {label}\n      </Label>\n      <button\n        type=\"button\"\n        // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it\n        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n        role=\"combobox\"\n        {...restProps}\n        ref={ref}\n        className={classnames(\n          styles.selectToggle,\n          (value === null || value === undefined) && styles.placeholder,\n          status === \"error\" && styles.error,\n          status === \"caution\" && styles.caution,\n          isDisabled && styles.disabled,\n          isReversed && styles.reversed,\n          classNameOverride\n        )}\n      >\n        <span {...valueProps} className={styles.value}>\n          {value ?? placeholder}\n        </span>\n        {isOpen ? (\n          <ChevronUpIcon role=\"presentation\" classNameOverride={styles.icon} />\n        ) : (\n          <ChevronDownIcon\n            role=\"presentation\"\n            classNameOverride={styles.icon}\n          />\n        )}\n      </button>\n    </div>\n  )\n)\n\nSelectToggle.displayName = \"SelectToggle\"\n"],"names":[],"mappings":";;;;;;;;;;AAuBO,IAAM,YAAe,GAAA,KAAA,CAAM,UAIhC,CAAA,SACE,IAaA,GAAG,EAAA;AAZD,EAAA,IAAA,KAAA,GAAK,GAAA,KACL,EAAA,UAAA,GAAU,GAAA,UACV,EAAA,KAAA,GAAK,EAAA,CAAA,KAAA,EACL,4BACA,MAAM,GAAA,EAAA,CAAA,QACN,qBAAA,WAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,QAAA,KACd,EAAA,MAAA,GAAM,GAAA,MACN,EAAA,UAAA,GAAU,GAAA,UACV,EAAA,UAAA,GAAU,GAAA,UACV,EAAA,iBAAA,GAAiB,EAAA,CAAA,iBAAA,EACd,SAAS,GAAA,MAAA,CAAA,IAXd,kIAYC,CAAA,CAAA;AAEE,EAAA,OACH,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EAAK,EAAA,UAAA,EAAU,EAAE,QAAA,EAAU,UAAY,EAAA,QAAA,EAAU,UAAU,EAAA,GAC9D,KAAK,CAAA;AAAA,IAER,KACE,CAAA,aAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAAA,CAAA;AAAA,QAAA,IAAK,EAAA,QAAA;AAAA;AAAA;AAAA,QAGL,IAAK,EAAA,UAAA;AAAA,OACD,EAAA,SAAA,EACJ,EAAA,GAAA,EACA,SAAW,EAAA,UAAA,CACT,MAAO,CAAA,YAAA,EAAA,CACN,KAAU,KAAA,IAAA,IAAQ,KAAU,KAAA,KAAA,CAAA,KAAc,OAAO,WAClD,EAAA,MAAA,KAAW,OAAW,IAAA,MAAA,CAAO,KAC7B,EAAA,MAAA,KAAW,SAAa,IAAA,MAAA,CAAO,OAC/B,EAAA,UAAA,IAAc,MAAO,CAAA,QAAA,EACrB,UAAc,IAAA,MAAA,CAAO,QACrB,EAAA,iBAAiB,GAClB,CAAA;AAAA,MAED,MAAA,aAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAU,YAAU,EAAE,SAAA,EAAW,MAAO,CAAA,KAAA,EACrC,CAAA,EAAA,KAAA,aAAA,KAAK,KAAA,KAAA,CAAA,GAAL,QAAS,WAAW,CAAA;AAAA,MAEtB,MAAA,GACC,MAAA,aAAC,CAAA,aAAA,EAAc,EAAA,IAAK,EAAA,cAAA,EAAe,mBAAmB,MAAO,CAAA,IAAA,GAE7D,GAAA,KAAA,CAAC,cAAA,mBACC,MAAK,cACL,EAAA,iBAAA,EAAmB,MAAO,CAAA,IAAA,EAAI,CAAA;AAAA,KAEjC;AAAA,GACM,CAAA;AAEZ,CAAA,EAAA;AAGH,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"iconWrapper":"SelectToggle-module_iconWrapper__E4YL8","icon":"SelectToggle-module_icon__BqMEK","selectToggle":"SelectToggle-module_selectToggle__fWnqy","placeholder":"SelectToggle-module_placeholder__wQK-w","error":"SelectToggle-module_error__pxp-j","caution":"SelectToggle-module_caution__-G7WL","disabled":"SelectToggle-module_disabled__8A4rw","reversed":"SelectToggle-module_reversed__ku-Ph","value":"SelectToggle-module_value__XRxRl"};
+
+export { styles as default };
+//# sourceMappingURL=SelectToggle.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Select/utils/getDisabledKeysFromItems.js

@@ -0,0 +1,19 @@
+import { __spreadArray } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import { isSelectOptionGroup } from './isSelectOptionGroup.js';
+
+var getDisabledKeysFromItems = function(items) {
+  return items.reduce(function(acc, item) {
+    if (isSelectOptionGroup(item)) {
+      var keys = Array.from(item.options).filter(function(groupItem) {
+        return groupItem.disabled;
+      }).map(function(disabledItems) {
+        return disabledItems.value;
+      });
+      return __spreadArray(__spreadArray([], acc, true), keys, true);
+    }
+    return item.disabled ? __spreadArray(__spreadArray([], acc, true), [item.value], false) : acc;
+  }, []);
+};
+
+export { getDisabledKeysFromItems };
+//# sourceMappingURL=getDisabledKeysFromItems.js.map

package/dist/esm/packages/components/src/__future__/Select/utils/getDisabledKeysFromItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDisabledKeysFromItems.js","sources":["../../../../../../../../src/__future__/Select/utils/getDisabledKeysFromItems.ts"],"sourcesContent":["import { SelectItem, SelectOption } from \"../types\"\nimport { isSelectOptionGroup } from \"./isSelectOptionGroup\"\n\nexport const getDisabledKeysFromItems = <\n  Option extends SelectOption = SelectOption,\n>(\n  items: Array<SelectItem<Option>>\n): React.Key[] =>\n  items.reduce((acc: React.Key[], item) => {\n    if (isSelectOptionGroup(item)) {\n      const keys = Array.from(item.options)\n        .filter(groupItem => groupItem.disabled)\n        .map(disabledItems => disabledItems.value)\n      return [...acc, ...keys]\n    }\n\n    return item.disabled ? [...acc, item.value] : acc\n  }, [])\n"],"names":[],"mappings":";;;AAGa,IAAA,wBAAA,GAA2B,SAGtC,KAAgC,EAAA;AAEhC,EAAA,OAAA,KAAM,CAAA,MAAA,CAAO,SAAC,GAAA,EAAkB,IAAI,EAAA;AAClC,IAAI,IAAA,mBAAA,CAAoB,IAAI,CAAG,EAAA;AAC7B,MAAM,IAAA,IAAA,GAAO,MAAM,IAAK,CAAA,IAAA,CAAK,OAAO,CACjC,CAAA,MAAA,CAAO,SAAA,SAAa,EAAA;AAAA,QAAA,OAAA,SAAU,CAAA,QAAA,CAAA;AAAA,OAAQ,CAAA,CACtC,GAAI,CAAA,SAAA,aAAiB,EAAA;AAAA,QAAA,OAAA,aAAc,CAAA,KAAA,CAAA;AAAA,OAAK,CAAA,CAAA;AAC3C,MAAW,OAAA,aAAA,CAAA,cAAA,EAAA,EAAA,KAAQ,IAAA,CAAA,EAAA,MAAK,IAAA,CAAA,CAAA;AAAA,KACzB;AAED,IAAA,OAAO,IAAK,CAAA,QAAA,GAAe,aAAA,CAAA,aAAA,CAAA,EAAA,EAAA,GAAA,EAAK,IAAA,CAAA,EAAA,CAAA,IAAA,CAAK,KAAK,CAAA,EAAA,KAAA,CAAI,GAAA,GAAA,CAAA;AAAA,GAChD,EAAG,EAAE,CAAA,CAAA;AATL;;;;"}

package/dist/esm/packages/components/src/__future__/Select/utils/isSelectOptionGroup.js

@@ -0,0 +1,6 @@
+var isSelectOptionGroup = function(item) {
+  return item.hasOwnProperty("options") && Array.isArray(item.options);
+};
+
+export { isSelectOptionGroup };
+//# sourceMappingURL=isSelectOptionGroup.js.map

package/dist/esm/packages/components/src/__future__/Select/utils/isSelectOptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSelectOptionGroup.js","sources":["../../../../../../../../src/__future__/Select/utils/isSelectOptionGroup.ts"],"sourcesContent":["import { SelectItem, SelectOption, SelectOptionGroup } from \"../types\"\n\nexport const isSelectOptionGroup = <Option extends SelectOption>(\n  item: SelectItem\n): item is SelectOptionGroup<Option> =>\n  item.hasOwnProperty(\"options\") && Array.isArray(item.options)\n"],"names":[],"mappings":"AAEa,IAAA,mBAAA,GAAsB,SACjC,IAAgB,EAAA;AAEhB,EAAA,OAAA,KAAK,cAAe,CAAA,SAAS,KAAK,KAAM,CAAA,OAAA,CAAQ,KAAK,OAAO,CAAA,CAAA;AAA5D;;;;"}

package/dist/esm/packages/components/src/__future__/Select/utils/transformSelectItemToCollectionElement.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Section, Item } from '@react-stately/collections';
+import { isSelectOptionGroup } from './isSelectOptionGroup.js';
+
+var transformSelectItemToCollectionElement = function(item) {
+  return isSelectOptionGroup(item) ? React.createElement(Section, { key: item.label, title: item.label, items: item.options }, function(child) {
+    return React.createElement(Item, { key: child.value }, child.label);
+  }) : React.createElement(Item, { key: item.value }, item.label);
+};
+
+export { transformSelectItemToCollectionElement };
+//# sourceMappingURL=transformSelectItemToCollectionElement.js.map

package/dist/esm/packages/components/src/__future__/Select/utils/transformSelectItemToCollectionElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformSelectItemToCollectionElement.js","sources":["../../../../../../../../src/__future__/Select/utils/transformSelectItemToCollectionElement.tsx"],"sourcesContent":["import React from \"react\"\nimport { Item, Section } from \"@react-stately/collections\"\nimport { CollectionElement } from \"@react-types/shared\"\nimport { SelectItem, SelectOption } from \"../types\"\nimport { isSelectOptionGroup } from \"./isSelectOptionGroup\"\n\nexport const transformSelectItemToCollectionElement = <\n  Option extends SelectOption,\n>(\n  item: SelectItem<Option>\n): CollectionElement<SelectItem<Option>> =>\n  isSelectOptionGroup<Option>(item) ? (\n    <Section<Option> key={item.label} title={item.label} items={item.options}>\n      {(child): JSX.Element => <Item key={child.value}>{child.label}</Item>}\n    </Section>\n  ) : (\n    <Item<Option> key={item.value}>{item.label}</Item>\n  )\n"],"names":[],"mappings":";;;;AAMa,IAAA,sCAAA,GAAyC,SAGpD,IAAwB,EAAA;AAExB,EAAA,OAAA,oBAA4B,IAAI,CAAA,GAC9B,MAAC,aAAA,CAAA,OAAA,EAAgB,EAAA,GAAK,EAAA,IAAA,CAAK,KAAO,EAAA,KAAA,EAAO,KAAK,KAAO,EAAA,KAAA,EAAO,KAAK,OAC9D,EAAA,EAAA,SAAC,KAAuB,EAAA;AAAA,IAAA,OAAA,KAAA,CAAC,cAAA,IAAK,EAAA,EAAA,KAAK,KAAM,CAAA,KAAA,EAAQ,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,GAAQ,CAGvE,GAAA,KAAA,CAAA,aAAC,CAAA,IAAA,EAAI,EAAS,GAAA,EAAK,IAAK,CAAA,KAAA,EAAQ,EAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAL5C;;;;"}

package/dist/esm/packages/components/src/__future__/Tag/Tag.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Tag.module.scss.js';
+
+var Tag = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, icon = _a.icon, _b = _a.color, color = _b === void 0 ? "gray" : _b;
+  return React.createElement(
+    "span",
+    { className: classnames(styles.tag, styles[color], classNameOverride) },
+    icon && React.createElement("span", { className: styles.iconContainer }, icon),
+    children
+  );
+};
+Tag.displayName = "Tag";
+
+export { Tag };
+//# sourceMappingURL=Tag.js.map

package/dist/esm/packages/components/src/__future__/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../../../../src/__future__/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode, HTMLAttributes } from \"react\"\nimport classNames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TagColors } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagProps = {\n  children: ReactNode\n  color?: TagColors\n  icon?: React.ReactElement\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport const Tag = ({\n  children,\n  classNameOverride,\n  icon,\n  color = \"gray\",\n}: TagProps): JSX.Element => (\n  <span className={classNames(styles.tag, styles[color], classNameOverride)}>\n    {icon && <span className={styles.iconContainer}>{icon}</span>}\n    {children}\n  </span>\n)\n\nTag.displayName = \"Tag\"\n"],"names":["classNames"],"mappings":";;;;AAYa,IAAA,GAAA,GAAM,SAAC,EAKT,EAAA;AAJT,EAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QACR,EAAA,iBAAA,GAAiB,GAAA,iBACjB,EAAA,IAAA,GAAI,EAAA,CAAA,IAAA,EACJ,KAAc,EAAA,CAAA,KAAA,EAAd,KAAK,GAAA,EAAA,KAAA,SAAG,MAAM,GAAA,EAAA,CAAA;AACa,EAAA,OAC3B,KAAM,CAAA,aAAA;AAAA,IAAA,MAAA;AAAA,IAAA,EAAA,WAAWA,UAAW,CAAA,MAAA,CAAO,KAAK,MAAO,CAAA,KAAK,CAAG,EAAA,iBAAiB,CAAC,EAAA;AAAA,IACtE,IAAA,IAAQ,8BAAM,SAAW,EAAA,MAAA,CAAO,aAAgB,EAAA,EAAA,IAAI,CAAA;AAAA,IACpD,QAAA;AAAA,GAAQ,CAAA;AAHgB,EAAA;AAO7B,GAAA,CAAI,WAAc,GAAA,KAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Tag/Tag.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"tag":"Tag-module_tag__tuT2O","iconContainer":"Tag-module_iconContainer__OmQRU","gray":"Tag-module_gray__VqJ2M","blue":"Tag-module_blue__u3vnu","green":"Tag-module_green__7bcu7","yellow":"Tag-module_yellow__Br-2V","orange":"Tag-module_orange__LdmPX","red":"Tag-module_red__VB5dE","purple":"Tag-module_purple__A3Uy5"};
+
+export { styles as default };
+//# sourceMappingURL=Tag.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Tag/Tag.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Workflow/Workflow.js

@@ -0,0 +1,37 @@
+import { __rest, __assign } from '../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { Footer } from './subcomponents/Footer/Footer.js';
+import './subcomponents/Footer/components/Root/Root.js';
+import { ProgressStepper } from './subcomponents/Footer/components/ProgressStepper/ProgressStepper.js';
+import './subcomponents/Footer/components/FooterActions/FooterActions.js';
+import { Header } from './subcomponents/Header/Header.js';
+import './subcomponents/Header/components/Titles/Titles.js';
+import './subcomponents/Header/components/Actions/Actions.js';
+import './subcomponents/Header/components/Branding/Branding.js';
+import './subcomponents/Header/components/Root/Root.js';
+import { Main } from './subcomponents/Main/Main.js';
+import { Wrapper } from './subcomponents/Wrapper/Wrapper.js';
+
+var WorkflowComponent = function(_a) {
+  var steps = _a.steps, currentStepId = _a.currentStepId, isComplete = _a.isComplete, workflowName = _a.workflowName, status = _a.status, headerActions = _a.headerActions, children = _a.children, nextAction = _a.nextAction, previousAction = _a.previousAction, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+  var currentStep = steps.find(function(step) {
+    return step.id === currentStepId;
+  });
+  return React.createElement(
+    Workflow.Wrapper,
+    __assign({ classNameOverride }, restProps),
+    React.createElement(Workflow.Header, { workflowName, stepName: currentStep.label, status, headerActions }),
+    React.createElement(Workflow.Main, null, children),
+    React.createElement(Workflow.Footer, { currentStepId, steps, isComplete, nextAction, previousAction })
+  );
+};
+var Workflow = Object.assign(WorkflowComponent, {
+  Header,
+  Footer,
+  Main,
+  ProgressStepper,
+  Wrapper
+});
+
+export { Workflow };
+//# sourceMappingURL=Workflow.js.map

package/dist/esm/packages/components/src/__future__/Workflow/Workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workflow.js","sources":["../../../../../../../src/__future__/Workflow/Workflow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  Footer,\n  FooterProps,\n  Header,\n  Main,\n  HeaderProps,\n  ProgressStepper,\n  Wrapper,\n} from \"./subcomponents\"\n\nexport type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n  FooterProps &\n  Pick<HeaderProps, \"workflowName\" | \"status\" | \"headerActions\">\n\nconst WorkflowComponent = ({\n  steps,\n  currentStepId,\n  isComplete,\n  workflowName,\n  status,\n  headerActions,\n  children,\n  nextAction,\n  previousAction,\n  classNameOverride,\n  ...restProps\n}: WorkflowProps): JSX.Element => {\n  const currentStep = steps.find(step => step.id === currentStepId)\n  return (\n    <Workflow.Wrapper classNameOverride={classNameOverride} {...restProps}>\n      <Workflow.Header\n        workflowName={workflowName}\n        stepName={currentStep!.label}\n        status={status}\n        headerActions={headerActions}\n      />\n      <Workflow.Main>{children}</Workflow.Main>\n      <Workflow.Footer\n        currentStepId={currentStepId}\n        steps={steps}\n        isComplete={isComplete}\n        nextAction={nextAction}\n        previousAction={previousAction}\n      />\n    </Workflow.Wrapper>\n  )\n}\n\nexport const Workflow = Object.assign(WorkflowComponent, {\n  Header,\n  Footer,\n  Main,\n  ProgressStepper,\n  Wrapper,\n})\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,iBAAA,GAAoB,SAAC,EAYX,EAAA;AAXd,EAAA,IAAA,KAAA,GAAK,GAAA,KACL,EAAA,aAAA,mBACA,EAAA,UAAA,GAAU,GAAA,UACV,EAAA,YAAA,GAAY,GAAA,YACZ,EAAA,MAAA,YACA,EAAA,aAAA,GAAa,GAAA,aACb,EAAA,QAAA,GAAQ,GAAA,QACR,EAAA,UAAA,gBACA,EAAA,cAAA,GAAc,GAAA,cACd,EAAA,iBAAA,GAAiB,GAAA,iBACd,EAAA,SAAA,GAAS,OAAA,EAXa,EAAA,oJAY1B,CAAA,CAAA;AACC,EAAA,IAAM,WAAc,GAAA,KAAA,CAAM,IAAK,CAAA,SAAA,IAAI,EAAA;AAAI,IAAA,OAAA,KAAK,EAAO,KAAA,aAAA,CAAA;AAAA,GAAa,CAAA,CAAA;AAChE,EAAA,OACE,KAAC,CAAA,aAAA;AAAA,IAAA,QAAS,CAAA,OAAA;AAAA,eAAQ,iBAAoC,EAAA,EAAM,SAAS,CAAA;AAAA,IACnE,KAAA,CAAC,aAAA,CAAA,QAAA,CAAS,MAAM,EAAA,EACd,YACA,EAAA,QAAA,EAAU,WAAa,CAAA,KAAA,EACvB,MACA,EAAA,aAAA,EACA,CAAA;AAAA,IACF,KAAA,CAAA,aAAA,CAAC,QAAS,CAAA,IAAA,EAAI,MAAE,QAAQ,CAAA;AAAA,IACxB,KAAA,CAAC,aAAA,CAAA,QAAA,CAAS,MACR,EAAA,EAAA,eACA,KACA,EAAA,UAAA,EACA,UACA,EAAA,cAAA,EAA8B,CAAA;AAAA,GAC9B,CAAA;AAGR,CAAA,CAAA;AAEa,IAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA,EACvD,MAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AACD,CAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/Footer.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { FooterRoot } from './components/Root/Root.js';
+import { ProgressStepper } from './components/ProgressStepper/ProgressStepper.js';
+import { FooterAction } from './components/FooterActions/FooterActions.js';
+
+var Footer = function(_a) {
+  var steps = _a.steps, currentStepId = _a.currentStepId, isComplete = _a.isComplete, previousAction = _a.previousAction, nextAction = _a.nextAction, restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "previousAction", "nextAction"]);
+  return React.createElement(
+    FooterRoot,
+    __assign({}, restProps),
+    React.createElement(FooterAction, { action: previousAction, actionType: "Previous" }),
+    React.createElement(ProgressStepper, { steps, currentStepId, isComplete }),
+    React.createElement(FooterAction, { action: nextAction, actionType: "Next" })
+  );
+};
+Footer.displayName = "Workflow.Footer";
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../../src/__future__/Workflow/subcomponents/Footer/Footer.tsx"],"sourcesContent":["import React from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FooterRoot,\n  FooterAction,\n  ProgressStepper,\n  ProgressStepperProps,\n  FooterRootProps,\n} from \"./components\"\n\nexport type FooterProps = {\n  /** An action to return to a previous step */\n  previousAction?: JSX.Element\n  /** An action to progress to the next step or submit the form */\n  nextAction?: JSX.Element\n} & ProgressStepperProps &\n  OverrideClassName<Omit<FooterRootProps, \"children\">>\n\nexport const Footer = ({\n  steps,\n  currentStepId,\n  isComplete,\n  previousAction,\n  nextAction,\n  ...restProps\n}: FooterProps): JSX.Element => (\n  <FooterRoot {...restProps}>\n    <FooterAction action={previousAction} actionType=\"Previous\" />\n    <ProgressStepper\n      steps={steps}\n      currentStepId={currentStepId}\n      isComplete={isComplete}\n    />\n    <FooterAction action={nextAction} actionType=\"Next\" />\n  </FooterRoot>\n)\n\nFooter.displayName = \"Workflow.Footer\"\n"],"names":[],"mappings":";;;;;;AAkBa,IAAA,MAAA,GAAS,SAAC,EAOT,EAAA;AANZ,EAAA,IAAA,KAAA,GAAK,EAAA,CAAA,KAAA,EACL,aAAa,GAAA,EAAA,CAAA,eACb,UAAU,GAAA,EAAA,CAAA,UACV,EAAA,cAAA,GAAc,EAAA,CAAA,cAAA,EACd,aAAU,EAAA,CAAA,UAAA,EACP,SAAS,GAAA,MAAA,CAAA,EANS,EAAA,wEAOtB,CAAA,CAAA;AAA+B,EAAA,OAC9B,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAU,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AAAA,IACvB,KAAA,CAAC,cAAA,gBAAa,QAAQ,cAAgB,EAAA,UAAA,EAAW,YAAa,CAAA;AAAA,IAC9D,MAAA,aAAC,CAAA,eAAA,EAAe,EACd,KACA,EAAA,aAAA,EACA,YACA,CAAA;AAAA,IACF,KAAA,CAAA,cAAC,YAAY,EAAA,EAAC,QAAQ,UAAY,EAAA,UAAA,EAAW,QAAM,CAAA;AAAA,GAAG,CAAA;;AAI1D,MAAA,CAAO,WAAc,GAAA,iBAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.js

@@ -0,0 +1,16 @@
+import { __rest, __assign } from '../../../../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './FooterActions.module.scss.js';
+
+var FooterAction = function(_a) {
+  var _b = _a.actionType, actionType = _b === void 0 ? "Previous" : _b, action = _a.action, restProps = __rest(_a, ["actionType", "action"]);
+  return React.createElement("div", __assign({ className: classnames([
+    styles.footerAction,
+    styles["footerAction".concat(actionType)]
+  ]) }, restProps), action);
+};
+FooterAction.displayName = "Workflow.FooterActions";
+
+export { FooterAction };
+//# sourceMappingURL=FooterActions.js.map

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterActions.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterActions.module.scss\"\n\nexport type FooterActionsProps = {\n  actionType?: \"Previous\" | \"Next\"\n  action?: JSX.Element\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A simple wrapper for a Footer previous or next action  */\nexport const FooterAction = ({\n  actionType = \"Previous\",\n  action,\n  ...restProps\n}: FooterActionsProps): JSX.Element => (\n  <div\n    className={classnames([\n      styles.footerAction,\n      styles[`footerAction${actionType}`],\n    ])}\n    {...restProps}\n  >\n    {action}\n  </div>\n)\n\nFooterAction.displayName = \"Workflow.FooterActions\"\n"],"names":[],"mappings":";;;;;AAWa,IAAA,YAAA,GAAe,SAAC,EAIR,EAAA;AAHnB,EAAA,IAAA,KAAuB,EAAA,CAAA,UAAA,EAAvB,UAAU,GAAA,EAAA,KAAA,SAAG,UAAU,GAAA,EAAA,EACvB,MAAM,GAAA,EAAA,CAAA,QACH,SAAS,GAAA,MAAA,CAAA,IAHe,wBAI5B,CAAA,CAAA;AAAsC,EAAA,OACrC,MAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,WAAW,UAAW,CAAA;AAAA,IACpB,MAAO,CAAA,YAAA;AAAA,IACP,MAAO,CAAA,cAAA,CAAA,MAAe,CAAA,UAAU,CAAE,CAAA;AAAA,GACnC,CAAA,EACG,EAAA,SAAS,GAEZ,MAAM,CAAA,CAAA;;AAIX,YAAA,CAAa,WAAc,GAAA,wBAAA;;;;"}

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"footerAction":"FooterActions-module_footerAction__v7eL-","footerActionPrevious":"FooterActions-module_footerActionPrevious__2XByZ","footerActionNext":"FooterActions-module_footerActionNext__IKRta"};
+
+export { styles as default };
+//# sourceMappingURL=FooterActions.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.js

@@ -0,0 +1,75 @@
+import { __rest, __assign } from '../../../../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import classnames from 'classnames';
+import { Paragraph } from '@kaizen/typography';
+import 'uuid';
+import '../../../../../../Icon/subcomponents/SVG/SVG.js';
+import { IndicatorActiveIcon } from '../../../../../../Icon/IndicatorActiveIcon.js';
+import { IndicatorInactiveIcon } from '../../../../../../Icon/IndicatorInactiveIcon.js';
+import { SuccessIcon } from '../../../../../../Icon/SuccessIcon.js';
+import styles from './ProgressStepper.module.scss.js';
+
+var getStepStatus = function(isComplete, isCurrentStep, step, index) {
+  if (isComplete) {
+    return {
+      icon: React.createElement(SuccessIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "success" }),
+      accessibleName: "Completed: ".concat(step.label)
+    };
+  }
+  if (isCurrentStep) {
+    return {
+      icon: React.createElement(IndicatorActiveIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "active" }),
+      accessibleName: "Current: ".concat(step.label)
+    };
+  }
+  return {
+    icon: React.createElement(IndicatorInactiveIcon, { key: index, inheritSize: true, classNameOverride: "incomplete", role: "presentation" }),
+    accessibleName: "Not started: ".concat(step.label)
+  };
+};
+var ProgressStepper = function(_a) {
+  var currentStepId = _a.currentStepId, steps = _a.steps, _b = _a.isComplete, isComplete = _b === void 0 ? false : _b, restprops = __rest(_a, ["currentStepId", "steps", "isComplete"]);
+  var currentStepIndex = steps.findIndex(function(stepItem) {
+    return stepItem.id === currentStepId;
+  });
+  return React.createElement(
+    "div",
+    { className: styles.stepsContainer },
+    React.createElement("ol", __assign({ className: styles.stepList }, restprops, { "aria-labelledby": "stepper-description" }), steps.map(function(step, index) {
+      var isCurrentStep = currentStepIndex === index;
+      var isCompletedStep = index < currentStepIndex || isComplete;
+      var _a2 = getStepStatus(isCompletedStep, isCurrentStep, step, index), accessibleName = _a2.accessibleName, Icon = _a2.icon;
+      return React.createElement(
+        "li",
+        { className: styles.step, key: "".concat(step.id), "aria-current": isCurrentStep },
+        React.createElement(
+          "div",
+          { className: styles.stepContent },
+          React.createElement("span", { className: "sr-only" }, accessibleName),
+          React.createElement(Paragraph, { classNameOverride: styles.stepName, variant: "small", color: "white", "aria-hidden": true }, step.label),
+          React.createElement(
+            "div",
+            { className: styles.stepIndicator },
+            React.createElement("span", { className: styles.stepIcon }, Icon)
+          ),
+          index < steps.length - 1 && React.createElement("div", { className: classnames([
+            styles.stepDivider,
+            isCompletedStep && styles.completedStep
+          ]) })
+        )
+      );
+    })),
+    React.createElement(
+      Paragraph,
+      { classNameOverride: styles.stepperDescription, variant: "small", color: "white", id: "stepper-description" },
+      "Step ",
+      currentStepIndex + 1,
+      " of ",
+      steps.length
+    )
+  );
+};
+ProgressStepper.displayName = "Workflow.ProgressStepper";
+
+export { ProgressStepper };
+//# sourceMappingURL=ProgressStepper.js.map

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Paragraph } from \"@kaizen/typography\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Paragraph\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Paragraph>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Paragraph\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Paragraph>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["_a"],"mappings":"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"}

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"stepsContainer":"ProgressStepper-module_stepsContainer__WMxXN","stepList":"ProgressStepper-module_stepList__b1wWX","step":"ProgressStepper-module_step__-Ep19","stepContent":"ProgressStepper-module_stepContent__B4uFS","stepIndicator":"ProgressStepper-module_stepIndicator__-qEWT","stepName":"ProgressStepper-module_stepName__hS4lp","stepIcon":"ProgressStepper-module_stepIcon__0Kh4y","stepDivider":"ProgressStepper-module_stepDivider__KEZPU","stepperDescription":"ProgressStepper-module_stepperDescription__B00hX"};
+
+export { styles as default };
+//# sourceMappingURL=ProgressStepper.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"footerRoot":"FooterRoot-module_footerRoot__N-6nQ"};
+
+export { styles as default };
+//# sourceMappingURL=FooterRoot.module.scss.js.map

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.js.map

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

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../../../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './FooterRoot.module.scss.js';
+
+var FooterRoot = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("footer", __assign({ className: classnames(styles.footerRoot, classNameOverride) }, restProps), children);
+};
+FooterRoot.displayName = "Workflow.FooterRoot";
+
+export { FooterRoot };
+//# sourceMappingURL=Root.js.map

package/dist/esm/packages/components/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterRoot.module.scss\"\n\nexport type FooterRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const FooterRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: FooterRootProps): JSX.Element => (\n  <footer\n    className={classnames(styles.footerRoot, classNameOverride)}\n    {...restProps}\n  >\n    {children}\n  </footer>\n)\n\nFooterRoot.displayName = \"Workflow.FooterRoot\"\n"],"names":[],"mappings":";;;;;AASa,IAAA,UAAA,GAAa,SAAC,EAIT,EAAA;AAHhB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHsB,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CAAA,CAAA;AAAmC,EAAA,OAClC,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CAAW,MAAO,CAAA,UAAA,EAAY,iBAAiB,CAAA,EACtD,EAAA,SAAS,GAEZ,QAAQ,CAAA,CAAA;;AAIb,UAAA,CAAW,WAAc,GAAA,qBAAA;;;;"}