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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.js","sources":["../../../../../../../../../../src/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 ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\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}`,\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}`,\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}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\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: string, 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={`${index}-${step}`}\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}\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":["SuccessIcon","IndicatorActiveIcon","IndicatorInactiveIcon","__rest","styles","__assign","_a","Paragraph"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"stepsContainer":"ProgressStepper-module_stepsContainer__kh4S2","stepList":"ProgressStepper-module_stepList__ToKVO","step":"ProgressStepper-module_step__5Zakx","stepContent":"ProgressStepper-module_stepContent__brp8m","stepIndicator":"ProgressStepper-module_stepIndicator__vAWW6","stepName":"ProgressStepper-module_stepName__21rPP","stepIcon":"ProgressStepper-module_stepIcon__eW-Ps","stepDivider":"ProgressStepper-module_stepDivider__SaO4y","stepperDescription":"ProgressStepper-module_stepperDescription__XT8Ra"};
+
+module.exports = styles;
+//# sourceMappingURL=ProgressStepper.module.scss.js.map

package/dist/cjs/packages/components/src/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/cjs/packages/components/src/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"footerRoot":"FooterRoot-module_footerRoot__bvMSa"};
+
+module.exports = styles;
+//# sourceMappingURL=FooterRoot.module.scss.js.map

package/dist/cjs/packages/components/src/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/cjs/packages/components/src/Workflow/subcomponents/Footer/components/Root/Root.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../../../src/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":["__rest","__assign","styles"],"mappings":";;;;;;;AASa,IAAA,UAAA,GAAa,SAAC,EAIT,EAAA;AAHhB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHsB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CAAA,CAAA;AAAmC,EAAA,OAClC,KACE,CAAA,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CAAWC,iBAAO,CAAA,UAAA,EAAY,iBAAiB,CAAA,EACtD,EAAA,SAAS,GAEZ,QAAQ,CAAA,CAAA;;AAIb,UAAA,CAAW,WAAc,GAAA,qBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/Header.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Titles = require('./components/Titles/Titles.js');
+var Actions = require('./components/Actions/Actions.js');
+var Branding = require('./components/Branding/Branding.js');
+var Root = require('./components/Root/Root.js');
+
+var Header = function(_a) {
+  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, headerActions = _a.headerActions, restProps = tslib_es6.__rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
+  return React.createElement(
+    Root.HeaderRoot,
+    tslib_es6.__assign({}, restProps),
+    React.createElement(Branding.Branding, { alt: "Cultureamp" }),
+    React.createElement(Titles.Titles, { workflowName, stepName, status }),
+    React.createElement(Actions.Actions, { headerActions })
+  );
+};
+Header.displayName = "Workflow.Header";
+
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../../../src/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowTitlesProps,\n  WorkflowActionsProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Cultureamp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["__rest","HeaderRoot","__assign","Branding","Titles","Actions"],"mappings":";;;;;;;;;AAYa,IAAA,MAAA,GAAS,SAAC,EAMT,EAAA;AALZ,EAAA,IAAA,YAAA,GAAY,GAAA,YACZ,EAAA,QAAA,cACA,EAAA,MAAA,GAAM,GAAA,MACN,EAAA,aAAA,GAAa,GAAA,aACV,EAAA,SAAA,GAASA,iBAAA,EALS,EAAA,uDAMtB,CAAA,CAAA;AAA+B,EAAA,OAC9B,KAAA,CAAA,aAAA;AAAA,IAACC,eAAA;AAAA,IAAUC,kBAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AAAA,IACvB,MAAA,aAAC,CAAAC,iBAAA,EAAQ,EAAC,GAAA,EAAI,cAAe,CAAA;AAAA,IAC7B,MAAA,aAAC,CAAAC,aAAA,EAAM,EAAC,YAA4B,EAAA,QAAA,EAAoB,QAAkB,CAAA;AAAA,IAC1E,KAAC,CAAA,aAAA,CAAAC,mBAAQ,eAAgC,CAAA;AAAA,GAAA,CAAA;;AAI7C,MAAA,CAAO,WAAc,GAAA,iBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Actions/Actions.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Actions_module = require('./Actions.module.scss.js');
+
+var Actions = function(_a) {
+  var headerActions = _a.headerActions, restProps = tslib_es6.__rest(_a, ["headerActions"]);
+  return React.createElement("div", tslib_es6.__assign({ className: Actions_module.actions }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function(action, index) {
+    return React.createElement(action.type, tslib_es6.__assign({ key: "header-actions ".concat(index) }, action.props));
+  }));
+};
+Actions.displayName = "Workflow.Actions";
+
+exports.Actions = Actions;
+//# sourceMappingURL=Actions.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../../../../../../src/Workflow/subcomponents/Header/components/Actions/Actions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Actions.module.scss\"\n\nexport type WorkflowActionsProps = {\n  /**\n   * Header actions will render in order of the array.\n   */\n  headerActions?: JSX.Element[]\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */\nexport const Actions = ({\n  headerActions,\n  ...restProps\n}: WorkflowActionsProps): JSX.Element => (\n  <div className={styles.actions} {...restProps}>\n    {headerActions?.map((action, index) => (\n      <action.type key={`header-actions ${index}`} {...action.props} />\n    ))}\n  </div>\n)\n\nActions.displayName = \"Workflow.Actions\"\n"],"names":["__rest","styles"],"mappings":";;;;;;AAYa,IAAA,OAAA,GAAU,SAAC,EAGD,EAAA;AAFrB,EAAA,IAAA,aAAA,GAAa,GAAA,aACV,EAAA,SAAA,GAASA,iBAAA,EAFU,EAAA,iBAGvB,CAAA,CAAA;AAAwC,EACvC,OAAA,KAAA,2CAAK,SAAW,EAAAC,cAAA,CAAO,SAAa,EAAA,SAAS,GAC1C,aAAA,KAAA,IAAA,IAAA,oCAAA,cAAe,GAAI,CAAA,SAAC,QAAQ,KAAK,EAAA;AAAK,IAAA,OACrC,KAAA,CAAA,aAAA,CAAC,MAAO,CAAA,IAAA,uBAAK,GAAA,EAAK,yBAAkB,KAAK,CAAA,EAAQ,EAAA,MAAA,CAAO,KAAK,CAAI,CAAA,CAAA;AAAA,GAClE,CAAC,CAAA,CAAA;;AAIN,OAAA,CAAQ,WAAc,GAAA,kBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"actions":"Actions-module_actions__2Zdtd"};
+
+module.exports = styles;
+//# sourceMappingURL=Actions.module.scss.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.js.map

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

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Branding/Branding.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var brand = require('@kaizen/brand');
+var Branding_module = require('./Branding.module.scss.js');
+
+var Branding = function(_a) {
+  var _b = _a.variant, variant = _b === void 0 ? "logo-horizontal" : _b, alt = _a.alt;
+  return React.createElement(
+    "div",
+    { className: Branding_module.branding },
+    React.createElement(brand.Brand, { classNameOverride: Branding_module.logo, variant, alt })
+  );
+};
+Branding.displayName = "Workflow.Branding";
+
+exports.Branding = Branding;
+//# sourceMappingURL=Branding.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Branding/Branding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Branding.js","sources":["../../../../../../../../../../src/Workflow/subcomponents/Header/components/Branding/Branding.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Brand, BrandProps } from \"@kaizen/brand\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Branding.module.scss\"\n\nexport type WorflowBrandingProps = {\n  variant?: BrandProps[\"variant\"]\n  alt: string\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Branding = ({\n  variant = \"logo-horizontal\",\n  alt,\n}: WorflowBrandingProps): JSX.Element => (\n  <div className={styles.branding}>\n    <Brand classNameOverride={styles.logo} variant={variant} alt={alt} />\n  </div>\n)\n\nBranding.displayName = \"Workflow.Branding\"\n"],"names":["styles","Brand"],"mappings":";;;;;;AAUa,IAAA,QAAA,GAAW,SAAC,EAGF,EAAA;AAFrB,EAAA,IAAA,EAAA,GAAA,GAAA,OAAA,EAAA,OAAA,GAAO,OAAA,KAAG,CAAA,GAAA,iBAAA,GAAiB,EAC3B,EAAA,GAAA,GAAG,EAAA,CAAA,GAAA,CAAA;AACoC,EAAA,OACvC,KAAK,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAA,SAAW,EAAAA,eAAA,CAAO,QAAQ,EAAA;AAAA,IAC7B,KAAA,CAAA,cAACC,WAAM,EAAA,EAAA,mBAAmBD,eAAO,CAAA,IAAA,EAAM,OAAkB,EAAA,GAAA,EAAQ,CAAA;AAAA,GAAI,CAAA;AAFhC,EAAA;AAMzC,QAAA,CAAS,WAAc,GAAA,mBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Branding/Branding.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"branding":"Branding-module_branding__Oayqr","logo":"Branding-module_logo__rTXU9"};
+
+module.exports = styles;
+//# sourceMappingURL=Branding.module.scss.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Branding/Branding.module.scss.js.map

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

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Root/Root.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Root_module = require('./Root.module.scss.js');
+
+var HeaderRoot = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("header", tslib_es6.__assign({ className: classnames(Root_module.root, classNameOverride) }, restProps), children);
+};
+HeaderRoot.displayName = "Workflow.HeaderRoot";
+
+exports.HeaderRoot = HeaderRoot;
+//# sourceMappingURL=Root.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Root/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../../../src/Workflow/subcomponents/Header/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Root.module.scss\"\n\nexport type HeaderRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const HeaderRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: HeaderRootProps): JSX.Element => (\n  <header className={classnames(styles.root, classNameOverride)} {...restProps}>\n    {children}\n  </header>\n)\n\nHeaderRoot.displayName = \"Workflow.HeaderRoot\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AASa,IAAA,UAAA,GAAa,SAAC,EAIT,EAAA;AAHhB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHsB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CAAA,CAAA;AAAmC,EAAA,OAClC,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CAAWC,WAAO,CAAA,IAAA,EAAM,iBAAiB,CAAA,EAAO,EAAA,SAAS,GACzE,QAAQ,CAAA,CAAA;;AAIb,UAAA,CAAW,WAAc,GAAA,qBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Root/Root.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"root":"Root-module_root__cfRZi"};
+
+module.exports = styles;
+//# sourceMappingURL=Root.module.scss.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Root/Root.module.scss.js.map

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

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Titles/Titles.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var draftTag = require('@kaizen/draft-tag');
+var typography = require('@kaizen/typography');
+var Titles_module = require('./Titles.module.scss.js');
+
+var Titles = function(_a) {
+  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, restProps = tslib_es6.__rest(_a, ["workflowName", "stepName", "status"]);
+  return React.createElement(
+    "div",
+    tslib_es6.__assign({ className: Titles_module.titles }, restProps),
+    React.createElement(
+      typography.Heading,
+      { variant: "heading-1", tag: "h1", color: "dark", classNameOverride: Titles_module.pageTitle },
+      React.createElement(
+        typography.Heading,
+        { classNameOverride: Titles_module.prefix, variant: "heading-6", tag: "span", color: "dark-reduced-opacity" },
+        workflowName,
+        React.createElement("span", { className: "sr-only" }, ":")
+      ),
+      React.createElement("span", null, stepName)
+    ),
+    status && // status may need to be update by a fetch
+    React.createElement(
+      "div",
+      { className: Titles_module.status },
+      React.createElement(draftTag.Tag, { inline: true, variant: (status === null || status === void 0 ? void 0 : status.variant) || "statusDraft" }, status === null || status === void 0 ? void 0 : status.content)
+    )
+  );
+};
+Titles.displayName = "Workflow.Titles";
+
+exports.Titles = Titles;
+//# sourceMappingURL=Titles.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Titles/Titles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Titles.js","sources":["../../../../../../../../../../src/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\n// import classnames from \"classnames\"\nimport { Tag, DefaultTagProps } from \"@kaizen/draft-tag\"\nimport { Heading } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["__rest","styles","Heading","Tag"],"mappings":";;;;;;;;AAmBa,IAAA,MAAA,GAAS,SAAC,EAKD,EAAA;AAJpB,EAAA,IAAA,eAAY,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,UACR,MAAM,GAAA,EAAA,CAAA,MACH,EAAA,SAAA,GAJkBA,iBAAA,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CAAA,CAAA;AAAuC,EAAA,OACtC;;yBAAK,SAAA,EAAWC,aAAO,CAAA,MAAA,IAAY,SAAS,CAAA;AAAA,IAC1C,KAAA,CAAA,aAAA;AAAA,MAACC,kBAAA;AAAA,MACC,EAAA,SAAQ,WACR,EAAA,GAAA,EAAI,MACJ,KAAM,EAAA,MAAA,EACN,iBAAmB,EAAAD,aAAA,CAAO,SAAS,EAAA;AAAA,MAEnC,KAAA,CAAA,aAAA;AAAA,QAACC,kBAAA;AAAA,QACC,EAAA,mBAAmBD,aAAO,CAAA,MAAA,EAC1B,SAAQ,WACR,EAAA,GAAA,EAAI,MACJ,EAAA,KAAA,EAAM,sBAAsB,EAAA;AAAA,QAE3B,YAAA;AAAA,QACD,MAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAU,EAAA,SAAA,IAAS,GAAA,CAAA;AAAA,OAAS;AAAA,MAEpC,KAAO,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,QAAQ,CAAA;AAAA,KAAQ;AAAA,IAExB,MAAA;AAAA,IAEC,KAAA,CAAA,aAAA;AAAA,MAAA,KAAA;AAAA,MAAA,EAAK,SAAW,EAAAA,aAAA,CAAO,MAAM,EAAA;AAAA,MAC3B,KAAA,CAAA,cAACE,YAAG,EAAA,EAAC,QAAM,IAAC,EAAA,OAAA,EAAA,CAAS,MAAA,KAAA,IAAA,IAAA,MAAA,KAAA,KAAA,CAAA,GAAA,SAAA,MAAQ,CAAA,OAAA,KAAW,eACrC,EAAA,MAAA,KAAA,QAAA,MAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,OAAO,CAAA;AAAA,KACZ;AAAA,GAET,CAAA;;AAIL,MAAA,CAAO,WAAc,GAAA,iBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Titles/Titles.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"titles":"Titles-module_titles__tO9dZ","pageTitle":"Titles-module_pageTitle__7-ui0","prefix":"Titles-module_prefix__vV-WW","status":"Titles-module_status__RvbTg"};
+
+module.exports = styles;
+//# sourceMappingURL=Titles.module.scss.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Header/components/Titles/Titles.module.scss.js.map

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

package/dist/cjs/packages/components/src/Workflow/subcomponents/Main/Main.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Main_module = require('./Main.module.scss.js');
+
+var Main = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("main", tslib_es6.__assign({ className: classnames([Main_module.main, classNameOverride]) }, restProps), children);
+};
+Main.displayName = "Workflow.Main";
+
+exports.Main = Main;
+//# sourceMappingURL=Main.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Main/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","sources":["../../../../../../../../src/Workflow/subcomponents/Main/Main.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Main.module.scss\"\n\nexport type WorkflowMainProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children: ReactNode\n}\n\nexport const Main = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: WorkflowMainProps): JSX.Element => (\n  <main className={classnames([styles.main, classNameOverride])} {...restProps}>\n    {children}\n  </main>\n)\n\nMain.displayName = \"Workflow.Main\"\n"],"names":["__rest","styles"],"mappings":";;;;;;;AAWa,IAAA,IAAA,GAAO,SAAC,EAID,EAAA;AAHlB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHgB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAIpB,CAAA,CAAA;AAAqC,EAAA,OACpC,iDAAM,WAAW,UAAW,CAAA,CAACC,WAAO,CAAA,IAAA,EAAM,iBAAiB,CAAC,CAAA,EAAO,EAAA,SAAS,GACzE,QAAQ,CAAA,CAAA;;AAIb,IAAA,CAAK,WAAc,GAAA,eAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Main/Main.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"main":"Main-module_main__H-zGJ"};
+
+module.exports = styles;
+//# sourceMappingURL=Main.module.scss.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Main/Main.module.scss.js.map

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

package/dist/cjs/packages/components/src/Workflow/subcomponents/Wrapper/Wrapper.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Wrapper_module = require('./Wrapper.module.scss.js');
+
+var Wrapper = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("div", tslib_es6.__assign({ className: classnames(Wrapper_module.wrapper, classNameOverride) }, restProps), children);
+};
+Wrapper.displayName = "Workflow.Wrapper";
+
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=Wrapper.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Wrapper/Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sources":["../../../../../../../../src/Workflow/subcomponents/Wrapper/Wrapper.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Wrapper.module.scss\"\n\nexport type WorkflowWrapperProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children: ReactNode\n}\n\nexport const Wrapper = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: WorkflowWrapperProps): JSX.Element => (\n  <div className={classnames(styles.wrapper, classNameOverride)} {...restProps}>\n    {children}\n  </div>\n)\n\nWrapper.displayName = \"Workflow.Wrapper\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AAWa,IAAA,OAAA,GAAU,SAAC,EAID,EAAA;AAHrB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHmB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAIvB,CAAA,CAAA;AAAwC,EAAA,OACvC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CAAWC,cAAO,CAAA,OAAA,EAAS,iBAAiB,CAAA,EAAO,EAAA,SAAS,GACzE,QAAQ,CAAA,CAAA;;AAIb,OAAA,CAAQ,WAAc,GAAA,kBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Wrapper/Wrapper.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"wrapper":"Wrapper-module_wrapper__EUUEZ"};
+
+module.exports = styles;
+//# sourceMappingURL=Wrapper.module.scss.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Wrapper/Wrapper.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Select/Select.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var button = require('@react-aria/button');
+var select$1 = require('@react-aria/select');
+var select = require('@react-stately/select');
+var classnames = require('classnames');
+var FieldMessage = require('../../FieldMessage/FieldMessage.js');
+var Popover = require('../../MultiSelect/subcomponents/Popover/Popover.js');
+var reactDom = require('@floating-ui/react-dom');
+var SelectContext = require('./context/SelectContext.js');
+var ListBox = require('./subcomponents/ListBox/ListBox.js');
+var ListBoxSection = require('./subcomponents/ListBoxSection/ListBoxSection.js');
+var ListItem = require('./subcomponents/ListItem/ListItem.js');
+require('./subcomponents/ListItems/ListItems.js');
+var Option = require('./subcomponents/Option/Option.js');
+require('./subcomponents/Overlay/Overlay.js');
+var SectionDivider = require('./subcomponents/SectionDivider/SectionDivider.js');
+var SelectPopoverContents = require('./subcomponents/SelectPopoverContents/SelectPopoverContents.js');
+var SelectToggle = require('./subcomponents/SelectToggle/SelectToggle.js');
+var getDisabledKeysFromItems = require('./utils/getDisabledKeysFromItems.js');
+var transformSelectItemToCollectionElement = require('./utils/transformSelectItemToCollectionElement.js');
+var Select_module = require('./Select.module.scss.js');
+
+var Select = function(_a) {
+  var _b;
+  var label = _a.label, items = _a.items, propsId = _a.id, trigger = _a.trigger, children = _a.children, status = _a.status, validationMessage = _a.validationMessage, isReversed = _a.isReversed, isFullWidth = _a.isFullWidth, disabledValues = _a.disabledValues, classNameOverride = _a.classNameOverride, selectedKey = _a.selectedKey, description = _a.description, placeholder = _a.placeholder, isDisabled = _a.isDisabled, restProps = tslib_es6.__rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled"]);
+  var refs = reactDom.useFloating().refs;
+  var triggerRef = refs.reference;
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  var descriptionId = "".concat(id, "--description");
+  var disabledKeys = getDisabledKeysFromItems.getDisabledKeysFromItems(items);
+  var ariaSelectProps = tslib_es6.__assign({ label, items, children: transformSelectItemToCollectionElement.transformSelectItemToCollectionElement, disabledKeys: disabledValues !== null && disabledValues !== void 0 ? disabledValues : disabledKeys, selectedKey: typeof selectedKey === "number" ? selectedKey.toString() : selectedKey, description, placeholder, isDisabled }, restProps);
+  var state = select.useSelectState(ariaSelectProps);
+  var _c = select$1.useSelect(ariaSelectProps, state, triggerRef), labelProps = _c.labelProps, triggerProps = _c.triggerProps, valueProps = _c.valueProps, menuProps = _c.menuProps, errorMessageProps = _c.errorMessageProps, descriptionProps = _c.descriptionProps;
+  var buttonProps = button.useButton(triggerProps, triggerRef).buttonProps;
+  var selectToggleProps = tslib_es6.__assign(tslib_es6.__assign({}, buttonProps), { label, labelProps, value: (_b = state === null || state === void 0 ? void 0 : state.selectedItem) === null || _b === void 0 ? void 0 : _b.rendered, valueProps, isOpen: state.isOpen, placeholder, status, isDisabled: triggerProps.isDisabled, isReversed, ref: refs.setReference });
+  return React.createElement(
+    "div",
+    { className: classnames(!isFullWidth && Select_module.notFullWidth, classNameOverride) },
+    React.createElement(select$1.HiddenSelect, { label, name: id, state, triggerRef }),
+    React.createElement(
+      "div",
+      { className: Select_module.container },
+      trigger === void 0 ? React.createElement(SelectToggle.SelectToggle, tslib_es6.__assign({}, selectToggleProps)) : trigger(selectToggleProps, selectToggleProps.ref),
+      state.isOpen && React.createElement(
+        Popover.Popover,
+        { refs, focusOnProps: {
+          onEscapeKey: state.close,
+          onClickOutside: state.close,
+          noIsolation: true
+        } },
+        React.createElement(
+          SelectContext.SelectProvider,
+          { state },
+          React.createElement(SelectPopoverContents.SelectPopoverContents, { menuProps }, children)
+        )
+      )
+    ),
+    validationMessage && React.createElement(FieldMessage.FieldMessage, tslib_es6.__assign({}, errorMessageProps, { message: validationMessage, status, reversed: isReversed })),
+    description && React.createElement(FieldMessage.FieldMessage, tslib_es6.__assign({}, descriptionProps, { id: descriptionId, message: description, reversed: isReversed }))
+  );
+};
+Select.displayName = "Select";
+Select.Section = ListBoxSection.ListBoxSection;
+Select.SectionDivider = SectionDivider.SectionDivider;
+Select.Option = Option.Option;
+Select.ItemDefaultRender = ListItem.ListItem;
+Select.TriggerButton = SelectToggle.SelectToggle;
+Select.ListBox = ListBox.ListBox;
+
+exports.Select = Select;
+//# sourceMappingURL=Select.js.map

package/dist/cjs/packages/components/src/__future__/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../../../src/__future__/Select/Select.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { UseFloatingReturn } from \"@floating-ui/react-dom\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport {\n  Popover,\n  useFloating,\n} from \"~components/MultiSelect/subcomponents/Popover\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectProvider } from \"./context\"\nimport {\n  ListBox,\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n  SelectToggle,\n  SelectToggleProps,\n} from \"./subcomponents\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport { getDisabledKeysFromItems } from \"./utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"./utils/transformSelectItemToCollectionElement\"\nimport styles from \"./Select.module.scss\"\n\ntype OmittedAriaSelectProps = \"children\" | \"items\"\n\nexport type SelectProps<Option extends SelectOption = SelectOption> = {\n  /**\n   * Item objects in the collection.\n   */\n  items: Array<SelectItem<Option>>\n  id?: string\n  trigger?: (\n    selectToggleProps: SelectToggleProps & {\n      ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n    },\n    // @deprecated: This arg is unnecessary now, but provided for legacy usages\n    ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n  ) => JSX.Element\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: \"error\" | \"caution\"\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: React.ReactNode | undefined\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Use the `fullWidth` styles.\n   */\n  isFullWidth?: boolean\n  /**\n   * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`\n   */\n  disabledValues?: React.Key[]\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = <Option extends SelectOption = SelectOption>({\n  label,\n  items,\n  id: propsId,\n  trigger,\n  children,\n  status,\n  validationMessage,\n  isReversed,\n  isFullWidth,\n  disabledValues,\n  classNameOverride,\n  selectedKey,\n  description,\n  placeholder,\n  isDisabled,\n  ...restProps\n}: SelectProps<Option>): JSX.Element => {\n  const { refs } = useFloating<HTMLButtonElement>()\n  const triggerRef = refs.reference\n\n  const id = propsId ?? useId()\n  const descriptionId = `${id}--description`\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    disabledKeys: disabledValues ?? disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    description,\n    placeholder,\n    isDisabled,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const {\n    labelProps,\n    triggerProps,\n    valueProps,\n    menuProps,\n    errorMessageProps,\n    descriptionProps,\n  } = useSelect(ariaSelectProps, state, triggerRef)\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n  const selectToggleProps = {\n    ...buttonProps,\n    label,\n    labelProps,\n    value: state?.selectedItem?.rendered,\n    valueProps,\n    isOpen: state.isOpen,\n    placeholder,\n    status,\n    isDisabled: triggerProps.isDisabled,\n    isReversed,\n    ref: refs.setReference,\n  }\n\n  return (\n    <div\n      className={classnames(\n        !isFullWidth && styles.notFullWidth,\n        classNameOverride\n      )}\n    >\n      <HiddenSelect\n        label={label}\n        name={id}\n        state={state}\n        triggerRef={triggerRef}\n      />\n\n      <div className={styles.container}>\n        {trigger === undefined ? (\n          <SelectToggle {...selectToggleProps} />\n        ) : (\n          trigger(selectToggleProps, selectToggleProps.ref)\n        )}\n        {state.isOpen && (\n          <Popover\n            refs={refs}\n            focusOnProps={{\n              onEscapeKey: state.close,\n              onClickOutside: state.close,\n              noIsolation: true,\n            }}\n          >\n            <SelectProvider<Option> state={state}>\n              <SelectPopoverContents menuProps={menuProps}>\n                {children}\n              </SelectPopoverContents>\n            </SelectProvider>\n          </Popover>\n        )}\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          {...errorMessageProps}\n          message={validationMessage}\n          status={status}\n          reversed={isReversed}\n        />\n      )}\n\n      {description && (\n        <FieldMessage\n          {...descriptionProps}\n          id={descriptionId}\n          message={description}\n          reversed={isReversed}\n        />\n      )}\n    </div>\n  )\n}\n\nSelect.displayName = \"Select\"\n\nSelect.Section = ListBoxSection\nSelect.SectionDivider = SectionDivider\nSelect.Option = Option\nSelect.ItemDefaultRender = ListItem\n\n// @deprecated Legacy exported aliases\nSelect.TriggerButton = SelectToggle\nSelect.ListBox = ListBox\n"],"names":["__rest","useFloating","useId","getDisabledKeysFromItems","transformSelectItemToCollectionElement","useSelectState","useSelect","useButton","__assign","styles","HiddenSelect","SelectToggle","Popover","SelectProvider","SelectPopoverContents","FieldMessage","ListBoxSection","SectionDivider","Option","ListItem","ListBox"],"mappings":"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"}

package/dist/cjs/packages/components/src/__future__/Select/Select.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"container":"Select-module_container__TaMKg","notFullWidth":"Select-module_notFullWidth__Mr-3G"};
+
+module.exports = styles;
+//# sourceMappingURL=Select.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Select/Select.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Select/context/SelectContext.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+
+var SelectContext = React.createContext(null);
+var useSelectContext = function() {
+  var context = React.useContext(SelectContext);
+  if (!context) {
+    throw new Error("useSelectContext must be used within the SelectContext.Provider");
+  }
+  return context;
+};
+var SelectProvider = function(_a) {
+  var children = _a.children, state = _a.state;
+  return React.createElement(SelectContext.Provider, { value: { state } }, children);
+};
+
+exports.SelectProvider = SelectProvider;
+exports.useSelectContext = useSelectContext;
+//# sourceMappingURL=SelectContext.js.map

package/dist/cjs/packages/components/src/__future__/Select/context/SelectContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.js","sources":["../../../../../../../../src/__future__/Select/context/SelectContext.tsx"],"sourcesContent":["import React, { useContext } from \"react\"\nimport { SelectState } from \"@react-stately/select\"\nimport { SelectItem, SelectOption } from \"../types\"\n\n// We set the generic default value to `any` as SelectContext\n// is instantiated as a constant which does not accept generics.\ntype SelectContextValue<Option extends SelectOption = any> = {\n  state: SelectState<SelectItem<Option>>\n}\n\nconst SelectContext = React.createContext<SelectContextValue | null>(null)\n\nexport const useSelectContext = <\n  Option extends SelectOption = SelectOption,\n>(): SelectContextValue<Option> => {\n  const context = useContext(SelectContext)\n\n  if (!context) {\n    throw new Error(\n      \"useSelectContext must be used within the SelectContext.Provider\"\n    )\n  }\n\n  return context\n}\n\ntype SelectProviderProps<Option extends SelectOption> = {\n  children: React.ReactNode\n  state: SelectState<SelectItem<Option>>\n}\n\nexport const SelectProvider = <Option extends SelectOption = SelectOption>({\n  children,\n  state,\n}: SelectProviderProps<Option>): JSX.Element => (\n  <SelectContext.Provider value={{ state }}>{children}</SelectContext.Provider>\n)\n"],"names":["useContext"],"mappings":";;;;AAUA,IAAM,aAAA,GAAgB,KAAM,CAAA,aAAA,CAAyC,IAAI,CAAA,CAAA;AAElE,IAAM,mBAAmB,WAAA;AAG9B,EAAM,IAAA,OAAA,GAAUA,iBAAW,aAAa,CAAA,CAAA;AAExC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MACR,iEAAiE,CAAA,CAAA;AAAA,GAEpE;AAED,EAAO,OAAA,OAAA,CAAA;AACT,EAAA;AAOa,IAAA,cAAA,GAAiB,SAA6C,EAG7C,EAAA;MAF5B,QAAQ,GAAA,EAAA,CAAA,QACR,EAAA,KAAA,GAAK,EAAA,CAAA,KAAA,CAAA;AACyC,EAC9C,OAAA,KAAA,CAAA,aAAC,CAAA,aAAA,CAAc,QAAS,EAAA,EAAA,OAAO,EAAE,KAAA,EAAU,EAAA,EAAA,QAAQ,CAAA,CAAA;AADL;;;;;"}

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBox/ListBox.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var listbox = require('@react-aria/listbox');
+var classnames = require('classnames');
+var SelectContext = require('../../context/SelectContext.js');
+var ListBox_module = require('./ListBox.module.scss.js');
+
+var ListBox = function(_a) {
+  var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "menuProps", "classNameOverride"]);
+  var state = SelectContext.useSelectContext().state;
+  var ref = React.useRef(null);
+  var listBoxProps = listbox.useListBox(tslib_es6.__assign(tslib_es6.__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
+  return React.createElement("ul", tslib_es6.__assign({ ref, className: classnames(ListBox_module.listBox, classNameOverride) }, listBoxProps, restProps), children);
+};
+ListBox.displayName = "ListBox";
+
+exports.ListBox = ListBox;
+//# sourceMappingURL=ListBox.js.map

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBox/ListBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/ListBox/ListBox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { AriaListBoxOptions, useListBox } from \"@react-aria/listbox\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useSelectContext } from \"../../context\"\nimport { SelectOption, SelectItem } from \"../../types\"\nimport styles from \"./ListBox.module.scss\"\n\nexport type SingleListBoxProps<Option extends SelectOption> = OverrideClassName<\n  HTMLAttributes<HTMLUListElement>\n> & {\n  children: React.ReactNode\n  /** Props for the popup. */\n  menuProps: AriaListBoxOptions<SelectItem<Option>>\n}\n\nexport const ListBox = <Option extends SelectOption>({\n  children,\n  menuProps,\n  classNameOverride,\n  ...restProps\n}: SingleListBoxProps<Option>): JSX.Element => {\n  const { state } = useSelectContext<Option>()\n  const ref = React.useRef<HTMLUListElement>(null)\n  const { listBoxProps } = useListBox(\n    { ...menuProps, disallowEmptySelection: true, autoFocus: \"first\" },\n    state,\n    ref\n  )\n\n  return (\n    <ul\n      ref={ref}\n      className={classnames(styles.listBox, classNameOverride)}\n      {...listBoxProps}\n      {...restProps}\n    >\n      {children}\n    </ul>\n  )\n}\n\nListBox.displayName = \"ListBox\"\n"],"names":["__rest","useSelectContext","useListBox","__assign","styles"],"mappings":";;;;;;;;;AAgBa,IAAA,OAAA,GAAU,SAA8B,EAKxB,EAAA;AAJ3B,EAAA,IAAA,WAAQ,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,WACT,iBAAiB,GAAA,EAAA,CAAA,iBACd,EAAA,SAAA,GAJgDA,iBAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,mBAAA,CAKpD,CAAA,CAAA;AACS,EAAA,IAAA,KAAA,GAAUC;AAClB,EAAM,IAAA,GAAA,GAAM,KAAM,CAAA,MAAA,CAAyB,IAAI,CAAA,CAAA;AACvC,EAAA,IAAA,eAAiBC,6DAClB,SAAS,CAAA,EAAA,EAAE,sBAAA,EAAwB,MAAM,SAAW,EAAA,OAAA,EACzD,CAAA,EAAA,KAAA,EACA,GAAG;AAGL,EAAA,OACE,MACE,aAAA,CAAA,IAAA,EAAAC,kBAAA,CAAA,EAAA,KACA,SAAW,EAAA,UAAA,CAAWC,cAAO,CAAA,OAAA,EAAS,iBAAiB,CAAC,EAAA,EACpD,YACA,EAAA,SAAS,GAEZ,QAAQ,CAAA,CAAA;AAGf,EAAA;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBox/ListBox.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"listBox":"ListBox-module_listBox__Uf6Mc","focus":"ListBox-module_focus__yrwu3"};
+
+module.exports = styles;
+//# sourceMappingURL=ListBox.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBox/ListBox.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var listbox = require('@react-aria/listbox');
+var typography = require('@kaizen/typography');
+var Option = require('../Option/Option.js');
+var ListBoxSection_module = require('./ListBoxSection.module.scss.js');
+
+var ListBoxSection = function(_a) {
+  var section = _a.section;
+  var _b = listbox.useListBoxSection({
+    heading: section.rendered,
+    "aria-label": section["aria-label"]
+  }), itemProps = _b.itemProps, headingProps = _b.headingProps, groupProps = _b.groupProps;
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "li",
+      tslib_es6.__assign({}, itemProps, { className: ListBoxSection_module.sectionWrapper }),
+      section.rendered && React.createElement(typography.Heading, tslib_es6.__assign({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: ListBoxSection_module.sectionHeading }), section.rendered),
+      React.createElement("ul", tslib_es6.__assign({}, groupProps, { className: ListBoxSection_module.sectionList }), Array.from(section.childNodes).map(function(item) {
+        return React.createElement(Option.Option, { key: item.key, item });
+      }))
+    )
+  );
+};
+ListBoxSection.displayName = "ListBoxSection";
+
+exports.ListBoxSection = ListBoxSection;
+//# sourceMappingURL=ListBoxSection.js.map

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.js","sources":["../../../../../../../../../src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React from \"react\"\nimport { useListBoxSection } from \"@react-aria/listbox\"\nimport { Heading } from \"@kaizen/typography\"\nimport { SelectOption, SelectOptionGroupNode } from \"../../types\"\nimport { Option } from \"../Option/Option\"\nimport styles from \"./ListBoxSection.module.scss\"\n\nexport type ListBoxSectionProps<Option extends SelectOption> = {\n  section: SelectOptionGroupNode<Option>\n}\n\nexport const ListBoxSection = <Option extends SelectOption = SelectOption>({\n  section,\n}: ListBoxSectionProps<Option>): JSX.Element => {\n  const { itemProps, headingProps, groupProps } = useListBoxSection({\n    heading: section.rendered,\n    \"aria-label\": section[\"aria-label\"],\n  })\n\n  return (\n    <>\n      <li {...itemProps} className={styles.sectionWrapper}>\n        {section.rendered && (\n          <Heading\n            tag=\"span\"\n            variant=\"heading-6\"\n            {...headingProps}\n            classNameOverride={styles.sectionHeading}\n          >\n            {section.rendered}\n          </Heading>\n        )}\n        <ul {...groupProps} className={styles.sectionList}>\n          {Array.from(section.childNodes).map(item => (\n            <Option key={item.key} item={item} />\n          ))}\n        </ul>\n      </li>\n    </>\n  )\n}\n\nListBoxSection.displayName = \"ListBoxSection\"\n"],"names":["useListBoxSection","__assign","styles","Heading","Option"],"mappings":";;;;;;;;;AAWa,IAAA,cAAA,GAAiB,SAA6C,EAE7C,EAAA;AAD5B,EAAA,IAAA,UAAO,EAAA,CAAA,OAAA,CAAA;AAED,EAAA,IAAA,KAA0CA,yBAAkB,CAAA;AAAA,IAChE,SAAS,OAAQ,CAAA,QAAA;AAAA,IACjB,YAAA,EAAc,QAAQ,YAAY,CAAA;AAAA,GACnC,GAHO,SAAS,GAAA,EAAA,CAAA,WAAE,YAAY,GAAA,EAAA,CAAA,YAAE,EAAA,UAAA,GAAU,EAAA,CAAA,UAAA,CAAA;AAK3C,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,IAAA;AAAA,MAAAC,kBAAA,CAAA,EAAQ,EAAA,SAAA,EAAW,EAAA,SAAW,EAAAC,qBAAA,CAAO,gBAAc,CAAA;AAAA,MAChD,OAAA,CAAQ,YACP,KAAA,CAAA,aAAA,CAACC,oBAAOF,kBAAA,CAAA,EACN,KAAI,MACJ,EAAA,OAAA,EAAQ,aACJ,EAAA,YAAA,EAAY,EAChB,iBAAmB,EAAAC,qBAAA,CAAO,gBAAc,CAAA,EAEvC,QAAQ,QAAQ,CAAA;AAAA,MAGrB,KAAA,CAAQ,cAAA,IAAA,EAAAD,kBAAA,CAAA,EAAA,EAAA,UAAA,IAAY,SAAW,EAAAC,qBAAA,CAAO,gBACnC,MAAM,IAAK,CAAA,OAAA,CAAQ,UAAU,CAAE,CAAA,GAAA,CAAI,SAAA,IAAI,EAAA;AAAI,QAC1C,OAAA,KAAA,CAAA,cAACE,aAAO,EAAA,EAAA,KAAK,IAAK,CAAA,GAAA,EAAK,MAAU,CAAA,CAAA;AAAA,OAClC,CAAC,CAAA;AAAA,KACC;AAAA,GACF,CAAA;AAGX,EAAA;AAEA,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"sectionWrapper":"ListBoxSection-module_sectionWrapper__2jPgd","sectionHeading":"ListBoxSection-module_sectionHeading__o6WzT","sectionList":"ListBoxSection-module_sectionList__lJ35F"};
+
+module.exports = styles;
+//# sourceMappingURL=ListBoxSection.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.js.map

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

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

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

package/dist/cjs/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":["ListBoxSection","Option"],"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,cAAAA,iCAAuB,GAAK,EAAA,IAAA,CAAK,GAAK,EAAA,OAAA,EAAS,MAAI,CAAA,GAEpD,MAAA,aAAC,CAAAC,aAAA,EAAe,EAAA,GAAK,EAAA,IAAA,CAAK,GAAK,EAAA,IAAA;AAHjC,EAAA;AAMF,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}