@okta/odyssey-react-mui 1.29.0 → 1.32.4

package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateTimePickerTheme = void 0;
+var _utils = require("@mui/utils");
+var _datePickerTheme = require("../../DatePickers/datePickerTheme.cjs");
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const theme = {
+  components: {
+    MuiClock: {
+      styleOverrides: {
+        clock: ({
+          theme
+        }) => ({
+          width: `calc(${theme.spacing(9)} * 4)`,
+          height: `calc(${theme.spacing(9)} * 4)`,
+          backgroundColor: theme.palette.grey[50]
+        }),
+        pin: ({
+          theme
+        }) => ({
+          backgroundColor: theme.palette.primary.light
+        })
+      }
+    },
+    MuiClockPointer: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          backgroundColor: theme.palette.primary.light
+        }),
+        thumb: ({
+          theme
+        }) => ({
+          borderColor: theme.palette.primary.light,
+          backgroundColor: theme.palette.primary.main
+        })
+      }
+    },
+    MuiDateCalendar: {
+      styleOverrides: {
+        root: {
+          display: "block",
+          width: "100%"
+        }
+      }
+    },
+    MuiPickersArrowSwitcher: {
+      styleOverrides: {
+        button: ({
+          theme
+        }) => ({
+          display: "flex",
+          margin: 0,
+          padding: theme.spacing(2),
+          color: theme.typography.body1.color,
+          "& + &": {
+            marginInlineStart: theme.spacing(2)
+          },
+          svg: {
+            display: "flex"
+          }
+        }),
+        spacer: ({
+          theme
+        }) => ({
+          width: theme.spacing(1)
+        })
+      }
+    },
+    MuiPickersLayout: {
+      styleOverrides: {
+        contentWrapper: ({
+          theme
+        }) => ({
+          padding: theme.spacing(3),
+          gridTemplateColumns: "1fr 16px auto"
+        })
+      }
+    },
+    MuiMultiSectionDigitalClockSection: {
+      styleOverrides: {
+        root: {
+          width: "auto"
+        },
+        item: ({
+          theme
+        }) => [_datePickerTheme.dateStyles.default({
+          theme
+        }), {
+          margin: 0,
+          marginInline: theme.spacing(1),
+          "& + &": {
+            marginBlockStart: theme.spacing(1)
+          },
+          "&:hover": _datePickerTheme.dateStyles.hover({
+            theme
+          }),
+          "&:focus": _datePickerTheme.dateStyles.focus({
+            theme
+          }),
+          "&.Mui-selected, &.Mui-selected:focus": _datePickerTheme.dateStyles.selected({
+            theme
+          }),
+          "&.Mui-selected:hover": _datePickerTheme.dateStyles.hoverSelected({
+            theme
+          }),
+          "&.Mui-disabled": _datePickerTheme.dateStyles.disabled({
+            theme
+          })
+        }]
+      }
+    },
+    MuiDateTimePickerToolbar: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          padding: theme.spacing(3)
+        }),
+        dateContainer: ({
+          theme
+        }) => ({
+          flexDirection: "row-reverse",
+          button: {
+            "+ button": {
+              marginInlineEnd: theme.spacing(2)
+            }
+          }
+        }),
+        timeDigitsContainer: {
+          alignItems: "center"
+        },
+        ampmSelection: ({
+          theme
+        }) => ({
+          margin: 0,
+          marginInlineStart: theme.spacing(3),
+          button: {
+            padding: theme.spacing(2),
+            "&:has(.Mui-selected)": {
+              backgroundColor: theme.palette.primary.main,
+              ".Mui-selected": {
+                color: theme.palette.common.white,
+                "&::after": {
+                  display: "none"
+                }
+              }
+            }
+          }
+        }),
+        separator: ({
+          theme
+        }) => ({
+          ...theme.typography.h5,
+          marginBlock: 0,
+          marginInline: theme.spacing(1)
+        })
+      }
+    },
+    MuiPickersToolbarButton: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          height: "auto",
+          padding: 0,
+          margin: 0,
+          border: 0,
+          borderRadius: theme.mixins.borderRadius,
+          backgroundColor: "transparent",
+          color: theme.typography.subtitle1.color,
+          "&:hover": {
+            backgroundColor: "transparent"
+          },
+          "& + &": {
+            marginInlineStart: 0
+          }
+        })
+      }
+    },
+    MuiPickersToolbarText: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          ...theme.typography.h5,
+          position: "relative",
+          margin: 0,
+          lineHeight: 1,
+          color: "inherit",
+          "&::after": {
+            position: "absolute",
+            left: 0,
+            bottom: 0,
+            width: "100%",
+            height: 2,
+            backgroundColor: "currentColor",
+            opacity: 0,
+            content: "''",
+            transition: "opacity 100ms, transform 200ms"
+          },
+          "&.Mui-selected": {
+            color: theme.typography.body1.color,
+            "&::after": {
+              transform: "translateY(2px)",
+              opacity: 1
+            }
+          }
+        })
+      }
+    },
+    MuiTimeClock: {
+      styleOverrides: {
+        arrowSwitcher: {
+          top: 0,
+          right: 0
+        }
+      }
+    }
+  }
+};
+const dateTimePickerTheme = exports.dateTimePickerTheme = (0, _utils.deepmerge)(_datePickerTheme.datePickerTheme, theme);
+//# sourceMappingURL=dateTimePickerTheme.cjs.map

package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePickerTheme.cjs","names":["_utils","require","_datePickerTheme","theme","components","MuiClock","styleOverrides","clock","width","spacing","height","backgroundColor","palette","grey","pin","primary","light","MuiClockPointer","root","thumb","borderColor","main","MuiDateCalendar","display","MuiPickersArrowSwitcher","button","margin","padding","color","typography","body1","marginInlineStart","svg","spacer","MuiPickersLayout","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClockSection","item","dateStyles","default","marginInline","marginBlockStart","hover","focus","selected","hoverSelected","disabled","MuiDateTimePickerToolbar","dateContainer","flexDirection","marginInlineEnd","timeDigitsContainer","alignItems","ampmSelection","common","white","separator","h5","marginBlock","MuiPickersToolbarButton","border","borderRadius","mixins","subtitle1","MuiPickersToolbarText","position","lineHeight","left","bottom","opacity","content","transition","transform","MuiTimeClock","arrowSwitcher","top","right","dateTimePickerTheme","exports","deepmerge","datePickerTheme"],"sources":["../../../../src/labs/DatePickers/dateTimePickerTheme.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// import { CSSInterpolation } from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport { ThemeOptions } from \"@mui/material\";\n\nimport {\n  datePickerTheme,\n  dateStyles,\n} from \"../../DatePickers/datePickerTheme.js\";\n\nconst theme: ThemeOptions = {\n  components: {\n    MuiClock: {\n      styleOverrides: {\n        clock: ({ theme }) => ({\n          width: `calc(${theme.spacing(9)} * 4)`,\n          height: `calc(${theme.spacing(9)} * 4)`,\n          backgroundColor: theme.palette.grey[50],\n        }),\n        pin: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n      },\n    },\n    MuiClockPointer: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n        thumb: ({ theme }) => ({\n          borderColor: theme.palette.primary.light,\n          backgroundColor: theme.palette.primary.main,\n        }),\n      },\n    },\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: {\n          display: \"block\",\n          width: \"100%\",\n        },\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        button: ({ theme }) => ({\n          display: \"flex\",\n          margin: 0,\n          padding: theme.spacing(2),\n          color: theme.typography.body1.color,\n\n          \"& + &\": {\n            marginInlineStart: theme.spacing(2),\n          },\n\n          svg: {\n            display: \"flex\",\n          },\n        }),\n        spacer: ({ theme }) => ({\n          width: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        contentWrapper: ({ theme }) => ({\n          padding: theme.spacing(3),\n          gridTemplateColumns: \"1fr 16px auto\",\n        }),\n      },\n    },\n    MuiMultiSectionDigitalClockSection: {\n      styleOverrides: {\n        root: {\n          width: \"auto\",\n        },\n        item: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            margin: 0,\n            marginInline: theme.spacing(1),\n            \"& + &\": {\n              marginBlockStart: theme.spacing(1),\n            },\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiDateTimePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          padding: theme.spacing(3),\n        }),\n        dateContainer: ({ theme }) => ({\n          flexDirection: \"row-reverse\",\n\n          button: {\n            \"+ button\": {\n              marginInlineEnd: theme.spacing(2),\n            },\n          },\n        }),\n        timeDigitsContainer: {\n          alignItems: \"center\",\n        },\n        ampmSelection: ({ theme }) => ({\n          margin: 0,\n          marginInlineStart: theme.spacing(3),\n\n          button: {\n            padding: theme.spacing(2),\n\n            \"&:has(.Mui-selected)\": {\n              backgroundColor: theme.palette.primary.main,\n\n              \".Mui-selected\": {\n                color: theme.palette.common.white,\n                \"&::after\": {\n                  display: \"none\",\n                },\n              },\n            },\n          },\n        }),\n        separator: ({ theme }) => ({\n          ...theme.typography.h5,\n          marginBlock: 0,\n          marginInline: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersToolbarButton: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          height: \"auto\",\n          padding: 0,\n          margin: 0,\n          border: 0,\n          borderRadius: theme.mixins.borderRadius,\n          backgroundColor: \"transparent\",\n          color: theme.typography.subtitle1.color,\n\n          \"&:hover\": {\n            backgroundColor: \"transparent\",\n          },\n\n          \"& + &\": {\n            marginInlineStart: 0,\n          },\n        }),\n      },\n    },\n    MuiPickersToolbarText: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          ...theme.typography.h5,\n          position: \"relative\",\n          margin: 0,\n          lineHeight: 1,\n          color: \"inherit\",\n\n          \"&::after\": {\n            position: \"absolute\",\n            left: 0,\n            bottom: 0,\n            width: \"100%\",\n            height: 2,\n            backgroundColor: \"currentColor\",\n            opacity: 0,\n            content: \"''\",\n            transition: \"opacity 100ms, transform 200ms\",\n          },\n\n          \"&.Mui-selected\": {\n            color: theme.typography.body1.color,\n\n            \"&::after\": {\n              transform: \"translateY(2px)\",\n              opacity: 1,\n            },\n          },\n        }),\n      },\n    },\n    MuiTimeClock: {\n      styleOverrides: {\n        arrowSwitcher: {\n          top: 0,\n          right: 0,\n        },\n      },\n    },\n  },\n};\nexport const dateTimePickerTheme = deepmerge(datePickerTheme, theme);\n"],"mappings":";;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAWA,MAAME,KAAmB,GAAG;EAC1BC,UAAU,EAAE;IACVC,QAAQ,EAAE;MACRC,cAAc,EAAE;QACdC,KAAK,EAAEA,CAAC;UAAEJ;QAAM,CAAC,MAAM;UACrBK,KAAK,EAAE,QAAQL,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,OAAO;UACtCC,MAAM,EAAE,QAAQP,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,OAAO;UACvCE,eAAe,EAAER,KAAK,CAACS,OAAO,CAACC,IAAI,CAAC,EAAE;QACxC,CAAC,CAAC;QACFC,GAAG,EAAEA,CAAC;UAAEX;QAAM,CAAC,MAAM;UACnBQ,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC;QACzC,CAAC;MACH;IACF,CAAC;IACDC,eAAe,EAAE;MACfX,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBQ,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC;QACzC,CAAC,CAAC;QACFG,KAAK,EAAEA,CAAC;UAAEhB;QAAM,CAAC,MAAM;UACrBiB,WAAW,EAAEjB,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC,KAAK;UACxCL,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACM;QACzC,CAAC;MACH;IACF,CAAC;IACDC,eAAe,EAAE;MACfhB,cAAc,EAAE;QACdY,IAAI,EAAE;UACJK,OAAO,EAAE,OAAO;UAChBf,KAAK,EAAE;QACT;MACF;IACF,CAAC;IACDgB,uBAAuB,EAAE;MACvBlB,cAAc,EAAE;QACdmB,MAAM,EAAEA,CAAC;UAAEtB;QAAM,CAAC,MAAM;UACtBoB,OAAO,EAAE,MAAM;UACfG,MAAM,EAAE,CAAC;UACTC,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UACzBmB,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,CAACC,KAAK,CAACF,KAAK;UAEnC,OAAO,EAAE;YACPG,iBAAiB,EAAE5B,KAAK,CAACM,OAAO,CAAC,CAAC;UACpC,CAAC;UAEDuB,GAAG,EAAE;YACHT,OAAO,EAAE;UACX;QACF,CAAC,CAAC;QACFU,MAAM,EAAEA,CAAC;UAAE9B;QAAM,CAAC,MAAM;UACtBK,KAAK,EAAEL,KAAK,CAACM,OAAO,CAAC,CAAC;QACxB,CAAC;MACH;IACF,CAAC;IACDyB,gBAAgB,EAAE;MAChB5B,cAAc,EAAE;QACd6B,cAAc,EAAEA,CAAC;UAAEhC;QAAM,CAAC,MAAM;UAC9BwB,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UACzB2B,mBAAmB,EAAE;QACvB,CAAC;MACH;IACF,CAAC;IACDC,kCAAkC,EAAE;MAClC/B,cAAc,EAAE;QACdY,IAAI,EAAE;UACJV,KAAK,EAAE;QACT,CAAC;QACD8B,IAAI,EAAEA,CAAC;UAAEnC;QAAM,CAAC,KAAK,CACnBoC,2BAAU,CAACC,OAAO,CAAC;UAAErC;QAAM,CAAC,CAAC,EAC7B;UACEuB,MAAM,EAAE,CAAC;UACTe,YAAY,EAAEtC,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UAC9B,OAAO,EAAE;YACPiC,gBAAgB,EAAEvC,KAAK,CAACM,OAAO,CAAC,CAAC;UACnC,CAAC;UACD,SAAS,EAAE8B,2BAAU,CAACI,KAAK,CAAC;YAAExC;UAAM,CAAC,CAAC;UACtC,SAAS,EAAEoC,2BAAU,CAACK,KAAK,CAAC;YAAEzC;UAAM,CAAC,CAAC;UAEtC,sCAAsC,EAAEoC,2BAAU,CAACM,QAAQ,CAAC;YAC1D1C;UACF,CAAC,CAAC;UACF,sBAAsB,EAAEoC,2BAAU,CAACO,aAAa,CAAC;YAAE3C;UAAM,CAAC,CAAC;UAE3D,gBAAgB,EAAEoC,2BAAU,CAACQ,QAAQ,CAAC;YAAE5C;UAAM,CAAC;QACjD,CAAC;MAEL;IACF,CAAC;IACD6C,wBAAwB,EAAE;MACxB1C,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBwB,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QACFwC,aAAa,EAAEA,CAAC;UAAE9C;QAAM,CAAC,MAAM;UAC7B+C,aAAa,EAAE,aAAa;UAE5BzB,MAAM,EAAE;YACN,UAAU,EAAE;cACV0B,eAAe,EAAEhD,KAAK,CAACM,OAAO,CAAC,CAAC;YAClC;UACF;QACF,CAAC,CAAC;QACF2C,mBAAmB,EAAE;UACnBC,UAAU,EAAE;QACd,CAAC;QACDC,aAAa,EAAEA,CAAC;UAAEnD;QAAM,CAAC,MAAM;UAC7BuB,MAAM,EAAE,CAAC;UACTK,iBAAiB,EAAE5B,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UAEnCgB,MAAM,EAAE;YACNE,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;YAEzB,sBAAsB,EAAE;cACtBE,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACM,IAAI;cAE3C,eAAe,EAAE;gBACfO,KAAK,EAAEzB,KAAK,CAACS,OAAO,CAAC2C,MAAM,CAACC,KAAK;gBACjC,UAAU,EAAE;kBACVjC,OAAO,EAAE;gBACX;cACF;YACF;UACF;QACF,CAAC,CAAC;QACFkC,SAAS,EAAEA,CAAC;UAAEtD;QAAM,CAAC,MAAM;UACzB,GAAGA,KAAK,CAAC0B,UAAU,CAAC6B,EAAE;UACtBC,WAAW,EAAE,CAAC;UACdlB,YAAY,EAAEtC,KAAK,CAACM,OAAO,CAAC,CAAC;QAC/B,CAAC;MACH;IACF,CAAC;IACDmD,uBAAuB,EAAE;MACvBtD,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBO,MAAM,EAAE,MAAM;UACdiB,OAAO,EAAE,CAAC;UACVD,MAAM,EAAE,CAAC;UACTmC,MAAM,EAAE,CAAC;UACTC,YAAY,EAAE3D,KAAK,CAAC4D,MAAM,CAACD,YAAY;UACvCnD,eAAe,EAAE,aAAa;UAC9BiB,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,CAACmC,SAAS,CAACpC,KAAK;UAEvC,SAAS,EAAE;YACTjB,eAAe,EAAE;UACnB,CAAC;UAED,OAAO,EAAE;YACPoB,iBAAiB,EAAE;UACrB;QACF,CAAC;MACH;IACF,CAAC;IACDkC,qBAAqB,EAAE;MACrB3D,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpB,GAAGA,KAAK,CAAC0B,UAAU,CAAC6B,EAAE;UACtBQ,QAAQ,EAAE,UAAU;UACpBxC,MAAM,EAAE,CAAC;UACTyC,UAAU,EAAE,CAAC;UACbvC,KAAK,EAAE,SAAS;UAEhB,UAAU,EAAE;YACVsC,QAAQ,EAAE,UAAU;YACpBE,IAAI,EAAE,CAAC;YACPC,MAAM,EAAE,CAAC;YACT7D,KAAK,EAAE,MAAM;YACbE,MAAM,EAAE,CAAC;YACTC,eAAe,EAAE,cAAc;YAC/B2D,OAAO,EAAE,CAAC;YACVC,OAAO,EAAE,IAAI;YACbC,UAAU,EAAE;UACd,CAAC;UAED,gBAAgB,EAAE;YAChB5C,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,CAACC,KAAK,CAACF,KAAK;YAEnC,UAAU,EAAE;cACV6C,SAAS,EAAE,iBAAiB;cAC5BH,OAAO,EAAE;YACX;UACF;QACF,CAAC;MACH;IACF,CAAC;IACDI,YAAY,EAAE;MACZpE,cAAc,EAAE;QACdqE,aAAa,EAAE;UACbC,GAAG,EAAE,CAAC;UACNC,KAAK,EAAE;QACT;MACF;IACF;EACF;AACF,CAAC;AACM,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,gBAAS,EAACC,gCAAe,EAAE9E,KAAK,CAAC","ignoreList":[]}

package/dist/cjs/labs/DatePickers/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DateTimePicker = require("./DateTimePicker.cjs");
+Object.keys(_DateTimePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateTimePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DateTimePicker[key];
+    }
+  });
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/labs/DatePickers/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["_DateTimePicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/labs/DatePickers/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport * from \"./DateTimePicker.js\";\n"],"mappings":";;;;;AAYA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/labs/GroupPicker.cjs

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupPicker = void 0;
+var _Autocomplete2 = _interopRequireDefault(require("@mui/material/Autocomplete"));
+var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
+var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
+var _Avatar2 = _interopRequireWildcard(require("@mui/material/Avatar"));
+var _react = require("react");
+var _Field = require("../Field.cjs");
+var _Typography = require("../Typography.cjs");
+var _Tag = require("../Tag.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _index = require("../icons.generated/index.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const avatarImageSizeSmall = 16;
+const avatarImageSizeMedium = 24;
+const GroupPicker = ({
+  hasMultipleChoices,
+  isCustomValueAllowed,
+  isDisabled,
+  isLoading,
+  isOptional = false,
+  isReadOnly,
+  hint,
+  label,
+  onChange,
+  onInputChange,
+  options,
+  value,
+  testId
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const isOptionEqualToValue = (0, _react.useCallback)((sourceValue, targetValue) => {
+    return sourceValue.id === targetValue.id;
+  }, []);
+  const getOptionLabel = (0, _react.useCallback)(option => {
+    return option.name;
+  }, []);
+  const renderOption = (0, _react.useCallback)((props, option) => {
+    return (0, _react.createElement)("li", {
+      ...props,
+      key: option.id
+    }, (0, _jsxRuntime.jsxs)(_Box2.default, {
+      sx: {
+        alignItems: "top",
+        display: "flex",
+        flexDirection: "row"
+      },
+      children: [(0, _jsxRuntime.jsx)(_Box2.default, {
+        sx: {
+          paddingRight: odysseyDesignTokens.Spacing2
+        },
+        children: (0, _jsxRuntime.jsx)(_Avatar2.default, {
+          alt: option.name,
+          src: option.logo,
+          sx: {
+            [`.${_Avatar2.avatarClasses.fallback}`]: {
+              visibility: "hidden"
+            },
+            background: "transparent",
+            height: avatarImageSizeMedium,
+            width: avatarImageSizeMedium
+          }
+        })
+      }), (0, _jsxRuntime.jsxs)(_Box2.default, {
+        children: [option.name, (0, _jsxRuntime.jsx)(_Typography.Subordinate, {
+          children: option.description
+        }), (0, _jsxRuntime.jsxs)(_Box2.default, {
+          sx: {
+            display: "flex",
+            flexDirection: "row",
+            paddingTop: odysseyDesignTokens.Spacing1
+          },
+          children: [typeof option.usersCount === "number" && (0, _jsxRuntime.jsxs)(_Box2.default, {
+            sx: {
+              display: "flex",
+              flexDirection: "row",
+              paddingRight: odysseyDesignTokens.Spacing4
+            },
+            children: [(0, _jsxRuntime.jsx)(_index.UserIcon, {}), option.usersCount]
+          }), typeof option.appsCount === "number" && (0, _jsxRuntime.jsxs)(_Box2.default, {
+            sx: {
+              display: "flex",
+              flexDirection: "row",
+              paddingRight: odysseyDesignTokens.Spacing4
+            },
+            children: [(0, _jsxRuntime.jsx)(_index.GridIcon, {}), option.appsCount]
+          }), typeof option.groupPushMappingsCount === "number" && (0, _jsxRuntime.jsxs)(_Box2.default, {
+            sx: {
+              display: "flex",
+              flexDirection: "row"
+            },
+            children: [(0, _jsxRuntime.jsx)(_index.GroupIcon, {}), option.groupPushMappingsCount]
+          })]
+        })]
+      })]
+    }));
+  }, [odysseyDesignTokens]);
+  const renderTags = (0, _react.useCallback)((values, getTagProps) => values.map((option, index) => {
+    const {
+      key,
+      onDelete
+    } = getTagProps({
+      index
+    });
+    return (0, _jsxRuntime.jsx)(_Box2.default, {
+      sx: {
+        margin: odysseyDesignTokens.Spacing1
+      },
+      children: (0, _jsxRuntime.jsx)(_Tag.Tag, {
+        icon: (0, _jsxRuntime.jsx)(_Avatar2.default, {
+          alt: option.name,
+          src: option.logo,
+          sx: {
+            [`.${_Avatar2.avatarClasses.fallback}`]: {
+              visibility: "hidden"
+            },
+            background: "transparent",
+            height: avatarImageSizeSmall,
+            width: avatarImageSizeSmall
+          }
+        }),
+        label: option.name,
+        onRemove: onDelete
+      })
+    }, key);
+  }), [odysseyDesignTokens]);
+  const renderInput = (0, _react.useCallback)(({
+    InputLabelProps,
+    InputProps,
+    ...params
+  }) => (0, _jsxRuntime.jsx)(_Field.Field, {
+    fieldType: "single",
+    hasVisibleLabel: true,
+    id: InputLabelProps.htmlFor,
+    hint: hint,
+    label: label,
+    isOptional: isOptional,
+    renderFieldComponent: ({
+      ariaDescribedBy,
+      id
+    }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
+      ...params,
+      ...InputProps,
+      "aria-describedby": ariaDescribedBy,
+      id: id,
+      required: !isOptional
+    })
+  }), [hint, isOptional, label]);
+  return (0, _jsxRuntime.jsx)(_Autocomplete2.default, {
+    "aria-disabled": isDisabled,
+    "data-se": testId,
+    disabled: isDisabled,
+    filterSelectedOptions: true,
+    freeSolo: isCustomValueAllowed,
+    getOptionLabel: getOptionLabel,
+    isOptionEqualToValue: isOptionEqualToValue,
+    loading: isLoading,
+    multiple: hasMultipleChoices,
+    onChange: onChange,
+    onInputChange: onInputChange,
+    options: options,
+    readOnly: isReadOnly,
+    renderInput: renderInput,
+    renderOption: renderOption,
+    renderTags: renderTags,
+    value: value
+  });
+};
+const MemoizedGroupPicker = exports.GroupPicker = (0, _react.memo)(GroupPicker);
+//# sourceMappingURL=GroupPicker.cjs.map

package/dist/cjs/labs/GroupPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPicker.cjs","names":["_Avatar2","_interopRequireWildcard","require","_react","_Field","_Typography","_Tag","_OdysseyDesignTokensContext","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_interopRequireDefault","avatarImageSizeSmall","avatarImageSizeMedium","GroupPicker","hasMultipleChoices","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","onChange","onInputChange","options","value","testId","odysseyDesignTokens","useOdysseyDesignTokens","isOptionEqualToValue","useCallback","sourceValue","targetValue","id","getOptionLabel","option","name","renderOption","props","createElement","key","jsxs","_Box2","sx","alignItems","display","flexDirection","children","jsx","paddingRight","Spacing2","alt","src","logo","avatarClasses","fallback","visibility","background","height","width","Subordinate","description","paddingTop","Spacing1","usersCount","Spacing4","UserIcon","appsCount","GridIcon","groupPushMappingsCount","GroupIcon","renderTags","values","getTagProps","map","index","onDelete","margin","Tag","icon","onRemove","renderInput","InputLabelProps","InputProps","params","Field","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","ariaDescribedBy","_InputBase2","required","_Autocomplete2","disabled","filterSelectedOptions","freeSolo","loading","multiple","readOnly","MemoizedGroupPicker","exports","memo"],"sources":["../../../src/labs/GroupPicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type {\n  AutocompleteFreeSoloValueMapping,\n  AutocompleteGetTagProps,\n} from \"@mui/material/useAutocomplete\";\n\nimport {\n  Autocomplete as MuiAutocomplete,\n  Avatar as MuiAvatar,\n  Box,\n  InputBase,\n  AutocompleteRenderInputParams,\n} from \"@mui/material\";\nimport { avatarClasses } from \"@mui/material/Avatar\";\nimport { HTMLAttributes, memo, useCallback } from \"react\";\n\nimport { AutocompleteProps } from \"../Autocomplete.js\";\nimport { Field } from \"../Field.js\";\nimport { Subordinate } from \"../Typography.js\";\nimport { Tag } from \"../Tag.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { UserIcon, GridIcon, GroupIcon } from \"../icons.generated/index.js\";\n\nexport type GroupPickerOptionType = {\n  appsCount?: number;\n  description: string;\n  groupPushMappingsCount?: number;\n  id: string;\n  logo?: string;\n  name: string;\n  usersCount?: number;\n};\n\nexport type GroupPickerProps<\n  GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = AutocompleteProps<\n  GroupPickerOptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>;\n\nconst avatarImageSizeSmall = 16;\nconst avatarImageSizeMedium = 24;\n\nconst GroupPicker = <\n  OptionType extends GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  hasMultipleChoices,\n  isCustomValueAllowed,\n  isDisabled,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  hint,\n  label,\n  onChange,\n  onInputChange,\n  options,\n  value,\n  testId,\n}: GroupPickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const isOptionEqualToValue = useCallback(\n    (sourceValue: OptionType, targetValue: OptionType) => {\n      return sourceValue.id === targetValue.id;\n    },\n    [],\n  );\n\n  const getOptionLabel = useCallback(\n    (\n      option:\n        | OptionType\n        | AutocompleteFreeSoloValueMapping<IsCustomValueAllowed>,\n    ) => {\n      return (option as OptionType).name;\n    },\n    [],\n  );\n\n  const renderOption = useCallback(\n    (props: HTMLAttributes<HTMLElement>, option: OptionType) => {\n      return (\n        <li {...props} key={option.id}>\n          <Box\n            sx={{\n              alignItems: \"top\",\n              display: \"flex\",\n              flexDirection: \"row\",\n            }}\n          >\n            <Box sx={{ paddingRight: odysseyDesignTokens.Spacing2 }}>\n              <MuiAvatar\n                alt={option.name}\n                src={option.logo}\n                sx={{\n                  [`.${avatarClasses.fallback}`]: {\n                    visibility: \"hidden\",\n                  },\n                  background: \"transparent\",\n                  height: avatarImageSizeMedium,\n                  width: avatarImageSizeMedium,\n                }}\n              />\n            </Box>\n            <Box>\n              {option.name}\n              <Subordinate>{option.description}</Subordinate>\n              <Box\n                sx={{\n                  display: \"flex\",\n                  flexDirection: \"row\",\n                  paddingTop: odysseyDesignTokens.Spacing1,\n                }}\n              >\n                {typeof option.usersCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <UserIcon />\n                    {option.usersCount}\n                  </Box>\n                )}\n                {typeof option.appsCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <GridIcon />\n                    {option.appsCount}\n                  </Box>\n                )}\n                {typeof option.groupPushMappingsCount === \"number\" && (\n                  <Box sx={{ display: \"flex\", flexDirection: \"row\" }}>\n                    <GroupIcon />\n                    {option.groupPushMappingsCount}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </Box>\n        </li>\n      );\n    },\n    [odysseyDesignTokens],\n  );\n\n  const renderTags = useCallback(\n    (values: OptionType[], getTagProps: AutocompleteGetTagProps) =>\n      values.map((option, index) => {\n        const { key, onDelete } = getTagProps({ index });\n        return (\n          <Box\n            key={key}\n            sx={{\n              margin: odysseyDesignTokens.Spacing1,\n            }}\n          >\n            <Tag\n              icon={\n                <MuiAvatar\n                  alt={option.name}\n                  src={option.logo}\n                  sx={{\n                    [`.${avatarClasses.fallback}`]: {\n                      visibility: \"hidden\",\n                    },\n                    background: \"transparent\",\n                    height: avatarImageSizeSmall,\n                    width: avatarImageSizeSmall,\n                  }}\n                />\n              }\n              label={option.name}\n              onRemove={onDelete}\n            />\n          </Box>\n        );\n      }),\n    [odysseyDesignTokens],\n  );\n\n  const renderInput = useCallback(\n    ({\n      InputLabelProps,\n      InputProps,\n      ...params\n    }: AutocompleteRenderInputParams) => (\n      <Field\n        fieldType=\"single\"\n        hasVisibleLabel\n        // @ts-expect-error The `htmlFor` prop doesn't exist `HTMLAttributes` for a `<label>` element even though it exists in JavaScript.\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        id={InputLabelProps.htmlFor}\n        hint={hint}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({ ariaDescribedBy, id }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [hint, isOptional, label],\n  );\n\n  return (\n    <MuiAutocomplete\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      data-se={testId}\n      disabled={isDisabled}\n      filterSelectedOptions={true}\n      freeSolo={isCustomValueAllowed}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      value={value}\n    />\n  );\n};\n\nconst MemoizedGroupPicker = memo(GroupPicker) as typeof GroupPicker;\n\nexport { MemoizedGroupPicker as GroupPicker };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/OdysseyPickers/ComposablePicker.cjs

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.adornmentSizeValues = exports.ComposablePicker = void 0;
+var _Autocomplete2 = _interopRequireDefault(require("@mui/material/Autocomplete"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _PickerVirtualizationListBox = require("./PickerVirtualizationListBox.cjs");
+var _useAutocomplete = require("../../useAutocomplete.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const adornmentSizeValues = exports.adornmentSizeValues = ["small", "large"];
+const ComposablePicker = ({
+  ariaDescribedBy,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  getIsOptionEqualToValue,
+  getOptionLabel,
+  groupOptionsBy,
+  hasMultipleChoices,
+  id: idOverride,
+  inputValue,
+  isCustomValueAllowed,
+  isDisabled,
+  isFullWidth = false,
+  isLoading,
+  isOptional = false,
+  isReadOnly,
+  isVirtualized = false,
+  hint,
+  HintLinkComponent,
+  label,
+  name: nameOverride,
+  onBlur,
+  onChange,
+  onInputChange,
+  onFocus,
+  options,
+  renderOption,
+  renderTags,
+  value,
+  testId,
+  translate
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    inputValueProp,
+    isVirtualizedRef,
+    renderInput,
+    valueProps
+  } = (0, _useAutocomplete.useAutocomplete)({
+    ariaDescribedBy,
+    defaultValue,
+    errorMessage,
+    errorMessageList,
+    hasMultipleChoices,
+    hint,
+    HintLinkComponent,
+    inputValue,
+    isFullWidth,
+    isOptional,
+    isVirtualized,
+    label,
+    name: nameOverride,
+    testId,
+    value
+  });
+  return (0, _jsxRuntime.jsx)(_Autocomplete2.default, {
+    ...valueProps,
+    ...inputValueProp,
+    ...(isVirtualizedRef.current && {
+      ListboxComponent: _PickerVirtualizationListBox.PickerVirtualizationListBox
+    }),
+    "aria-disabled": isDisabled,
+    clearText: t("clear.text"),
+    closeText: t("close.text"),
+    disableCloseOnSelect: hasMultipleChoices,
+    disabled: isDisabled,
+    freeSolo: isCustomValueAllowed,
+    filterSelectedOptions: true,
+    fullWidth: isFullWidth,
+    getOptionLabel: getOptionLabel,
+    groupBy: groupOptionsBy,
+    id: idOverride,
+    isOptionEqualToValue: getIsOptionEqualToValue,
+    loading: isLoading,
+    multiple: hasMultipleChoices,
+    onBlur: onBlur,
+    onChange: onChange,
+    onInputChange: onInputChange,
+    onFocus: onFocus,
+    options: options,
+    readOnly: isReadOnly,
+    renderInput: renderInput,
+    renderOption: renderOption,
+    renderTags: renderTags,
+    translate: translate
+  });
+};
+const MemoizedComposablePicker = exports.ComposablePicker = (0, _react.memo)(ComposablePicker);
+MemoizedComposablePicker.displayName = "ComposablePicker";
+//# sourceMappingURL=ComposablePicker.cjs.map

package/dist/cjs/labs/OdysseyPickers/ComposablePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposablePicker.cjs","names":["_react","require","_reactI18next","_PickerVirtualizationListBox","_useAutocomplete","_jsxRuntime","_interopRequireDefault","e","__esModule","default","adornmentSizeValues","exports","ComposablePicker","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","getIsOptionEqualToValue","getOptionLabel","groupOptionsBy","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","hint","HintLinkComponent","label","name","nameOverride","onBlur","onChange","onInputChange","onFocus","options","renderOption","renderTags","value","testId","translate","t","useTranslation","inputValueProp","isVirtualizedRef","renderInput","valueProps","useAutocomplete","jsx","_Autocomplete2","current","ListboxComponent","PickerVirtualizationListBox","clearText","closeText","disableCloseOnSelect","disabled","freeSolo","filterSelectedOptions","fullWidth","groupBy","isOptionEqualToValue","loading","multiple","readOnly","MemoizedComposablePicker","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/ComposablePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n} from \"@mui/material\";\n\nimport { AutocompleteProps } from \"../../Autocomplete.js\";\nimport { PickerVirtualizationListBox } from \"./PickerVirtualizationListBox.js\";\nimport { useAutocomplete } from \"../../useAutocomplete.js\";\n\nexport const adornmentSizeValues = [\"small\", \"large\"] as const;\nexport type AdornmentSize = (typeof adornmentSizeValues)[number];\n\nexport type BasePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  adornmentSize?: AdornmentSize;\n  groupOptionsBy?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"groupBy\"];\n};\n\nexport type BasePickerType = {\n  displayName: string;\n  <\n    OptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: BasePickerProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n};\n\nexport type ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  getOptionLabel?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"getOptionLabel\"];\n\n  renderOption: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderOption\"];\n\n  renderTags?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderTags\"];\n};\n\nconst ComposablePicker = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  getOptionLabel,\n  groupOptionsBy,\n  hasMultipleChoices,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isFullWidth = false,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  isVirtualized = false,\n  hint,\n  HintLinkComponent,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange,\n  onInputChange,\n  onFocus,\n  options,\n  renderOption,\n  renderTags,\n  value,\n  testId,\n  translate,\n}: ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const { t } = useTranslation();\n  const { inputValueProp, isVirtualizedRef, renderInput, valueProps } =\n    useAutocomplete<OptionType, HasMultipleChoices, IsCustomValueAllowed>({\n      ariaDescribedBy,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices,\n      hint,\n      HintLinkComponent,\n      inputValue,\n      isFullWidth,\n      isOptional,\n      isVirtualized,\n      label,\n      name: nameOverride,\n      testId,\n      value,\n    });\n\n  return (\n    <MuiAutocomplete\n      {...valueProps}\n      {...inputValueProp}\n      // conditionally provide the ListboxComponent if this needs to be virtualized\n      {...(isVirtualizedRef.current && {\n        ListboxComponent: PickerVirtualizationListBox,\n      })}\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      clearText={t(\"clear.text\")}\n      closeText={t(\"close.text\")}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      freeSolo={isCustomValueAllowed}\n      filterSelectedOptions={true}\n      fullWidth={isFullWidth}\n      getOptionLabel={getOptionLabel}\n      groupBy={groupOptionsBy}\n      id={idOverride}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onBlur={onBlur}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      translate={translate}\n    />\n  );\n};\n\n// Need the `typeof ComposablePicker` because generics don't get passed through\nconst MemoizedComposablePicker = memo(\n  ComposablePicker,\n) as typeof ComposablePicker;\n// @ts-expect-error displayName is expected to not be on `typeof ComposablePicker`\nMemoizedComposablePicker.displayName = \"ComposablePicker\";\n\nexport { MemoizedComposablePicker as ComposablePicker };\n"],"mappings":"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","ignoreList":[]}